fix(admin): replace raw health badge with proper status indicator, add back-to-console nav

- Replace confusing "ok" badge on admin dashboard with CircleCheck/CircleAlert icons and translated healthy/unhealthy text
- Add "Back to Console" navigation link to admin sidebar
- Add i18n keys: backToConsole, backToPublicSite, healthy, unhealthy (all 8 locales)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: gcmsg

web/app/src/components/layout/Sidebar.tsx

@@ -8,6 +8,7 @@ import {
   BarChart3,
   Activity,
   Github,
+  ArrowLeft,
 } from "lucide-react"
 import { useAuth } from "@/hooks/use-auth"
 import { useTranslation } from "react-i18next"
@@ -62,17 +63,24 @@ export function Sidebar() {
       </nav>
 
       <div className="border-t border-border p-3 space-y-2">
+        <NavLink
+          to="/console"
+          className="flex items-center gap-2 px-3 py-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors"
+        >
+          <ArrowLeft className="size-3.5" />
+          {t('nav.backToConsole')}
+        </NavLink>
         {user && (
           <UserMenu user={user} onLogout={handleLogout} />
         )}
-        <div className="flex items-center justify-between px-3">
+        <div className="flex items-center justify-between px-3 py-1">
           <NavLink
             to="/"
             className="text-xs text-muted-foreground hover:text-foreground transition-colors"
           >
             {t('nav.backToPublicSite')}
           </NavLink>
-          <div className="flex items-center gap-2">
+          <div className="flex items-center gap-1.5">
             <a
               href="https://github.com/peerclaw/peerclaw"
               target="_blank"

web/app/src/i18n/locales/ar.json

@@ -36,6 +36,7 @@
     "signOut": "تسجيل الخروج",
     "adminPanel": "لوحة الإدارة",
     "backToPublicSite": "الرئيسية",
+    "backToConsole": "العودة إلى لوحة التحكم",
     "backToHome": "الرئيسية",
     "peerclawConsole": "لوحة تحكم PeerClaw",
     "peerclawAdmin": "إدارة PeerClaw",
@@ -355,7 +356,9 @@
     "pendingReports": "البلاغات المعلّقة",
     "systemHealth": "صحة النظام",
     "database": "قاعدة البيانات",
-    "overallStatus": "الحالة العامة"
+    "overallStatus": "الحالة العامة",
+    "healthy": "سليم",
+    "unhealthy": "غير سليم"
   },
   "adminAgents": {
     "title": "الوكلاء",

web/app/src/i18n/locales/en.json

@@ -36,6 +36,7 @@
     "signOut": "Sign Out",
     "adminPanel": "Admin Panel",
     "backToPublicSite": "Back to Public Site",
+    "backToConsole": "Back to Console",
     "backToHome": "Home",
     "peerclawConsole": "PeerClaw Console",
     "peerclawAdmin": "PeerClaw Admin",
@@ -355,7 +356,9 @@
     "pendingReports": "Pending Reports",
     "systemHealth": "System Health",
     "database": "Database",
-    "overallStatus": "Overall Status"
+    "overallStatus": "Overall Status",
+    "healthy": "Healthy",
+    "unhealthy": "Unhealthy"
   },
   "adminAgents": {
     "title": "Agents",

web/app/src/i18n/locales/es.json

@@ -36,6 +36,7 @@
     "signOut": "Cerrar sesión",
     "adminPanel": "Panel de administración",
     "backToPublicSite": "Inicio",
+    "backToConsole": "Volver a la Consola",
     "backToHome": "Inicio",
     "peerclawConsole": "Consola PeerClaw",
     "peerclawAdmin": "Administración PeerClaw",
@@ -355,7 +356,9 @@
     "pendingReports": "Reportes pendientes",
     "systemHealth": "Estado del sistema",
     "database": "Base de datos",
-    "overallStatus": "Estado general"
+    "overallStatus": "Estado general",
+    "healthy": "Saludable",
+    "unhealthy": "No saludable"
   },
   "adminAgents": {
     "title": "Agentes",

web/app/src/i18n/locales/fr.json

@@ -36,6 +36,7 @@
     "signOut": "Se déconnecter",
     "adminPanel": "Panneau d'administration",
     "backToPublicSite": "Accueil",
+    "backToConsole": "Retour à la Console",
     "backToHome": "Accueil",
     "peerclawConsole": "Console PeerClaw",
     "peerclawAdmin": "Admin PeerClaw",
@@ -355,7 +356,9 @@
     "pendingReports": "Signalements en attente",
     "systemHealth": "Santé du système",
     "database": "Base de données",
-    "overallStatus": "Statut général"
+    "overallStatus": "Statut général",
+    "healthy": "Sain",
+    "unhealthy": "Défaillant"
   },
   "adminAgents": {
     "title": "Agents",

web/app/src/i18n/locales/ja.json

@@ -36,6 +36,7 @@
     "signOut": "サインアウト",
     "adminPanel": "管理パネル",
     "backToPublicSite": "ホームへ戻る",
+    "backToConsole": "コンソールに戻る",
     "backToHome": "ホーム",
     "peerclawConsole": "PeerClaw コンソール",
     "peerclawAdmin": "PeerClaw 管理",
@@ -355,7 +356,9 @@
     "pendingReports": "保留中の報告",
     "systemHealth": "システムヘルス",
     "database": "データベース",
-    "overallStatus": "全体ステータス"
+    "overallStatus": "全体ステータス",
+    "healthy": "正常",
+    "unhealthy": "異常"
   },
   "adminAgents": {
     "title": "Agent 一覧",

web/app/src/i18n/locales/pt.json

@@ -36,6 +36,7 @@
     "signOut": "Sair",
     "adminPanel": "Painel Admin",
     "backToPublicSite": "Início",
+    "backToConsole": "Voltar ao Console",
     "backToHome": "Início",
     "peerclawConsole": "Console PeerClaw",
     "peerclawAdmin": "Admin PeerClaw",
@@ -355,7 +356,9 @@
     "pendingReports": "Denúncias Pendentes",
     "systemHealth": "Saúde do Sistema",
     "database": "Banco de Dados",
-    "overallStatus": "Status Geral"
+    "overallStatus": "Status Geral",
+    "healthy": "Saudável",
+    "unhealthy": "Não saudável"
   },
   "adminAgents": {
     "title": "Agentes",

web/app/src/i18n/locales/ru.json

@@ -36,6 +36,7 @@
     "signOut": "Выйти",
     "adminPanel": "Панель администратора",
     "backToPublicSite": "Главная",
+    "backToConsole": "Вернуться в консоль",
     "backToHome": "Главная",
     "peerclawConsole": "Консоль PeerClaw",
     "peerclawAdmin": "Администрирование PeerClaw",
@@ -355,7 +356,9 @@
     "pendingReports": "Ожидающие жалобы",
     "systemHealth": "Состояние системы",
     "database": "База данных",
-    "overallStatus": "Общий статус"
+    "overallStatus": "Общий статус",
+    "healthy": "Исправно",
+    "unhealthy": "Неисправно"
   },
   "adminAgents": {
     "title": "Агенты",

web/app/src/i18n/locales/zh.json

@@ -36,6 +36,7 @@
     "signOut": "退出",
     "adminPanel": "管理面板",
     "backToPublicSite": "返回首页",
+    "backToConsole": "返回控制台",
     "backToHome": "首页",
     "peerclawConsole": "PeerClaw 控制台",
     "peerclawAdmin": "PeerClaw 管理",
@@ -355,7 +356,9 @@
     "pendingReports": "待处理举报",
     "systemHealth": "系统健康",
     "database": "数据库",
-    "overallStatus": "总体状态"
+    "overallStatus": "总体状态",
+    "healthy": "正常",
+    "unhealthy": "异常"
   },
   "adminAgents": {
     "title": "Agent",

web/app/src/pages/OverviewPage.tsx

@@ -6,7 +6,7 @@ import {
   CardHeader,
   CardTitle,
 } from "@/components/ui/card"
-import { Badge } from "@/components/ui/badge"
+import { CircleCheck, CircleAlert } from "lucide-react"
 
 export function OverviewPage() {
   const { t } = useTranslation()
@@ -48,9 +48,17 @@ export function OverviewPage() {
             {t('admin.systemOverview')}
           </p>
         </div>
-        <Badge variant={data.health?.status === "ok" ? "default" : "destructive"}>
-          {data.health?.status ?? "unknown"}
-        </Badge>
+        {data.health?.status === "ok" ? (
+          <span className="inline-flex items-center gap-1.5 text-sm text-emerald-500">
+            <CircleCheck className="size-4" />
+            {t('admin.healthy')}
+          </span>
+        ) : (
+          <span className="inline-flex items-center gap-1.5 text-sm text-destructive">
+            <CircleAlert className="size-4" />
+            {t('admin.unhealthy')}
+          </span>
+        )}
       </div>
 
       <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
@@ -76,15 +84,17 @@ export function OverviewPage() {
           <div className="space-y-2">
             <div className="flex items-center justify-between">
               <span className="text-sm text-muted-foreground">{t('admin.database')}</span>
-              <Badge variant={data.health?.database === "ok" ? "default" : "destructive"}>
-                {data.health?.database ?? "n/a"}
-              </Badge>
+              <span className={`inline-flex items-center gap-1.5 text-sm ${data.health?.database === "ok" ? "text-emerald-500" : "text-destructive"}`}>
+                <span className={`size-2 rounded-full ${data.health?.database === "ok" ? "bg-emerald-500" : "bg-destructive"}`} />
+                {data.health?.database === "ok" ? t('admin.healthy') : (data.health?.database ?? "n/a")}
+              </span>
             </div>
             <div className="flex items-center justify-between">
               <span className="text-sm text-muted-foreground">{t('admin.overallStatus')}</span>
-              <Badge variant={data.health?.status === "ok" ? "default" : "destructive"}>
-                {data.health?.status ?? "unknown"}
-              </Badge>
+              <span className={`inline-flex items-center gap-1.5 text-sm ${data.health?.status === "ok" ? "text-emerald-500" : "text-destructive"}`}>
+                <span className={`size-2 rounded-full ${data.health?.status === "ok" ? "bg-emerald-500" : "bg-destructive"}`} />
+                {data.health?.status === "ok" ? t('admin.healthy') : (data.health?.status ?? "unknown")}
+              </span>
             </div>
           </div>
         </CardContent>