diff --git a/desktop/src/renderer/src/lib/components/workspace/WorkspaceOperation.svelte b/desktop/src/renderer/src/lib/components/workspace/WorkspaceOperation.svelte index e045a3c2b..ec08a83ff 100644 --- a/desktop/src/renderer/src/lib/components/workspace/WorkspaceOperation.svelte +++ b/desktop/src/renderer/src/lib/components/workspace/WorkspaceOperation.svelte @@ -24,7 +24,7 @@ async function retryRefresh(event: MouseEvent) { } } -
+
{#if workspaceJobBusy(job)}{/if} {label ?? status ?? "Checking"} diff --git a/desktop/src/renderer/src/lib/components/workspace/WorkspaceOperation.test.ts b/desktop/src/renderer/src/lib/components/workspace/WorkspaceOperation.test.ts index 7086c9e37..21b96034b 100644 --- a/desktop/src/renderer/src/lib/components/workspace/WorkspaceOperation.test.ts +++ b/desktop/src/renderer/src/lib/components/workspace/WorkspaceOperation.test.ts @@ -14,6 +14,13 @@ beforeEach(() => { vi.clearAllMocks() }) describe("WorkspaceOperation", () => { + it("keeps the status pill at intrinsic width inside the live region", () => { + const ui = render(WorkspaceOperation, { id: "ws", status: "Running" }) + const badge = ui.getByText("Running") + const liveRegion = badge.parentElement + expect(liveRegion?.classList.contains("flex-col")).toBe(true) + expect(liveRegion?.classList.contains("items-start")).toBe(true) + }) it("keeps the action visible over a stale runtime observation", () => { workspaceJobs.set({ ws: {