From d4961d94ef7909a7f5f71cb0828367675a32b875 Mon Sep 17 00:00:00 2001 From: nntrivi2001 Date: Mon, 5 Oct 2026 13:22:12 +0700 Subject: [PATCH] test(client): refresh screen snapshots; cover Settings Data and About The UI audit changed roles, aria attributes, theme tokens and layout on most screens; the snapshots are regenerated after review. General split into General / Data / About, so the moved content gets its own two snapshots. --- .../screens.snapshot.test.tsx.snap | 4460 +++++++++-------- .../pages/__tests__/screens.snapshot.test.tsx | 7 + 2 files changed, 2420 insertions(+), 2047 deletions(-) diff --git a/client/src/pages/__tests__/__snapshots__/screens.snapshot.test.tsx.snap b/client/src/pages/__tests__/__snapshots__/screens.snapshot.test.tsx.snap index 3533cc10..b27a1624 100644 --- a/client/src/pages/__tests__/__snapshots__/screens.snapshot.test.tsx.snap +++ b/client/src/pages/__tests__/__snapshots__/screens.snapshot.test.tsx.snap @@ -94,6 +94,72 @@ exports[`screen snapshots > Activity feed 1`] = ` + + +
+ +
@@ -648,6 +732,7 @@ exports[`screen snapshots > Activity feed 1`] = ` class="rounded-2xl bg-surface-4 flex items-center justify-center w-14 h-14 mb-5" >
-
- - - - - - - - - - - - - - -
-
+ Live + +

-

-

- Claude Config Explorer -

- - - Live - -
-

- Your Claude Code setup at a glance - plugins, skills, subagents, MCP servers, hooks, and settings. -

-
+ Your Claude Code setup at a glance - plugins, skills, subagents, MCP servers, hooks, and settings. +

Claude Config 1`] = `
-
- - - -
-
-
- - + + - - + - - + - - + - - + - - + + -
-
+ + + + + + + + Plugins + + + 0 + + + + + + + +
Claude Config 1`] = `
+ Nothing is moved or copied: AgentHub just starts reading transcripts, config and hooks from the new folder. Cursor sessions use the same ~/.claude paths, so they follow it too. +

+
+ + +
@@ -2883,10 +2959,14 @@ exports[`screen snapshots > Dashboard 1`] = ` class="flex items-center gap-3" >
-
Dashboard 1`] = `
-
Total Sessions Dashboard 1`] = ` />
-

- 0 + + 0 + -

-

- 0 active -

-
+ + 0 active + +
+
Total Agents Dashboard 1`] = ` />
-

- 0 + + 0 + -

-

- 0 active -

+ + 0 active + +
- Total Tokens + Tokens (excl. cache reads) Dashboard 1`] = ` />
-

- 0 + + 0 + -

-

- 0% cache hit rate -

+ + +0 cache reads · 0% hit rate + +
Total Cost Dashboard 1`] = ` />
-

- $0.00 + + $0.00 + -

-

- 0 Model -

+ + 0 Model + +
-
Total Events Dashboard 1`] = ` />
-

- 0 + + 0 + -

-

- ~0 per session -

-
+ + ~0 per session + + +
Dashboard 1`] = ` Event Activity - Last 52 Weeks
Dashboard 1`] = ` >
Dashboard 1`] = ` class="flex gap-1 bg-surface-2 rounded-lg p-1 mb-6 w-fit" >
Run 1`] = ` style="left: 0%; top: 0%; width: 100%; height: 100%;" >

@@ -5460,6 +5545,7 @@ exports[`screen snapshots > Session detail 1`] = ` class="flex items-start gap-4" >

