feat(dashboard): lazy routes, Needs-you strip, URL state, exact numbers

- Workspace, SettingsHub, SessionDetail and the Workflow sub-tab are lazy
  (main bundle 2,166 kB -> ~920 kB), wrapped in RouteErrorBoundary: a stale
  chunk after a self-update reloads once (vite:preloadError too), any other
  error shows a Reload panel instead of a blank page.
- Live refresh: lib/throttle.ts + hooks/useLiveRefresh.ts replace trailing
  debounces that froze under a steady event stream; refresh skips hidden
  tabs and refetches after a WebSocket reconnect. Monitor loads only while
  shown, with one batched GET /api/agents?session_ids= instead of N+1; a
  failing endpoint is an inline error, not a blank Dashboard.
- NeedsYouStrip on Monitor and above Analytics. Tabs, filters, page, sort
  and search live in the URL (Dashboard, Sessions, Activity, SessionDetail).
- Sessions: tool / workspace / date-range filters, CSV/JSON export
  (formula-neutralised), focusable row links, Open in workspace (the dead
  /run links are gone), stale responses dropped, error + Retry.
- Fixes: "NaNs" durations, 30/7-day charts skipping idle days, weekday
  labels west of UTC (now averages), cache hit rate denominator, billable
  tokens vs cache reads, exact tool-call counts, "To" date = end of day,
  invalid ?from= no longer throws, recent list no longer shrinks to 15,
  stable message keys, transcript switch races.
- Light-theme-unreadable bg-black code panels and dark-only DAG fills use
  tokens; status configs and chart colours use theme tokens; Health tab
  and other literals translated.
- Server (additive): GET /api/agents?session_ids=, GET /api/sessions
  awaiting=1&from=&to=, stats tool_call_count/distinct_tool_count, event
  rows carry session/agent labels.
