50:I[707087,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"RegistryDependencies"] 51:I[512940,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"Installation"] 52:I[314491,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"FilesView"] 53:Tebb,"use client"; import * as React from "react"; import { cn } from "@/lib/utils"; /** * GrokPermission — Grok CLI's left-border approval card. * * Captured grammar (v0.2.93): a `┃` gutter, title + command, then numbered * `(●)` / `(○)` radios. Footer hint: `1/3:select │ Ctrl+o:yolo │ Ctrl+c:cancel`. */ const BORDER = "#808080"; // 38;5;8 const FG = "#e1e1e1"; const MUTED = "#8b8b90"; const DIM = "#6c6c6c"; const DEFAULT_OPTIONS = [ "Yes, and don't ask again for anything (always-approve mode)", "Yes, proceed", "No, reject (type to add feedback)", ]; export function GrokPermission({ title = "Write permission probe output file", command = "echo permission-probe-ok > probe-out.txt", options = DEFAULT_OPTIONS, defaultSelected = 0, onChoose, className, }: { title?: string; command?: string; options?: string[]; defaultSelected?: number; onChoose?: (index: number) => void; className?: string; }) { const [sel, setSel] = React.useState(defaultSelected); function onKey(e: React.KeyboardEvent, i: number) { if (e.key === "ArrowDown" || e.key === "ArrowUp") { e.preventDefault(); const next = e.key === "ArrowDown" ? (i + 1) % options.length : (i - 1 + options.length) % options.length; setSel(next); (e.currentTarget.parentElement?.children[next] as HTMLElement)?.focus(); } else if (e.key === "Enter" || e.key === " ") { e.preventDefault(); setSel(i); onChoose?.(i); } } return (

{title}

{command}

{options.map((opt, i) => { const active = sel === i; return (

onKey(e, i)} onClick={() => { setSel(i); onChoose?.(i); }} className={cn( "flex cursor-pointer items-baseline gap-2 outline-none focus-visible:ring-1 focus-visible:ring-white/30", active && "font-semibold", )} style={{ color: active ? FG : MUTED }} > {i + 1}{" "} {active ? "(●)" : "(○)"} {opt}

); })}

{sel + 1}/{options.length} :select │ Ctrl+o :yolo │ Ctrl+c :cancel

); } 4c:["$","div",null,{"className":"flex flex-col gap-12","children":[["$","div",null,{"className":"pt-10 flex flex-col gap-4","children":[["$","ul",null,{"className":"flex gap-2 flex-wrap","children":[]}],["$","$L50",null,{"registryDependencies":[]}]]}],["$","$L51",null,{"sourceUrl":"https://brainless.swerdlow.dev/r/grok-permission.json","proxyUrl":"https://shadcnregistry.com/r/brainless/grok-permission","itemId":"@brainless/grok-permission"}],["$","section",null,{"className":"flex flex-col gap-4","id":"files","children":[["$","h2",null,{"className":"text-lg md:text-2xl font-bold font-mono","children":"Files"}],["$","$L52",null,{"files":[{"path":"registry/brainless/grok/grok-permission.tsx","content":"$53","type":"registry:ui","target":"components/brainless/grok/grok-permission.tsx"}]}]]}],"$L54"]}]

Grok Permission

Installation

Files

components

Styles