[HDX-3968] Add Ctrl+K spotlight UI for quick navigation between pages#2099
Draft
[HDX-3968] Add Ctrl+K spotlight UI for quick navigation between pages#2099
Conversation
Add a command palette / spotlight overlay triggered by Ctrl+K that enables quick navigation between sources, saved searches, and pages (Alerts). - New Spotlight component with fuzzy text filtering and j/k navigation - Ctrl+K keybinding works from EventViewer and SourcePicker screens - Items are categorized (Source/Search/Page) with color-coded labels - Esc to close, Enter to select, arrow keys or Ctrl+N/P to navigate - Updated help screen, AGENTS.md, and CONTRIBUTING.md with new keybinding Co-authored-by: Warren Lee <wrn14897@users.noreply.github.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
|
Contributor
E2E Test Results✅ All tests passed • 131 passed • 3 skipped • 1077s
Tests ran across 4 shards in parallel. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Add a Ctrl+K spotlight / command palette overlay to the TUI for quick navigation between sources, saved searches, and pages (Alerts). This follows the common Ctrl+K pattern used in web apps for fast navigation without leaving the keyboard.
The spotlight shows all available navigation targets with type labels (Source/Search/Page), supports real-time text filtering, and keyboard navigation (arrow keys + Enter/Esc).
Screenshots or video
Spotlight overlay opened:
Spotlight overlay with all items
Filtering with "Alert":
07_spotlight_alerts_filter.txt
Alerts page reached via spotlight:
Alerts page after navigation
How to test locally or on Vercel
cd packages/cli && yarn dev auth login -s http://localhost:8000(authenticate)yarn dev tui -s http://localhost:8000(start TUI)Ctrl+Kto open spotlight from either the source picker or event viewerReferences
Changes
packages/cli/src/components/Spotlight.tsx— Spotlight overlay component with text filtering, j/k + arrow key navigation, categorized itemspackages/cli/src/App.tsx— Manages spotlight state, builds items from sources/searches, handles selection to navigate screenspackages/cli/src/components/EventViewer/useKeybindings.ts— Ctrl+K handler in priority position (after SQL preview, before text input focus checks)packages/cli/src/components/EventViewer/types.ts— AddedonOpenSpotlightproppackages/cli/src/components/EventViewer/EventViewer.tsx— PassesonOpenSpotlightto keybindings hookpackages/cli/src/components/SourcePicker.tsx— Added Ctrl+K handler andonOpenSpotlightproppackages/cli/src/components/EventViewer/SubComponents.tsx— Added Ctrl+K to help screenpackages/cli/AGENTS.md,packages/cli/CONTRIBUTING.md— Updated keybindings tables and architecture docsTo show artifacts inline, enable in settings.