fix: use consistent width measurement (clientWidth) for compact composer footer check

cursoragent · juliusmarminge · cursoragent · commit 580eb4b5a8da · 2026-03-09T18:03:44.000Z
The initial compact-mode check used composerForm.clientWidth (includes padding)
while the ResizeObserver callback used entry.contentRect.width (content-box only).
This inconsistency could cause a flash near the breakpoint if the form element
ever acquires padding. Use composerForm.clientWidth in both places for consistency.

Co-authored-by: Julius Marminge &lt;juliusmarminge@users.noreply.github.com&gt;
diff --git a/apps/web/src/components/ChatView.tsx b/apps/web/src/components/ChatView.tsx
@@ -1928,7 +1928,7 @@ export default function ChatView({ threadId }: ChatViewProps) {
       const [entry] = entries;
       if (!entry) return;
 
-      const nextCompact = shouldUseCompactComposerFooter(entry.contentRect.width, {
+      const nextCompact = shouldUseCompactComposerFooter(composerForm.clientWidth, {
         hasWideActions: composerFooterHasWideActions,
       });
       setIsComposerFooterCompact((previous) => (previous === nextCompact ? previous : nextCompact));
