feat(web): collapsible question panel in the composer

[PollyGlot]

Summary

Adds a chevron toggle to collapse the question panel (AskUserQuestion) that is embedded in the chat composer, mirroring the collapse affordance of the Claude app while keeping the free-text answer field fully usable.

Scope: web/desktop only. The mobile app already has its own collapse (the pending user-input card folds into a compact bar in the composer slot), so no mobile changes are included.

Behavior

• The panel header (badge + question counter) becomes a full-width toggle with a chevron on the right (Collapsible primitive, animated, aria-expanded + explicit aria-label).
• Collapsed, the header turns into a compact bar: badge, N/M counter, the question truncated to one line, and a check echo of the current answer (selected option label, N selected for multi-select, or the custom text). The composer textarea ("Type your own answer...") and the Previous/Submit actions stay visible and functional.
• Collapse is manual only, tracked per request id in ChatView (survives the panel's two render sites in ChatComposer). A new request always arrives expanded, and moving to another question re-expands the panel.
• The 1-9 option shortcuts are disabled while collapsed.

Screenshots

Before (no collapse available)	After, expanded (chevron added)

After, collapsed	After, collapsed with a selection echo

Testing

• 9 new unit tests on the pure logic (selection echo derivation, collapse-state toggling/reset) in pendingUserInput.test.ts; web suite green (252 files, 2438 tests).
• vp run -r typecheck (tsgo) passes.
• Manually verified in the dev app with a seeded 2-question pending input: toggle, truncation, echo, shortcut gating, and question-change re-expansion.

🤖 Generated with Claude Code

---

Note

Low Risk
UI-only composer header behavior backed by pure formatting logic and tests; no auth, API, or data-path changes.

Overview
When the composer AskUserQuestion panel is collapsed, the header now shows the current answer next to the truncated question (check icon + label), not just the question text.

A new derivePendingUserInputSelectionEcho helper formats draft answers for display: single label, N selected for multi-select, custom text when present, or nothing when unanswered. The collapsed bar uses the same optimistic single-select label as the option buttons so the echo does not flicker during server round-trips.

Unit tests cover the echo helper’s empty, single/multi-select, and custom-answer cases.

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

Note

Show selected answer summary in collapsed composer question panel

• Adds derivePendingUserInputSelectionEcho in pendingUserInput.ts that returns a concise string for the current answer: the label for a single selection, 'N selected' for multiple, or the raw string for custom answers.
• Updates ComposerPendingUserInputPanel.tsx to show a check icon and the echo text in the collapsed card header alongside the question.
• Uses an optimistic single-select value (when its questionId matches the active question) to avoid flicker during server round-trips.

^{Macroscope summarized 6ad0792.}

[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: 80432d82-ebe9-4b68-be43-b2cd45662ceb

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

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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

[macroscopeapp]

Approvability

Verdict: Approved 6ad0792

Self-contained UI enhancement that adds visual feedback showing the selected answer in a collapsed question panel. Changes include a pure utility function with comprehensive tests and minimal component updates—no runtime behavior changes beyond the new display.

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

[PollyGlot]

Closing: #6773 landed the collapsible question panel first and covers this. Thanks @Jardo-51.

The only piece left over here was echoing the current answer next to the truncated question in the collapsed header, so a collapsed card still says what was picked. Small and cosmetic, and not what this PR set out to do, so I'd rather it come back as its own focused PR than ride in under a stale title.

[PollyGlot]

Summary

Adds a chevron toggle to collapse the question panel (AskUserQuestion) that is embedded in the chat composer, mirroring the collapse affordance of the Claude app while keeping the free-text answer field fully usable.

Scope: web/desktop only. The mobile app already has its own collapse (the pending user-input card folds into a compact bar in the composer slot), so no mobile changes are included.

Behavior

• The panel header (badge + question counter) becomes a full-width toggle with a chevron on the right (Collapsible primitive, animated, aria-expanded + explicit aria-label).
• Collapsed, the header turns into a compact bar: badge, N/M counter, the question truncated to one line, and a check echo of the current answer (selected option label, N selected for multi-select, or the custom text). The composer textarea ("Type your own answer...") and the Previous/Submit actions stay visible and functional.
• Collapse is manual only, tracked per request id in ChatView (survives the panel's two render sites in ChatComposer). A new request always arrives expanded, and moving to another question re-expands the panel.
• The 1-9 option shortcuts are disabled while collapsed.

Screenshots

Before (no collapse available)	After, expanded (chevron added)

After, collapsed	After, collapsed with a selection echo

Testing

• 9 new unit tests on the pure logic (selection echo derivation, collapse-state toggling/reset) in pendingUserInput.test.ts; web suite green (252 files, 2438 tests).
• vp run -r typecheck (tsgo) passes.
• Manually verified in the dev app with a seeded 2-question pending input: toggle, truncation, echo, shortcut gating, and question-change re-expansion.

🤖 Generated with Claude Code

---

Note

Low Risk
UI-only composer header behavior backed by pure formatting logic and tests; no auth, API, or data-path changes.

Overview
When the composer AskUserQuestion panel is collapsed, the header now shows the current answer next to the truncated question (check icon + label), not just the question text.

A new derivePendingUserInputSelectionEcho helper formats draft answers for display: single label, N selected for multi-select, custom text when present, or nothing when unanswered. The collapsed bar uses the same optimistic single-select label as the option buttons so the echo does not flicker during server round-trips.

Unit tests cover the echo helper’s empty, single/multi-select, and custom-answer cases.

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

Note

Show selected answer summary in collapsed composer question panel

• Adds derivePendingUserInputSelectionEcho in pendingUserInput.ts that returns a concise string for the current answer: the label for a single selection, 'N selected' for multiple, or the raw string for custom answers.
• Updates ComposerPendingUserInputPanel.tsx to show a check icon and the echo text in the collapsed card header alongside the question.
• Uses an optimistic single-select value (when its questionId matches the active question) to avoid flicker during server round-trips.

^{Macroscope summarized 6ad0792.}

[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: 80432d82-ebe9-4b68-be43-b2cd45662ceb

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

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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

[macroscopeapp]

Approvability

Verdict: Approved 6ad0792

Self-contained UI enhancement that adds visual feedback showing the selected answer in a collapsed question panel. Changes include a pure utility function with comprehensive tests and minimal component updates—no runtime behavior changes beyond the new display.

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

[PollyGlot]

Closing: #6773 landed the collapsible question panel first and covers this. Thanks @Jardo-51.

The only piece left over here was echoing the current answer next to the truncated question in the collapsed header, so a collapsed card still says what was picked. Small and cosmetic, and not what this PR set out to do, so I'd rather it come back as its own focused PR than ride in under a stale title.

[PollyGlot]

Summary

Adds a chevron toggle to collapse the question panel (AskUserQuestion) that is embedded in the chat composer, mirroring the collapse affordance of the Claude app while keeping the free-text answer field fully usable.

Scope: web/desktop only. The mobile app already has its own collapse (the pending user-input card folds into a compact bar in the composer slot), so no mobile changes are included.

Behavior

• The panel header (badge + question counter) becomes a full-width toggle with a chevron on the right (Collapsible primitive, animated, aria-expanded + explicit aria-label).
• Collapsed, the header turns into a compact bar: badge, N/M counter, the question truncated to one line, and a check echo of the current answer (selected option label, N selected for multi-select, or the custom text). The composer textarea ("Type your own answer...") and the Previous/Submit actions stay visible and functional.
• Collapse is manual only, tracked per request id in ChatView (survives the panel's two render sites in ChatComposer). A new request always arrives expanded, and moving to another question re-expands the panel.
• The 1-9 option shortcuts are disabled while collapsed.

Screenshots

Before (no collapse available)	After, expanded (chevron added)

After, collapsed	After, collapsed with a selection echo

Testing

• 9 new unit tests on the pure logic (selection echo derivation, collapse-state toggling/reset) in pendingUserInput.test.ts; web suite green (252 files, 2438 tests).
• vp run -r typecheck (tsgo) passes.
• Manually verified in the dev app with a seeded 2-question pending input: toggle, truncation, echo, shortcut gating, and question-change re-expansion.

🤖 Generated with Claude Code

---

Note

Low Risk
UI-only composer header behavior backed by pure formatting logic and tests; no auth, API, or data-path changes.

Overview
When the composer AskUserQuestion panel is collapsed, the header now shows the current answer next to the truncated question (check icon + label), not just the question text.

A new derivePendingUserInputSelectionEcho helper formats draft answers for display: single label, N selected for multi-select, custom text when present, or nothing when unanswered. The collapsed bar uses the same optimistic single-select label as the option buttons so the echo does not flicker during server round-trips.

Unit tests cover the echo helper’s empty, single/multi-select, and custom-answer cases.

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

Note

Show selected answer summary in collapsed composer question panel

• Adds derivePendingUserInputSelectionEcho in pendingUserInput.ts that returns a concise string for the current answer: the label for a single selection, 'N selected' for multiple, or the raw string for custom answers.
• Updates ComposerPendingUserInputPanel.tsx to show a check icon and the echo text in the collapsed card header alongside the question.
• Uses an optimistic single-select value (when its questionId matches the active question) to avoid flicker during server round-trips.

^{Macroscope summarized 6ad0792.}

[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: 80432d82-ebe9-4b68-be43-b2cd45662ceb

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

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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

[macroscopeapp]

Approvability

Verdict: Approved 6ad0792

Self-contained UI enhancement that adds visual feedback showing the selected answer in a collapsed question panel. Changes include a pure utility function with comprehensive tests and minimal component updates—no runtime behavior changes beyond the new display.

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

[PollyGlot]

Closing: #6773 landed the collapsible question panel first and covers this. Thanks @Jardo-51.

The only piece left over here was echoing the current answer next to the truncated question in the collapsed header, so a collapsed card still says what was picked. Small and cosmetic, and not what this PR set out to do, so I'd rather it come back as its own focused PR than ride in under a stale title.

[PollyGlot]

Summary

Adds a chevron toggle to collapse the question panel (AskUserQuestion) that is embedded in the chat composer, mirroring the collapse affordance of the Claude app while keeping the free-text answer field fully usable.

Scope: web/desktop only. The mobile app already has its own collapse (the pending user-input card folds into a compact bar in the composer slot), so no mobile changes are included.

Behavior

• The panel header (badge + question counter) becomes a full-width toggle with a chevron on the right (Collapsible primitive, animated, aria-expanded + explicit aria-label).
• Collapsed, the header turns into a compact bar: badge, N/M counter, the question truncated to one line, and a check echo of the current answer (selected option label, N selected for multi-select, or the custom text). The composer textarea ("Type your own answer...") and the Previous/Submit actions stay visible and functional.
• Collapse is manual only, tracked per request id in ChatView (survives the panel's two render sites in ChatComposer). A new request always arrives expanded, and moving to another question re-expands the panel.
• The 1-9 option shortcuts are disabled while collapsed.

Screenshots

Before (no collapse available)	After, expanded (chevron added)

After, collapsed	After, collapsed with a selection echo

Testing

• 9 new unit tests on the pure logic (selection echo derivation, collapse-state toggling/reset) in pendingUserInput.test.ts; web suite green (252 files, 2438 tests).
• vp run -r typecheck (tsgo) passes.
• Manually verified in the dev app with a seeded 2-question pending input: toggle, truncation, echo, shortcut gating, and question-change re-expansion.

🤖 Generated with Claude Code

---

Note

Low Risk
UI-only composer header behavior backed by pure formatting logic and tests; no auth, API, or data-path changes.

Overview
When the composer AskUserQuestion panel is collapsed, the header now shows the current answer next to the truncated question (check icon + label), not just the question text.

A new derivePendingUserInputSelectionEcho helper formats draft answers for display: single label, N selected for multi-select, custom text when present, or nothing when unanswered. The collapsed bar uses the same optimistic single-select label as the option buttons so the echo does not flicker during server round-trips.

Unit tests cover the echo helper’s empty, single/multi-select, and custom-answer cases.

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

Note

Show selected answer summary in collapsed composer question panel

• Adds derivePendingUserInputSelectionEcho in pendingUserInput.ts that returns a concise string for the current answer: the label for a single selection, 'N selected' for multiple, or the raw string for custom answers.
• Updates ComposerPendingUserInputPanel.tsx to show a check icon and the echo text in the collapsed card header alongside the question.
• Uses an optimistic single-select value (when its questionId matches the active question) to avoid flicker during server round-trips.

^{Macroscope summarized 6ad0792.}

[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: 80432d82-ebe9-4b68-be43-b2cd45662ceb

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

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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

[macroscopeapp]

Approvability

Verdict: Approved 6ad0792

Self-contained UI enhancement that adds visual feedback showing the selected answer in a collapsed question panel. Changes include a pure utility function with comprehensive tests and minimal component updates—no runtime behavior changes beyond the new display.

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

[PollyGlot]

Closing: #6773 landed the collapsible question panel first and covers this. Thanks @Jardo-51.

The only piece left over here was echoing the current answer next to the truncated question in the collapsed header, so a collapsed card still says what was picked. Small and cosmetic, and not what this PR set out to do, so I'd rather it come back as its own focused PR than ride in under a stale title.

[PollyGlot]

Summary

Adds a chevron toggle to collapse the question panel (AskUserQuestion) that is embedded in the chat composer, mirroring the collapse affordance of the Claude app while keeping the free-text answer field fully usable.

Scope: web/desktop only. The mobile app already has its own collapse (the pending user-input card folds into a compact bar in the composer slot), so no mobile changes are included.

Behavior

• The panel header (badge + question counter) becomes a full-width toggle with a chevron on the right (Collapsible primitive, animated, aria-expanded + explicit aria-label).
• Collapsed, the header turns into a compact bar: badge, N/M counter, the question truncated to one line, and a check echo of the current answer (selected option label, N selected for multi-select, or the custom text). The composer textarea ("Type your own answer...") and the Previous/Submit actions stay visible and functional.
• Collapse is manual only, tracked per request id in ChatView (survives the panel's two render sites in ChatComposer). A new request always arrives expanded, and moving to another question re-expands the panel.
• The 1-9 option shortcuts are disabled while collapsed.

Screenshots

Before (no collapse available)	After, expanded (chevron added)

After, collapsed	After, collapsed with a selection echo

Testing

• 9 new unit tests on the pure logic (selection echo derivation, collapse-state toggling/reset) in pendingUserInput.test.ts; web suite green (252 files, 2438 tests).
• vp run -r typecheck (tsgo) passes.
• Manually verified in the dev app with a seeded 2-question pending input: toggle, truncation, echo, shortcut gating, and question-change re-expansion.

🤖 Generated with Claude Code

---

Note

Low Risk
UI-only composer header behavior backed by pure formatting logic and tests; no auth, API, or data-path changes.

Overview
When the composer AskUserQuestion panel is collapsed, the header now shows the current answer next to the truncated question (check icon + label), not just the question text.

A new derivePendingUserInputSelectionEcho helper formats draft answers for display: single label, N selected for multi-select, custom text when present, or nothing when unanswered. The collapsed bar uses the same optimistic single-select label as the option buttons so the echo does not flicker during server round-trips.

Unit tests cover the echo helper’s empty, single/multi-select, and custom-answer cases.

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

Note

Show selected answer summary in collapsed composer question panel

• Adds derivePendingUserInputSelectionEcho in pendingUserInput.ts that returns a concise string for the current answer: the label for a single selection, 'N selected' for multiple, or the raw string for custom answers.
• Updates ComposerPendingUserInputPanel.tsx to show a check icon and the echo text in the collapsed card header alongside the question.
• Uses an optimistic single-select value (when its questionId matches the active question) to avoid flicker during server round-trips.

^{Macroscope summarized 6ad0792.}

[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: 80432d82-ebe9-4b68-be43-b2cd45662ceb

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

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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

[macroscopeapp]

Approvability

Verdict: Approved 6ad0792

Self-contained UI enhancement that adds visual feedback showing the selected answer in a collapsed question panel. Changes include a pure utility function with comprehensive tests and minimal component updates—no runtime behavior changes beyond the new display.

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

[PollyGlot]

Closing: #6773 landed the collapsible question panel first and covers this. Thanks @Jardo-51.

The only piece left over here was echoing the current answer next to the truncated question in the collapsed header, so a collapsed card still says what was picked. Small and cosmetic, and not what this PR set out to do, so I'd rather it come back as its own focused PR than ride in under a stale title.

[PollyGlot]

Summary

Adds a chevron toggle to collapse the question panel (AskUserQuestion) that is embedded in the chat composer, mirroring the collapse affordance of the Claude app while keeping the free-text answer field fully usable.

Scope: web/desktop only. The mobile app already has its own collapse (the pending user-input card folds into a compact bar in the composer slot), so no mobile changes are included.

Behavior

• The panel header (badge + question counter) becomes a full-width toggle with a chevron on the right (Collapsible primitive, animated, aria-expanded + explicit aria-label).
• Collapsed, the header turns into a compact bar: badge, N/M counter, the question truncated to one line, and a check echo of the current answer (selected option label, N selected for multi-select, or the custom text). The composer textarea ("Type your own answer...") and the Previous/Submit actions stay visible and functional.
• Collapse is manual only, tracked per request id in ChatView (survives the panel's two render sites in ChatComposer). A new request always arrives expanded, and moving to another question re-expands the panel.
• The 1-9 option shortcuts are disabled while collapsed.

Screenshots

Before (no collapse available)	After, expanded (chevron added)

After, collapsed	After, collapsed with a selection echo

Testing

• 9 new unit tests on the pure logic (selection echo derivation, collapse-state toggling/reset) in pendingUserInput.test.ts; web suite green (252 files, 2438 tests).
• vp run -r typecheck (tsgo) passes.
• Manually verified in the dev app with a seeded 2-question pending input: toggle, truncation, echo, shortcut gating, and question-change re-expansion.

🤖 Generated with Claude Code

---

Note

Low Risk
UI-only composer header behavior backed by pure formatting logic and tests; no auth, API, or data-path changes.

Overview
When the composer AskUserQuestion panel is collapsed, the header now shows the current answer next to the truncated question (check icon + label), not just the question text.

A new derivePendingUserInputSelectionEcho helper formats draft answers for display: single label, N selected for multi-select, custom text when present, or nothing when unanswered. The collapsed bar uses the same optimistic single-select label as the option buttons so the echo does not flicker during server round-trips.

Unit tests cover the echo helper’s empty, single/multi-select, and custom-answer cases.

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

Note

Show selected answer summary in collapsed composer question panel

• Adds derivePendingUserInputSelectionEcho in pendingUserInput.ts that returns a concise string for the current answer: the label for a single selection, 'N selected' for multiple, or the raw string for custom answers.
• Updates ComposerPendingUserInputPanel.tsx to show a check icon and the echo text in the collapsed card header alongside the question.
• Uses an optimistic single-select value (when its questionId matches the active question) to avoid flicker during server round-trips.

^{Macroscope summarized 6ad0792.}

[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: 80432d82-ebe9-4b68-be43-b2cd45662ceb

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

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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

[macroscopeapp]

Approvability

Verdict: Approved 6ad0792

Self-contained UI enhancement that adds visual feedback showing the selected answer in a collapsed question panel. Changes include a pure utility function with comprehensive tests and minimal component updates—no runtime behavior changes beyond the new display.

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

[PollyGlot]

Closing: #6773 landed the collapsible question panel first and covers this. Thanks @Jardo-51.

The only piece left over here was echoing the current answer next to the truncated question in the collapsed header, so a collapsed card still says what was picked. Small and cosmetic, and not what this PR set out to do, so I'd rather it come back as its own focused PR than ride in under a stale title.

[PollyGlot]

Summary

Adds a chevron toggle to collapse the question panel (AskUserQuestion) that is embedded in the chat composer, mirroring the collapse affordance of the Claude app while keeping the free-text answer field fully usable.

Scope: web/desktop only. The mobile app already has its own collapse (the pending user-input card folds into a compact bar in the composer slot), so no mobile changes are included.

Behavior

• The panel header (badge + question counter) becomes a full-width toggle with a chevron on the right (Collapsible primitive, animated, aria-expanded + explicit aria-label).
• Collapsed, the header turns into a compact bar: badge, N/M counter, the question truncated to one line, and a check echo of the current answer (selected option label, N selected for multi-select, or the custom text). The composer textarea ("Type your own answer...") and the Previous/Submit actions stay visible and functional.
• Collapse is manual only, tracked per request id in ChatView (survives the panel's two render sites in ChatComposer). A new request always arrives expanded, and moving to another question re-expands the panel.
• The 1-9 option shortcuts are disabled while collapsed.

Screenshots

Before (no collapse available)	After, expanded (chevron added)

After, collapsed	After, collapsed with a selection echo

Testing

• 9 new unit tests on the pure logic (selection echo derivation, collapse-state toggling/reset) in pendingUserInput.test.ts; web suite green (252 files, 2438 tests).
• vp run -r typecheck (tsgo) passes.
• Manually verified in the dev app with a seeded 2-question pending input: toggle, truncation, echo, shortcut gating, and question-change re-expansion.

🤖 Generated with Claude Code

---

Note

Low Risk
UI-only composer header behavior backed by pure formatting logic and tests; no auth, API, or data-path changes.

Overview
When the composer AskUserQuestion panel is collapsed, the header now shows the current answer next to the truncated question (check icon + label), not just the question text.

A new derivePendingUserInputSelectionEcho helper formats draft answers for display: single label, N selected for multi-select, custom text when present, or nothing when unanswered. The collapsed bar uses the same optimistic single-select label as the option buttons so the echo does not flicker during server round-trips.

Unit tests cover the echo helper’s empty, single/multi-select, and custom-answer cases.

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

Note

Show selected answer summary in collapsed composer question panel

• Adds derivePendingUserInputSelectionEcho in pendingUserInput.ts that returns a concise string for the current answer: the label for a single selection, 'N selected' for multiple, or the raw string for custom answers.
• Updates ComposerPendingUserInputPanel.tsx to show a check icon and the echo text in the collapsed card header alongside the question.
• Uses an optimistic single-select value (when its questionId matches the active question) to avoid flicker during server round-trips.

^{Macroscope summarized 6ad0792.}

[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: 80432d82-ebe9-4b68-be43-b2cd45662ceb

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

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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

[macroscopeapp]

Approvability

Verdict: Approved 6ad0792

Self-contained UI enhancement that adds visual feedback showing the selected answer in a collapsed question panel. Changes include a pure utility function with comprehensive tests and minimal component updates—no runtime behavior changes beyond the new display.

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

[PollyGlot]

Closing: #6773 landed the collapsible question panel first and covers this. Thanks @Jardo-51.

The only piece left over here was echoing the current answer next to the truncated question in the collapsed header, so a collapsed card still says what was picked. Small and cosmetic, and not what this PR set out to do, so I'd rather it come back as its own focused PR than ride in under a stale title.

[PollyGlot]

Summary

Adds a chevron toggle to collapse the question panel (AskUserQuestion) that is embedded in the chat composer, mirroring the collapse affordance of the Claude app while keeping the free-text answer field fully usable.

Scope: web/desktop only. The mobile app already has its own collapse (the pending user-input card folds into a compact bar in the composer slot), so no mobile changes are included.

Behavior

• The panel header (badge + question counter) becomes a full-width toggle with a chevron on the right (Collapsible primitive, animated, aria-expanded + explicit aria-label).
• Collapsed, the header turns into a compact bar: badge, N/M counter, the question truncated to one line, and a check echo of the current answer (selected option label, N selected for multi-select, or the custom text). The composer textarea ("Type your own answer...") and the Previous/Submit actions stay visible and functional.
• Collapse is manual only, tracked per request id in ChatView (survives the panel's two render sites in ChatComposer). A new request always arrives expanded, and moving to another question re-expands the panel.
• The 1-9 option shortcuts are disabled while collapsed.

Screenshots

Before (no collapse available)	After, expanded (chevron added)

After, collapsed	After, collapsed with a selection echo

Testing

• 9 new unit tests on the pure logic (selection echo derivation, collapse-state toggling/reset) in pendingUserInput.test.ts; web suite green (252 files, 2438 tests).
• vp run -r typecheck (tsgo) passes.
• Manually verified in the dev app with a seeded 2-question pending input: toggle, truncation, echo, shortcut gating, and question-change re-expansion.

🤖 Generated with Claude Code

---

Note

Low Risk
UI-only composer header behavior backed by pure formatting logic and tests; no auth, API, or data-path changes.

Overview
When the composer AskUserQuestion panel is collapsed, the header now shows the current answer next to the truncated question (check icon + label), not just the question text.

A new derivePendingUserInputSelectionEcho helper formats draft answers for display: single label, N selected for multi-select, custom text when present, or nothing when unanswered. The collapsed bar uses the same optimistic single-select label as the option buttons so the echo does not flicker during server round-trips.

Unit tests cover the echo helper’s empty, single/multi-select, and custom-answer cases.

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

Note

Show selected answer summary in collapsed composer question panel

• Adds derivePendingUserInputSelectionEcho in pendingUserInput.ts that returns a concise string for the current answer: the label for a single selection, 'N selected' for multiple, or the raw string for custom answers.
• Updates ComposerPendingUserInputPanel.tsx to show a check icon and the echo text in the collapsed card header alongside the question.
• Uses an optimistic single-select value (when its questionId matches the active question) to avoid flicker during server round-trips.

^{Macroscope summarized 6ad0792.}

[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: 80432d82-ebe9-4b68-be43-b2cd45662ceb

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

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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

[macroscopeapp]

Approvability

Verdict: Approved 6ad0792

Self-contained UI enhancement that adds visual feedback showing the selected answer in a collapsed question panel. Changes include a pure utility function with comprehensive tests and minimal component updates—no runtime behavior changes beyond the new display.

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

[PollyGlot]

Closing: #6773 landed the collapsible question panel first and covers this. Thanks @Jardo-51.

The only piece left over here was echoing the current answer next to the truncated question in the collapsed header, so a collapsed card still says what was picked. Small and cosmetic, and not what this PR set out to do, so I'd rather it come back as its own focused PR than ride in under a stale title.