[Bug]: command palette footer hints clip off the dialog edge on narrow viewports#29295

Area

apps/web

Steps to reproduce

1. Open the web app in a mobile browser at a ~390 px viewport (or narrow a desktop window below ~430 px).
2. Press mod+k to open the command palette.
3. Open a sub-view that shows the Back hint, e.g. click "New thread in...".

Expected behavior

The footer hint bar stays inside the dialog and every group (Navigate, Enter Select, Backspace Back, Esc Close) remains fully visible on narrow viewports.

Actual behavior

The four KbdGroups sit in a single non-wrapping flex row in the shared palette footer (<div className="flex items-center gap-3">, apps/web/src/components/CommandPaletteContent.tsx). At 390 px the row is wider than the dialog and CommandFooter clips it, so the Esc Close group is cut off at the right edge - only a sliver of the Esc keycap survives.

Impact

Minor bug or occasional failure

Version or commit

Seen on a local build of main at 47f2c8d2 on 2026-11-02 (CommandPaletteContent.tsx).

Environment

Chrome via headless CDP with 390x844 mobile emulation against the web app. Also reproduces on a real phone browser (~405 px viewport) with the project-picker sub-view open.

Workaround

Rotate to landscape or widen the window. The hinted actions all work via touch; only the keyboard hints are unusable.