🤖 fix: restyle section headers and rename section chat copy#2985
🤖 fix: restyle section headers and rename section chat copy#2985
Conversation
|
@codex review |
|
Codex Review: Didn't find any major issues. Chef's kiss. ℹ️ About Codex in GitHubYour team has set up Codex to review pull requests in this repo. Reviews are triggered when you
If Codex has suggestions, it will comment; otherwise it will react with 👍. Codex can also answer questions or update the PR. Try commenting "@codex address that feedback". |
|
@codex review |
![chatgpt-codex-connector[bot]](https://avatars.githubusercontent.com/in/1144995?s=60&v=4){kind=small}
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: 6565709055
ℹ️ About Codex in GitHub
Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you
- Open a pull request for review
- Mark a draft as ready
- Comment "@codex review".
If Codex has suggestions, it will comment; otherwise it will react with 👍.
Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".
| function getItemPaddingLeft(depth?: number): number { | ||
| const safeDepth = typeof depth === "number" && Number.isFinite(depth) ? Math.max(0, depth) : 0; | ||
| return 12 + Math.min(32, safeDepth) * 12; | ||
| return 8 + Math.min(32, safeDepth) * 12; | ||
| } |
There was a problem hiding this comment.
Reducing AgentListItem base left padding from 12 to 8 shifts workspace rows left, but task-group rows still use the previous baseline (TaskGroupListItem keeps 12 + depth*12). In lists that contain both task-group headers and normal workspace rows, this creates a persistent 4px horizontal misalignment between related rows and connectors, making hierarchy rendering inconsistent in grouped sections.
Useful? React with 👍 / 👎.
1 participant
Summary
Restyle sidebar section headers to remove the tinted background and left color bar, replacing them with colored section-name text and left indentation. Also rename section-related copy from "workspace" to "chat".
Background
The section header design previously used a subtle background tint and a left color bar to indicate the section color. The new design simplifies this by applying the section color directly to the section name text, removing visual clutter. The "workspace" terminology in section-specific UI is also updated to "chat" for consistency with the product direction.
Implementation
SectionHeader.tsx:backgroundColor,borderLeftWidth,borderLeftColorinline styles from the header containerpl-3(0.75rem) left indentationstyle={{ color: sectionColor }}to the section name text (removedtext-foregroundclass)ProjectSidebar.tsx:sections.test.ts:Generated with
mux• Model:anthropic:claude-opus-4-6• Thinking:xhigh• Cost:$2.40