sessions: Share modern editor tab styles with chat tabs - #330858
Merged
Sandeep Somavarapu (sandy081) merged 1 commit intoAug 14, 2026
Merged
sessions: Share modern editor tab styles with chat tabs#330858Sandeep Somavarapu (sandy081) merged 1 commit into
Sandeep Somavarapu (sandy081) merged 1 commit into
Conversation
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Sandeep Somavarapu (sandy081)
enabled auto-merge (squash)
August 14, 2026 13:37
Copilot started reviewing on behalf of
Sandeep Somavarapu (sandy081)
August 14, 2026 13:38
View session
Contributor
📬 CODENOTIFYThe following users are being notified based on files changed in this PR: Benjamin Christopher Simmonds (@benibenj)Matched files:
|
Contributor
There was a problem hiding this comment.
Pull request overview
Shares canonical Modern UI editor-tab styling with Agents chat tabs.
Changes:
- Adds reusable editor-tab CSS hooks.
- Adopts hooks in chat tabs and removes duplicated styling.
- Updates documentation and structural tests.
Show a summary per file
| File | Description |
|---|---|
tabs.css |
Adds shared tab presentation hooks. |
chatCompositeBar.css |
Retains chat-specific layout and adornments. |
chatCompositeBar.ts |
Applies shared hook classes. |
chatCompositeBar.test.ts |
Verifies shared presentation structure. |
LAYOUT.md |
Documents shared styling ownership. |
Review details
💡 Configure MCP servers for context-aware, tailored reviews. Learn more in the docs.
- Files reviewed: 5/5 changed files
- Comments generated: 4
- Review effort level: Balanced
Ulugbek Abdullaev (ulugbekna)
approved these changes
Aug 14, 2026
Contributor
Screenshot ChangesBase: Changed (10)
|
| Before | After |
|---|---|
 |
 |
sessions/chatCompositeBar/TwoChats/Light
| Before | After |
|---|---|
 |
 |
sessions/chatCompositeBar/MixedStatuses/Dark
| Before | After |
|---|---|
 |
 |
sessions/chatCompositeBar/MixedStatuses/Light
| Before | After |
|---|---|
 |
 |
sessions/chatCompositeBar/LongTitles/Dark
| Before | After |
|---|---|
 |
 |
sessions/chatCompositeBar/LongTitles/Light
| Before | After |
|---|---|
 |
 |
sessions/chatCompositeBar/Renaming/Dark
| Before | After |
|---|---|
 |
 |
sessions/chatCompositeBar/Renaming/Light
| Before | After |
|---|---|
 |
 |
sessions/chatCompositeBar/WithDraftChat/Dark
| Before | After |
|---|---|
 |
 |
sessions/chatCompositeBar/WithDraftChat/Light
| Before | After |
|---|---|
 |
 |
Sandeep Somavarapu (sandy081)
deleted the
sandy081/agents/modern-ui-tabs-investigation
branch
August 14, 2026 13:52
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.
Summary
Why
Agents chat tabs had copied editor-tab styling and drifted from the
Changeseditor tab. Sharing the canonical declarations keeps both surfaces visually aligned as Modern UI evolves.Validation
npm run compilenpm run hygiene./scripts/test.sh --grep "Sessions - ChatCompositeBar"Changestab