fix(web): align composer notices and stash

[Bil0000]

Fixes composer notice spacing and alignment without changing unrelated composer surfaces.

• keeps height, padding, icon position, and one-row text in ComposerBanner and ComposerBannerStack
• keeps single actions inline on narrow composers and left-aligns multi-action rows beneath the title
• replaces narrow truncated descriptions with an info tooltip containing the complete copy
• removes per-banner layout overrides so new notices inherit the same safe layout
• shortens copy for connection, update, resume, woke, snoozed, and settled notices
• applies the shared layout to connection, update, background activity, resume, thread-state, branch, task, and activity notices
• keeps notice actions ghosted and aligns notice icons with stash/task tabs

Verified with focused lint, web typecheck, 6 test files (213 tests), and real-browser passes at 768 px and 375 px. No horizontal overflow.

Before / after

Each row uses the same six fixed-height case slots in the same order, with every composer pinned to the slot bottom. Before is merge-base main at d937e30. After is the current PR head.

Each fixture uses copy checked against its ChatView call sites, the production composer wrapper hierarchy, the production stash shoulder, and that checkout's ComposerBanner and ComposerBannerStack components.

Wide composer, 768px

Before, merge-base main	After, PR head

Narrow composer, 375px

Before, merge-base main	After, current PR head

Expanded three-banner stack, wide

Before	After

Expanded three-banner stack, narrow

Before	After

Cases cover environment offline with and without stash, compaction, settled thread with stash, connecting with no actions, and an expanded woke, offline, and compaction stack with stash count 99.

Built with GPT-5.6 in Codex.

Note

Align composer notices and stash with comfortable density and ghost button variants

• Adds a comfortable density option to ComposerBanner.Root with smaller block padding; applies it to stack alerts, ComposerStashBadge, and tab-placement ComposerTasksBadge
• Reworks ComposerBannerStackAlert to use fixed-height icon columns, single-line titles, and an info-icon popover that reveals hidden descriptions on screens up to 400px
• Simplifies serverUpdateGuidance to two fixed results: desktop-managed returns desktop-app guidance, all other self-update capabilities return generic "Update to stay in sync" guidance; the server-label parameter is removed
• Shortens connection-status banner copy and switches banner action controls (reconnect, Connections, ServerUpdateAction) to the ghost button variant; ServerUpdateAction gains a configurable variant prop defaulting to outline
• Behavioral Change: serverUpdateGuidance signature drops the server-label argument; callers in ChatView.tsx and tests in versionSkew.test.ts are updated, but any out-of-tree consumers will break

^{Macroscope summarized e77029f.}

