Fix composer context strip alignment and glass shell

[juliusmarminge]

Summary

• Align the composer context strip and constrain branch selector content.
• Refine composer glass-shell structure and visibility for non-Git projects.
• Remove preview color-scheme emulation APIs and simplify publish asset restoration.

Testing

• Not run (no test results provided).

Dark Mode

Light Mode

---

Note

Low Risk
UI-only layout and CSS changes to the chat composer; branch toolbar visibility narrows slightly when there is no active project.

Overview
Refactors the chat composer chrome so the branch/environment context strip visually attaches to the composer as one piece, with tighter horizontal alignment and safer overflow on the branch selector.

The composer is wrapped in a chat-composer-glass-shell around the existing chat-composer-glass-host. When the context strip is shown, chat-composer-glass-shell-with-context drives a single blurred glass layer (via clip-path) across the rounded composer and the strip below, with split borders/outlines so the seam stays clean in light and dark mode.

BranchToolbar now renders only when showComposerContextStrip is true (isGitRepo and an active project), not for Git repos without a project. The strip container width/padding is adjusted (w-[calc(100%-2.75rem)], symmetric px-1), and the branch combobox trigger gets max-w-full so long branch names truncate inside the strip.

^{Reviewed by Cursor Bugbot for commit 504bd76. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Fix composer context strip alignment and glass shell styling

• Wraps the chat composer in a new chat-composer-glass-shell div that merges the composer and context strip into a single continuous glass surface when both are visible.
• The BranchToolbar now renders only when both isGitRepo and activeProject are non-null, replacing the previous isGitRepo-only condition.
• Refactors the glass surface CSS in index.css to use clip-paths and a new :after pseudo-element on .chat-composer-glass-host to keep the attachment seam open and avoid double borders.
• Adjusts BranchToolbar container width and padding and adds max-w-full to the branch selector trigger to fix overflow in narrow layouts.
• Behavioral Change: the context strip toolbar is now hidden when no active project exists, even in Git repos.

^{Macroscope summarized 504bd76.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 23ddcc42-6571-4350-a117-070c5e1236df

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch t3code/fix-composer-bottom-strip

---

_{Comment @coderabbitai help to get the list of available commands.}

[cursor]

Cursor Bugbot has reviewed your changes using high effort and found 2 potential issues.

^{Bugbot Autofix is ON, but a cloud agent failed to start.}

^{Reviewed by Cursor Bugbot for commit 4ba78d4. Configure here.}

[cursor]

Composer bottom border gap

Medium Severity

The composer outline pseudo-element always uses a bottom clip-path notch meant for the context strip, but that strip (and its outline) only render when showComposerContextStrip is true. For non-Git projects, drafts without a project, and other cases where the strip is hidden, the composer keeps a missing segment along the bottom border with nothing to complete it.

 

^{Reviewed by Cursor Bugbot for commit 4ba78d4. Configure here.}

[cursor]

Joined glass needs shape()

Medium Severity

The continuous composer-plus-strip glass background depends on clip-path: shape(...), with no @supports fallback. On browsers that do not implement CSS shape() for clip-path, the clip is dropped while border-radius: 0 still applies, so the unified glass silhouette and side alignment can break for Git sessions that show the context strip.

 

^{Reviewed by Cursor Bugbot for commit 4ba78d4. Configure here.}

[macroscopeapp]

Approvability

Verdict: Needs human review

This UI styling fix has two unresolved review comments identifying potential visual bugs: a border gap when the context strip is hidden, and missing browser fallback for CSS shape(). These issues should be evaluated before merging.

^{You can customize Macroscope's approvability policy. Learn more.}