From 194ad4802b39228be5e61548ce6e5f498045a999 Mon Sep 17 00:00:00 2001 From: Ben Davis <45952064+bmdavis419@users.noreply.github.com> Date: Sun, 25 Oct 2026 22:01:49 -0700 Subject: [PATCH 1/2] fix(web): question panel header gets its own darker band Co-Authored-By: Claude Opus 5.5 --- .../src/components/chat/ComposerPendingUserInputPanel.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/apps/web/src/components/chat/ComposerPendingUserInputPanel.tsx b/apps/web/src/components/chat/ComposerPendingUserInputPanel.tsx index 13d3d22aa8827..d26e37ecb0949 100644 --- a/apps/web/src/components/chat/ComposerPendingUserInputPanel.tsx +++ b/apps/web/src/components/chat/ComposerPendingUserInputPanel.tsx @@ -190,7 +190,11 @@ const ComposerPendingUserInputCard = memo(function ComposerPendingUserInputCard( isCollapsed ? "Show the question and its options" : "Hide the question and its options" } data-pending-user-input-toggle={isCollapsed ? "collapsed" : "expanded"} - className="px-4 pt-1.5" + className={cn( + "px-4 pt-1.5", + // Bleeds to the banner's 1px border so the header reads as its own band. + "redesign:data-panel-open:-mx-0.75 redesign:data-panel-open:-mt-0.75 redesign:data-panel-open:w-[calc(100%+--spacing(1.5))] redesign:data-panel-open:rounded-none redesign:data-panel-open:rounded-t-2xl redesign:data-panel-open:bg-black/4 redesign:data-panel-open:px-4.75 redesign:data-panel-open:pt-2.25 redesign:data-panel-open:pb-1 redesign:dark:data-panel-open:bg-black/15", + )} > {activeQuestion.header} From 97b4ccf579278edaee6b42d3992d34b7e68bfffb Mon Sep 17 00:00:00 2001 From: Ben Davis <45952064+bmdavis419@users.noreply.github.com> Date: Sun, 25 Oct 2026 22:13:35 -0700 Subject: [PATCH 2/2] fix(web): center the question header content in its band Co-Authored-By: Claude Opus 5.5 --- apps/web/src/components/chat/ComposerPendingUserInputPanel.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/web/src/components/chat/ComposerPendingUserInputPanel.tsx b/apps/web/src/components/chat/ComposerPendingUserInputPanel.tsx index d26e37ecb0949..c69d45d73ffd5 100644 --- a/apps/web/src/components/chat/ComposerPendingUserInputPanel.tsx +++ b/apps/web/src/components/chat/ComposerPendingUserInputPanel.tsx @@ -193,7 +193,7 @@ const ComposerPendingUserInputCard = memo(function ComposerPendingUserInputCard( className={cn( "px-4 pt-1.5", // Bleeds to the banner's 1px border so the header reads as its own band. - "redesign:data-panel-open:-mx-0.75 redesign:data-panel-open:-mt-0.75 redesign:data-panel-open:w-[calc(100%+--spacing(1.5))] redesign:data-panel-open:rounded-none redesign:data-panel-open:rounded-t-2xl redesign:data-panel-open:bg-black/4 redesign:data-panel-open:px-4.75 redesign:data-panel-open:pt-2.25 redesign:data-panel-open:pb-1 redesign:dark:data-panel-open:bg-black/15", + "redesign:data-panel-open:-mx-0.75 redesign:data-panel-open:-mt-0.75 redesign:data-panel-open:w-[calc(100%+--spacing(1.5))] redesign:data-panel-open:rounded-none redesign:data-panel-open:rounded-t-2xl redesign:data-panel-open:bg-black/4 redesign:data-panel-open:px-4.75 redesign:data-panel-open:py-1.5 redesign:dark:data-panel-open:bg-black/15", )} >