@sleep2agi/agent-network-dashboard 0.4.2 → 0.4.3-preview.1

package/app/globals.css

@@ -399,3 +399,71 @@ body {
   background-color: var(--bg-elevated) !important;
   color: var(--fg-muted) !important;
 }
+
+/* ─────────────────────────────────────────────────────────────────────
+   v0.4.3 light-theme polish — Phase 3 P0 fixes
+   ─────────────────────────────────────────────────────────────────── */
+
+/* P0-1: Sidebar gets its own surface in light themes (not page-colored).
+   In Cyber (dark) the sidebar already feels separate via depth; in
+   light/mint the page bg == sidebar bg so only the right border separates
+   them. Switch sidebar to bg-secondary (white) + a hairline shadow. */
+[data-theme="light"] aside[data-anet-sidebar="true"],
+[data-theme="mint"] aside[data-anet-sidebar="true"] {
+  background-color: var(--bg-secondary) !important;
+  /* Right edge: solid hairline border + a soft 16px halo so the sidebar
+     reads as a card hovering over the page, not "part of the page". */
+  box-shadow:
+    1px 0 0 var(--border),
+    8px 0 20px -10px rgba(15, 23, 42, 0.10),
+    0 0 0 1px rgba(15, 23, 42, 0.02);
+  border-right-color: transparent !important;
+}
+/* Also tint page bg slightly cooler so the white sidebar pops more */
+[data-theme="light"] {
+  --bg: #f3f5f8; /* was #f6f7f9 — bumped 3pt cooler for sidebar contrast */
+}
+
+/* P0-2: Active nav — collapse the 4-emerald stack (bg + border + text + ring)
+   to a single accent cue: 3px left bar + medium-weight text. Dark themes
+   keep the existing tinted-pill look. */
+[data-theme="light"] .anet-nav-active,
+[data-theme="mint"] .anet-nav-active {
+  /* Active nav: 1 strong accent cue (3px left bar) + faint bg wash + bold text.
+     Replaces the four-emerald-stack (bg + border + text + ring) with a
+     calmer Linear/Vercel-style "current page" indicator. */
+  background-color: rgba(0, 158, 126, 0.06) !important;
+  border-color: transparent !important;
+  border-left: 3px solid var(--accent) !important;
+  border-radius: 0 8px 8px 0 !important;
+  padding-left: calc(0.75rem - 3px) !important;
+  color: var(--accent) !important;
+  font-weight: 600;
+}
+[data-theme="light"] .anet-nav-active:hover,
+[data-theme="mint"] .anet-nav-active:hover {
+  background-color: rgba(0, 158, 126, 0.10) !important;
+}
+/* When sidebar is collapsed (w-16, justify-center) the left bar would look
+   weird against a centered icon — switch to a left-bg accent instead. */
+[data-theme="light"] aside.w-16 .anet-nav-active,
+[data-theme="mint"] aside.w-16 .anet-nav-active {
+  border-radius: 8px !important;
+  padding-left: 0 !important;
+}
+
+/* P0-3 baseline: error / warning chip colors for light themes.
+   The component-level copy (replacing raw JSON with human text) is fixed
+   in the Logs / Server-Logs page components separately. */
+[data-theme="light"] .anet-error-chip,
+[data-theme="mint"] .anet-error-chip {
+  background-color: rgba(220, 38, 38, 0.06) !important;
+  color: #b91c1c !important;
+  border-color: rgba(220, 38, 38, 0.25) !important;
+}
+[data-theme="light"] .anet-warn-chip,
+[data-theme="mint"] .anet-warn-chip {
+  background-color: rgba(217, 119, 6, 0.08) !important;
+  color: #92400e !important;
+  border-color: rgba(217, 119, 6, 0.28) !important;
+}

package/app/logs/page.tsx

