salvacybersec/CodeNomad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ui): render session changes list in one line

Browse Source 
Show each changed file as a single-line row with end-truncated path and right-aligned +additions/-deletions stats for better scanning.
This commit is contained in:
Shantur Rathore
2026-02-09 13:08:42 +00:00
parent d360089b80
commit 8c29741830
1 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
packages/ui/src/components/instance/instance-shell2.tsx
View File

@@ -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>
)}