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

Last updated April 4, 2026

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.