@sleep2agi/agent-network-dashboard 0.6.3-preview.55 → 0.6.3-preview.56

package/app/providers/page.tsx

@@ -49,6 +49,7 @@ export default function ProvidersPage() {
   const [mock, setMock] = useState(false);
   const [editing, setEditing] = useState<ProviderDraft | null>(null);
   const [showForm, setShowForm] = useState(false);
+  const [toggleError, setToggleError] = useState<string | null>(null);
   const [expandedId, setExpandedId] = useState<string | null>(null);
 
   const fetchProviders = useCallback(async () => {
@@ -73,10 +74,19 @@ export default function ProvidersPage() {
   };
   const toggleEnabled = async (p: Provider) => {
     setProviders(prev => prev.map(x => (x.provider_id || x.name) === (p.provider_id || p.name) ? { ...x, enabled: !x.enabled } : x)); // optimistic
-    await fetch('/api/anet/providers', {
-      method: 'POST', headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ provider_id: p.provider_id, enabled: !p.enabled }),
-    }).catch(() => {});
+    setToggleError(null);
+    // The optimistic flip above is corrected by the refetch below, so a failed
+    // write used to show as the switch quietly sliding back with no reason
+    // given — indistinguishable from a mis-click. Say what happened instead.
+    try {
+      const res = await fetch('/api/anet/providers', {
+        method: 'POST', headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ provider_id: p.provider_id, enabled: !p.enabled }),
+      });
+      if (!res.ok) throw new Error(`HTTP ${res.status}`);
+    } catch (e) {
+      setToggleError(`${p.name}: ${e instanceof Error ? e.message : '请求失败'}`);
+    }
     fetchProviders();
   };
 
@@ -93,6 +103,15 @@ export default function ProvidersPage() {
           新增供应商
         </button>
       </div>
+      {toggleError && (
+        <div
+          data-testid="providers-toggle-error"
+          className="mb-4 rounded-md border border-[var(--border)] bg-[var(--bg-elevated)] px-3 py-2 text-sm text-[var(--fg-muted)]"
+        >
+          <span className="text-[var(--fg)]">启用状态未能保存({toggleError})</span>
+          <span className="ml-2 text-xs">开关已回到服务端的实际状态,请确认 hub 可达后重试。</span>
+        </div>
+      )}
 
       <div className="max-w-3xl space-y-4">
         <p className="text-sm text-gray-500">

package/app/settings/networks/page.tsx

@@ -7,7 +7,15 @@ import { EmptyState } from '../../components/EmptyState';
 import { AliasAvatar } from '../../components/AliasAvatar';
 import useSWR from 'swr';
 
-const fetcher = (url: string) => fetch(url).then(r => r.json());
+// Without the res.ok check a 401 or 500 carrying a JSON body resolves as a
+// successful load, so SWR reports no error and the page renders whatever the
+// error payload happened to contain — or an empty list, which is
+// indistinguishable from "you have no networks".
+const fetcher = async (url: string) => {
+  const r = await fetch(url);
+  if (!r.ok) throw new Error(`HTTP ${r.status}`);
+  return r.json();
+};
 
 interface Network {
   network_id: string;

package/app/settings/tokens/page.tsx

@@ -18,14 +18,22 @@ export default function TokensPage() {
   const [tokens, setTokens] = useState<Token[]>([]);
   const [loading, setLoading] = useState(true);
   const [newName, setNewName] = useState('');
+  const [loadError, setLoadError] = useState<string | null>(null);
   const [createResult, setCreateResult] = useState<{ token?: string; error?: string }>({});
 
   const fetchTokens = useCallback(async () => {
+    // A swallowed failure here used to render the empty state, which tells the
+    // user they have no tokens and invites them to create one — indistinguishable
+    // from a hub that is down, and it invites duplicates. Surface it instead.
+    setLoadError(null);
     try {
       const res = await fetch('/api/hub/tokens');
+      if (!res.ok) throw new Error(`HTTP ${res.status}`);
       const data = await res.json();
       setTokens(data.tokens || []);
-    } catch {} finally { setLoading(false); }
+    } catch (e) {
+      setLoadError(e instanceof Error ? e.message : '请求失败');
+    } finally { setLoading(false); }
   }, []);
 
   useEffect(() => { fetchTokens(); }, [fetchTokens]);
@@ -100,6 +108,18 @@ export default function TokensPage() {
           <h2 className="text-sm font-semibold text-gray-300 mb-3">Active Tokens ({tokens.length})</h2>
           {loading ? (
             <div className="animate-pulse space-y-2">{[1,2].map(i => <div key={i} className="h-12 bg-gray-800/20 rounded" />)}</div>
+          ) : loadError ? (
+            <div
+              data-testid="tokens-load-error"
+              className="rounded-md border border-[var(--border)] bg-[var(--bg-elevated)] px-3 py-3 text-sm text-[var(--fg-muted)]"
+            >
+              <div className="text-[var(--fg)]">无法加载 token 列表({loadError})</div>
+              <div className="mt-1 text-xs">这不代表你没有 token —— 请先确认 hub 可达,不要重复创建。</div>
+              <button
+                onClick={() => { setLoading(true); fetchTokens(); }}
+                className="mt-2 rounded-md border border-[var(--border)] px-2 py-1 text-xs text-[var(--fg)] hover:bg-[var(--hover-tint)]"
+              >重试</button>
+            </div>
           ) : tokens.length === 0 ? (
             <EmptyState
               variant="tokens"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sleep2agi/agent-network-dashboard",
-  "version": "0.6.3-preview.55",
+  "version": "0.6.3-preview.56",
   "description": "Agent Network Dashboard — Web UI for managing AI Agent networks",
   "main": "apps/desktop/electron/main.cjs",
   "scripts": {