[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 Plus

Run ID: d5d13c3a-df29-452d-9b83-06df4a0d70cd

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

Warning

Your free Security trial is over. An organization admin can activate Security or dismiss this notice.

---

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

[macroscopeapp]

Two alignment regressions from the shared ComposerBanner geometry change and the description move. Details inline.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

Approvability

Verdict: Not approved

Macroscope's review found this PR not approvable — This PR changes the shipped presentation of existing composer notices, stash/task badges, and server-update actions, including spacing, button styling, responsive behavior, and narrow-screen detail access. Because these are customer-facing default changes across shared composer components, the changes should receive human review.

^{You can add or adjust custom eligibility rules. Learn more.}

[macroscopeapp]

Two alignment issues remain in the reworked ComposerBannerStackAlert row.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

One new alignment regression from the reworked header row; the previously reported dismiss/action alignment for notices with a description is still open.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate a03ab91

[macroscopeapp]

One finding on the description layout: the alert call site now overrides ComposerBanner.Root's vertical padding with hardcoded 3px values that re-derive the primitive's attachment-overlap calc. Details inline.

Note also that the icon/actions alignment concern raised on the previous commits is unchanged: with a description, ComposerBanner.Icon is pinned to the first line (h-lh self-start) while ComposerBanner.Actions stays items-center against the whole title+description block, so the buttons and dismiss control still drift below the title line. Not re-commenting inline, but it is still worth resolving with the same fix discussed earlier.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate 73e2cbe

[macroscopeapp]

Both findings are the same ownership rule: --composer-banner-padding-block is ComposerBanner.Root's variable, and it is now being set from two call sites with a magic --spacing(1.25).

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

Also still open from the previous commit and unchanged here: the call-site --composer-banner-padding-block overrides in ChatView.tsx (settled-thread notice) and ComposerStashBadge.tsx. Not re-commenting inline — see the existing threads.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

Four findings on the reworked single-line notice row and its call sites. The earlier icon/action alignment threads look settled by the now always-single-line row; these are new.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

The four findings from the previous commit are addressed. One new issue in the reworked single-line row, inline.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate 5f2019b

Dismissing prior approval to re-evaluate 7e08502

[macroscopeapp]

Two findings on the narrow-width rework in this commit; the ServerUpdateAction variant default from the previous commit is addressed.

^{Posted via Macroscope — UI Consistency}

[Bil0000]

Fixes composer notice spacing and alignment without changing unrelated composer surfaces.

• keeps height, padding, icon position, and one-row text in ComposerBanner and ComposerBannerStack
• keeps single actions inline on narrow composers and left-aligns multi-action rows beneath the title
• replaces narrow truncated descriptions with an info tooltip containing the complete copy
• removes per-banner layout overrides so new notices inherit the same safe layout
• shortens copy for connection, update, resume, woke, snoozed, and settled notices
• applies the shared layout to connection, update, background activity, resume, thread-state, branch, task, and activity notices
• keeps notice actions ghosted and aligns notice icons with stash/task tabs

Verified with focused lint, web typecheck, 6 test files (213 tests), and real-browser passes at 768 px and 375 px. No horizontal overflow.

Before / after

Each row uses the same six fixed-height case slots in the same order, with every composer pinned to the slot bottom. Before is merge-base main at d937e30. After is the current PR head.

Each fixture uses copy checked against its ChatView call sites, the production composer wrapper hierarchy, the production stash shoulder, and that checkout's ComposerBanner and ComposerBannerStack components.

Wide composer, 768px

Before, merge-base main	After, PR head

Narrow composer, 375px

Before, merge-base main	After, current PR head

Expanded three-banner stack, wide

Before	After

Expanded three-banner stack, narrow

Before	After

Cases cover environment offline with and without stash, compaction, settled thread with stash, connecting with no actions, and an expanded woke, offline, and compaction stack with stash count 99.

Built with GPT-5.6 in Codex.

Note

Align composer notices and stash with comfortable density and ghost button variants

• Adds a comfortable density option to ComposerBanner.Root with smaller block padding; applies it to stack alerts, ComposerStashBadge, and tab-placement ComposerTasksBadge
• Reworks ComposerBannerStackAlert to use fixed-height icon columns, single-line titles, and an info-icon popover that reveals hidden descriptions on screens up to 400px
• Simplifies serverUpdateGuidance to two fixed results: desktop-managed returns desktop-app guidance, all other self-update capabilities return generic "Update to stay in sync" guidance; the server-label parameter is removed
• Shortens connection-status banner copy and switches banner action controls (reconnect, Connections, ServerUpdateAction) to the ghost button variant; ServerUpdateAction gains a configurable variant prop defaulting to outline
• Behavioral Change: serverUpdateGuidance signature drops the server-label argument; callers in ChatView.tsx and tests in versionSkew.test.ts are updated, but any out-of-tree consumers will break

^{Macroscope summarized e77029f.}

[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 Plus

Run ID: d5d13c3a-df29-452d-9b83-06df4a0d70cd

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

Warning

Your free Security trial is over. An organization admin can activate Security or dismiss this notice.

---

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

[macroscopeapp]

Two alignment regressions from the shared ComposerBanner geometry change and the description move. Details inline.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

Approvability

Verdict: Not approved

Macroscope's review found this PR not approvable — This PR changes the shipped presentation of existing composer notices, stash/task badges, and server-update actions, including spacing, button styling, responsive behavior, and narrow-screen detail access. Because these are customer-facing default changes across shared composer components, the changes should receive human review.

^{You can add or adjust custom eligibility rules. Learn more.}

[macroscopeapp]

Two alignment issues remain in the reworked ComposerBannerStackAlert row.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

One new alignment regression from the reworked header row; the previously reported dismiss/action alignment for notices with a description is still open.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate a03ab91

[macroscopeapp]

One finding on the description layout: the alert call site now overrides ComposerBanner.Root's vertical padding with hardcoded 3px values that re-derive the primitive's attachment-overlap calc. Details inline.

Note also that the icon/actions alignment concern raised on the previous commits is unchanged: with a description, ComposerBanner.Icon is pinned to the first line (h-lh self-start) while ComposerBanner.Actions stays items-center against the whole title+description block, so the buttons and dismiss control still drift below the title line. Not re-commenting inline, but it is still worth resolving with the same fix discussed earlier.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate 73e2cbe

[macroscopeapp]

Both findings are the same ownership rule: --composer-banner-padding-block is ComposerBanner.Root's variable, and it is now being set from two call sites with a magic --spacing(1.25).

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

Also still open from the previous commit and unchanged here: the call-site --composer-banner-padding-block overrides in ChatView.tsx (settled-thread notice) and ComposerStashBadge.tsx. Not re-commenting inline — see the existing threads.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

Four findings on the reworked single-line notice row and its call sites. The earlier icon/action alignment threads look settled by the now always-single-line row; these are new.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

The four findings from the previous commit are addressed. One new issue in the reworked single-line row, inline.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate 5f2019b

Dismissing prior approval to re-evaluate 7e08502

[macroscopeapp]

Two findings on the narrow-width rework in this commit; the ServerUpdateAction variant default from the previous commit is addressed.

^{Posted via Macroscope — UI Consistency}

[Bil0000]

Fixes composer notice spacing and alignment without changing unrelated composer surfaces.

• keeps height, padding, icon position, and one-row text in ComposerBanner and ComposerBannerStack
• keeps single actions inline on narrow composers and left-aligns multi-action rows beneath the title
• replaces narrow truncated descriptions with an info tooltip containing the complete copy
• removes per-banner layout overrides so new notices inherit the same safe layout
• shortens copy for connection, update, resume, woke, snoozed, and settled notices
• applies the shared layout to connection, update, background activity, resume, thread-state, branch, task, and activity notices
• keeps notice actions ghosted and aligns notice icons with stash/task tabs

Verified with focused lint, web typecheck, 6 test files (213 tests), and real-browser passes at 768 px and 375 px. No horizontal overflow.

Before / after

Each row uses the same six fixed-height case slots in the same order, with every composer pinned to the slot bottom. Before is merge-base main at d937e30. After is the current PR head.

Each fixture uses copy checked against its ChatView call sites, the production composer wrapper hierarchy, the production stash shoulder, and that checkout's ComposerBanner and ComposerBannerStack components.

Wide composer, 768px

Before, merge-base main	After, PR head

Narrow composer, 375px

Before, merge-base main	After, current PR head

Expanded three-banner stack, wide

Before	After

Expanded three-banner stack, narrow

Before	After

Cases cover environment offline with and without stash, compaction, settled thread with stash, connecting with no actions, and an expanded woke, offline, and compaction stack with stash count 99.

Built with GPT-5.6 in Codex.

Note

Align composer notices and stash with comfortable density and ghost button variants

• Adds a comfortable density option to ComposerBanner.Root with smaller block padding; applies it to stack alerts, ComposerStashBadge, and tab-placement ComposerTasksBadge
• Reworks ComposerBannerStackAlert to use fixed-height icon columns, single-line titles, and an info-icon popover that reveals hidden descriptions on screens up to 400px
• Simplifies serverUpdateGuidance to two fixed results: desktop-managed returns desktop-app guidance, all other self-update capabilities return generic "Update to stay in sync" guidance; the server-label parameter is removed
• Shortens connection-status banner copy and switches banner action controls (reconnect, Connections, ServerUpdateAction) to the ghost button variant; ServerUpdateAction gains a configurable variant prop defaulting to outline
• Behavioral Change: serverUpdateGuidance signature drops the server-label argument; callers in ChatView.tsx and tests in versionSkew.test.ts are updated, but any out-of-tree consumers will break

^{Macroscope summarized e77029f.}

[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 Plus

Run ID: d5d13c3a-df29-452d-9b83-06df4a0d70cd

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

Warning

Your free Security trial is over. An organization admin can activate Security or dismiss this notice.

---

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

[macroscopeapp]

Two alignment regressions from the shared ComposerBanner geometry change and the description move. Details inline.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

Approvability

Verdict: Not approved

Macroscope's review found this PR not approvable — This PR changes the shipped presentation of existing composer notices, stash/task badges, and server-update actions, including spacing, button styling, responsive behavior, and narrow-screen detail access. Because these are customer-facing default changes across shared composer components, the changes should receive human review.

^{You can add or adjust custom eligibility rules. Learn more.}

[macroscopeapp]

Two alignment issues remain in the reworked ComposerBannerStackAlert row.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

One new alignment regression from the reworked header row; the previously reported dismiss/action alignment for notices with a description is still open.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate a03ab91

[macroscopeapp]

One finding on the description layout: the alert call site now overrides ComposerBanner.Root's vertical padding with hardcoded 3px values that re-derive the primitive's attachment-overlap calc. Details inline.

Note also that the icon/actions alignment concern raised on the previous commits is unchanged: with a description, ComposerBanner.Icon is pinned to the first line (h-lh self-start) while ComposerBanner.Actions stays items-center against the whole title+description block, so the buttons and dismiss control still drift below the title line. Not re-commenting inline, but it is still worth resolving with the same fix discussed earlier.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate 73e2cbe

[macroscopeapp]

Both findings are the same ownership rule: --composer-banner-padding-block is ComposerBanner.Root's variable, and it is now being set from two call sites with a magic --spacing(1.25).

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

Also still open from the previous commit and unchanged here: the call-site --composer-banner-padding-block overrides in ChatView.tsx (settled-thread notice) and ComposerStashBadge.tsx. Not re-commenting inline — see the existing threads.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

Four findings on the reworked single-line notice row and its call sites. The earlier icon/action alignment threads look settled by the now always-single-line row; these are new.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

The four findings from the previous commit are addressed. One new issue in the reworked single-line row, inline.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate 5f2019b

Dismissing prior approval to re-evaluate 7e08502

[macroscopeapp]

Two findings on the narrow-width rework in this commit; the ServerUpdateAction variant default from the previous commit is addressed.

^{Posted via Macroscope — UI Consistency}

[Bil0000]

Fixes composer notice spacing and alignment without changing unrelated composer surfaces.

• keeps height, padding, icon position, and one-row text in ComposerBanner and ComposerBannerStack
• keeps single actions inline on narrow composers and left-aligns multi-action rows beneath the title
• replaces narrow truncated descriptions with an info tooltip containing the complete copy
• removes per-banner layout overrides so new notices inherit the same safe layout
• shortens copy for connection, update, resume, woke, snoozed, and settled notices
• applies the shared layout to connection, update, background activity, resume, thread-state, branch, task, and activity notices
• keeps notice actions ghosted and aligns notice icons with stash/task tabs

Verified with focused lint, web typecheck, 6 test files (213 tests), and real-browser passes at 768 px and 375 px. No horizontal overflow.

Before / after

Each row uses the same six fixed-height case slots in the same order, with every composer pinned to the slot bottom. Before is merge-base main at d937e30. After is the current PR head.

Each fixture uses copy checked against its ChatView call sites, the production composer wrapper hierarchy, the production stash shoulder, and that checkout's ComposerBanner and ComposerBannerStack components.

Wide composer, 768px

Before, merge-base main	After, PR head

Narrow composer, 375px

Before, merge-base main	After, current PR head

Expanded three-banner stack, wide

Before	After

Expanded three-banner stack, narrow

Before	After

Cases cover environment offline with and without stash, compaction, settled thread with stash, connecting with no actions, and an expanded woke, offline, and compaction stack with stash count 99.

Built with GPT-5.6 in Codex.

Note

Align composer notices and stash with comfortable density and ghost button variants

• Adds a comfortable density option to ComposerBanner.Root with smaller block padding; applies it to stack alerts, ComposerStashBadge, and tab-placement ComposerTasksBadge
• Reworks ComposerBannerStackAlert to use fixed-height icon columns, single-line titles, and an info-icon popover that reveals hidden descriptions on screens up to 400px
• Simplifies serverUpdateGuidance to two fixed results: desktop-managed returns desktop-app guidance, all other self-update capabilities return generic "Update to stay in sync" guidance; the server-label parameter is removed
• Shortens connection-status banner copy and switches banner action controls (reconnect, Connections, ServerUpdateAction) to the ghost button variant; ServerUpdateAction gains a configurable variant prop defaulting to outline
• Behavioral Change: serverUpdateGuidance signature drops the server-label argument; callers in ChatView.tsx and tests in versionSkew.test.ts are updated, but any out-of-tree consumers will break

^{Macroscope summarized e77029f.}

[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 Plus

Run ID: d5d13c3a-df29-452d-9b83-06df4a0d70cd

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

Warning

Your free Security trial is over. An organization admin can activate Security or dismiss this notice.

---

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

[macroscopeapp]

Two alignment regressions from the shared ComposerBanner geometry change and the description move. Details inline.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

Approvability

Verdict: Not approved

Macroscope's review found this PR not approvable — This PR changes the shipped presentation of existing composer notices, stash/task badges, and server-update actions, including spacing, button styling, responsive behavior, and narrow-screen detail access. Because these are customer-facing default changes across shared composer components, the changes should receive human review.

^{You can add or adjust custom eligibility rules. Learn more.}

[macroscopeapp]

Two alignment issues remain in the reworked ComposerBannerStackAlert row.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

One new alignment regression from the reworked header row; the previously reported dismiss/action alignment for notices with a description is still open.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate a03ab91

[macroscopeapp]

One finding on the description layout: the alert call site now overrides ComposerBanner.Root's vertical padding with hardcoded 3px values that re-derive the primitive's attachment-overlap calc. Details inline.

Note also that the icon/actions alignment concern raised on the previous commits is unchanged: with a description, ComposerBanner.Icon is pinned to the first line (h-lh self-start) while ComposerBanner.Actions stays items-center against the whole title+description block, so the buttons and dismiss control still drift below the title line. Not re-commenting inline, but it is still worth resolving with the same fix discussed earlier.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate 73e2cbe

[macroscopeapp]

Both findings are the same ownership rule: --composer-banner-padding-block is ComposerBanner.Root's variable, and it is now being set from two call sites with a magic --spacing(1.25).

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

Also still open from the previous commit and unchanged here: the call-site --composer-banner-padding-block overrides in ChatView.tsx (settled-thread notice) and ComposerStashBadge.tsx. Not re-commenting inline — see the existing threads.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

Four findings on the reworked single-line notice row and its call sites. The earlier icon/action alignment threads look settled by the now always-single-line row; these are new.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

The four findings from the previous commit are addressed. One new issue in the reworked single-line row, inline.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate 5f2019b

Dismissing prior approval to re-evaluate 7e08502

[macroscopeapp]

Two findings on the narrow-width rework in this commit; the ServerUpdateAction variant default from the previous commit is addressed.

^{Posted via Macroscope — UI Consistency}

[Bil0000]

Fixes composer notice spacing and alignment without changing unrelated composer surfaces.

• keeps height, padding, icon position, and one-row text in ComposerBanner and ComposerBannerStack
• keeps single actions inline on narrow composers and left-aligns multi-action rows beneath the title
• replaces narrow truncated descriptions with an info tooltip containing the complete copy
• removes per-banner layout overrides so new notices inherit the same safe layout
• shortens copy for connection, update, resume, woke, snoozed, and settled notices
• applies the shared layout to connection, update, background activity, resume, thread-state, branch, task, and activity notices
• keeps notice actions ghosted and aligns notice icons with stash/task tabs

Verified with focused lint, web typecheck, 6 test files (213 tests), and real-browser passes at 768 px and 375 px. No horizontal overflow.

Before / after

Each row uses the same six fixed-height case slots in the same order, with every composer pinned to the slot bottom. Before is merge-base main at d937e30. After is the current PR head.

Each fixture uses copy checked against its ChatView call sites, the production composer wrapper hierarchy, the production stash shoulder, and that checkout's ComposerBanner and ComposerBannerStack components.

Wide composer, 768px

Before, merge-base main	After, PR head

Narrow composer, 375px

Before, merge-base main	After, current PR head

Expanded three-banner stack, wide

Before	After

Expanded three-banner stack, narrow

Before	After

Cases cover environment offline with and without stash, compaction, settled thread with stash, connecting with no actions, and an expanded woke, offline, and compaction stack with stash count 99.

Built with GPT-5.6 in Codex.

Note

Align composer notices and stash with comfortable density and ghost button variants

• Adds a comfortable density option to ComposerBanner.Root with smaller block padding; applies it to stack alerts, ComposerStashBadge, and tab-placement ComposerTasksBadge
• Reworks ComposerBannerStackAlert to use fixed-height icon columns, single-line titles, and an info-icon popover that reveals hidden descriptions on screens up to 400px
• Simplifies serverUpdateGuidance to two fixed results: desktop-managed returns desktop-app guidance, all other self-update capabilities return generic "Update to stay in sync" guidance; the server-label parameter is removed
• Shortens connection-status banner copy and switches banner action controls (reconnect, Connections, ServerUpdateAction) to the ghost button variant; ServerUpdateAction gains a configurable variant prop defaulting to outline
• Behavioral Change: serverUpdateGuidance signature drops the server-label argument; callers in ChatView.tsx and tests in versionSkew.test.ts are updated, but any out-of-tree consumers will break

^{Macroscope summarized e77029f.}

[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 Plus

Run ID: d5d13c3a-df29-452d-9b83-06df4a0d70cd

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

Warning

Your free Security trial is over. An organization admin can activate Security or dismiss this notice.

---

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

[macroscopeapp]

Two alignment regressions from the shared ComposerBanner geometry change and the description move. Details inline.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

Approvability

Verdict: Not approved

Macroscope's review found this PR not approvable — This PR changes the shipped presentation of existing composer notices, stash/task badges, and server-update actions, including spacing, button styling, responsive behavior, and narrow-screen detail access. Because these are customer-facing default changes across shared composer components, the changes should receive human review.

^{You can add or adjust custom eligibility rules. Learn more.}

[macroscopeapp]

Two alignment issues remain in the reworked ComposerBannerStackAlert row.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

One new alignment regression from the reworked header row; the previously reported dismiss/action alignment for notices with a description is still open.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate a03ab91

[macroscopeapp]

One finding on the description layout: the alert call site now overrides ComposerBanner.Root's vertical padding with hardcoded 3px values that re-derive the primitive's attachment-overlap calc. Details inline.

Note also that the icon/actions alignment concern raised on the previous commits is unchanged: with a description, ComposerBanner.Icon is pinned to the first line (h-lh self-start) while ComposerBanner.Actions stays items-center against the whole title+description block, so the buttons and dismiss control still drift below the title line. Not re-commenting inline, but it is still worth resolving with the same fix discussed earlier.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate 73e2cbe

[macroscopeapp]

Both findings are the same ownership rule: --composer-banner-padding-block is ComposerBanner.Root's variable, and it is now being set from two call sites with a magic --spacing(1.25).

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

Also still open from the previous commit and unchanged here: the call-site --composer-banner-padding-block overrides in ChatView.tsx (settled-thread notice) and ComposerStashBadge.tsx. Not re-commenting inline — see the existing threads.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

Four findings on the reworked single-line notice row and its call sites. The earlier icon/action alignment threads look settled by the now always-single-line row; these are new.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

The four findings from the previous commit are addressed. One new issue in the reworked single-line row, inline.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate 5f2019b

Dismissing prior approval to re-evaluate 7e08502

[macroscopeapp]

Two findings on the narrow-width rework in this commit; the ServerUpdateAction variant default from the previous commit is addressed.

^{Posted via Macroscope — UI Consistency}

[Bil0000]

Fixes composer notice spacing and alignment without changing unrelated composer surfaces.

• keeps height, padding, icon position, and one-row text in ComposerBanner and ComposerBannerStack
• keeps single actions inline on narrow composers and left-aligns multi-action rows beneath the title
• replaces narrow truncated descriptions with an info tooltip containing the complete copy
• removes per-banner layout overrides so new notices inherit the same safe layout
• shortens copy for connection, update, resume, woke, snoozed, and settled notices
• applies the shared layout to connection, update, background activity, resume, thread-state, branch, task, and activity notices
• keeps notice actions ghosted and aligns notice icons with stash/task tabs

Verified with focused lint, web typecheck, 6 test files (213 tests), and real-browser passes at 768 px and 375 px. No horizontal overflow.

Before / after

Each row uses the same six fixed-height case slots in the same order, with every composer pinned to the slot bottom. Before is merge-base main at d937e30. After is the current PR head.

Each fixture uses copy checked against its ChatView call sites, the production composer wrapper hierarchy, the production stash shoulder, and that checkout's ComposerBanner and ComposerBannerStack components.

Wide composer, 768px

Before, merge-base main	After, PR head

Narrow composer, 375px

Before, merge-base main	After, current PR head

Expanded three-banner stack, wide

Before	After

Expanded three-banner stack, narrow

Before	After

Cases cover environment offline with and without stash, compaction, settled thread with stash, connecting with no actions, and an expanded woke, offline, and compaction stack with stash count 99.

Built with GPT-5.6 in Codex.

Note

Align composer notices and stash with comfortable density and ghost button variants

• Adds a comfortable density option to ComposerBanner.Root with smaller block padding; applies it to stack alerts, ComposerStashBadge, and tab-placement ComposerTasksBadge
• Reworks ComposerBannerStackAlert to use fixed-height icon columns, single-line titles, and an info-icon popover that reveals hidden descriptions on screens up to 400px
• Simplifies serverUpdateGuidance to two fixed results: desktop-managed returns desktop-app guidance, all other self-update capabilities return generic "Update to stay in sync" guidance; the server-label parameter is removed
• Shortens connection-status banner copy and switches banner action controls (reconnect, Connections, ServerUpdateAction) to the ghost button variant; ServerUpdateAction gains a configurable variant prop defaulting to outline
• Behavioral Change: serverUpdateGuidance signature drops the server-label argument; callers in ChatView.tsx and tests in versionSkew.test.ts are updated, but any out-of-tree consumers will break

^{Macroscope summarized e77029f.}

[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 Plus

Run ID: d5d13c3a-df29-452d-9b83-06df4a0d70cd

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

Warning

Your free Security trial is over. An organization admin can activate Security or dismiss this notice.

---

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

[macroscopeapp]

Two alignment regressions from the shared ComposerBanner geometry change and the description move. Details inline.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

Approvability

Verdict: Not approved

Macroscope's review found this PR not approvable — This PR changes the shipped presentation of existing composer notices, stash/task badges, and server-update actions, including spacing, button styling, responsive behavior, and narrow-screen detail access. Because these are customer-facing default changes across shared composer components, the changes should receive human review.

^{You can add or adjust custom eligibility rules. Learn more.}

[macroscopeapp]

Two alignment issues remain in the reworked ComposerBannerStackAlert row.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

One new alignment regression from the reworked header row; the previously reported dismiss/action alignment for notices with a description is still open.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate a03ab91

[macroscopeapp]

One finding on the description layout: the alert call site now overrides ComposerBanner.Root's vertical padding with hardcoded 3px values that re-derive the primitive's attachment-overlap calc. Details inline.

Note also that the icon/actions alignment concern raised on the previous commits is unchanged: with a description, ComposerBanner.Icon is pinned to the first line (h-lh self-start) while ComposerBanner.Actions stays items-center against the whole title+description block, so the buttons and dismiss control still drift below the title line. Not re-commenting inline, but it is still worth resolving with the same fix discussed earlier.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate 73e2cbe

[macroscopeapp]

Both findings are the same ownership rule: --composer-banner-padding-block is ComposerBanner.Root's variable, and it is now being set from two call sites with a magic --spacing(1.25).

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

Also still open from the previous commit and unchanged here: the call-site --composer-banner-padding-block overrides in ChatView.tsx (settled-thread notice) and ComposerStashBadge.tsx. Not re-commenting inline — see the existing threads.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

Four findings on the reworked single-line notice row and its call sites. The earlier icon/action alignment threads look settled by the now always-single-line row; these are new.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

The four findings from the previous commit are addressed. One new issue in the reworked single-line row, inline.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate 5f2019b

Dismissing prior approval to re-evaluate 7e08502

[macroscopeapp]

Two findings on the narrow-width rework in this commit; the ServerUpdateAction variant default from the previous commit is addressed.

^{Posted via Macroscope — UI Consistency}

[Bil0000]

Fixes composer notice spacing and alignment without changing unrelated composer surfaces.

• keeps height, padding, icon position, and one-row text in ComposerBanner and ComposerBannerStack
• keeps single actions inline on narrow composers and left-aligns multi-action rows beneath the title
• replaces narrow truncated descriptions with an info tooltip containing the complete copy
• removes per-banner layout overrides so new notices inherit the same safe layout
• shortens copy for connection, update, resume, woke, snoozed, and settled notices
• applies the shared layout to connection, update, background activity, resume, thread-state, branch, task, and activity notices
• keeps notice actions ghosted and aligns notice icons with stash/task tabs

Verified with focused lint, web typecheck, 6 test files (213 tests), and real-browser passes at 768 px and 375 px. No horizontal overflow.

Before / after

Each row uses the same six fixed-height case slots in the same order, with every composer pinned to the slot bottom. Before is merge-base main at d937e30. After is the current PR head.

Each fixture uses copy checked against its ChatView call sites, the production composer wrapper hierarchy, the production stash shoulder, and that checkout's ComposerBanner and ComposerBannerStack components.

Wide composer, 768px

Before, merge-base main	After, PR head

Narrow composer, 375px

Before, merge-base main	After, current PR head

Expanded three-banner stack, wide

Before	After

Expanded three-banner stack, narrow

Before	After

Cases cover environment offline with and without stash, compaction, settled thread with stash, connecting with no actions, and an expanded woke, offline, and compaction stack with stash count 99.

Built with GPT-5.6 in Codex.

Note

Align composer notices and stash with comfortable density and ghost button variants

• Adds a comfortable density option to ComposerBanner.Root with smaller block padding; applies it to stack alerts, ComposerStashBadge, and tab-placement ComposerTasksBadge
• Reworks ComposerBannerStackAlert to use fixed-height icon columns, single-line titles, and an info-icon popover that reveals hidden descriptions on screens up to 400px
• Simplifies serverUpdateGuidance to two fixed results: desktop-managed returns desktop-app guidance, all other self-update capabilities return generic "Update to stay in sync" guidance; the server-label parameter is removed
• Shortens connection-status banner copy and switches banner action controls (reconnect, Connections, ServerUpdateAction) to the ghost button variant; ServerUpdateAction gains a configurable variant prop defaulting to outline
• Behavioral Change: serverUpdateGuidance signature drops the server-label argument; callers in ChatView.tsx and tests in versionSkew.test.ts are updated, but any out-of-tree consumers will break

^{Macroscope summarized e77029f.}

[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 Plus

Run ID: d5d13c3a-df29-452d-9b83-06df4a0d70cd

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

Warning

Your free Security trial is over. An organization admin can activate Security or dismiss this notice.

---

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

[macroscopeapp]

Two alignment regressions from the shared ComposerBanner geometry change and the description move. Details inline.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

Approvability

Verdict: Not approved

Macroscope's review found this PR not approvable — This PR changes the shipped presentation of existing composer notices, stash/task badges, and server-update actions, including spacing, button styling, responsive behavior, and narrow-screen detail access. Because these are customer-facing default changes across shared composer components, the changes should receive human review.

^{You can add or adjust custom eligibility rules. Learn more.}

[macroscopeapp]

Two alignment issues remain in the reworked ComposerBannerStackAlert row.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

One new alignment regression from the reworked header row; the previously reported dismiss/action alignment for notices with a description is still open.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate a03ab91

[macroscopeapp]

One finding on the description layout: the alert call site now overrides ComposerBanner.Root's vertical padding with hardcoded 3px values that re-derive the primitive's attachment-overlap calc. Details inline.

Note also that the icon/actions alignment concern raised on the previous commits is unchanged: with a description, ComposerBanner.Icon is pinned to the first line (h-lh self-start) while ComposerBanner.Actions stays items-center against the whole title+description block, so the buttons and dismiss control still drift below the title line. Not re-commenting inline, but it is still worth resolving with the same fix discussed earlier.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate 73e2cbe

[macroscopeapp]

Both findings are the same ownership rule: --composer-banner-padding-block is ComposerBanner.Root's variable, and it is now being set from two call sites with a magic --spacing(1.25).

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

Also still open from the previous commit and unchanged here: the call-site --composer-banner-padding-block overrides in ChatView.tsx (settled-thread notice) and ComposerStashBadge.tsx. Not re-commenting inline — see the existing threads.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

Four findings on the reworked single-line notice row and its call sites. The earlier icon/action alignment threads look settled by the now always-single-line row; these are new.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

The four findings from the previous commit are addressed. One new issue in the reworked single-line row, inline.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate 5f2019b

Dismissing prior approval to re-evaluate 7e08502

[macroscopeapp]

Two findings on the narrow-width rework in this commit; the ServerUpdateAction variant default from the previous commit is addressed.

^{Posted via Macroscope — UI Consistency}

[Bil0000]

Fixes composer notice spacing and alignment without changing unrelated composer surfaces.

• keeps height, padding, icon position, and one-row text in ComposerBanner and ComposerBannerStack
• keeps single actions inline on narrow composers and left-aligns multi-action rows beneath the title
• replaces narrow truncated descriptions with an info tooltip containing the complete copy
• removes per-banner layout overrides so new notices inherit the same safe layout
• shortens copy for connection, update, resume, woke, snoozed, and settled notices
• applies the shared layout to connection, update, background activity, resume, thread-state, branch, task, and activity notices
• keeps notice actions ghosted and aligns notice icons with stash/task tabs

Verified with focused lint, web typecheck, 6 test files (213 tests), and real-browser passes at 768 px and 375 px. No horizontal overflow.

Before / after

Each row uses the same six fixed-height case slots in the same order, with every composer pinned to the slot bottom. Before is merge-base main at d937e30. After is the current PR head.

Each fixture uses copy checked against its ChatView call sites, the production composer wrapper hierarchy, the production stash shoulder, and that checkout's ComposerBanner and ComposerBannerStack components.

Wide composer, 768px

Before, merge-base main	After, PR head

Narrow composer, 375px

Before, merge-base main	After, current PR head

Expanded three-banner stack, wide

Before	After

Expanded three-banner stack, narrow

Before	After

Cases cover environment offline with and without stash, compaction, settled thread with stash, connecting with no actions, and an expanded woke, offline, and compaction stack with stash count 99.

Built with GPT-5.6 in Codex.

Note

Align composer notices and stash with comfortable density and ghost button variants

• Adds a comfortable density option to ComposerBanner.Root with smaller block padding; applies it to stack alerts, ComposerStashBadge, and tab-placement ComposerTasksBadge
• Reworks ComposerBannerStackAlert to use fixed-height icon columns, single-line titles, and an info-icon popover that reveals hidden descriptions on screens up to 400px
• Simplifies serverUpdateGuidance to two fixed results: desktop-managed returns desktop-app guidance, all other self-update capabilities return generic "Update to stay in sync" guidance; the server-label parameter is removed
• Shortens connection-status banner copy and switches banner action controls (reconnect, Connections, ServerUpdateAction) to the ghost button variant; ServerUpdateAction gains a configurable variant prop defaulting to outline
• Behavioral Change: serverUpdateGuidance signature drops the server-label argument; callers in ChatView.tsx and tests in versionSkew.test.ts are updated, but any out-of-tree consumers will break

^{Macroscope summarized e77029f.}

[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 Plus

Run ID: d5d13c3a-df29-452d-9b83-06df4a0d70cd

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

Warning

Your free Security trial is over. An organization admin can activate Security or dismiss this notice.

---

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

[macroscopeapp]

Two alignment regressions from the shared ComposerBanner geometry change and the description move. Details inline.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

Approvability

Verdict: Not approved

Macroscope's review found this PR not approvable — This PR changes the shipped presentation of existing composer notices, stash/task badges, and server-update actions, including spacing, button styling, responsive behavior, and narrow-screen detail access. Because these are customer-facing default changes across shared composer components, the changes should receive human review.

^{You can add or adjust custom eligibility rules. Learn more.}

[macroscopeapp]

Two alignment issues remain in the reworked ComposerBannerStackAlert row.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

One new alignment regression from the reworked header row; the previously reported dismiss/action alignment for notices with a description is still open.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate a03ab91

[macroscopeapp]

One finding on the description layout: the alert call site now overrides ComposerBanner.Root's vertical padding with hardcoded 3px values that re-derive the primitive's attachment-overlap calc. Details inline.

Note also that the icon/actions alignment concern raised on the previous commits is unchanged: with a description, ComposerBanner.Icon is pinned to the first line (h-lh self-start) while ComposerBanner.Actions stays items-center against the whole title+description block, so the buttons and dismiss control still drift below the title line. Not re-commenting inline, but it is still worth resolving with the same fix discussed earlier.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate 73e2cbe

[macroscopeapp]

Both findings are the same ownership rule: --composer-banner-padding-block is ComposerBanner.Root's variable, and it is now being set from two call sites with a magic --spacing(1.25).

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

Also still open from the previous commit and unchanged here: the call-site --composer-banner-padding-block overrides in ChatView.tsx (settled-thread notice) and ComposerStashBadge.tsx. Not re-commenting inline — see the existing threads.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

Four findings on the reworked single-line notice row and its call sites. The earlier icon/action alignment threads look settled by the now always-single-line row; these are new.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

The four findings from the previous commit are addressed. One new issue in the reworked single-line row, inline.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate 5f2019b

Dismissing prior approval to re-evaluate 7e08502

[macroscopeapp]

Two findings on the narrow-width rework in this commit; the ServerUpdateAction variant default from the previous commit is addressed.

^{Posted via Macroscope — UI Consistency}