@sleep2agi/agent-network-dashboard 0.6.3-preview.22 → 0.6.3-preview.24

package/app/nodes/page.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useState } from 'react';
+import { useState, useRef } from 'react';
 import { timeAgo } from '../components/utils';
 import { useSessions, useHealth, useNodeLifecycle } from '../lib/hooks';
 import { useSWRConfig } from 'swr';
@@ -10,6 +10,7 @@ import { NodeLifecycleMenu } from '../components/NodeLifecycleMenu';
 import { EmptyState, NodesEmptyState } from '../components/EmptyState';
 import { AliasAvatar } from '../components/AliasAvatar';
 import { useHasDraft } from '../lib/chat-drafts';
+import { pinyinMatch, usePinyinReady } from '../lib/pinyin-match';
 import { useCollapsibleSearch } from '../components/CollapsibleSearch';
 import type { Session } from '../components/types';
 import { SESSION_STATUS_CHIP_CLASS as STATUS_COLORS } from '../lib/status';
@@ -38,7 +39,7 @@ export default function NodesPage() {
   const { sessions, isLoading: loading } = useSessions();
   const { health } = useHealth();
   const { lifecycleByAlias, nodeIdByAlias } = useNodeLifecycle();
-  const { hasUnread, unreadCount } = useChatUnread();
+  const { hasUnread, unreadCount, lastActivityAt } = useChatUnread();
   const { mutate } = useSWRConfig();
   // RFC-027 PR2 — after a stop/delete/restart dispatch lands, refresh
   // /api/hub/nodes (lifecycle_state) AND /api/hub/status (sessions).
@@ -54,6 +55,8 @@ export default function NodesPage() {
     (s.network_id ? sseMap[`${s.network_id}:${s.alias}`] : undefined) ?? sseMap[s.alias];
   const [filterStatus, setFilterStatus] = useState('');
   const [search, setSearch] = useState('');
+  const pinyinReady = usePinyinReady();
+  void pinyinReady; // R25: re-filter once the lazy pinyin dict lands
   const [viewMode, setViewMode] = useState<ViewMode>('list');
   const [chatAlias, setChatAlias] = useState<string | null>(null);
   const [showCreate, setShowCreate] = useState(false);
@@ -64,11 +67,17 @@ export default function NodesPage() {
   const searchCtl = useCollapsibleSearch({
     value: search,
     onChange: setSearch,
-    placeholder: 'Search nodes…',
+    placeholder: t('搜索节点（支持拼音/首字母）…', 'Search nodes (pinyin ok)…'),
     label: 'Search nodes',
     enabled: sessions.length > 0,
   });
 
+  const lastOnlineRef = useRef<Map<string, number>>(new Map());
+  const nowMs = Date.now();
+  const sortOnline = (alias: string, online: boolean) => {
+    if (online) lastOnlineRef.current.set(alias, nowMs);
+    return (nowMs - (lastOnlineRef.current.get(alias) || 0)) < 60_000 ? 1 : 0;
+  };
   const filtered: SessionRow[] = sessions
     .map(s => ({ ...s, online: !!sseFor(s) }))
     .filter(s => {
@@ -77,8 +86,8 @@ export default function NodesPage() {
       if (filterStatus && filterStatus !== s.status) return false;
       return true;
     })
-    .filter(s => !search || s.alias.toLowerCase().includes(search.toLowerCase()) || (s.agent || '').toLowerCase().includes(search.toLowerCase()))
-    .sort((a, b) => (b.online ? 1 : 0) - (a.online ? 1 : 0) || (b.status === 'working' ? 1 : 0) - (a.status === 'working' ? 1 : 0));
+    .filter(s => !search || pinyinMatch(s.alias, search) || pinyinMatch(s.agent || '', search))
+    .sort((a, b) => (sortOnline(b.alias, b.online) - sortOnline(a.alias, a.online)) || lastActivityAt(b.alias) - lastActivityAt(a.alias)); // R29: working demoted to badge; online sort has 60s hysteresis (see Overview note)
 
   const onlineCount = sessions.filter(s => sseFor(s)).length;
 

package/app/page.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useState, memo } from 'react';
+import { useState, useRef, memo } from 'react';
 import Link from 'next/link';
 import { StatsBar } from './components/StatsBar';
 import { TopoGraph } from './components/TopoGraph';
@@ -36,7 +36,7 @@ export default function Dashboard() {
   const [showTopo, setShowTopo] = useState(typeof window !== 'undefined' && window.innerWidth >= 1024);
   const cmd = useCommandCenter();
   // R8: one page-level unread computation; counts flow to memo'd cards as props.
-  const { unreadCount } = useChatUnread();
+  const { unreadCount, lastActivityAt } = useChatUnread();
   const [agentFilter, setAgentFilter] = useState<'all' | 'working' | 'idle' | 'offline'>('all');
   // #84: last node.renamed event — passed to TopoGraph so an open chat
   // popover follows the rename instead of pointing at a dead alias. `ts`
@@ -99,13 +99,24 @@ export default function Dashboard() {
     }
   }
 
+  // R29 (通信龙批准): 'working' demoted from sort key to visual badge —
+  // it flipped constantly on the live fleet and reshuffled ~100 cards per
+  // 12s window (measured [100,101,100] ×3). WeChat doesn't reorder your
+  // list because the counterpart is busy; the badge + header chip still
+  // show who's working. Sort: online → your conversation recency → hub
+  // order.
+  // R29b: SSE connections flap on the live fleet (reconnect churn), and the
+  // raw online bit still moved ~60 cards per bad window. The SORT key gets
+  // 60s hysteresis — a card holds its online position through a brief
+  // reconnect — while badges/chips keep showing the real-time truth.
+  const lastOnlineRef = useRef<Map<string, number>>(new Map());
+  const nowMs = Date.now();
+  for (const s of sessions) if (isOnline(s)) lastOnlineRef.current.set(s.alias, nowMs);
+  const sortOnline = (s: { alias: string }) => (nowMs - (lastOnlineRef.current.get(s.alias) || 0)) < 60_000 ? 1 : 0;
   const sortedSessions = [...sessions].sort((a, b) => {
-    const aOnline = isOnline(a) ? 1 : 0;
-    const bOnline = isOnline(b) ? 1 : 0;
-    if (aOnline !== bOnline) return bOnline - aOnline;
-    const aWorking = a.status === 'working' ? 1 : 0;
-    const bWorking = b.status === 'working' ? 1 : 0;
-    return bWorking - aWorking;
+    const d = sortOnline(b) - sortOnline(a);
+    if (d !== 0) return d;
+    return lastActivityAt(b.alias) - lastActivityAt(a.alias);
   });
 
   return (

package/package.json

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