← All blocks

Command palette over the app

command-palette · over-app · command-palette-page

npx shadcn@latest add @plus-ui/command-palette-page

Default content

{
  "label": "Command palette",
  "context": {
    "product": "Rivetlane",
    "nav": [
      "Overview",
      "Deployments",
      "Previews",
      "Logs",
      "Domains",
      "Settings"
    ],
    "activeNav": 1,
    "title": "Deployments · pellora",
    "kpis": [
      {
        "label": "Deploys today",
        "value": "38",
        "delta": "+6 vs. yesterday"
      },
      {
        "label": "Median build",
        "value": "1m 12s",
        "delta": "−9s this week"
      },
      {
        "label": "Failed",
        "value": "2",
        "delta": "−3 vs. yesterday"
      }
    ],
    "chart": {
      "title": "Deploys per hour",
      "points": [
        12,
        18,
        9,
        22,
        30,
        26,
        41,
        35,
        28,
        44,
        38,
        52
      ]
    },
    "rows": [
      {
        "name": "checkout-api",
        "detail": "Retry idempotent payment captures on 502",
        "value": "1m 12s",
        "status": "positive"
      },
      {
        "name": "edge-cache",
        "detail": "Raise stale-while-revalidate to 120s",
        "value": "48s",
        "status": "positive"
      },
      {
        "name": "search-indexer",
        "detail": "Bump tokenizer to 4.2",
        "value": "3m 41s",
        "status": "negative"
      },
      {
        "name": "auth-gateway",
        "detail": "Rotate session signing key",
        "value": "56s",
        "status": "neutral"
      }
    ]
  },
  "placeholder": "Search projects, deploys and commands",
  "closeKey": "esc",
  "then": "then",
  "empty": "No commands match. Try a service name or a deploy id.",
  "recent": {
    "heading": "Recent",
    "items": [
      {
        "label": "checkout-api",
        "detail": "production · a41f9c2",
        "icon": "boxes"
      },
      {
        "label": "dpl_8fJx7m",
        "detail": "search-indexer · failed",
        "icon": "rocket"
      },
      {
        "label": "Environment variables",
        "detail": "web-storefront",
        "icon": "key"
      }
    ]
  },
  "groups": [
    {
      "heading": "Navigate",
      "items": [
        {
          "label": "Go to deployments",
          "icon": "rocket",
          "shortcut": [
            "G",
            "D"
          ],
          "sequence": true
        },
        {
          "label": "Go to logs",
          "icon": "terminal",
          "shortcut": [
            "G",
            "L"
          ],
          "sequence": true
        },
        {
          "label": "Go to domains",
          "icon": "globe",
          "shortcut": [
            "G",
            "M"
          ],
          "sequence": true
        }
      ]
    },
    {
      "heading": "Deploy",
      "items": [
        {
          "label": "Redeploy main",
          "detail": "checkout-api",
          "icon": "rollback",
          "shortcut": [
            "⌘",
            "⇧",
            "R"
          ]
        },
        {
          "label": "Promote preview to production",
          "icon": "zap",
          "shortcut": [
            "⌘",
            "⇧",
            "P"
          ]
        },
        {
          "label": "Roll back production",
          "icon": "rollback",
          "keywords": [
            "revert",
            "undo"
          ]
        }
      ]
    },
    {
      "heading": "Settings",
      "items": [
        {
          "label": "Invite member",
          "icon": "users",
          "shortcut": [
            "⌘",
            "I"
          ]
        },
        {
          "label": "Notification settings",
          "icon": "bell"
        },
        {
          "label": "Create API token",
          "icon": "key",
          "keywords": [
            "cli",
            "ci"
          ]
        }
      ]
    }
  ],
  "hints": [
    {
      "keys": [
        "↑",
        "↓"
      ],
      "label": "Navigate"
    },
    {
      "keys": [
        "↵"
      ],
      "label": "Run"
    },
    {
      "keys": [
        "⌘",
        "K"
      ],
      "label": "Toggle"
    }
  ]
}