From 66c5d0faca229acb443a992cbd17ed97dee36d46 Mon Sep 17 00:00:00 2001 From: Federico Jaramillo Martinez Date: Fri, 5 Jun 2026 20:35:18 +0200 Subject: [PATCH] fix: right align status bar metrics --- .changeset/lean-workspace-context.md | 2 +- src/client/src/components/shared.ts | 5 ++--- 2 files changed, 3 insertions(+), 4 deletions(-) diff --git a/.changeset/lean-workspace-context.md b/.changeset/lean-workspace-context.md index 43e4a76..d44258a 100644 --- a/.changeset/lean-workspace-context.md +++ b/.changeset/lean-workspace-context.md @@ -2,4 +2,4 @@ "@jmfederico/pi-web": patch --- -Reduce repeated machine and workspace details in the chat status bar and workspace tool header so context stays in the location chips. +Reduce repeated machine and workspace details in the chat status bar and workspace tool header, keeping compact session metrics right-aligned. diff --git a/src/client/src/components/shared.ts b/src/client/src/components/shared.ts index 1202696..c4a78f6 100644 --- a/src/client/src/components/shared.ts +++ b/src/client/src/components/shared.ts @@ -390,9 +390,8 @@ export const formattedTextStyles = css` export const statusBarStyles = css` :host { display: block; color: var(--pi-muted); font: 12px system-ui, sans-serif; } - .bar { display: flex; gap: 12px; align-items: center; min-width: 0; padding: 7px 12px; border-top: 1px solid var(--pi-border); background: var(--pi-bg); white-space: nowrap; overflow: hidden; } - span { flex: 0 0 auto; overflow: hidden; text-overflow: ellipsis; } - .context { flex: 1 1 auto; min-width: 0; } + .bar { display: flex; justify-content: flex-end; gap: 12px; align-items: center; min-width: 0; padding: 7px 12px; border-top: 1px solid var(--pi-border); background: var(--pi-bg); white-space: nowrap; overflow: hidden; } + span { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; } .activity { display: inline-flex; align-items: center; gap: 6px; color: var(--pi-muted); } .activity.active { color: var(--pi-success); } .dot { width: 7px; height: 7px; border-radius: 50%; background: currentColor; opacity: .45; flex: 0 0 auto; }