feat(studio): add insert, filter, sort, refresh shortcuts to the table editor by awaseem · Pull Request #45191 · supabase/supabase · GitHub
Skip to content

feat(studio): add insert, filter, sort, refresh shortcuts to the table editor#45191

Draft
awaseem wants to merge 1 commit intoaliwaseem/fe-3057-add-shortcuts-for-the-table-editorfrom
aliwaseem/fe-3057-more-table-editor-shortcuts
Draft

feat(studio): add insert, filter, sort, refresh shortcuts to the table editor#45191
awaseem wants to merge 1 commit intoaliwaseem/fe-3057-add-shortcuts-for-the-table-editorfrom
aliwaseem/fe-3057-more-table-editor-shortcuts

Conversation

@awaseem
Copy link
Copy Markdown
Contributor

@awaseem awaseem commented Apr 23, 2026 •
edited
Loading

I have read the CONTRIBUTING.md file.

YES

What kind of change does this PR introduce?

Feature — a second batch of table editor shortcuts, stacked on top of #45178.

What is the current behavior?

Inserts / filters / sort / refresh are all mouse-only. No keyboard access, and no affordance for discovering what keybinds might exist.

What is the new behavior?

New shortcuts

Keybind Action Surface
Mod+Shift+N Insert row hotkey + Cmd+K + inline keybind in Insert dropdown
Mod+Shift+K Insert column hotkey + Cmd+K + inline keybind in Insert dropdown
Mod+Shift+U Import data from CSV hotkey + Cmd+K + inline keybind in Insert dropdown
Shift+F Focus filters hotkey + Cmd+K — focuses the new filter bar's freeform input
Mod+Shift+F Clear filters hotkey + Cmd+K — gated on filters.length > 0
Mod+Shift+O Clear sort hotkey + Cmd+K — gated on sorts.length > 0
Shift+R Refresh table hotkey + Cmd+K + hover tooltip on the Refresh button

All are ignoreInputs: true so they don't fire while typing.

Infrastructure

  • New <ShortcutBadge> (components/ui/ShortcutBadge.tsx) — inline keybind display. Reads the sequence straight from the registry, so the ID is the single source of truth. Defaults to variant="inline" (the flat text-foreground/40 style used across the app in RunButton, ActionBar, OperationQueueSidePanel, etc.) with variant="pill" available if someone needs the boxed style.
  • Insert dropdown restyled — each DropdownMenuItem in HeaderNew's Insert menu now shows its keybind inline on the right (centered vertically, with pr-4 + shrink-0 so long table names in the description never crowd the badge).
  • RefreshButton swapped from ButtonTooltip to <Shortcut> so the keybind tooltip renders automatically from the registry.
  • FilterPopoverPrimitive untouched — the old filter bar is being deleted, so Shift+F is scoped to the new filter bar only. The handler focuses [data-testid="filter-bar-freeform-input"] (the existing freeform input in the ui-patterns FilterBar → FilterGroup).

Additional context

Stacked on #45178 (FE-3057 — initial table editor shortcuts). Rebase after that one merges.

Test plan

  • Open a table → Insert dropdown shows keybind to the right of each item, no wrap encroachment even with long table names
  • Mod+Shift+N opens the Row editor; Mod+Shift+K opens the Column editor; Mod+Shift+U opens the CSV import flow
  • Shift+F focuses the new filter bar's freeform input
  • Add a filter → Mod+Shift+F clears it; shortcut disabled in Cmd+K when no filters are applied
  • Sort a column → Mod+Shift+O clears sort; shortcut disabled when no sorts
  • Shift+R refreshes the table (spinner shows on the Refresh button); hover the button → keybind tooltip
  • All seven new entries show up in Cmd+K when their gates are satisfied

@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 23, 2026 •
edited
Loading

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
studio-self-hosted Ready Ready Preview, Comment Apr 23, 2026 9:06pm
studio-staging Ready Ready Preview, Comment Apr 23, 2026 9:06pm
6 Skipped Deployments
Project Deployment Actions Updated (UTC)
studio Ignored Ignored Apr 23, 2026 9:06pm
design-system Skipped Skipped Apr 23, 2026 9:06pm
docs Skipped Skipped Open in v0 Apr 23, 2026 9:06pm
learn Skipped Skipped Apr 23, 2026 9:06pm
ui-library Skipped Skipped Apr 23, 2026 9:06pm
zone-www-dot-com Skipped Skipped Open in v0 Apr 23, 2026 9:06pm

Request Review

@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai Bot commented Apr 23, 2026

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI (base), Organization UI (inherited)

Review profile: CHILL

Plan: Pro

Run ID: b96e12d0-ded7-4d8d-866b-2fc77d7e7c73

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch aliwaseem/fe-3057-more-table-editor-shortcuts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@supabase
Copy link
Copy Markdown

supabase Bot commented Apr 23, 2026

This pull request has been ignored for the connected project xguihxuzqibwxjnimxev because there are no changes detected in supabase directory. You can change this behaviour in Project Integrations Settings ↗︎.

Preview Branches by Supabase.
Learn more about Supabase Branching ↗︎.

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Apr 23, 2026

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@awaseem