fix(command-center): stop focus from scrolling the cell on click (#3009)

Author: richardsolomou

packages/ui/src/features/command-center/components/CommandCenterGrid.tsx

@@ -80,7 +80,9 @@ function GridCell({
       }
       const selection = window.getSelection();
       if (selection && !selection.isCollapsed) return;
-      cellRef.current?.querySelector<HTMLElement>("[tabindex='0']")?.focus();
+      cellRef.current
+        ?.querySelector<HTMLElement>("[tabindex='0']")
+        ?.focus({ preventScroll: true });
     },
     [markActive],
   );

packages/ui/src/features/message-editor/tiptap/useDraftSync.ts

@@ -169,7 +169,7 @@ export function useDraftSync(
     if (!editor || !pendingContent) return;
 
     editor.commands.setContent(editorContentToTiptapJson(pendingContent));
-    editor.commands.focus("end");
+    editor.commands.focus("end", { scrollIntoView: false });
     draftActions.clearPendingContent(sessionId);
   }, [editor, pendingContent, sessionId, draftActions]);
 

packages/ui/src/features/message-editor/tiptap/useTiptapEditor.ts

@@ -615,7 +615,9 @@ export function useTiptapEditor(options: UseTiptapEditorOptions) {
 
   const focus = useCallback(() => {
     if (editor?.view) {
-      editor.commands.focus("end");
+      // scrollIntoView:false keeps a focus request from yanking the viewport
+      // when the composer is off-screen (e.g. embedded in a command-center cell).
+      editor.commands.focus("end", { scrollIntoView: false });
     }
   }, [editor]);
   const blur = useCallback(() => editor?.commands.blur(), [editor]);
@@ -630,7 +632,7 @@ export function useTiptapEditor(options: UseTiptapEditorOptions) {
     (text: string) => {
       if (!editor) return;
       editor.commands.setContent(text);
-      editor.commands.focus("end");
+      editor.commands.focus("end", { scrollIntoView: false });
       draft.saveDraft(editor, attachments);
     },
     [editor, draft, attachments],