Navigate Flaggr faster with the keyboard-driven command palette — search, navigate, and act without leaving the keyboard

Command Palette

The command palette gives you instant access to navigation, actions, and preferences from anywhere in the Flaggr console. Open it with a keyboard shortcut, type to search, and hit Enter to go.

Opening the Palette

Shortcut	Platform
`Cmd + K`	macOS
`Ctrl + K`	Windows / Linux

Press the shortcut again to close, or press Esc.

The palette adapts to your current context. When you're inside a project, you see project-level commands. When you're inside a service, you see service-level commands too.

Always Available

Command	Description
Go to Dashboard	View all projects
Documentation	Open the docs
Blog	Engineering posts
Toggle Dark Mode	Switch theme

Inside a Project

Command	Description
Project Overview	View the current project
Project Settings	Manage project configuration
Team Members	Manage team access and roles
Create New Service	Add a service to this project

Inside a Service

Command	Description
Flag List	View all flags for this service
Service Metrics	View evaluation metrics
Create New Flag	Add a feature flag

Searching

Type anything in the search bar to filter commands. The palette matches against:

Command names — "flag", "settings", "metrics"
Descriptions — "evaluation", "team access"
Keywords — hidden search terms like "home", "config", "analytics"

Results update instantly as you type.

Key	Action
`Arrow Up / Down`	Move selection
`Enter`	Execute selected command
`Esc`	Close palette

The currently selected command is highlighted. Press Enter to execute it immediately.

Adding the Palette to Your Layout

The command palette is a client component that can be added to any layout. It renders as a dialog that only appears when activated:

import { CommandPalette } from "@/components/command-palette";
 
export default function Layout({ children }) {
  return (
    <>
      <CommandPalette
        projectSlug="my-project"
        serviceSlug="my-service"
      />
      {children}
    </>
  );
}

Props

Prop	Type	Description
`projectSlug`	string \| undefined	Current project slug for context-aware commands
`serviceSlug`	string \| undefined	Current service slug for context-aware commands

When slugs are not provided, only global commands are shown.