Session detail 1`] = `
Session detail 1`] = `
Session detail 1`] = `
- running + Active
@@ -6080,7 +6168,7 @@ exports[`screen snapshots > Session detail 1`] = ` class="text-xs font-semibold text-fg-secondary uppercase tracking-wider flex items-center gap-1.5" > Session detail 1`] = ` - 0 - total + 0 total
Session detail 1`] = ` class="text-xs font-semibold text-fg-secondary uppercase tracking-wider flex items-center gap-1.5" > Session detail 1`] = ` - 0 - runs + 0 runs
Session detail 1`] = ` class="text-xs font-semibold text-fg-secondary uppercase tracking-wider mb-2 flex items-center gap-1.5" > Sessions 1`] = `

- + + + + + + + CSV + + + +
Sessions 1`] = ` /> Sessions 1`] = ` class="relative shrink-0 w-[180px]" > - - -
Sessions 1`] = ` class="relative flex-1" > - - -
+
+ + + + +
@@ -6604,6 +6774,7 @@ exports[`screen snapshots > Sessions 1`] = ` class="rounded-2xl bg-surface-4 flex items-center justify-center w-14 h-14 mb-5" >
+
+
+`; + +exports[`screen snapshots > Settings — about 1`] = ` +
+
-

- - - - - - - Workspaces -

- Machine-wide workspace housekeeping. + Server runtime information.

- -
+

+ v +

+

+ UI build v1.8.13 (rebuild client to match) +

+
+
+
+ + + + +

+ Uptime +

+
+

+ 0m +

+
+
+
+ + + + + + + + + + + + +

+ Node.js +

+
+

+ v22.0.0 +

+
+
+
+ + + + + +

+ Platform +

+
+

+ linux +

+
+
+
+ + + + + + +

+ WS Clients +

+
+

+ 0 +

+
+
+
+ +
+
+`; + +exports[`screen snapshots > Settings — data 1`] = ` +
+
+
+
+
+

+ + + + + Data Management +

+

+ Database info, import/export, and cleanup. +

+
+
+ + Settings 1`] = ` xmlns="http://www.w3.org/2000/svg" > + + - Run housekeeping + Export Data + +
+
+
+
+
+
+ + + + +
+
+

+ Total Estimated Cost +

+

+ + $0.00 + +

+
+
+
+

+ Across all tracked sessions +

+

+ Based on per-model token usage +

+
+
+
+
+
+

+ Database Overview +

+
+ + + + + + + + /tmp/test.db + +
+
+
+
+
+ + + + + + +

+ DB Size +

+
+

+ 0 B +

+
+
+
+
+
+
+
+

+ + + + + + + + Workspaces + +

+

+ Cleans up after workspace sessions: stops MCP server processes that ended sessions left running, and trims workspace log files that grew too large. Nothing in your repositories is touched. +

+
+
+
+ + +
+
+
+
Settings 1`] = ` class="flex items-center gap-2 text-xs font-semibold text-fg-secondary uppercase tracking-wider" > Settings 1`] = ` class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-2" >
Settings 1`] = `

Settings 1`] = `

+
+ + + + + +

- - - - - - Data Management + Session Cleanup

- Database info, import/export, and cleanup. + Abandon stale sessions and purge old data

-
- - - - - - - - Export Data - - -
-
-
+
+ + -
- - - - -
-
-

- Total Estimated Cost -

-

- - $0.00 - -

-
-
-
-

- Across all tracked sessions -

-

- Based on per-model token usage -

-
+ hours +
+
-

+ - Database Overview -

-
- - - - - - - - /tmp/test.db - -
+ days +
-
-
-
- - - - - - -

- DB Size -

-
-

- 0 B -

-
-
-
-
-
-
- - - - - -
-
-

- Session Cleanup -

-

- Abandon stale sessions and purge old data -

-
-
-
-
- -
- - - hours - -
-
-
- -
- - - days - -
-
-
- -
-
-
-
- - - - - -
-
-

- Danger Zone -

-

- Irreversible actions that delete data permanently -

-
-
-
-
-
-

Settings 1`] = ` width="24" xmlns="http://www.w3.org/2000/svg" > - - - - - About -

-

- Server runtime information. -

-
+
+
+
+

+ This browser's preferences +

+