@@ -83,12 +83,22 @@ export default function LogsPage() {
         </select>
       </div>
 
-      {error && (
-        <div className="bg-yellow-900/20 border border-yellow-800/40 text-yellow-300 px-4 py-3 rounded-lg mb-6 text-sm">
-          {error}
-          <span className="text-xs text-gray-500 ml-2">(Audit log may require V3 auth token)</span>
-        </div>
-      )}
+      {error && (() => {
+        // Don't dump raw error JSON to users — translate known patterns.
+        const isAuth = /unauthor|401|forbidden|403|admin/i.test(error);
+        const human = isAuth
+          ? '需要登录才能查看审计日志（admin 角色可看全部）'
+          : '加载失败 —— 请稍后重试';
+        return (
+          <div className="anet-warn-chip bg-yellow-900/20 border border-yellow-800/40 text-yellow-300 px-4 py-3 rounded-lg mb-6 text-sm flex items-start gap-3" role="alert">
+            <span aria-hidden className="text-base leading-none">⚠</span>
+            <div className="flex-1">
+              <div className="font-medium">{human}</div>
+              <div className="text-xs opacity-70 mt-1">如果你已经登录但仍看到此提示，请用 admin 账号重新登录后查看。</div>
+            </div>
+          </div>
+        );
+      })()}
 
       {loading ? (
         <div className="animate-pulse space-y-2">

package/app/server-logs/page.tsx

@@ -141,11 +141,27 @@ export default function ServerLogsPage() {
         </span>
       </div>
 
-      {error && (
-        <div className="mb-3 p-3 rounded border border-red-500/30 bg-red-500/10 text-red-300 text-xs">
-          ❌ {error} (admin 角色才能看 server logs)
-        </div>
-      )}
+      {error && (() => {
+        // Translate server error to user-friendly copy. Keep the raw error
+        // available as a tooltip for debugging, but the user-visible message
+        // stays human.
+        const isAuth = /401|unauthor|forbidden|403|admin/i.test(error);
+        const human = isAuth
+          ? '需要 admin 角色才能查看服务器日志'
+          : '服务器日志暂时无法加载';
+        const sub = isAuth
+          ? '请用 admin 账号登录后查看。当前账号没有这个权限。'
+          : '请检查 CommHub 是否在线，或稍后重试。';
+        return (
+          <div className="anet-error-chip mb-3 p-3 rounded border border-red-500/30 bg-red-500/10 text-red-300 text-sm flex items-start gap-3" role="alert">
+            <span aria-hidden className="text-base leading-none">⛔</span>
+            <div className="flex-1">
+              <div className="font-medium">{human}</div>
+              <div className="text-xs opacity-70 mt-0.5" title={error}>{sub}</div>
+            </div>
+          </div>
+        );
+      })()}
 
       <div className="rounded border border-[#1a1a2a] bg-[#050510] font-mono text-[11px] leading-relaxed overflow-hidden">
         {filtered.length === 0 ? (

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@sleep2agi/agent-network-dashboard",
-  "version": "0.4.2",
+  "version": "0.4.3-preview.1",
   "description": "Agent Network Dashboard — Web UI for managing AI Agent networks",
   "scripts": {
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "eslint"
+    "lint": "eslint",
+    "prepublishOnly": "rm -rf .next && npm run build"
   },
   "bin": {
     "agent-network-dashboard": "./bin/start.js"

package/.next/cache/.previewinfo

@@ -1 +0,0 @@
-{"previewModeId":"e045653925787dba6654cebba5954c17","previewModeSigningKey":"040e4014a2581691b885d5306c6c7d9a9cbd99294215d1fd8e0418cd00d11de4","previewModeEncryptionKey":"d92af7d1bfabd403d8885fbc002b38c580dfa7c3f7e6919f549fb7f8c9214291","expireAt":1779704998939}

package/.next/cache/.rscinfo

@@ -1 +0,0 @@
-{"encryption.key":"90otMO5/pxGZUVJeeE7SsIQlyY2McmXIrUJQEy7ny2E=","encryption.expire_at":1779704998859}