This commit is contained in:
2026-10-05 13:22:04 +07:00
parent 8fb703c6db
commit 03f1673fce
63 changed files with 3879 additions and 1662 deletions
+9 -2
View File
@@ -1,10 +1,17 @@
{
"title": "Activity Feed",
"subtitle": "Real-time stream of all agent events",
"paused": "(paused - {{count}} buffered)",
"paused": "(paused — {{count}} new)",
"resume": "Resume",
"pause": "Pause",
"noActivity": "No activity yet",
"noActivityDesc": "Events will stream here in real-time as Claude Code agents work.",
"viewSession": "Session"
"viewSession": "Session",
"exportCsv": "CSV",
"exportJson": "JSON",
"failedLoad": "Failed to load events",
"newEvents_one": "{{count}} new event — back to the latest",
"newEvents_other": "{{count}} new events — back to the latest",
"firstPage": "First page",
"lastPage": "Last page"
}
+4 -1
View File
@@ -50,5 +50,8 @@
"noSessionTrendData": "No session trend data yet.",
"last7Days": "Last 7 days",
"less": "Less",
"more": "More"
"more": "More",
"tokensExCacheReads": "Tokens (excl. cache reads)",
"cacheReadsSub": "+{{reads}} cache reads · {{pct}}% hit rate",
"avgPerWeekday30d": "Average per weekday, last 30 days"
}
+90 -1
View File
@@ -18,5 +18,94 @@
"failedConnect": "Failed to connect to server",
"failedLoad": "Failed to load data",
"activeTrend": " active",
"totalTrend": " in active sessions"
"totalTrend": " in active sessions",
"tabs": {
"label": "Dashboard views",
"analytics": "Analytics",
"monitor": "Monitor",
"health": "Health"
},
"collapseSubagents": "Collapse subagents",
"expandSubagents": "Expand subagents",
"needsYou": {
"title": "Needs you",
"since": "waiting {{ago}}"
},
"health": {
"runtime": "Runtime",
"cores_one": "{{count}} core",
"cores_other": "{{count}} cores",
"uptime": "Uptime",
"cpu": "CPU (1/5/15m)",
"nodeRss": "Node RSS",
"hostMemory": "Host Memory",
"hostMemoryTip": "Host Memory: {{pct}}% used\n{{used}} / {{total}}",
"heap": "V8 Heap",
"heapTip": "V8 Heap: {{pct}}% used\n{{used}} / {{limit}} limit\nAllocated: {{allocated}}\nExternal: {{external}}",
"storage": "Storage",
"writeVelocityTip": "Write velocity (events):\n5 min: {{m5}}\n15 min: {{m15}}\n1 hr: {{h1}}",
"database": "Database",
"recordsTip": "Record distribution\n\nSessions: {{sessions}} ({{sessPct}}%)\nAgents: {{agents}} ({{agentPct}}%)\nEvents: {{events}} ({{eventPct}}%)\n\nTotal: {{total}} records",
"total": "total",
"sessions": "Sessions",
"agents": "Agents",
"events": "Events",
"score": "Health Score",
"formula": "Formula",
"formulaTip": "Composite index formula:\n0.4 × Success rate ({{success}}%)\n+ 0.25 × Cache hit ({{cache}}%)\n+ 0.25 × (100 − Error rate) ({{noError}}%)\n+ 0.10 × (100 − Heap%) ({{noHeap}}%)\n= {{score}}",
"scoreTip": "Score: {{score}} / 100\n\n• Success rate (40%): {{success}}%\n• Cache hit (25%): {{cache}}%\n• Error avoidance (25%): {{noError}}%\n• Memory health (10%): {{noHeap}}%",
"cache": "Cache",
"cacheTip": "Cache hit rate: {{pct}}%\nHits: {{hits}}\nMisses: {{misses}}",
"errors": "Errors",
"errorsTip": "Error rate: {{pct}}%\n<5% = healthy, 5–15% = warning, >15% = critical",
"compact": "Compact",
"compactTip": "Transcript compactions: {{count}}\nReduces the context window by summarizing turns.",
"saved": "Saved",
"savedTip": "Tokens recovered: {{tokens}}\nFreed by compaction.",
"tokenUsage": "Token Usage",
"totalSuffix": "{{value}} total",
"modelTip": "{{model}}\nInput: {{input}}\nOutput: {{output}}\nCache read: {{cacheRead}}\nShare: {{pct}}%",
"noModelData": "No model data",
"concurrency": "Concurrency",
"intervals_one": "{{count}} interval",
"intervals_other": "{{count}} intervals",
"concurrencyTip": "Peak: {{peak}} parallel sessions\nActive intervals: {{active}}\nAvg: {{avg}}",
"noConcurrencyData": "No concurrency data",
"peak": "Peak",
"peakTip": "Peak: {{count}} sessions running simultaneously.",
"active": "Active",
"activeTip": "{{active}} of {{total}} intervals have active sessions.",
"avg": "Avg",
"avgTip": "Average concurrency across all intervals.",
"toolUsage": "Tool Usage",
"top": "top {{count}}",
"invocationsTip_one": "{{tool}}: {{formatted}} invocation",
"invocationsTip_other": "{{tool}}: {{formatted}} invocations",
"noToolData": "No tool data yet",
"subagentEffectiveness": "Subagent Effectiveness",
"defaultType": "default",
"effectivenessTip": "{{type}}\nSuccess: {{pct}}%\nTotal: {{total}} · OK: {{ok}} · Errors: {{errors}}",
"noSubagentData": "No subagent data yet",
"integration": "Integration",
"hooksActive": "Active",
"hookTip": "Path: {{path}}\nStatus: {{status}}",
"connected": "Connected",
"disconnected": "Disconnected",
"noHooks": "No project hooks registered",
"wsTip": "WebSocket connections: {{count}}\nProtocol: RFC 6455",
"wsActive": "WebSocket active",
"connections_one": "{{count}} connection",
"connections_other": "{{count}} connections",
"platform": "Platform",
"journalMode": "Journal mode",
"synchronous": "Synchronous",
"autoVacuum": "Auto-vacuum",
"foreignKeys": "Foreign keys",
"busyTimeout": "Busy timeout"
},
"errorBoundary": {
"title": "Something went wrong",
"body": "This page failed to load. Reloading usually fixes it — for example after the dashboard was updated.",
"reload": "Reload"
}
}
+111 -1
View File
@@ -37,7 +37,14 @@
"noEvents": "No events recorded.",
"conversation": "Conversation",
"timeline": "Timeline ({{shown}}/{{total}})",
"transcriptNotFound": "Conversation transcript not found for this agent. The transcript file may be missing or not yet linked."
"transcriptNotFound": "Conversation transcript not found for this agent. The transcript file may be missing or not yet linked.",
"back": "Back",
"collapseSubagents": "Collapse subagents",
"expandSubagents": "Expand subagents",
"dashboardRun": {
"title": "A dashboard pane is running this session",
"body": "Open its workspace pane to send follow-ups, watch the output or stop it."
}
},
"remoteSourceBadgeTitle": "Collected from a remote machine",
"toolBadgeTitle": "Recorded by {{tool}}",
@@ -46,5 +53,108 @@
"inWorkspace": "Open in its workspace",
"copyId": "Copy session ID",
"copyFolder": "Copy folder path"
},
"exportCsv": "CSV",
"exportJson": "JSON",
"filterDirectory": "Filter by directory",
"allDirectories": "All directories",
"sortLabel": "Sort sessions",
"sortTimeDesc": "Sort by time (newest)",
"sortTimeAsc": "Sort by time (oldest)",
"sortDurationDesc": "Sort by duration (longest)",
"sortDurationAsc": "Sort by duration (shortest)",
"sortPriceDesc": "Sort by price (highest)",
"sortPriceAsc": "Sort by price (lowest)",
"descending": "Descending",
"ascending": "Ascending",
"filterTool": "Filter by AI tool",
"allTools": "All AI tools",
"filterWorkspace": "Filter by workspace",
"allWorkspaces": "All workspaces",
"dateFrom": "From",
"dateTo": "To",
"clearFilters": "Clear filters",
"failedList": "Failed to load sessions",
"tableRegion": "Sessions table",
"openInWorkspace": "Open in workspace",
"openInWorkspaceTitle": "A dashboard pane is running this session — open it",
"datePicker": {
"placeholder": "Select date & time",
"clear": "Clear date",
"prevMonth": "Previous month",
"nextMonth": "Next month",
"time": "Time"
},
"conversation": {
"failedLoad": "Failed to load transcript",
"transcript": "Transcript",
"messages_one": "{{count}} message",
"messages_other": "{{count}} messages",
"refresh": "Refresh conversation",
"loadingHistory": "Loading history…",
"scrollForOlder": "Scroll up for older messages",
"loading": "Loading conversation…",
"empty": "No conversation records found.",
"emptyBody": "This session's metadata was imported, but its transcript file is no longer on disk. Claude Code automatically deletes inactive session transcripts after a retention period (cleanupPeriodDays, default 30 days), so older conversations may already be gone. Sessions imported from now on are snapshotted and kept even after Claude Code prunes the originals.",
"newMessages": "New messages",
"systemReminder": "System reminder",
"persistedOutput": "Persisted output",
"taskNotification": "Task notification",
"thinking": "Thinking",
"chars_one": "{{formatted}} char",
"chars_other": "{{formatted}} chars",
"sender": {
"user": "User",
"assistant": "Assistant",
"orchestrator": "Main agent",
"system": "System",
"tool": "Tool"
},
"lines_one": "{{count}} line",
"lines_other": "{{count}} lines",
"copyCode": "Copy code",
"copy": "Copy",
"tool": {
"inputTruncated": "Input (truncated)",
"command": "Command",
"newFile": "New file",
"replaceAll": "replace all",
"removed": "Removed",
"added": "Added",
"pattern": "Pattern",
"path": "Path",
"glob": "Glob",
"input": "Input",
"empty": "empty",
"error": "Error",
"output": "Output",
"statusError": "error",
"statusOk": "ok",
"statusPending": "pending"
}
},
"overview": {
"agent": "Agent",
"running": "running",
"events": "Events",
"perMin": "{{rate}}/min",
"toolCalls": "Tool calls",
"unique": "{{count}} unique",
"subagents": "Subagents",
"plusMain_one": "+{{count}} main",
"plusMain_other": "+{{count}} main",
"compactions": "Compactions",
"errors": "Errors",
"duration": "Duration",
"topTools": "Top tools",
"distinctTotal": "{{count}} total",
"noToolCalls": "No tool calls yet.",
"contextCompaction": "Context Compaction",
"runs_one": "{{count}} run",
"runs_other": "{{count}} runs",
"noSubagents": "No subagents in this session.",
"tokenFlow": "Token flow",
"total": "{{value}} total",
"eventMix": "Event mix"
}
}
+15 -2
View File
@@ -204,6 +204,15 @@
"outcomeAbandoned": "Sessions that stopped without a clean Stop event and without explicit errors - usually closed mid-flight.",
"outcomeFallback": "The terminal status of sessions in scope, computed from the last hook event observed for each session."
}
},
"legendItems": {
"sessions": "Sessions",
"mainAgent": "Main agent",
"subagentTypes": "Subagent types",
"compactions": "Compactions",
"completed": "Completed",
"error": "Error",
"abandoned": "Abandoned"
}
},
"drillIn": {
@@ -230,7 +239,9 @@
"noEvents": "No events recorded for this session.",
"showingOf": "Showing 100 of {{total}} events",
"sessionInfo": " session(s) - active {{from}}%-{{to}}% of session",
"sortedByCompaction": " session(s) (sorted by compaction count)"
"sortedByCompaction": " session(s) (sorted by compaction count)",
"openSession": "Open session",
"openInWorkspace": "Open in workspace"
},
"lanes": {
"title": "Workspace Pipeline Pass Rates",
@@ -316,5 +327,7 @@
"sessions_one": "{{count}} session",
"sessions_other": "{{count}} sessions",
"pluginBreakdown": "{{skills}} skill(s) used · {{skillCalls}} skill call(s) · {{mcpCalls}} MCP tool call(s)"
}
},
"selectedNode": "Selected:",
"clearSelection": "Clear selection"
}