@sleep2agi/agent-network-dashboard 0.5.3 → 0.5.5-preview.0

package/app/layout.tsx

@@ -13,6 +13,12 @@ const geistMono = Geist_Mono({
 export const metadata: Metadata = {
   title: "Agent Network Dashboard",
   description: "Real-time monitoring dashboard for Agent Network nodes via CommHub",
+  manifest: "/manifest.webmanifest",
+  appleWebApp: {
+    capable: true,
+    statusBarStyle: "black-translucent",
+    title: "Agent Network",
+  },
   icons: { icon: '/favicon.svg' },
   openGraph: {
     title: "Agent Network Dashboard",
@@ -24,8 +30,8 @@ export const metadata: Metadata = {
 export const viewport: Viewport = {
   width: "device-width",
   initialScale: 1,
-  maximumScale: 1,
-  userScalable: false,
+  maximumScale: 5,
+  userScalable: true,
   themeColor: "#0a0a1a",
 };
 

package/app/lib/serverDedupe.ts

@@ -0,0 +1,122 @@
+/**
+ * #157 RC#2 — host telemetry row dedup for the Servers panel.
+ *
+ * The CommHub /api/servers endpoint keys host telemetry by (hostname,
+ * ip): a machine whose agents report over more than one interface
+ * yields one row per IP. Live data caught `iZrj93pr2rcf5r2y9uo1oyZ`
+ * twice — once at the Docker-bridge IP (carrying cpu/mem telemetry)
+ * and once at loopback (telemetry null) — so the panel showed the same
+ * physical host as two cards with split agent counts.
+ *
+ * Extracted from the /api/hub/servers route handler so the merge can
+ * be unit-tested against a mock fixture independently of the proxy.
+ */
+
+export interface HubServerRow {
+  hostname: string;
+  ip?: string | null;
+  agent_count?: number;
+  cpu_load_1min?: number | null;
+  cpu_cores?: number | null;
+  mem_used_gb?: number | null;
+  mem_total_gb?: number | null;
+  mem_avail_gb?: number | null;
+  disk_used_gb?: number | null;
+  disk_total_gb?: number | null;
+  cpu_history?: number[];
+  mem_history?: number[];
+  agents?: unknown[];
+  last_seen?: string | null;
+  status?: 'online' | 'offline';
+  note?: string;
+}
+
+/**
+ * Parse a hub timestamp to epoch ms. CommHub reports last_seen as
+ * "YYYY-MM-DD HH:MM:SS" (space-separated, no timezone) — treat as UTC
+ * so all clients agree regardless of local zone. ISO 8601 with an
+ * explicit offset also parses cleanly (the +'Z' is only appended when
+ * no zone is present). Returns NaN for missing / unparseable input.
+ */
+export function parseHubTime(ts: string | null | undefined): number {
+  if (!ts) return NaN;
+  const iso = ts.includes('T') ? ts : ts.replace(' ', 'T');
+  const withTz = /[zZ]|[+-]\d{2}:?\d{2}$/.test(iso) ? iso : iso + 'Z';
+  return Date.parse(withTz);
+}
+
+/**
+ * Collapse rows that share a hostname into one card.
+ *
+ * Dedup keys on hostname, not IP: a hostname is the machine identity,
+ * whereas an IP can be shared across hosts behind NAT (two distinct
+ * hostnames can surface as the same public IP) or differ per interface
+ * on one host. Merge rule for a multi-row hostname:
+ *   - agent_count  = sum across rows (one host's total fan-out)
+ *   - telemetry    = freshest-non-null per field — walk rows newest
+ *                    last_seen first, take the first row that actually
+ *                    reports each field, so a stale-but-telemetried row
+ *                    still contributes cpu/mem when the freshest row's
+ *                    values are null
+ *   - last_seen    = newest across rows
+ *   - agents[]     = union, dedup by alias
+ *
+ * Sentinel hostnames that are not real identities — empty or the
+ * literal "unknown" the hub emits when an agent never resolved its
+ * host — are passed through untouched: merging two distinct unknown
+ * machines into one card would be worse than showing both.
+ */
+export function dedupeByHostname(rows: HubServerRow[]): HubServerRow[] {
+  const groups = new Map<string, HubServerRow[]>();
+  const passthrough: HubServerRow[] = [];
+  for (const row of rows) {
+    const h = row.hostname;
+    if (!h || h === 'unknown') { passthrough.push(row); continue; }
+    const bucket = groups.get(h) ?? [];
+    bucket.push(row);
+    groups.set(h, bucket);
+  }
+  const merged: HubServerRow[] = [];
+  for (const bucket of groups.values()) {
+    if (bucket.length === 1) { merged.push(bucket[0]); continue; }
+    // Freshest last_seen first. NaN (missing timestamp) sorts last.
+    const sorted = [...bucket].sort((a, b) => {
+      const ta = parseHubTime(a.last_seen), tb = parseHubTime(b.last_seen);
+      return (Number.isNaN(tb) ? -Infinity : tb) - (Number.isNaN(ta) ? -Infinity : ta);
+    });
+    const coalesce = <K extends keyof HubServerRow>(key: K): HubServerRow[K] | undefined => {
+      for (const r of sorted) {
+        const v = r[key];
+        if (v != null) return v;
+      }
+      return undefined;
+    };
+    const agentMap = new Map<string, unknown>();
+    for (const r of sorted) {
+      if (!Array.isArray(r.agents)) continue;
+      for (const a of r.agents) {
+        const key = (a as { alias?: string })?.alias ?? JSON.stringify(a);
+        if (!agentMap.has(key)) agentMap.set(key, a);
+      }
+    }
+    merged.push({
+      hostname: sorted[0].hostname,
+      ip: coalesce('ip') ?? null,
+      agent_count: bucket.reduce((sum, r) => sum + (r.agent_count ?? 0), 0),
+      cpu_load_1min: coalesce('cpu_load_1min') ?? null,
+      cpu_cores: coalesce('cpu_cores') ?? null,
+      mem_used_gb: coalesce('mem_used_gb') ?? null,
+      mem_total_gb: coalesce('mem_total_gb') ?? null,
+      mem_avail_gb: coalesce('mem_avail_gb') ?? null,
+      disk_used_gb: coalesce('disk_used_gb') ?? null,
+      disk_total_gb: coalesce('disk_total_gb') ?? null,
+      cpu_history: coalesce('cpu_history'),
+      mem_history: coalesce('mem_history'),
+      agents: agentMap.size > 0 ? [...agentMap.values()] : undefined,
+      last_seen: coalesce('last_seen') ?? null,
+      status: coalesce('status'),
+      note: coalesce('note'),
+    });
+  }
+  return [...merged, ...passthrough];
+}

package/app/lib/vendorIdentity.ts

@@ -33,70 +33,88 @@ const UNKNOWN_VENDOR: VendorIdentity = {
   logo: null,
 };
 
+// Vendor identities, named so both the model-prefix rules and the
+// runtime fallback map below can reference the same object.
+const INTERN_VENDOR: VendorIdentity = {
+  id: 'intern',
+  label: '书生 · 上海 AI 实验室',
+  mono: { bg: 'hsl(28 38% 24%)', ring: 'hsl(32 45% 52%)', text: 'hsl(34 60% 82%)' },
+  initial: '书',
+  // #79 shipped this asset — reuse it as the 书生 vendor logo.
+  logo: '/intern_avatar.png',
+};
+const MINIMAX_VENDOR: VendorIdentity = {
+  id: 'minimax',
+  label: 'MiniMax',
+  mono: { bg: 'hsl(18 50% 26%)', ring: 'hsl(18 65% 52%)', text: 'hsl(20 80% 82%)' },
+  initial: 'M',
+  // Official MiniMax mark (simple-icons set, CC0) on a warm-red tinted
+  // badge. Vincent-authorized 2026-05-21 to use real vendor marks.
+  logo: '/vendors/minimax.svg',
+};
+const ANTHROPIC_VENDOR: VendorIdentity = {
+  id: 'anthropic',
+  label: 'Anthropic',
+  mono: { bg: 'hsl(16 32% 26%)', ring: 'hsl(16 48% 54%)', text: 'hsl(18 60% 84%)' },
+  initial: 'A',
+  // Official Anthropic mark (simple-icons set, CC0) on a warm-orange
+  // tinted badge. Vincent-authorized 2026-05-21 to use real vendor marks.
+  logo: '/vendors/claude.svg',
+};
+const OPENAI_VENDOR: VendorIdentity = {
+  id: 'openai',
+  label: 'OpenAI',
+  mono: { bg: 'hsl(165 26% 22%)', ring: 'hsl(165 40% 44%)', text: 'hsl(165 45% 80%)' },
+  initial: 'O',
+  // Official OpenAI mark (simple-icons set, CC0) on a teal tinted
+  // badge. Vincent-authorized 2026-05-21 to use real vendor marks.
+  logo: '/vendors/openai.svg',
+};
+
 // Ordered prefix rules — first match wins. `test` runs against a lowercased
 // model id. Keep the most specific prefixes first.
 const VENDOR_RULES: Array<{ test: (m: string) => boolean; vendor: VendorIdentity }> = [
-  {
-    test: (m) => m.startsWith('intern'),
-    vendor: {
-      id: 'intern',
-      label: '书生 · 上海 AI 实验室',
-      mono: { bg: 'hsl(28 38% 24%)', ring: 'hsl(32 45% 52%)', text: 'hsl(34 60% 82%)' },
-      initial: '书',
-      // #79 shipped this asset — reuse it as the 书生 vendor logo.
-      logo: '/intern_avatar.png',
-    },
-  },
-  {
-    test: (m) => m.startsWith('minimax'),
-    vendor: {
-      id: 'minimax',
-      label: 'MiniMax',
-      mono: { bg: 'hsl(18 50% 26%)', ring: 'hsl(18 65% 52%)', text: 'hsl(20 80% 82%)' },
-      initial: 'M',
-      // P0 (Vincent 5222) custom-designed vendor badge — NOT a copy of
-      // the MiniMax trademark; geometric min/max zigzag in their warm-
-      // red palette. Replaces plain-letter "M" fallback.
-      logo: '/vendors/minimax.svg',
-    },
-  },
-  {
-    test: (m) => m.startsWith('claude'),
-    vendor: {
-      id: 'anthropic',
-      label: 'Anthropic',
-      mono: { bg: 'hsl(16 32% 26%)', ring: 'hsl(16 48% 54%)', text: 'hsl(18 60% 84%)' },
-      initial: 'A',
-      // P0 (Vincent 5222) custom-designed vendor badge — NOT a copy of
-      // the Anthropic trademark; 4-pointed sparkle in their warm-orange
-      // palette evokes AI/Claude without imitating the official mark.
-      // Real Anthropic logo still pending Vincent-direct asset OK.
-      logo: '/vendors/claude.svg',
-    },
-  },
+  { test: (m) => m.startsWith('intern'), vendor: INTERN_VENDOR },
+  { test: (m) => m.startsWith('minimax'), vendor: MINIMAX_VENDOR },
+  { test: (m) => m.startsWith('claude'), vendor: ANTHROPIC_VENDOR },
   {
     test: (m) => m.startsWith('gpt') || m.startsWith('codex') || m.startsWith('o1') || m.startsWith('o3') || m.startsWith('o4'),
-    vendor: {
-      id: 'openai',
-      label: 'OpenAI',
-      mono: { bg: 'hsl(165 26% 22%)', ring: 'hsl(165 40% 44%)', text: 'hsl(165 45% 80%)' },
-      initial: 'O',
-      // P0 (Vincent 5222) custom-designed vendor badge — NOT a copy of
-      // the OpenAI trademark; hexagonal frame + center dot in their
-      // teal palette evokes geometric AI lattice without imitating the
-      // knot. Real OpenAI logo still pending Vincent-direct asset OK.
-      logo: '/vendors/openai.svg',
-    },
+    vendor: OPENAI_VENDOR,
   },
 ];
 
-/** Resolve a model id to its vendor identity. `null` / unmatched → UNKNOWN. */
-export function vendorForModel(model: string | null | undefined): VendorIdentity {
-  if (!model) return UNKNOWN_VENDOR;
-  const m = model.toLowerCase();
-  for (const rule of VENDOR_RULES) {
-    if (rule.test(m)) return rule.vendor;
+/* Runtime → vendor fallback. Used only when the `model` field can't
+ * resolve a vendor (null or unmatched).
+ *
+ * Why this exists: live hub /api/status probe (2026-05-21) showed 62%
+ * of sessions report `model: null` — including ALL claude-code-cli
+ * nodes — so the avatar fell back to the dark "unknown vendor"
+ * monogram for most of the fleet. The `runtime` field, by contrast,
+ * is reliably populated. A claude-code-cli / claude-agent-sdk node is
+ * an Anthropic shell; codex-sdk is OpenAI's. Deriving the vendor from
+ * runtime when the model is silent lights up the vendor logo for the
+ * whole fleet instead of leaving it grey. The model still wins when
+ * present — runtime is strictly the fallback. */
+const RUNTIME_VENDOR: Record<string, VendorIdentity> = {
+  'claude-code-cli': ANTHROPIC_VENDOR,
+  'claude-agent-sdk': ANTHROPIC_VENDOR,
+  'codex-sdk': OPENAI_VENDOR,
+};
+
+/** Resolve a node's vendor identity. Model id wins; when the model is
+ *  null or unmatched, fall back to the execution runtime. Both silent
+ *  → UNKNOWN. */
+export function vendorForModel(
+  model: string | null | undefined,
+  runtime?: string | null | undefined,
+): VendorIdentity {
+  if (model) {
+    const m = model.toLowerCase();
+    for (const rule of VENDOR_RULES) {
+      if (rule.test(m)) return rule.vendor;
+    }
   }
+  if (runtime && RUNTIME_VENDOR[runtime]) return RUNTIME_VENDOR[runtime];
   return UNKNOWN_VENDOR;
 }
 
@@ -146,7 +164,7 @@ export function runtimeIdentity(runtime: string | null | undefined): RuntimeIden
 /** Compact one-line identity for hover / detail surfaces:
  *  "Anthropic · claude-opus-4 · Claude Code CLI". Pieces with no data drop. */
 export function identityLine(model: string | null | undefined, runtime: string | null | undefined): string {
-  const v = vendorForModel(model);
+  const v = vendorForModel(model, runtime);
   const r = runtimeIdentity(runtime);
   const parts: string[] = [];
   if (v.id !== 'unknown') parts.push(v.label);

package/app/manifest.ts

@@ -0,0 +1,23 @@
+import type { MetadataRoute } from 'next';
+
+export default function manifest(): MetadataRoute.Manifest {
+  return {
+    name: 'Agent Network Dashboard',
+    short_name: 'AgentNet',
+    description: 'Mobile command surface for Agent Network and CommHub',
+    start_url: '/',
+    scope: '/',
+    display: 'standalone',
+    background_color: '#0a0a1a',
+    theme_color: '#0a0a1a',
+    orientation: 'portrait',
+    icons: [
+      {
+        src: '/favicon.svg',
+        sizes: 'any',
+        type: 'image/svg+xml',
+        purpose: 'any',
+      },
+    ],
+  };
+}

package/app/nodes/page.tsx

@@ -1,7 +1,6 @@
 'use client';
 
 import { useState } from 'react';
-import Link from 'next/link';
 import { timeAgo } from '../components/utils';
 import { useSessions, useHealth } from '../lib/hooks';
 import { TaskChatPanel } from '../components/TaskChatPanel';
@@ -32,9 +31,6 @@ export default function NodesPage() {
   const [filterStatus, setFilterStatus] = useState('');
   const [search, setSearch] = useState('');
   const [viewMode, setViewMode] = useState<ViewMode>('list');
-  const [taskDrafts, setTaskDrafts] = useState<Record<string, string>>({});
-  const [taskOpenFor, setTaskOpenFor] = useState<string | null>(null);
-  const [sendState, setSendState] = useState<Record<string, { sending?: boolean; error?: string; success?: string }>>({});
   const [chatAlias, setChatAlias] = useState<string | null>(null);
 
   const filtered: SessionRow[] = sessions
@@ -50,44 +46,6 @@ export default function NodesPage() {
 
   const onlineCount = sessions.filter(s => sseFor(s)).length;
 
-  const openSendTask = (alias: string) => {
-    setTaskOpenFor(current => current === alias ? null : alias);
-    setSendState(prev => ({ ...prev, [alias]: {} }));
-  };
-
-  const updateTaskDraft = (alias: string, value: string) => {
-    setTaskDrafts(prev => ({ ...prev, [alias]: value }));
-  };
-
-  const sendTask = async (alias: string) => {
-    const task = taskDrafts[alias]?.trim() || '';
-    if (!task) return;
-
-    setSendState(prev => ({ ...prev, [alias]: { sending: true } }));
-
-    try {
-      const res = await fetch('/api/hub/send', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ alias, task }),
-      });
-      const data = await res.json();
-
-      if (!res.ok || data?.ok === false) {
-        throw new Error(data?.error || 'Send failed');
-      }
-
-      setTaskDrafts(prev => ({ ...prev, [alias]: '' }));
-      setSendState(prev => ({ ...prev, [alias]: { success: 'Task sent' } }));
-      setTaskOpenFor(null);
-    } catch (error: unknown) {
-      setSendState(prev => ({
-        ...prev,
-        [alias]: { error: error instanceof Error ? error.message : 'Send failed' },
-      }));
-    }
-  };
-
   return (
     <div className="min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono">
       <div className="flex items-center gap-4 mb-6">
@@ -195,13 +153,16 @@ export default function NodesPage() {
         <div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4">
           {filtered.map(s => {
             const statusKey = s.online ? s.status : 'offline';
-            const state = sendState[s.alias] || {};
             const progress = typeof s.progress === 'number' ? s.progress : 0;
 
             return (
               <div
                 key={s.alias}
-                className={`relative overflow-hidden rounded-xl border border-[#2a2a4a] bg-[#111128] p-4 transition-colors ${!s.online ? 'opacity-60' : ''}`}
+                role="button"
+                tabIndex={0}
+                onClick={() => setChatAlias(s.alias)}
+                onKeyDown={e => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); setChatAlias(s.alias); } }}
+                className={`relative overflow-hidden rounded-xl border border-[#2a2a4a] bg-[#111128] p-4 transition-colors hover:border-cyan-500/40 cursor-pointer ${!s.online ? 'opacity-60' : ''}`}
               >
                 {!s.online && (
                   <div className="pointer-events-none absolute inset-0 flex items-center justify-center">
@@ -212,7 +173,7 @@ export default function NodesPage() {
                 )}
                 <div className="flex items-start gap-3">
                   <AliasAvatar alias={s.alias} size={36} />
-                  <Link href={`/node?alias=${encodeURIComponent(s.alias)}`} className="min-w-0 flex-1 hover:text-cyan-300">
+                  <div className="min-w-0 flex-1">
                     <div className="flex items-center gap-2">
                       <span className="truncate text-base font-semibold text-white">{s.alias}</span>
                       <span className={`shrink-0 rounded-md border px-2 py-0.5 text-[10px] uppercase tracking-wide ${STATUS_COLORS[statusKey] || STATUS_COLORS.offline}`}>
@@ -222,17 +183,8 @@ export default function NodesPage() {
                     <div className="mt-0.5 truncate text-xs text-gray-500">
                       {(s.agent || '—')}<span className="text-gray-700 mx-1.5">·</span><span title={s.server || ''}>{shortServer(s.server)}</span>
                     </div>
-                  </Link>
-                  <div className="flex gap-1.5 shrink-0">
-                    <button type="button" onClick={() => setChatAlias(s.alias)}
-                      className="rounded-lg border border-green-500/20 bg-green-500/10 px-3 py-1.5 text-xs text-green-300 transition-colors hover:bg-green-500/20">
-                      Chat
-                    </button>
-                    <button type="button" onClick={() => openSendTask(s.alias)}
-                      className="rounded-lg border border-cyan-500/20 bg-cyan-500/10 px-3 py-1.5 text-xs text-cyan-300 transition-colors hover:bg-cyan-500/20">
-                      Task
-                    </button>
                   </div>
+                  <span className="shrink-0 rounded-lg border border-cyan-500/15 bg-cyan-500/5 px-2 py-1 text-[10px] text-cyan-300/70">Tap to chat</span>
                 </div>
 
                 <div className="mt-3 rounded-lg border border-[#1a1a2a] bg-[#0a0a15] px-3 py-2 text-xs">
@@ -251,38 +203,6 @@ export default function NodesPage() {
                   </div>
                 )}
 
-                {taskOpenFor === s.alias && (
-                  <div className="mt-4 space-y-2 rounded-lg border border-[#2a2a4a] bg-[#0a0a15] p-3">
-                    <input
-                      type="text"
-                      value={taskDrafts[s.alias] || ''}
-                      onChange={e => updateTaskDraft(s.alias, e.target.value)}
-                      onKeyDown={e => e.key === 'Enter' && sendTask(s.alias)}
-                      placeholder={`Send task to ${s.alias}...`}
-                      className="w-full rounded-lg border border-[#2a2a4a] bg-[#050510] px-3 py-2 text-xs text-white placeholder-gray-600 focus:border-cyan-500 focus:outline-none"
-                    />
-                    <div className="flex justify-end gap-2">
-                      <button
-                        type="button"
-                        onClick={() => setTaskOpenFor(null)}
-                        className="rounded-lg border border-gray-700 px-3 py-1.5 text-xs text-gray-400 hover:text-gray-200"
-                      >
-                        Cancel
-                      </button>
-                      <button
-                        type="button"
-                        onClick={() => sendTask(s.alias)}
-                        disabled={state.sending || !(taskDrafts[s.alias] || '').trim()}
-                        className="rounded-lg bg-cyan-600 px-3 py-1.5 text-xs text-white hover:bg-cyan-500 disabled:cursor-not-allowed disabled:bg-gray-700"
-                      >
-                        {state.sending ? 'Sending...' : 'Send'}
-                      </button>
-                    </div>
-                  </div>
-                )}
-
-                {state.error && <div className="mt-2 text-xs text-red-400">{state.error}</div>}
-                {state.success && taskOpenFor !== s.alias && <div className="mt-2 text-xs text-green-400">{state.success}</div>}
               </div>
             );
           })}
@@ -290,109 +210,59 @@ export default function NodesPage() {
       ) : (
         <div className="space-y-2">
           {/* Round 94: AGENT + SERVER merged into one `agent · server`
-              cell; the freed 2 columns expand CURRENT TASK so long task
-              content lines wrap less. Total still 12: 1+2+2+4+1+2. */}
-          <div className="hidden sm:grid sm:grid-cols-12 gap-2 px-4 py-2 text-xs text-gray-600 uppercase">
+              cell. Round mobile-command: node row itself opens chat, so
+              the old Chat / Send Task action column is gone. */}
+          <div className="hidden sm:grid sm:grid-cols-10 gap-2 px-4 py-2 text-xs text-gray-600 uppercase">
             <div className="col-span-1">Status</div>
             <div className="col-span-2">Alias</div>
             <div className="col-span-2">Agent · Server</div>
             <div className="col-span-4">Current Task</div>
             <div className="col-span-1">Updated</div>
-            <div className="col-span-2 text-right">Actions</div>
           </div>
           {filtered.map(s => {
             const statusKey = s.online ? s.status : 'offline';
-            const state = sendState[s.alias] || {};
 
             return (
               <div
                 key={s.alias}
-                className={`rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-3 transition-colors hover:border-[#3a3a5a] ${!s.online ? 'opacity-50' : ''}`}
+                role="button"
+                tabIndex={0}
+                onClick={() => setChatAlias(s.alias)}
+                onKeyDown={e => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); setChatAlias(s.alias); } }}
+                className={`rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-3 transition-colors hover:border-cyan-500/40 cursor-pointer ${!s.online ? 'opacity-50' : ''}`}
               >
-                <div className="hidden sm:grid sm:grid-cols-12 gap-2 items-center">
+                <div className="hidden sm:grid sm:grid-cols-10 gap-2 items-center">
                   <div className="col-span-1">
                     <span className={`text-xs px-2 py-0.5 rounded-md border ${STATUS_COLORS[statusKey] || STATUS_COLORS.offline}`}>
                       {statusKey}
                     </span>
                   </div>
                   <div className="col-span-2 min-w-0">
-                    <Link href={`/node?alias=${encodeURIComponent(s.alias)}`} className="flex items-center gap-2 min-w-0 hover:text-cyan-300">
+                    <div className="flex items-center gap-2 min-w-0">
                       <AliasAvatar alias={s.alias} size={20} />
                       <span className="truncate text-sm font-medium text-white">{s.alias}</span>
-                    </Link>
+                    </div>
                   </div>
                   <div className="col-span-2 truncate text-xs text-gray-400" title={s.server || ''}>
                     {s.agent || '--'}<span className="text-gray-700 mx-1.5">·</span>{shortServer(s.server)}
                   </div>
                   <div className="col-span-4 truncate text-xs text-gray-500" title={s.task || ''}>{s.task || '--'}</div>
                   <div className="col-span-1 text-xs text-gray-500">{timeAgo(s.last_seen_at || s.updated_at)}</div>
-                  <div className="col-span-2 flex justify-end gap-1.5">
-                    <button type="button" onClick={() => setChatAlias(s.alias)}
-                      className="rounded-lg border border-green-500/20 bg-green-500/10 px-2 py-1 text-xs text-green-300 hover:bg-green-500/20">
-                      Chat
-                    </button>
-                    <button type="button" onClick={() => openSendTask(s.alias)}
-                      className="rounded-lg border border-cyan-500/20 bg-cyan-500/10 px-2 py-1 text-xs text-cyan-300 hover:bg-cyan-500/20">
-                      Task
-                    </button>
-                  </div>
                 </div>
                 <div className="sm:hidden space-y-2">
                   <div className="flex items-center gap-2.5">
                     <AliasAvatar alias={s.alias} size={28} />
-                    <Link href={`/node?alias=${encodeURIComponent(s.alias)}`} className="min-w-0 flex-1 hover:text-cyan-300">
+                    <div className="min-w-0 flex-1">
                       <div className="truncate text-sm font-medium text-white">{s.alias}</div>
                       <div className="truncate text-[10px] text-gray-500">{s.agent || '—'} · {timeAgo(s.last_seen_at || s.updated_at)}</div>
-                    </Link>
+                    </div>
                     <span className={`shrink-0 text-xs px-2 py-0.5 rounded-md border ${STATUS_COLORS[statusKey] || STATUS_COLORS.offline}`}>
                       {statusKey}
                     </span>
                   </div>
                   {s.task && <div className="truncate text-xs text-gray-500">{s.task}</div>}
-                  <div className="flex gap-2">
-                    <button type="button" onClick={() => setChatAlias(s.alias)}
-                      className="flex-1 rounded-lg border border-green-500/20 bg-green-500/10 px-3 py-2 text-xs text-green-300 hover:bg-green-500/20">
-                      Chat
-                    </button>
-                    <button type="button" onClick={() => openSendTask(s.alias)}
-                      className="flex-1 rounded-lg border border-cyan-500/20 bg-cyan-500/10 px-3 py-2 text-xs text-cyan-300 hover:bg-cyan-500/20">
-                      Send Task
-                    </button>
-                  </div>
+                  <div className="text-[10px] text-cyan-300/70">Tap anywhere to chat</div>
                 </div>
-
-                {taskOpenFor === s.alias && (
-                  <div className="mt-3 space-y-2 border-t border-[#2a2a4a] pt-3">
-                    <input
-                      type="text"
-                      value={taskDrafts[s.alias] || ''}
-                      onChange={e => updateTaskDraft(s.alias, e.target.value)}
-                      onKeyDown={e => e.key === 'Enter' && sendTask(s.alias)}
-                      placeholder={`Send task to ${s.alias}...`}
-                      className="w-full rounded-lg border border-[#2a2a4a] bg-[#0a0a15] px-3 py-2 text-xs text-white placeholder-gray-600 focus:border-cyan-500 focus:outline-none"
-                    />
-                    <div className="flex justify-end gap-2">
-                      <button
-                        type="button"
-                        onClick={() => setTaskOpenFor(null)}
-                        className="rounded-lg border border-gray-700 px-3 py-1.5 text-xs text-gray-400 hover:text-gray-200"
-                      >
-                        Cancel
-                      </button>
-                      <button
-                        type="button"
-                        onClick={() => sendTask(s.alias)}
-                        disabled={state.sending || !(taskDrafts[s.alias] || '').trim()}
-                        className="rounded-lg bg-cyan-600 px-3 py-1.5 text-xs text-white hover:bg-cyan-500 disabled:cursor-not-allowed disabled:bg-gray-700"
-                      >
-                        {state.sending ? 'Sending...' : 'Send'}
-                      </button>
-                    </div>
-                  </div>
-                )}
-
-                {state.error && <div className="mt-2 text-xs text-red-400">{state.error}</div>}
-                {state.success && taskOpenFor !== s.alias && <div className="mt-2 text-xs text-green-400">{state.success}</div>}
               </div>
             );
           })}

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@sleep2agi/agent-network-dashboard",
-  "version": "0.5.3",
-  "description": "Agent Network Dashboard \u2014 Web UI for managing AI Agent networks",
+  "version": "0.5.5-preview.0",
+  "description": "Agent Network Dashboard — Web UI for managing AI Agent networks",
   "scripts": {
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
     "lint": "eslint",
-    "prepublishOnly": "[ -f .next/BUILD_ID ] || (echo 'prepublishOnly: .next/BUILD_ID missing \u2014 run npm run build first (see commit 05c1ebf body for R224 chunk-500 root cause)' >&2 && exit 1)"
+    "prepublishOnly": "[ -f .next/BUILD_ID ] || (echo 'prepublishOnly: .next/BUILD_ID missing — run npm run build first (see commit 05c1ebf body for R224 chunk-500 root cause)' >&2 && exit 1)"
   },
   "bin": {
     "agent-network-dashboard": "./bin/start.js"
@@ -44,4 +44,4 @@
     "tailwindcss": "^4",
     "typescript": "^5"
   }
-}
+}

package/public/vendors/claude.svg

@@ -1,11 +1,10 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
-  <!-- Anthropic / Claude vendor mark.
-       NOT a copy of the Anthropic trademark — custom designed badge
-       in warm-orange palette. 4-rayed sparkle = "AI spark of insight".
-       Real Anthropic logo asset still gated on Vincent-direct. -->
-  <circle cx="32" cy="32" r="32" fill="hsl(16 32% 22%)" />
-  <circle cx="32" cy="32" r="30" fill="none" stroke="hsl(16 48% 54%)" stroke-width="2" />
-  <g fill="hsl(20 80% 78%)" transform="translate(32 32)">
-    <path d="M 0 -18 L 4 -4 L 18 0 L 4 4 L 0 18 L -4 4 L -18 0 L -4 -4 Z" />
+  <!-- Anthropic vendor mark — official Anthropic logo (simple-icons set, CC0).
+       Vincent-authorized 2026-05-21 to use real vendor marks. Tinted circular
+       badge frames the official mark for the dashboard node-avatar context. -->
+  <circle cx="32" cy="32" r="32" fill="hsl(16 32% 22%)"/>
+  <circle cx="32" cy="32" r="30" fill="none" stroke="hsl(16 48% 54%)" stroke-width="2"/>
+  <g transform="translate(16 16) scale(1.333)" fill="hsl(20 80% 82%)">
+    <path d="M17.3041 3.541h-3.6718l6.696 16.918H24Zm-10.6082 0L0 20.459h3.7442l1.3693-3.5527h7.0052l1.3693 3.5528h3.7442L10.5363 3.5409Zm-.3712 10.2232 2.2914-5.9456 2.2914 5.9456Z"/>
   </g>
 </svg>