From 8c297418308057ccebf6eeafa950150925886101 Mon Sep 17 00:00:00 2001
From: Shantur Rathore <i@shantur.com>
Date: Mon, 9 Feb 2026 13:08:42 +0000
Subject: [PATCH] feat(ui): render session changes list in one line

Show each changed file as a single-line row with end-truncated path and right-aligned +additions/-deletions stats for better scanning.
---
 .../components/instance/instance-shell2.tsx    | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/packages/ui/src/components/instance/instance-shell2.tsx b/packages/ui/src/components/instance/instance-shell2.tsx
index 23005b9d..5e2ed131 100644
--- a/packages/ui/src/components/instance/instance-shell2.tsx
+++ b/packages/ui/src/components/instance/instance-shell2.tsx
@@ -1005,12 +1005,18 @@ const InstanceShell2: Component<InstanceShellProps> = (props) => {
               <For each={sorted}>
                 {(item) => (
                   <div class="py-2 border-b border-base last:border-b-0">
-                    <div class="text-xs font-mono text-primary truncate" title={item.file}>
-                      {item.file}
-                    </div>
-                    <div class="flex items-center gap-2 text-[11px]">
-                      <span style={{ color: "var(--session-status-idle-fg)" }}>{`+${item.additions}`}</span>
-                      <span style={{ color: "var(--session-status-working-fg)" }}>{`-${item.deletions}`}</span>
+                    <div class="flex items-center justify-between gap-3">
+                      <div
+                        class="text-xs font-mono text-primary min-w-0 flex-1 overflow-hidden whitespace-nowrap"
+                        title={item.file}
+                        style="text-overflow: ellipsis; direction: rtl; text-align: left; unicode-bidi: plaintext;"
+                      >
+                        {item.file}
+                      </div>
+                      <div class="flex items-center gap-2 text-[11px] flex-shrink-0">
+                        <span style={{ color: "var(--session-status-idle-fg)" }}>{`+${item.additions}`}</span>
+                        <span style={{ color: "var(--session-status-working-fg)" }}>{`-${item.deletions}`}</span>
+                      </div>
                     </div>
                   </div>
                 )}