Fix keyboard command and layout bugs in mobile app

- Suppress focusSearch key commands (Cmd+F, Cmd+K) when a text input
  is active so they don't steal focus from the composer or other fields

- Account for sidebar width when constraining file inspector width so
  the inspector doesn't grow so large it unnecessarily suppresses the
  thread sidebar at medium viewport sizes

- Register a files keyboard command handler in ThreadRouteContent that
  opens the inspector pane in split view, matching toolbar behavior
  instead of always pushing a files route via stack navigation

Author: cursoragent

apps/mobile/modules/t3-native-controls/ios/T3KeyboardCommandsModule.swift

@@ -21,10 +21,13 @@ public final class T3KeyboardCommandsView: ExpoView {
   public override var canBecomeFirstResponder: Bool { true }
 
   public override var keyCommands: [UIKeyCommand]? {
-    [
+    let responder = window?.t3FirstResponder
+    let textInputActive = responder is UITextField || responder is UITextView
+
+    return [
       enabledCommand("newTask", input: "n", modifiers: .command, action: #selector(newTask), title: "New Task"),
-      enabledCommand("focusSearch", input: "f", modifiers: .command, action: #selector(focusSearch), title: "Find"),
-      enabledCommand("focusSearch", input: "k", modifiers: .command, action: #selector(focusSearch), title: "Focus Search"),
+      textInputActive ? nil : enabledCommand("focusSearch", input: "f", modifiers: .command, action: #selector(focusSearch), title: "Find"),
+      textInputActive ? nil : enabledCommand("focusSearch", input: "k", modifiers: .command, action: #selector(focusSearch), title: "Focus Search"),
       enabledCommand("back", input: "[", modifiers: .command, action: #selector(goBack), title: "Back"),
       enabledCommand("files", input: "f", modifiers: [.command, .shift], action: #selector(openFiles), title: "Open Files"),
       enabledCommand("terminal", input: "t", modifiers: [.command, .shift], action: #selector(openTerminal), title: "Open Terminal"),

apps/mobile/src/features/layout/AdaptiveWorkspaceLayout.tsx

@@ -131,6 +131,7 @@ export function AdaptiveWorkspaceLayout(props: { readonly children: ReactNode })
         layout,
         viewportWidth: width,
         preferredWidth: fileInspectorPreferredWidth ?? undefined,
+        sidebarWidth: layout.listPaneWidth ?? 0,
       }),
     [fileInspectorPreferredWidth, layout, width],
   );

apps/mobile/src/features/threads/ThreadRouteScreen.tsx

@@ -60,6 +60,7 @@ import {
   useAdaptiveWorkspaceLayout,
   useAdaptiveWorkspacePaneRole,
 } from "../layout/AdaptiveWorkspaceLayout";
+import { useHardwareKeyboardCommand } from "../keyboard/hardwareKeyboardCommands";
 import { WorkspaceSidebarToolbar } from "../layout/workspace-sidebar-toolbar";
 import { ThreadFileNavigatorPane } from "../files/thread-file-navigator-pane";
 import {
@@ -377,6 +378,14 @@ function ThreadRouteContent(
     }
     action.toggleAuxiliaryPane();
   }, []);
+  const handleFilesKeyboardCommand = useCallback(() => {
+    if (fileInspector.supported && selectedThreadCwd !== null) {
+      handleOpenFilesInspector();
+      return true;
+    }
+    return false;
+  }, [fileInspector.supported, handleOpenFilesInspector, selectedThreadCwd]);
+  useHardwareKeyboardCommand("files", handleFilesKeyboardCommand);
   const handleSelectInspectorFile = useCallback(
     (path: string) => {
       if (selectedThread === null) {

apps/mobile/src/lib/layout.test.ts

@@ -164,7 +164,7 @@ describe("deriveWorkspacePaneLayout", () => {
       contentPaneWidth: 1_024,
       supportsAuxiliaryPane: true,
       auxiliaryPaneVisible: true,
-      auxiliaryPaneWidth: 287,
+      auxiliaryPaneWidth: 260,
     });
   });
 
@@ -185,7 +185,7 @@ describe("deriveWorkspacePaneLayout", () => {
       contentPaneWidth: 986,
       supportsAuxiliaryPane: true,
       auxiliaryPaneVisible: true,
-      auxiliaryPaneWidth: 320,
+      auxiliaryPaneWidth: 276,
     });
   });
 

apps/mobile/src/lib/layout.ts

@@ -100,6 +100,7 @@ export function deriveWorkspacePaneLayout(input: {
       layout: input.layout,
       viewportWidth,
       preferredWidth: input.auxiliaryPanePreferredWidth,
+      sidebarWidth: preferredPrimarySidebarWidth,
     });
     const auxiliaryPaneVisible = fileInspector.supported && input.auxiliaryPanePreferredVisible;
     const primarySidebarSuppressedByAuxiliary =
@@ -151,10 +152,13 @@ export function deriveFileInspectorPaneLayout(input: {
   readonly layout: Layout;
   readonly viewportWidth: number;
   readonly preferredWidth?: number;
+  readonly sidebarWidth?: number;
 }): FileInspectorPaneLayout {
   const viewportWidth = Math.max(0, input.viewportWidth);
+  const sidebarWidth = input.sidebarWidth ?? 0;
   const supported =
     input.layout.usesSplitView && viewportWidth >= FILE_INSPECTOR_MIN_VIEWPORT_WIDTH;
+  const availableWidth = Math.max(0, viewportWidth - sidebarWidth);
 
   return {
     supported,
@@ -163,11 +167,11 @@ export function deriveFileInspectorPaneLayout(input: {
           preferredWidth:
             input.preferredWidth ??
             clamp(
-              Math.round(viewportWidth * 0.28),
+              Math.round(availableWidth * 0.28),
               AUXILIARY_PANE_MIN_WIDTH,
               AUXILIARY_PANE_DEFAULT_MAX_WIDTH,
             ),
-          availableWidth: viewportWidth,
+          availableWidth,
         })
       : null,
   };