fix(vscode): stabilize session status dock - #13231
Merged
marius-kilocode merged 11 commits intoAug 19, 2026
Merged
Conversation
…ission-ux-transitions # Conflicts: # packages/kilo-vscode/webview-ui/src/context/session.tsx
…ission-ux-transitions # Conflicts: # packages/kilo-vscode/webview-ui/src/context/session-queue.ts # packages/kilo-vscode/webview-ui/src/context/session-utils.ts # packages/kilo-vscode/webview-ui/src/context/session.tsx
…ission-ux-transitions
marius-kilocode
force-pushed
the
optimize-message-submission-ux-transitions
branch
from
August 19, 2026 10:27
0f745f2 to
889768e
Compare
…ission-ux-transitions # Conflicts: # packages/kilo-docs/public/img/screenshot-tests/kilo-vscode/visual-regression/chat/chat-view-requirements-checking-chromium-linux.png # packages/kilo-docs/public/img/screenshot-tests/kilo-vscode/visual-regression/chat/chat-view-requirements-malformed-chromium-linux.png # packages/kilo-docs/public/img/screenshot-tests/kilo-vscode/visual-regression/chat/chat-view-requirements-missing-extension-chromium-linux.png # packages/kilo-docs/public/img/screenshot-tests/kilo-vscode/visual-regression/chat/chat-view-requirements-missing-tools-chromium-linux.png
Contributor
Code Review SummaryStatus: No Issues Found | Recommendation: Merge Files Reviewed (10 files)
Previous Review Summary (commit 0f49ed4)Current summary above is authoritative. Previous snapshots are kept for context only. Previous review (commit 0f49ed4)Status: 5 Issues Found | Recommendation: Address before merge Overview
Issue Details (click to expand)WARNING
Files Reviewed (19 files)
Reviewed by grok-4.6 · Input: 137K · Output: 39.8K · Cached: 600.8K Review guidance: REVIEW.md from base branch |
johnnyeric
approved these changes
Aug 19, 2026
This was referenced Aug 24, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
The chat composer currently changes its vertical geometry at turn boundaries. The working indicator lives inside the scrollable transcript and collapses when work finishes, while the session actions appear separately above the composer. Those two independently changing regions leave a small height difference, so the conversation text moves when the UI swaps between working and idle states. On narrow sidebars, a fixed-height attempt also clipped the wrapped actions row.
This adds one session dock between the transcript and composer. The working indicator and session actions share the same layout cell, with the inactive state hidden but still participating in layout. The dock therefore sizes itself to the taller state at the current width, including wrapped action rows, and the transcript viewport does not move when the state changes. The working indicator is a compact centered cluster with a reserved timer width, so the spinner and elapsed time remain visually connected on both the VS Code sidebar and wide Agent Manager surfaces.
The change includes unit and browser geometry coverage for idle, working, narrow wrapped, wide centered, and timer-width states.
Agent Manager
Before, the working indicator stretched across the composer and separated the spinner from the elapsed time:
After, the indicator is a compact centered cluster aligned with the session actions:
VS Code Sidebar
Before, the narrow sidebar showed the old working row and action layout:
After, the working state stays centered and the wrapped idle actions remain inside the dock without clipping: