Description
Develop a command palette (similar to VS Code) that lets users quickly navigate the application. The palette should provide a fast, keyboard-driven interface for executing actions and navigating between pages.
Supported Actions
-
Create Snippets
Trigger snippet creation directly from the palette.
-
Search Snippets
Quickly search and open snippets by name or metadata.
-
Open Settings
Navigate to the Settings & Preferences page.
-
Navigate Between Pages
Switch between major sections (Dashboard, Contracts, Wallet, Profiles, etc.).
Requirements
-
Keyboard Accessibility
Palette opens with a global shortcut (e.g., Ctrl+K / Cmd+K) and supports full keyboard navigation.
-
Searchable Commands
Commands are searchable with fuzzy matching for quick access.
-
Categorized Actions
Commands grouped by category (Snippets, Settings, Navigation, Contracts, Wallet).
-
Responsive Design
Works seamlessly across desktop and mobile.
Acceptance Criteria
- ✅ Global shortcut enabled — Palette opens instantly with
Ctrl+K / Cmd+K.
- ✅ Search functionality — Commands can be searched with fuzzy matching.
- ✅ Action execution — Selecting a command executes the action immediately.
- ✅ Clean developer-friendly UI — Minimalist design with syntax-aware highlighting.
- ✅ Empty & loading states — Graceful handling when no commands match or palette is initializing.
Description
Develop a command palette (similar to VS Code) that lets users quickly navigate the application. The palette should provide a fast, keyboard-driven interface for executing actions and navigating between pages.
Supported Actions
Create Snippets
Trigger snippet creation directly from the palette.
Search Snippets
Quickly search and open snippets by name or metadata.
Open Settings
Navigate to the Settings & Preferences page.
Navigate Between Pages
Switch between major sections (Dashboard, Contracts, Wallet, Profiles, etc.).
Requirements
Keyboard Accessibility
Palette opens with a global shortcut (e.g.,
Ctrl+K/Cmd+K) and supports full keyboard navigation.Searchable Commands
Commands are searchable with fuzzy matching for quick access.
Categorized Actions
Commands grouped by category (Snippets, Settings, Navigation, Contracts, Wallet).
Responsive Design
Works seamlessly across desktop and mobile.
Acceptance Criteria
Ctrl+K/Cmd+K.