diff --git a/packages/kilo-vscode/webview-ui/src/components/chat/ChatView.tsx b/packages/kilo-vscode/webview-ui/src/components/chat/ChatView.tsx index 6ca8166718a..c50fd424c7a 100644 --- a/packages/kilo-vscode/webview-ui/src/components/chat/ChatView.tsx +++ b/packages/kilo-vscode/webview-ui/src/components/chat/ChatView.tsx @@ -151,15 +151,18 @@ export const ChatView: Component = (props) => { {language.t("command.session.new.task")} - + + 0f}> + {session.summary()!.files}f + +{session.summary()!.additions} + -{session.summary()!.deletions} + + diff --git a/packages/kilo-vscode/webview-ui/src/styles/chat.css b/packages/kilo-vscode/webview-ui/src/styles/chat.css index d33e14fb3f8..60847a9383c 100644 --- a/packages/kilo-vscode/webview-ui/src/styles/chat.css +++ b/packages/kilo-vscode/webview-ui/src/styles/chat.css @@ -180,13 +180,53 @@ display: flex; flex-wrap: wrap; gap: 4px; + align-items: center; } -.session-actions-row > [data-component="button"] { +.session-actions-row > [data-component="button"], +.session-actions-row > .session-diff-badge { flex: 1 1 0; min-width: fit-content; } +/* Diff stats badge — matches Agent Manager diff toggle style */ +.session-diff-badge { + display: inline-flex; + align-items: center; + justify-content: center; + gap: 4px; + padding: 4px 8px; + border: none; + border-radius: 4px; + background: transparent; + color: var(--vscode-descriptionForeground); + font-family: var(--vscode-editor-font-family), monospace; + font-size: 11px; + font-variant-numeric: tabular-nums; + cursor: pointer; + white-space: nowrap; +} + +.session-diff-badge:hover { + background: var(--vscode-toolbar-hoverBackground); +} + +.session-diff-badge [data-component="icon"] { + opacity: 0.7; +} + +.session-diff-files { + color: var(--vscode-descriptionForeground); +} + +.session-diff-add { + color: #34d399; +} + +.session-diff-del { + color: #f87171; +} + /* ============================================ Message List ============================================ */