feat: focus & keyboard navigation improvements [INS-2552]

[pavkout]

Keyboard-driven users had to keep reaching for the mouse: creating a request didn't focus the URL, opening param/header/environment grids didn't put the cursor in an input, and the sidebar couldn't expand/collapse folders with the arrow keys. This implements a set of focus/keyboard rules so that when you click to create/edit something with an obvious textbox, the cursor lands there and you can just start typing.

Changes

• New request → URL bar focused (new requests only, not when opening existing ones)
• Adding a query param / header → the new row's Name cell is focused
• Opening the KV environment editor → the trailing blank row's Name is focused
• Create / Rename / Settings dialogs → the Name field is focused (workspace, folder, request settings)
• Sidebar Left/Right arrows → collapse/expand the focused folder (or project/workspace)
• Cmd/Ctrl-N → creates the request inside the selected folder (was always workspace root when no request was active)

Implementation notes

• OneLineEditor gains autoFocus / onAutoFocus props as a shared enabler.
• Editor focus is deferred one frame (requestAnimationFrame) so it wins against React Aria ListBox focus restoration, which otherwise yanks focus back to the row.
• The "focus URL on new request" signal is module-level (read during render, cleared once the editor focuses) so it stays correct under React StrictMode double-mounting — the router strips redirect search params, so that approach wasn't viable.

Deliberate scope decisions

• Path params get no autofocus — you add them by typing :id in the URL, so focusing the path-param value would yank the cursor out of the URL bar mid-type. Tab order already reaches it.
• Only HTTP / GraphQL / Event Stream / cURL URL bars are wired for new-request focus; WebSocket/gRPC use different panes and can follow up.

Testing

• Adds focus-and-keyboard.test.ts smoke tests covering all of the above (7 tests, all green).
• npm run lint, npm run type-check, and npm test all pass.

[Copilot]

Pull request overview

This PR improves keyboard-driven workflows across the Insomnia UI by adding consistent autofocus behavior to common “create/edit” flows and enabling Left/Right arrow expand/collapse in the project navigation sidebar, reducing reliance on mouse interactions.

Changes:

• Adds URL-bar autofocus for newly created requests via a one-shot in-memory focus signal.
• Adds autoFocus / onAutoFocus support to OneLineEditor and uses it to focus newly added KV rows / dialogs.
• Adds sidebar Left/Right arrow handling for expand/collapse, updates Ctrl/Cmd+N parent selection behavior, and adds smoke-test coverage.

Reviewed changes

Copilot reviewed 12 out of 12 changed files in this pull request and generated 3 comments.

Show a summary per file

File	Description
packages/insomnia/src/ui/components/sidebar/project-navigation-sidebar/project-navigation-sidebar.tsx	Adds Left/Right arrow key handling to expand/collapse focused tree rows.
packages/insomnia/src/ui/components/request-url-bar.tsx	Hooks URL bar autofocus to the new-request focus signal.
packages/insomnia/src/ui/components/request-url-bar-focus.ts	Introduces a module-level one-shot focus signal for newly created requests.
packages/insomnia/src/ui/components/modals/workspace-settings-modal.tsx	Autofocuses workspace name input when applicable.
packages/insomnia/src/ui/components/modals/request-settings-modal.tsx	Autofocuses request name input.
packages/insomnia/src/ui/components/modals/request-group-settings-modal.tsx	Autofocuses folder (request group) name input.
packages/insomnia/src/ui/components/key-value-editor/key-value-editor.tsx	Adds “focus new row name” behavior when adding KV pairs.
packages/insomnia/src/ui/components/editors/environment-key-value-editor/key-value-editor.tsx	Memoizes symmetric key and autofocuses trailing blank KV name on open.
packages/insomnia/src/ui/components/.client/codemirror/one-line-editor.tsx	Adds deferred autofocus support to CodeMirror-backed single-line editor.
packages/insomnia/src/routes/organization.$organizationId.project.$projectId.workspace.$workspaceId.debug.tsx	Updates Ctrl/Cmd+N parent selection logic to respect selected folder.
packages/insomnia/src/routes/organization.$organizationId.project.$projectId.workspace.$workspaceId.debug.request.new.tsx	Sets the URL-bar focus signal when creating URL-bar-backed request types.
packages/insomnia-smoke-test/tests/smoke/focus-and-keyboard.test.ts	Adds smoke tests covering focus rules and keyboard navigation behaviors.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.