feat(shortcut): ⌘F focuses response search input

apps/desktop/src/renderer/src/App.tsx

@@ -33,6 +33,7 @@ export function App(): JSX.Element {
   const setUpdateInfo = useAppStore((s) => s.setUpdateInfo);
   const saveOrPrompt = useAppStore((s) => s.saveOrPrompt);
   const focusUrl = useAppStore((s) => s.focusUrl);
+  const focusSearch = useAppStore((s) => s.focusSearch);
   const toggleHiddenRequest = useAppStore((s) => s.toggleHiddenRequest);
   const tabs = useAppStore((s) => s.tabs);
   const isRepo = useAppStore((s) => s.gitStatus?.isRepo === true);
@@ -88,6 +89,17 @@ export function App(): JSX.Element {
               handler: () => activeTabId && duplicateTab(activeTabId),
             },
             { combo: 'mod+l', description: 'Focus URL bar', handler: () => focusUrl() },
+            {
+              combo: 'mod+f',
+              description: 'Find in response',
+              handler: () => {
+                const state = useAppStore.getState();
+                const tab = state.tabs.find((t) => t.id === state.activeTabId);
+                if (tab?.execution.status === 'success') {
+                  focusSearch();
+                }
+              },
+            },
             {
               combo: 'mod+enter',
               description: 'Send / cancel request',
@@ -137,6 +149,7 @@ export function App(): JSX.Element {
       activeTabId,
       saveOrPrompt,
       focusUrl,
+      focusSearch,
       toggleHiddenRequest,
       tabs,
       isRepo,

apps/desktop/src/renderer/src/components/ResponseViewer.tsx

@@ -46,6 +46,12 @@ export function ResponseViewer(): JSX.Element {
   });
   const [tab, setTab] = useState<Tab>('body');
 
+  const focusSearchTick = useAppStore((s) => s.focusSearchTick);
+  useEffect(() => {
+    if (focusSearchTick === 0) return;
+    setTab('body');
+  }, [focusSearchTick]);
+
   if (!execution) {
     return (
       <EmptyState icon="↵" title="No tab" description="Open or create a request first." />
@@ -255,8 +261,16 @@ function BodyPanel({ response }: { response: ExecutedResponse }): JSX.Element {
   }, [matches.length]);
 
   const searchable_supported = mode === 'raw' || mode === 'pretty';
+  const searchInputRef = useRef<HTMLInputElement | null>(null);
   const activeMatchRef = useRef<HTMLElement | null>(null);
 
+  const focusSearchTick = useAppStore((s) => s.focusSearchTick);
+  useEffect(() => {
+    if (focusSearchTick === 0) return;
+    searchInputRef.current?.focus();
+    searchInputRef.current?.select();
+  }, [focusSearchTick]);
+
   useEffect(() => {
     if (activeMatchRef.current) {
       activeMatchRef.current.scrollIntoView({
@@ -280,6 +294,7 @@ function BodyPanel({ response }: { response: ExecutedResponse }): JSX.Element {
 
         {searchable_supported && (
           <SearchBox
+            inputRef={searchInputRef}
             value={search}
             onChange={setSearch}
             matchCount={matches.length}
@@ -326,13 +341,15 @@ function BodyPanel({ response }: { response: ExecutedResponse }): JSX.Element {
 }
 
 function SearchBox({
+  inputRef,
   value,
   onChange,
   matchCount,
   activeIndex,
   onPrev,
   onNext,
 }: {
+  inputRef?: React.Ref<HTMLInputElement>;
   value: string;
   onChange: (value: string) => void;
   matchCount: number;
@@ -343,6 +360,7 @@ function SearchBox({
   return (
     <div className="ml-3 flex items-center gap-1 rounded-md border border-line bg-bg-canvas pl-2 pr-1 focus-within:border-accent focus-within:shadow-focus">
       <input
+        ref={inputRef}
         type="text"
         value={value}
         placeholder="Find in body"

apps/desktop/src/renderer/src/store.ts

@@ -128,6 +128,10 @@ interface AppState {
   focusUrlTick: number;
   focusUrl: () => void;
 
+  // Bumped by ⌘F; ResponseViewer watches and focuses+selects the search input.
+  focusSearchTick: number;
+  focusSearch: () => void;
+
   // Ticks bumped by the command palette to open dialogs owned by RequestBuilder.
   importCurlTick: number;
   openImportCurl: () => void;
@@ -537,6 +541,7 @@ export const useAppStore = create<AppState>((set, get) => {
     setSidebarView: (view) => set({ sidebarView: view }),
     saveDialogOpen: false,
     focusUrlTick: 0,
+    focusSearchTick: 0,
     importCurlTick: 0,
     loadTestTick: 0,
     revealInSidebarTick: 0,
@@ -582,6 +587,7 @@ export const useAppStore = create<AppState>((set, get) => {
     },
 
     focusUrl: () => set({ focusUrlTick: get().focusUrlTick + 1 }),
+    focusSearch: () => set({ focusSearchTick: get().focusSearchTick + 1 }),
     openImportCurl: () => set({ importCurlTick: get().importCurlTick + 1 }),
     openLoadTest: () => set({ loadTestTick: get().loadTestTick + 1 }),