+ Theme, language, notification settings, pet, sidebar and workspace layout are kept in this browser. Save them to a file to move them to another browser, or restore them from one. +

-
Settings 1`] = ` width="24" xmlns="http://www.w3.org/2000/svg" > - - - - -

- Release -

-
-

- v -

-

- UI build v1.8.13 (rebuild client to match) -

-
-
-
+
-

- 0m -

-
-
-
- - - - - - - - - - - - -

- Node.js -

-
-

- v22.0.0 -

-
-
-
- - - - - -

- Platform -

-
-

- linux -

-
-
-
- - - - - - -

- WS Clients -

-
-

- 0 -

+ Import preferences… + +
+
+
+
+
+
+ + + + + +
+
+

+ Danger Zone +

+

+ Irreversible actions that delete data permanently +

+
+
@@ -8499,53 +8797,144 @@ exports[`screen snapshots > Settings — notifications 1`] = `
+

+ These notification settings are saved in this browser only. Alert rules and webhooks below are server-wide: they apply to everyone using this dashboard. +

-

- - - - - Notifications -

-

- Browser notifications for important events. Requires permission. -

-
+ + + + + + Notifications + + +

+ Browser notifications for important events. Requires permission. +

+

+ This page is served from http://localhost, which is not a secure origin. Browsers only show notifications on HTTPS or localhost — open the dashboard through one of those to get them. +

+

+ This browser does not support notifications. +

+
+
+ + + + + + +
+
+
+
+

+ Enable Browser Notifications +

+
+
+ +
+
+
+
+
+
Settings — notifications 1`] = ` d="M8.668 3.01A6 6 0 0 1 18 8c0 2.687.77 4.653 1.707 6.05" /> + Notifications are disabled - enable to get alerts for session events
-
-
-

- Enable Browser Notifications -

-
-
- -
-
+ + + + Reset to defaults +
-
- - - - - - - Notifications are disabled - enable to get alerts for session events -
-
+
Settings — notifications 1`] = ` class="rounded-2xl bg-surface-4 flex items-center justify-center w-10 h-10 mb-3" >
Workflows 1`] = `
- - 1 - -

- Workspace Pipeline Pass Rates -

- -
- -
-
-
-

+

+ Workspace Pipeline Pass Rates +

+ +
+ +
+
+
+

+ No workspace has recorded a stage yet. Create one with + + + agenthub lanes add --cwd $(pwd) + +

+
@@ -10243,128 +10604,35 @@ exports[`screen snapshots > Workflows 1`] = `
- - 7 - -

- Session Drill-In -

- -
- -
-
-
-
+ 7 + +

+ Session Drill-In +

+
-
-
-
- Workflows 1`] = ` > - - -
-

- No session selected -

-

- Search and select a session above, or click a bubble in the scatter plot, to drill into its agent tree, tool timeline, and event sequence. -

+ +
+ +
+
+
+ + + + + + + +
+
+
+
+ Workflows 1`] = ` d="M12 12v3" /> - Agent Tree
-
- - - - Tool Timeline -
-
+

- +

+
- - - - - - - - Event Sequence + + + + + + + + Agent Tree +
+
+ + + + Tool Timeline +
+
+ + + + + + + + + Event Sequence +
diff --git a/client/src/pages/__tests__/screens.snapshot.test.tsx b/client/src/pages/__tests__/screens.snapshot.test.tsx index cf9fd06a..bef91bf9 100644 --- a/client/src/pages/__tests__/screens.snapshot.test.tsx +++ b/client/src/pages/__tests__/screens.snapshot.test.tsx @@ -599,6 +599,13 @@ describe("screen snapshots", () => { it("Settings — notifications", async () => { await snapshot(, "/settings/notifications"); }); + // General split into General / Data / About: keep the moved content covered. + it("Settings — data", async () => { + await snapshot(, "/settings/data"); + }); + it("Settings — about", async () => { + await snapshot(, "/settings/about"); + }); it("Not found", async () => { await snapshot(, "/nope"); });