disclosure.
### Codex Exec
codex-exec
PreviewUsageCode
•Read app/(marketing)/page.tsx•Edited components/pricing.tsx(+22 −0)•Ran pnpm build→ passed▸
pnpm build
✓ compiled successfully
Installation
bunnpmpnpmyarn
$bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/codex-exec.json
Prompt
Read [https://brainless.swerdlow.dev/llms/codex-exec.txt](https://brainless.swerdlow.dev/llms/codex-exec.txt)
and add the brainless “Codex Exec” component (`codex-exec`) to this project.
[](claude-cli://open?q=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fcodex-exec.txt%20and%20add%20the%20brainless%20%22Codex%20Exec%22%20component%20(%60codex-exec%60)%20to%20this%20project. "Add to Claude Code")
[](codex://threads/new?prompt=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fcodex-exec.txt%20and%20add%20the%20brainless%20%22Codex%20Exec%22%20component%20(%60codex-exec%60)%20to%20this%20project. "Add to Codex")
Codex's Working line — a • bullet, grayscale shimmer on Working, and live elapsed/interrupt hint, as an aria-live status region.
### Codex Working
codex-working
PreviewUsageCode
•Working(1s • esc to interrupt)
Installation
bunnpmpnpmyarn
$bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/codex-working.json
Prompt
Read [https://brainless.swerdlow.dev/llms/codex-working.txt](https://brainless.swerdlow.dev/llms/codex-working.txt)
and add the brainless “Codex Working” component (`codex-working`) to this project.
[](claude-cli://open?q=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fcodex-working.txt%20and%20add%20the%20brainless%20%22Codex%20Working%22%20component%20(%60codex-working%60)%20to%20this%20project. "Add to Claude Code")
[](codex://threads/new?prompt=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fcodex-working.txt%20and%20add%20the%20brainless%20%22Codex%20Working%22%20component%20(%60codex-working%60)%20to%20this%20project. "Add to Codex")
Codex's full-screen /diff pager — spaced DIFF title bar, unified git hunks, ~ fillers, and quit footer.
### Codex Diff
codex-diff
PreviewUsageCode
/ D I F F / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /
diff --git a/scratch.txt b/scratch.txt
index e382994..401fe17 100644
\--- a/scratch.txt
+++ b/scratch.txt
@@ -1 +1 @@
removed: \-hello scratch
added: +hello scratch edited
diff --git a/other.txt b/other.txt
new file mode 100644
index 0000000..fa49b07
\--- /dev/null
+++ b/other.txt
@@ -0,0 +1 @@
added: +new file
~
~
~
~
~
~
~
~
100%
↑/↓ to scroll · pgup/pgdn to page · home/end to jump
q to quit
Installation
bunnpmpnpmyarn
$bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/codex-diff.json
Prompt
Read [https://brainless.swerdlow.dev/llms/codex-diff.txt](https://brainless.swerdlow.dev/llms/codex-diff.txt)
and add the brainless “Codex Diff” component (`codex-diff`) to this project.
[](claude-cli://open?q=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fcodex-diff.txt%20and%20add%20the%20brainless%20%22Codex%20Diff%22%20component%20(%60codex-diff%60)%20to%20this%20project. "Add to Claude Code")
[](codex://threads/new?prompt=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fcodex-diff.txt%20and%20add%20the%20brainless%20%22Codex%20Diff%22%20component%20(%60codex-diff%60)%20to%20this%20project. "Add to Codex")
The /permissions chooser — numbered Default / Auto-review / Full Access options as a real radiogroup.
### Codex Permissions
codex-permissions
PreviewUsageCode
Update Model Permissions
›
1. Default (current)
Codex can read and edit files in the current workspace, and run commands. Approval is required to access the internet or edit other files.
›
2. Auto-review
Same workspace-write permissions as Default, but eligible \`on-request\` approvals are routed through the auto-reviewer subagent.
›
3. Full Access
Codex can edit files outside this workspace and access the internet without asking for approval. Exercise caution when using.
Press enter to confirm or esc to go back
Installation
bunnpmpnpmyarn
$bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/codex-permissions.json
Prompt
Read [https://brainless.swerdlow.dev/llms/codex-permissions.txt](https://brainless.swerdlow.dev/llms/codex-permissions.txt)
and add the brainless “Codex Permissions” component (`codex-permissions`) to this project.
[](claude-cli://open?q=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fcodex-permissions.txt%20and%20add%20the%20brainless%20%22Codex%20Permissions%22%20component%20(%60codex-permissions%60)%20to%20this%20project. "Add to Claude Code")
[](codex://threads/new?prompt=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fcodex-permissions.txt%20and%20add%20the%20brainless%20%22Codex%20Permissions%22%20component%20(%60codex-permissions%60)%20to%20this%20project. "Add to Codex")
Slash-command palette under the real CodexPrompt composer — type after / to filter, arrow keys to move.
### Codex Slash Menu
codex-slash-menu
PreviewUsageCode
›
gpt-5.6-sol low · ~/dev/brainless
* /modelchoose what model and reasoning effort to use
* /permissionschoose what Codex is allowed to do
* /diffshow the unified diff for this session
* /reviewreview a pull request or local changes
* /statusshow model, limits, and session info
* /compactsummarize the conversation to save context
Installation
bunnpmpnpmyarn
$bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/codex-slash-menu.json
Prompt
Read [https://brainless.swerdlow.dev/llms/codex-slash-menu.txt](https://brainless.swerdlow.dev/llms/codex-slash-menu.txt)
and add the brainless “Codex Slash Menu” component (`codex-slash-menu`) to this project.
[](claude-cli://open?q=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fcodex-slash-menu.txt%20and%20add%20the%20brainless%20%22Codex%20Slash%20Menu%22%20component%20(%60codex-slash-menu%60)%20to%20this%20project. "Add to Claude Code")
[](codex://threads/new?prompt=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fcodex-slash-menu.txt%20and%20add%20the%20brainless%20%22Codex%20Slash%20Menu%22%20component%20(%60codex-slash-menu%60)%20to%20this%20project. "Add to Codex")
Codex's › text input with warm model / green cwd status line and Plan mode tag (#bb9af7).
### Codex Prompt
codex-prompt
PreviewUsageCode
›
gpt-5.6-sol low · ~/dev/brainless
›
gpt-5.6-sol medium · ~/dev/brainlessPlan mode (shift+tab to cycle)
Installation
bunnpmpnpmyarn
$bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/codex-prompt.json
Prompt
Read [https://brainless.swerdlow.dev/llms/codex-prompt.txt](https://brainless.swerdlow.dev/llms/codex-prompt.txt)
and add the brainless “Codex Prompt” component (`codex-prompt`) to this project.
[](claude-cli://open?q=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fcodex-prompt.txt%20and%20add%20the%20brainless%20%22Codex%20Prompt%22%20component%20(%60codex-prompt%60)%20to%20this%20project. "Add to Claude Code")
[](codex://threads/new?prompt=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fcodex-prompt.txt%20and%20add%20the%20brainless%20%22Codex%20Prompt%22%20component%20(%60codex-prompt%60)%20to%20this%20project. "Add to Codex")
Grok
----
Grok CLI's launch card — the braille mark drawn as a crisp dot-matrix SVG with its resting grayscale-shimmer sweep (reduced-motion aware), build banner, and a start menu of real buttons.
### Grok Header
grok-header
PreviewUsageCode
Grok Build Beta 0.2.93
Grok 4.5 is here!
Grok 4.5 is now available. Try it out in the /model picker.
* New worktreectrl+w
* Resume sessionctrl+s
* Changelog
* Quitctrl+q
Installation
bunnpmpnpmyarn
$bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-header.json
Prompt
Read [https://brainless.swerdlow.dev/llms/grok-header.txt](https://brainless.swerdlow.dev/llms/grok-header.txt)
and add the brainless “Grok Header” component (`grok-header`) to this project.
[](claude-cli://open?q=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-header.txt%20and%20add%20the%20brainless%20%22Grok%20Header%22%20component%20(%60grok-header%60)%20to%20this%20project. "Add to Claude Code")
[](codex://threads/new?prompt=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-header.txt%20and%20add%20the%20brainless%20%22Grok%20Header%22%20component%20(%60grok-header%60)%20to%20this%20project. "Add to Codex")
Top status bar — branch glyph, cwd, context usage (16K / 500K), and optional turn progress (2/3 ✓).
### Grok Status
grok-status
PreviewUsageCode
main ~/dev/brainless
16K / 500K
main ~/dev/brainless
⠴ MCP (2/3)5.5K / 500K
main ~/dev/brainless
16K / 500K│2/3 ✓ steps complete
Installation
bunnpmpnpmyarn
$bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-status.json
Prompt
Read [https://brainless.swerdlow.dev/llms/grok-status.txt](https://brainless.swerdlow.dev/llms/grok-status.txt)
and add the brainless “Grok Status” component (`grok-status`) to this project.
[](claude-cli://open?q=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-status.txt%20and%20add%20the%20brainless%20%22Grok%20Status%22%20component%20(%60grok-status%60)%20to%20this%20project. "Add to Claude Code")
[](codex://threads/new?prompt=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-status.txt%20and%20add%20the%20brainless%20%22Grok%20Status%22%20component%20(%60grok-status%60)%20to%20this%20project. "Add to Codex")
A Grok conversation turn — the ❯ user marker or plain assistant text, with optional wall-clock timestamp.
### Grok Message
grok-message
PreviewUsageCode
❯put the pricing block on the marketing page4:38 PM
Dropped in a Pricing block with three tiers and a toggle.4:38 PM
Installation
bunnpmpnpmyarn
$bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-message.json
Prompt
Read [https://brainless.swerdlow.dev/llms/grok-message.txt](https://brainless.swerdlow.dev/llms/grok-message.txt)
and add the brainless “Grok Message” component (`grok-message`) to this project.
[](claude-cli://open?q=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-message.txt%20and%20add%20the%20brainless%20%22Grok%20Message%22%20component%20(%60grok-message%60)%20to%20this%20project. "Add to Claude Code")
[](codex://threads/new?prompt=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-message.txt%20and%20add%20the%20brainless%20%22Grok%20Message%22%20component%20(%60grok-message%60)%20to%20this%20project. "Add to Codex")
A ◆ diamond event line — Thought, user\_prompt\_submit, stop — with optional \[hooks: N/M\] badge.
### Grok Event
grok-event
PreviewUsageCode
◆user\_prompt\_submit\[hooks: 3/1\]
◆List .\[hooks: 3\]
◆stop\[hooks: 3/1\]
Installation
bunnpmpnpmyarn
$bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-event.json
Prompt
Read [https://brainless.swerdlow.dev/llms/grok-event.txt](https://brainless.swerdlow.dev/llms/grok-event.txt)
and add the brainless “Grok Event” component (`grok-event`) to this project.
[](claude-cli://open?q=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-event.txt%20and%20add%20the%20brainless%20%22Grok%20Event%22%20component%20(%60grok-event%60)%20to%20this%20project. "Add to Claude Code")
[](codex://threads/new?prompt=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-event.txt%20and%20add%20the%20brainless%20%22Grok%20Event%22%20component%20(%60grok-event%60)%20to%20this%20project. "Add to Codex")
Completed or streaming thought — ◆ Thought for 0.2s, or a bordered Thinking… body.
### Grok Thought
grok-thought
PreviewUsageCode
◆Thought for 0.2s
❙◆Thought for 0.1s
◆Thinking…
scratch.txt exists with content "hello". I'll overwrite it with world, then stop.
Installation
bunnpmpnpmyarn
$bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-thought.json
Prompt
Read [https://brainless.swerdlow.dev/llms/grok-thought.txt](https://brainless.swerdlow.dev/llms/grok-thought.txt)
and add the brainless “Grok Thought” component (`grok-thought`) to this project.
[](claude-cli://open?q=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-thought.txt%20and%20add%20the%20brainless%20%22Grok%20Thought%22%20component%20(%60grok-thought%60)%20to%20this%20project. "Add to Claude Code")
[](codex://threads/new?prompt=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-thought.txt%20and%20add%20the%20brainless%20%22Grok%20Thought%22%20component%20(%60grok-thought%60)%20to%20this%20project. "Add to Codex")
Grok's idle working line — a braille spinner and rotating verb in amber, as an aria-live status region.
### Grok Thinking
grok-thinking
PreviewUsageCode
⠦Thinking…(1s)
Installation
bunnpmpnpmyarn
$bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-thinking.json
Prompt
Read [https://brainless.swerdlow.dev/llms/grok-thinking.txt](https://brainless.swerdlow.dev/llms/grok-thinking.txt)
and add the brainless “Grok Thinking” component (`grok-thinking`) to this project.
[](claude-cli://open?q=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-thinking.txt%20and%20add%20the%20brainless%20%22Grok%20Thinking%22%20component%20(%60grok-thinking%60)%20to%20this%20project. "Add to Claude Code")
[](codex://threads/new?prompt=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-thinking.txt%20and%20add%20the%20brainless%20%22Grok%20Thinking%22%20component%20(%60grok-thinking%60)%20to%20this%20project. "Add to Codex")
In-turn status line — Waiting for response… with elapsed, ⇣token count, and \[stop\].
### Grok Working
grok-working
PreviewUsageCode
⠦Waiting for response…1.5s
1.5s ⇣16.6k \[stop\]
◆Write permission probe output file…1.5s
1.5s ⇣16.0k \[↓\]\[stop\]
Installation
bunnpmpnpmyarn
$bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-working.json
Prompt
Read [https://brainless.swerdlow.dev/llms/grok-working.txt](https://brainless.swerdlow.dev/llms/grok-working.txt)
and add the brainless “Grok Working” component (`grok-working`) to this project.
[](claude-cli://open?q=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-working.txt%20and%20add%20the%20brainless%20%22Grok%20Working%22%20component%20(%60grok-working%60)%20to%20this%20project. "Add to Claude Code")
[](codex://threads/new?prompt=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-working.txt%20and%20add%20the%20brainless%20%22Grok%20Working%22%20component%20(%60grok-working%60)%20to%20this%20project. "Add to Codex")
A Grok action — compact verb+path, or a ┃ ◆ card with \[hooks: N\].
### Grok Tool
grok-tool
PreviewUsageCode
readapp/(marketing)/page.tsx
wrotecomponents/pricing.tsx+31
◆Run Write permission probe output file\[hooks: 3\]
Installation
bunnpmpnpmyarn
$bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-tool.json
Prompt
Read [https://brainless.swerdlow.dev/llms/grok-tool.txt](https://brainless.swerdlow.dev/llms/grok-tool.txt)
and add the brainless “Grok Tool” component (`grok-tool`) to this project.
[](claude-cli://open?q=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-tool.txt%20and%20add%20the%20brainless%20%22Grok%20Tool%22%20component%20(%60grok-tool%60)%20to%20this%20project. "Add to Claude Code")
[](codex://threads/new?prompt=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-tool.txt%20and%20add%20the%20brainless%20%22Grok%20Tool%22%20component%20(%60grok-tool%60)%20to%20this%20project. "Add to Codex")
Grok's inline write/edit chrome — line-numbered before/after inside a ┃ gutter, with optional hook ✓/✗ lines.
### Grok Write
grok-write
PreviewUsageCode
1before: hello
1after: world
───
pre\_tool\_use
* ✓ global/settings:pre\_tool\_use\[0\].hooks\[0\] (11ms)
* ✓ global/orca-status:pre\_tool\_use\[0\].hooks\[0\] (9ms)
post\_tool\_use
* ✓ global/settings:post\_tool\_use\[0\].hooks\[0\] (9ms)
* ✗ global/settings:post\_tool\_use\[1\].hooks\[0\] (0ms)
hook not executed: required env var(s) not set
Installation
bunnpmpnpmyarn
$bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-write.json
Prompt
Read [https://brainless.swerdlow.dev/llms/grok-write.txt](https://brainless.swerdlow.dev/llms/grok-write.txt)
and add the brainless “Grok Write” component (`grok-write`) to this project.
[](claude-cli://open?q=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-write.txt%20and%20add%20the%20brainless%20%22Grok%20Write%22%20component%20(%60grok-write%60)%20to%20this%20project. "Add to Claude Code")
[](codex://threads/new?prompt=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-write.txt%20and%20add%20the%20brainless%20%22Grok%20Write%22%20component%20(%60grok-write%60)%20to%20this%20project. "Add to Codex")
Grok's left-border approval card with (●)/(○) radios and a 1/3:select hint bar.
### Grok Permission
grok-permission
PreviewUsageCode
Write permission probe output file
echo permission-probe-ok > probe-out.txt
1 (●)Yes, and don't ask again for anything (always-approve mode)
2 (○)Yes, proceed
3 (○)No, reject (type to add feedback)
1/3:select│Ctrl+o:yolo│Ctrl+c:cancel
Installation
bunnpmpnpmyarn
$bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-permission.json
Prompt
Read [https://brainless.swerdlow.dev/llms/grok-permission.txt](https://brainless.swerdlow.dev/llms/grok-permission.txt)
and add the brainless “Grok Permission” component (`grok-permission`) to this project.
[](claude-cli://open?q=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-permission.txt%20and%20add%20the%20brainless%20%22Grok%20Permission%22%20component%20(%60grok-permission%60)%20to%20this%20project. "Add to Claude Code")
[](codex://threads/new?prompt=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-permission.txt%20and%20add%20the%20brainless%20%22Grok%20Permission%22%20component%20(%60grok-permission%60)%20to%20this%20project. "Add to Codex")
Grok's plan.md approval card — framed viewer, a/s/c/q actions, Waiting on plan approval, and plan-approval composer.
### Grok Plan
grok-plan
PreviewUsageCode
─ plan.md\[↗\]
1. 1Plan: Touch planned.txt
2. 2
3. 3Context
4. 4
5. 5Create an empty marker file planned.txt in the workspace root so a planned touch can be verified. No other files or changes.
6. 6
7. 7Steps
8. 8
9. 91\. Create planned.txt — Write (or touch) an empty file at the workspace root.
10. 102\. Verify — Confirm the file exists (e.g. read or ls) and stop.
11. 11
12. 12Critical files
13. 13
14. 14• planned.txt (new) — workspace root
a approve|s request changes|c comment|q quit plan
◆Waiting on plan approval
❯
Grok 4.5 (xhigh) · plan approval
c:comment│a:approve│q:quit plan│Tab:prompt
Installation
bunnpmpnpmyarn
$bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-plan.json
Prompt
Read [https://brainless.swerdlow.dev/llms/grok-plan.txt](https://brainless.swerdlow.dev/llms/grok-plan.txt)
and add the brainless “Grok Plan” component (`grok-plan`) to this project.
[](claude-cli://open?q=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-plan.txt%20and%20add%20the%20brainless%20%22Grok%20Plan%22%20component%20(%60grok-plan%60)%20to%20this%20project. "Add to Claude Code")
[](codex://threads/new?prompt=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-plan.txt%20and%20add%20the%20brainless%20%22Grok%20Plan%22%20component%20(%60grok-plan%60)%20to%20this%20project. "Add to Codex")
Run Grok Build in a project directory? — left-border chooser with recent dirs and a free-text option.
### Grok Project Picker
grok-project-picker
PreviewUsageCode
Run Grok Build in a project directory?
This gives Grok Build full context of your codebase for better results.
1 (●)brainless (current) ~/dev/brainless
2 (○)freestyle-cloudstate ~/Documents/GitHub/freestyle-cloudstate (5h ago)
3 (○)Conduit ~/Documents/Conduit (5h ago)
z (○)Type your answer here
↑/↓ navigate · Enter:submit
Installation
bunnpmpnpmyarn
$bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-project-picker.json
Prompt
Read [https://brainless.swerdlow.dev/llms/grok-project-picker.txt](https://brainless.swerdlow.dev/llms/grok-project-picker.txt)
and add the brainless “Grok Project Picker” component (`grok-project-picker`) to this project.
[](claude-cli://open?q=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-project-picker.txt%20and%20add%20the%20brainless%20%22Grok%20Project%20Picker%22%20component%20(%60grok-project-picker%60)%20to%20this%20project. "Add to Claude Code")
[](codex://threads/new?prompt=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-project-picker.txt%20and%20add%20the%20brainless%20%22Grok%20Project%20Picker%22%20component%20(%60grok-project-picker%60)%20to%20this%20project. "Add to Codex")
Keyboard Shortcuts modal (Ctrl+x) — nested ◆/› categories with key bindings.
### Grok Shortcuts
grok-shortcuts
PreviewUsageCode
Keyboard Shortcuts\[✗\]
/ to search
* ◆Essentials
* ◆SendEnter
* ◆Focus scrollbackTab
* ◆Cancel turnCtrl+c
* ◆Cycle mode (Normal / Plan / Always-approve)Shift+Tab
* ◆QuitCtrl+q / Ctrl+d
* ◆Command paletteCtrl+p / ?
* ◆Keyboard shortcutsCtrl+x / Ctrl+.
* ◆Open the settings modalF2 / Ctrl+, / Cmd+,
* ›Input (5)
* ›Conversation Navigation (10)
* ›Conversation Actions (4)
* ›Panels (6)
* ›Session (3)
* ›Dashboard (17)
↑/↓ nav · e/Space/→ expand · ← collapse · Esc close
Installation
bunnpmpnpmyarn
$bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-shortcuts.json
Prompt
Read [https://brainless.swerdlow.dev/llms/grok-shortcuts.txt](https://brainless.swerdlow.dev/llms/grok-shortcuts.txt)
and add the brainless “Grok Shortcuts” component (`grok-shortcuts`) to this project.
[](claude-cli://open?q=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-shortcuts.txt%20and%20add%20the%20brainless%20%22Grok%20Shortcuts%22%20component%20(%60grok-shortcuts%60)%20to%20this%20project. "Add to Claude Code")
[](codex://threads/new?prompt=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-shortcuts.txt%20and%20add%20the%20brainless%20%22Grok%20Shortcuts%22%20component%20(%60grok-shortcuts%60)%20to%20this%20project. "Add to Codex")
Settings modal (F2) — Appearance / Mouse sections with ▸ rows, on/off values, and nested › pickers.
### Grok Settings
grok-settings
PreviewUsageCode
Settings\[✗\]
/ to search
Appearance ────────────
* ▸Compact modeoff
* ▸Show timestampson
* ▸Disable vim input modeon
* ▸Vim scrollback navigationoff
* ▸ThemeGrok Night ›
* ▸Auto dark themeGrok Night ›
* ▸Auto light themeGrok Day ›
* ▸Render Mermaid diagramsAuto ›
* ▸Max thoughts width120
* ▸Show thinking blockson
* ▸Respect manual foldsoff
* ▸Group tool callson
Mouse ────────────
* ▸Enable mouse supporton
Tip · Ask Grok to change a setting
↑/↓ nav · Space toggle · → expand · F2/Esc close
Installation
bunnpmpnpmyarn
$bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-settings.json
Prompt
Read [https://brainless.swerdlow.dev/llms/grok-settings.txt](https://brainless.swerdlow.dev/llms/grok-settings.txt)
and add the brainless “Grok Settings” component (`grok-settings`) to this project.
[](claude-cli://open?q=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-settings.txt%20and%20add%20the%20brainless%20%22Grok%20Settings%22%20component%20(%60grok-settings%60)%20to%20this%20project. "Add to Claude Code")
[](codex://threads/new?prompt=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-settings.txt%20and%20add%20the%20brainless%20%22Grok%20Settings%22%20component%20(%60grok-settings%60)%20to%20this%20project. "Add to Codex")
Post-turn footer — Turn completed in 8.0s.
### Grok Turn End
grok-turn-end
PreviewUsageCode
◆stop\[hooks: 3/1\]
Turn completed in 8.0s.
Installation
bunnpmpnpmyarn
$bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-turn-end.json
Prompt
Read [https://brainless.swerdlow.dev/llms/grok-turn-end.txt](https://brainless.swerdlow.dev/llms/grok-turn-end.txt)
and add the brainless “Grok Turn End” component (`grok-turn-end`) to this project.
[](claude-cli://open?q=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-turn-end.txt%20and%20add%20the%20brainless%20%22Grok%20Turn%20End%22%20component%20(%60grok-turn-end%60)%20to%20this%20project. "Add to Claude Code")
[](codex://threads/new?prompt=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-turn-end.txt%20and%20add%20the%20brainless%20%22Grok%20Turn%20End%22%20component%20(%60grok-turn-end%60)%20to%20this%20project. "Add to Codex")
Slash-command overlay above the real GrokPrompt composer — ❯ active row, type after / to filter.
### Grok Slash Menu
grok-slash-menu
PreviewUsageCode
* ❯/quitQuit the application
* ❯/helpBrowse commands and keyboard shortcuts
* ❯/docsOpen How-to Guides or online Build docs
* ❯/homeReturn to the welcome screen
* ❯/newStart a new session
* ❯/forkBranch the current session into a peer agent
❯
Grok 4.5 (xhigh) · always-approve
Installation
bunnpmpnpmyarn
$bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-slash-menu.json
Prompt
Read [https://brainless.swerdlow.dev/llms/grok-slash-menu.txt](https://brainless.swerdlow.dev/llms/grok-slash-menu.txt)
and add the brainless “Grok Slash Menu” component (`grok-slash-menu`) to this project.
[](claude-cli://open?q=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-slash-menu.txt%20and%20add%20the%20brainless%20%22Grok%20Slash%20Menu%22%20component%20(%60grok-slash-menu%60)%20to%20this%20project. "Add to Claude Code")
[](codex://threads/new?prompt=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-slash-menu.txt%20and%20add%20the%20brainless%20%22Grok%20Slash%20Menu%22%20component%20(%60grok-slash-menu%60)%20to%20this%20project. "Add to Codex")
Grok's rounded CSS-border composer with a real text input and model · mode legend (normal / plan / auto / always-approve / plan approval).
### Grok Prompt
grok-prompt
PreviewUsageCode
❯
Grok 4.5 (xhigh) · always-approve
❯
Grok 4.5 (xhigh)
Shift+Tab:modeCtrl+x:shortcuts
❯
Grok 4.5 (xhigh) · plan
Shift+Tab:modeCtrl+x:shortcuts
❯
Grok 4.5 (xhigh) · auto
Shift+Tab:modeCtrl+x:shortcuts
Installation
bunnpmpnpmyarn
$bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-prompt.json
Prompt
Read [https://brainless.swerdlow.dev/llms/grok-prompt.txt](https://brainless.swerdlow.dev/llms/grok-prompt.txt)
and add the brainless “Grok Prompt” component (`grok-prompt`) to this project.
[](claude-cli://open?q=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-prompt.txt%20and%20add%20the%20brainless%20%22Grok%20Prompt%22%20component%20(%60grok-prompt%60)%20to%20this%20project. "Add to Claude Code")
[](codex://threads/new?prompt=Read%20https%3A%2F%2Fbrainless.swerdlow.dev%2Fllms%2Fgrok-prompt.txt%20and%20add%20the%20brainless%20%22Grok%20Prompt%22%20component%20(%60grok-prompt%60)%20to%20this%20project. "Add to Codex")
---
# Unknown
\# Claude Session
> A complete Claude Code screen: header, a full turn (plan, tool calls, diff, approval, working line) and the input composer.
Claude Session is a brainless block — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/claude-session.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/claude-session.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/claude-session.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/claude-session.json\`
Registry JSON: https://brainless.swerdlow.dev/r/claude-session.json
Docs preview: https://brainless.swerdlow.dev/blocks#claude-session
## Import
\`@/components/brainless/blocks/claude-session\`
## Usage
\`\`\`tsx
import { ClaudeSession } from "@/components/brainless/blocks/claude-session"
export function Example() {
return
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this block over inventing ASCII terminal chrome.
---
# Unknown
\# Grok Thought
> Completed or streaming thought — ◆ Thought for 0.2s, or a bordered Thinking… body.
Grok Thought is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-thought.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-thought.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-thought.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-thought.json\`
Registry JSON: https://brainless.swerdlow.dev/r/grok-thought.json
Docs preview: https://brainless.swerdlow.dev/components#grok-thought
## Import
\`@/components/brainless/grok/grok-thought\`
## Usage
\`\`\`tsx
import { GrokThought } from "@/components/brainless/grok/grok-thought"
export function Example() {
return (
Checking whether scratch.txt exists…
)
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Claude Header
> Claude Code's welcome box — logo, tips, and model/cwd lines — with the title as a semantic fieldset legend.
Claude Header is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/claude-header.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/claude-header.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/claude-header.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/claude-header.json\`
Registry JSON: https://brainless.swerdlow.dev/r/claude-header.json
Docs preview: https://brainless.swerdlow.dev/components#claude-header
## Import
\`@/components/brainless/claude/claude-header\`
## Usage
\`\`\`tsx
import { ClaudeHeader } from "@/components/brainless/claude/claude-header"
export function Example() {
return
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Grok Working
> In-turn status line — Waiting for response… with elapsed, ⇣token count, and \[stop\].
Grok Working is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-working.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-working.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-working.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-working.json\`
Registry JSON: https://brainless.swerdlow.dev/r/grok-working.json
Docs preview: https://brainless.swerdlow.dev/components#grok-working
## Import
\`@/components/brainless/grok/grok-working\`
## Usage
\`\`\`tsx
import { GrokWorking } from "@/components/brainless/grok/grok-working"
export function Example() {
return
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Grok Tool
> A Grok action — compact verb+path, or a ┃ ◆ card with \[hooks: N\].
Grok Tool is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-tool.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-tool.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-tool.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-tool.json\`
Registry JSON: https://brainless.swerdlow.dev/r/grok-tool.json
Docs preview: https://brainless.swerdlow.dev/components#grok-tool
## Import
\`@/components/brainless/grok/grok-tool\`
## Usage
\`\`\`tsx
import { GrokTool } from "@/components/brainless/grok/grok-tool"
export function Example() {
return (
)
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Grok Write
> Grok's inline write/edit chrome — line-numbered before/after inside a ┃ gutter, with optional hook ✓/✗ lines.
Grok Write is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-write.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-write.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-write.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-write.json\`
Registry JSON: https://brainless.swerdlow.dev/r/grok-write.json
Docs preview: https://brainless.swerdlow.dev/components#grok-write
## Import
\`@/components/brainless/grok/grok-write\`
## Usage
\`\`\`tsx
import { GrokWrite } from "@/components/brainless/grok/grok-write"
export function Example() {
return (
)
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Claude Tool Call
> The ⏺ / ⎿ tool line as a real, keyboard-operable disclosure.
Claude Tool Call is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/claude-tool-call.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/claude-tool-call.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/claude-tool-call.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/claude-tool-call.json\`
Registry JSON: https://brainless.swerdlow.dev/r/claude-tool-call.json
Docs preview: https://brainless.swerdlow.dev/components#claude-tool-call
## Import
\`@/components/brainless/claude/claude-tool-call\`
## Usage
\`\`\`tsx
import { ClaudeToolCall } from "@/components/brainless/claude/claude-tool-call"
export function Example() {
return (
{\`▲ Next.js
✓ Compiled successfully\`}
)
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Grok Session Active
> A mid-turn Grok CLI screen: status bar, streaming thought, tool card, write preview, and the working footer with ⇣tokens / \[stop\].
Grok Session Active is a brainless block — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-session-active.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-session-active.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-session-active.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-session-active.json\`
Registry JSON: https://brainless.swerdlow.dev/r/grok-session-active.json
Docs preview: https://brainless.swerdlow.dev/blocks#grok-session-active
## Import
\`@/components/brainless/blocks/grok-session-active\`
## Usage
\`\`\`tsx
import { GrokSessionActive } from "@/components/brainless/blocks/grok-session-active"
export function Example() {
return
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this block over inventing ASCII terminal chrome.
---
# Unknown
\# Claude Message
> A conversation turn — Claude Code's ❯ chip for the user, plain text for the assistant.
Claude Message is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/claude-message.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/claude-message.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/claude-message.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/claude-message.json\`
Registry JSON: https://brainless.swerdlow.dev/r/claude-message.json
Docs preview: https://brainless.swerdlow.dev/components#claude-message
## Import
\`@/components/brainless/claude/claude-message\`
## Usage
\`\`\`tsx
import { ClaudeMessage } from "@/components/brainless/claude/claude-message"
export function Example() {
return (
add a dark-mode toggle and run the tests
I'll add the toggle, then run the suite.
)
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Grok Plan
> Grok's plan.md approval card — framed viewer, a/s/c/q actions, Waiting on plan approval, and plan-approval composer.
Grok Plan is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-plan.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-plan.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-plan.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-plan.json\`
Registry JSON: https://brainless.swerdlow.dev/r/grok-plan.json
Docs preview: https://brainless.swerdlow.dev/components#grok-plan
## Import
\`@/components/brainless/grok/grok-plan\`
## Usage
\`\`\`tsx
import { GrokPlan } from "@/components/brainless/grok/grok-plan"
export function Example() {
return
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Claude Diff
> An inline edit hunk with tinted +/- rows, line numbers, and off-screen added/removed labels.
Claude Diff is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/claude-diff.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/claude-diff.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/claude-diff.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/claude-diff.json\`
Registry JSON: https://brainless.swerdlow.dev/r/claude-diff.json
Docs preview: https://brainless.swerdlow.dev/components#claude-diff
## Import
\`@/components/brainless/claude/claude-diff\`
## Usage
\`\`\`tsx
import { ClaudeDiff } from "@/components/brainless/claude/claude-diff"
export function Example() {
return (
)
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Claude Thinking
> The working line — pulsing sparkle, rotating verb, elapsed/interrupt hint — as an aria-live status region.
Claude Thinking is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/claude-thinking.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/claude-thinking.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/claude-thinking.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/claude-thinking.json\`
Registry JSON: https://brainless.swerdlow.dev/r/claude-thinking.json
Docs preview: https://brainless.swerdlow.dev/components#claude-thinking
## Import
\`@/components/brainless/claude/claude-thinking\`
## Usage
\`\`\`tsx
import { ClaudeThinking } from "@/components/brainless/claude/claude-thinking"
export function Example() {
return
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Grok Session
> A complete Grok CLI screen: status bar, header, and a full turn (events, thought, tools, write, approval, turn end) with the rounded composer.
Grok Session is a brainless block — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-session.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-session.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-session.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-session.json\`
Registry JSON: https://brainless.swerdlow.dev/r/grok-session.json
Docs preview: https://brainless.swerdlow.dev/blocks#grok-session
## Import
\`@/components/brainless/blocks/grok-session\`
## Usage
\`\`\`tsx
import { GrokSession } from "@/components/brainless/blocks/grok-session"
export function Example() {
return
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this block over inventing ASCII terminal chrome.
---
# Unknown
\# Codex Session
> A complete Codex CLI screen: header, a full turn (messages, exec lines, working) and the › composer.
Codex Session is a brainless block — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/codex-session.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/codex-session.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/codex-session.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/codex-session.json\`
Registry JSON: https://brainless.swerdlow.dev/r/codex-session.json
Docs preview: https://brainless.swerdlow.dev/blocks#codex-session
## Import
\`@/components/brainless/blocks/codex-session\`
## Usage
\`\`\`tsx
import { CodexSession } from "@/components/brainless/blocks/codex-session"
export function Example() {
return
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this block over inventing ASCII terminal chrome.
---
# Unknown
\# Grok Project Picker
> Run Grok Build in a project directory? — left-border chooser with recent dirs and a free-text option.
Grok Project Picker is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-project-picker.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-project-picker.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-project-picker.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-project-picker.json\`
Registry JSON: https://brainless.swerdlow.dev/r/grok-project-picker.json
Docs preview: https://brainless.swerdlow.dev/components#grok-project-picker
## Import
\`@/components/brainless/grok/grok-project-picker\`
## Usage
\`\`\`tsx
import { GrokProjectPicker } from "@/components/brainless/grok/grok-project-picker"
export function Example() {
return
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Pied Piper Onboarding
> An interactive sign-up flow — Pied Piper header, typed assistant lines, thinking between turns, and the Claude composer for name + intent.
Pied Piper Onboarding is a brainless block — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/pied-piper-onboarding.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/pied-piper-onboarding.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/pied-piper-onboarding.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/pied-piper-onboarding.json\`
Registry JSON: https://brainless.swerdlow.dev/r/pied-piper-onboarding.json
Docs preview: https://brainless.swerdlow.dev/blocks#pied-piper-onboarding
## Import
\`@/components/brainless/blocks/pied-piper-onboarding\`
## Usage
\`\`\`tsx
import { PiedPiperOnboarding } from "@/components/brainless/blocks/pied-piper-onboarding"
export function Example() {
return
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this block over inventing ASCII terminal chrome.
---
# Unknown
\# Claude Permission
> The 'Do you want to proceed?' approval prompt as an arrow-key radiogroup.
Claude Permission is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/claude-permission.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/claude-permission.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/claude-permission.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/claude-permission.json\`
Registry JSON: https://brainless.swerdlow.dev/r/claude-permission.json
Docs preview: https://brainless.swerdlow.dev/components#claude-permission
## Import
\`@/components/brainless/claude/claude-permission\`
## Usage
\`\`\`tsx
import { ClaudePermission } from "@/components/brainless/claude/claude-permission"
export function Example() {
return
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Claude Todo List
> The Update Todos block as a real list, with state labels and a struck-through done style.
Claude Todo List is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/claude-todo-list.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/claude-todo-list.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/claude-todo-list.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/claude-todo-list.json\`
Registry JSON: https://brainless.swerdlow.dev/r/claude-todo-list.json
Docs preview: https://brainless.swerdlow.dev/components#claude-todo-list
## Import
\`@/components/brainless/claude/claude-todo-list\`
## Usage
\`\`\`tsx
import { ClaudeTodoList } from "@/components/brainless/claude/claude-todo-list"
export function Example() {
return (
)
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Claude Slash Menu
> Slash-command palette above the real ClaudePrompt composer — type after / to filter, arrow keys to move.
Claude Slash Menu is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/claude-slash-menu.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/claude-slash-menu.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/claude-slash-menu.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/claude-slash-menu.json\`
Registry JSON: https://brainless.swerdlow.dev/r/claude-slash-menu.json
Docs preview: https://brainless.swerdlow.dev/components#claude-slash-menu
## Import
\`@/components/brainless/claude/claude-slash-menu\`
## Usage
\`\`\`tsx
import { ClaudeSlashMenu } from "@/components/brainless/claude/claude-slash-menu"
export function Example() {
return
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Claude Prompt
> The input composer — dual CSS rules around a real text input, effort chips (low ○ / medium ◐ / high ● / xhigh ◉ / max ◈ / ultracode ✦), and shift+tab modes (auto / manual / accept-edits / plan).
Claude Prompt is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/claude-prompt.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/claude-prompt.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/claude-prompt.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/claude-prompt.json\`
Registry JSON: https://brainless.swerdlow.dev/r/claude-prompt.json
Docs preview: https://brainless.swerdlow.dev/components#claude-prompt
## Import
\`@/components/brainless/claude/claude-prompt\`
## Usage
\`\`\`tsx
import { ClaudePrompt } from "@/components/brainless/claude/claude-prompt"
export function Example() {
return
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Codex Header
> Codex CLI's monochrome launch card with its model / directory rows.
Codex Header is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/codex-header.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/codex-header.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/codex-header.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/codex-header.json\`
Registry JSON: https://brainless.swerdlow.dev/r/codex-header.json
Docs preview: https://brainless.swerdlow.dev/components#codex-header
## Import
\`@/components/brainless/codex/codex-header\`
## Usage
\`\`\`tsx
import { CodexHeader } from "@/components/brainless/codex/codex-header"
export function Example() {
return
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Codex Message
> A Codex conversation turn — bold › user marker or plain assistant text.
Codex Message is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/codex-message.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/codex-message.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/codex-message.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/codex-message.json\`
Registry JSON: https://brainless.swerdlow.dev/r/codex-message.json
Docs preview: https://brainless.swerdlow.dev/components#codex-message
## Import
\`@/components/brainless/codex/codex-message\`
## Usage
\`\`\`tsx
import { CodexMessage } from "@/components/brainless/codex/codex-message"
export function Example() {
return (
add a pricing section to the docs site
Added a three-tier Pricing section and verified the build.
)
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Codex Working
> Codex's Working line — a • bullet, grayscale shimmer on Working, and live elapsed/interrupt hint, as an aria-live status region.
Codex Working is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/codex-working.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/codex-working.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/codex-working.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/codex-working.json\`
Registry JSON: https://brainless.swerdlow.dev/r/codex-working.json
Docs preview: https://brainless.swerdlow.dev/components#codex-working
## Import
\`@/components/brainless/codex/codex-working\`
## Usage
\`\`\`tsx
import { CodexWorking } from "@/components/brainless/codex/codex-working"
export function Example() {
return
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Codex Slash Menu
> Slash-command palette under the real CodexPrompt composer — type after / to filter, arrow keys to move.
Codex Slash Menu is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/codex-slash-menu.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/codex-slash-menu.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/codex-slash-menu.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/codex-slash-menu.json\`
Registry JSON: https://brainless.swerdlow.dev/r/codex-slash-menu.json
Docs preview: https://brainless.swerdlow.dev/components#codex-slash-menu
## Import
\`@/components/brainless/codex/codex-slash-menu\`
## Usage
\`\`\`tsx
import { CodexSlashMenu } from "@/components/brainless/codex/codex-slash-menu"
export function Example() {
return
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Codex Diff
> Codex's full-screen /diff pager — spaced DIFF title bar, unified git hunks, ~ fillers, and quit footer.
Codex Diff is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/codex-diff.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/codex-diff.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/codex-diff.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/codex-diff.json\`
Registry JSON: https://brainless.swerdlow.dev/r/codex-diff.json
Docs preview: https://brainless.swerdlow.dev/components#codex-diff
## Import
\`@/components/brainless/codex/codex-diff\`
## Usage
\`\`\`tsx
import { CodexDiff } from "@/components/brainless/codex/codex-diff"
export function Example() {
return
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Codex Permissions
> The /permissions chooser — numbered Default / Auto-review / Full Access options as a real radiogroup.
Codex Permissions is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/codex-permissions.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/codex-permissions.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/codex-permissions.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/codex-permissions.json\`
Registry JSON: https://brainless.swerdlow.dev/r/codex-permissions.json
Docs preview: https://brainless.swerdlow.dev/components#codex-permissions
## Import
\`@/components/brainless/codex/codex-permissions\`
## Usage
\`\`\`tsx
import { CodexPermissions } from "@/components/brainless/codex/codex-permissions"
export function Example() {
return
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Grok Shortcuts
> Keyboard Shortcuts modal (Ctrl+x) — nested ◆/› categories with key bindings.
Grok Shortcuts is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-shortcuts.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-shortcuts.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-shortcuts.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-shortcuts.json\`
Registry JSON: https://brainless.swerdlow.dev/r/grok-shortcuts.json
Docs preview: https://brainless.swerdlow.dev/components#grok-shortcuts
## Import
\`@/components/brainless/grok/grok-shortcuts\`
## Usage
\`\`\`tsx
import { GrokShortcuts } from "@/components/brainless/grok/grok-shortcuts"
export function Example() {
return
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Grok Turn End
> Post-turn footer — Turn completed in 8.0s.
Grok Turn End is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-turn-end.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-turn-end.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-turn-end.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-turn-end.json\`
Registry JSON: https://brainless.swerdlow.dev/r/grok-turn-end.json
Docs preview: https://brainless.swerdlow.dev/components#grok-turn-end
## Import
\`@/components/brainless/grok/grok-turn-end\`
## Usage
\`\`\`tsx
import { GrokTurnEnd } from "@/components/brainless/grok/grok-turn-end"
export function Example() {
return
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Grok Settings
> Settings modal (F2) — Appearance / Mouse sections with ▸ rows, on/off values, and nested › pickers.
Grok Settings is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-settings.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-settings.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-settings.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-settings.json\`
Registry JSON: https://brainless.swerdlow.dev/r/grok-settings.json
Docs preview: https://brainless.swerdlow.dev/components#grok-settings
## Import
\`@/components/brainless/grok/grok-settings\`
## Usage
\`\`\`tsx
import { GrokSettings } from "@/components/brainless/grok/grok-settings"
export function Example() {
return
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Grok Header
> Grok CLI's launch card — the braille mark drawn as a crisp dot-matrix SVG with its resting grayscale-shimmer sweep (reduced-motion aware), build banner, and a start menu of real buttons.
Grok Header is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-header.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-header.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-header.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-header.json\`
Registry JSON: https://brainless.swerdlow.dev/r/grok-header.json
Docs preview: https://brainless.swerdlow.dev/components#grok-header
## Import
\`@/components/brainless/grok/grok-header\`
## Usage
\`\`\`tsx
import { GrokHeader } from "@/components/brainless/grok/grok-header"
export function Example() {
return
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Grok Slash Menu
> Slash-command overlay above the real GrokPrompt composer — ❯ active row, type after / to filter.
Grok Slash Menu is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-slash-menu.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-slash-menu.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-slash-menu.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-slash-menu.json\`
Registry JSON: https://brainless.swerdlow.dev/r/grok-slash-menu.json
Docs preview: https://brainless.swerdlow.dev/components#grok-slash-menu
## Import
\`@/components/brainless/grok/grok-slash-menu\`
## Usage
\`\`\`tsx
import { GrokSlashMenu } from "@/components/brainless/grok/grok-slash-menu"
export function Example() {
return
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Grok Status
> Top status bar — branch glyph, cwd, context usage (16K / 500K), and optional turn progress (2/3 ✓).
Grok Status is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-status.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-status.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-status.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-status.json\`
Registry JSON: https://brainless.swerdlow.dev/r/grok-status.json
Docs preview: https://brainless.swerdlow.dev/components#grok-status
## Import
\`@/components/brainless/grok/grok-status\`
## Usage
\`\`\`tsx
import { GrokStatus } from "@/components/brainless/grok/grok-status"
export function Example() {
return (
)
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Grok Message
> A Grok conversation turn — the ❯ user marker or plain assistant text, with optional wall-clock timestamp.
Grok Message is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-message.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-message.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-message.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-message.json\`
Registry JSON: https://brainless.swerdlow.dev/r/grok-message.json
Docs preview: https://brainless.swerdlow.dev/components#grok-message
## Import
\`@/components/brainless/grok/grok-message\`
## Usage
\`\`\`tsx
import { GrokMessage } from "@/components/brainless/grok/grok-message"
export function Example() {
return (
put the pricing block on the marketing page
Dropped in a Pricing block with three tiers.
)
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Grok Prompt
> Grok's rounded CSS-border composer with a real text input and model · mode legend (normal / plan / auto / always-approve / plan approval).
Grok Prompt is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-prompt.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-prompt.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-prompt.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-prompt.json\`
Registry JSON: https://brainless.swerdlow.dev/r/grok-prompt.json
Docs preview: https://brainless.swerdlow.dev/components#grok-prompt
## Import
\`@/components/brainless/grok/grok-prompt\`
## Usage
\`\`\`tsx
import { GrokPrompt } from "@/components/brainless/grok/grok-prompt"
export function Example() {
return
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Codex Exec
> A Codex action/exec line with a status dot and expandable output, as a real disclosure.
Codex Exec is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/codex-exec.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/codex-exec.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/codex-exec.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/codex-exec.json\`
Registry JSON: https://brainless.swerdlow.dev/r/codex-exec.json
Docs preview: https://brainless.swerdlow.dev/components#codex-exec
## Import
\`@/components/brainless/codex/codex-exec\`
## Usage
\`\`\`tsx
import { CodexExec } from "@/components/brainless/codex/codex-exec"
export function Example() {
return (
{\`pnpm build
✓ compiled successfully\`}
)
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Grok Thinking
> Grok's idle working line — a braille spinner and rotating verb in amber, as an aria-live status region.
Grok Thinking is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-thinking.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-thinking.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-thinking.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-thinking.json\`
Registry JSON: https://brainless.swerdlow.dev/r/grok-thinking.json
Docs preview: https://brainless.swerdlow.dev/components#grok-thinking
## Import
\`@/components/brainless/grok/grok-thinking\`
## Usage
\`\`\`tsx
import { GrokThinking } from "@/components/brainless/grok/grok-thinking"
export function Example() {
return
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Codex Prompt
> Codex's › text input with warm model / green cwd status line and Plan mode tag (#bb9af7).
Codex Prompt is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/codex-prompt.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/codex-prompt.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/codex-prompt.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/codex-prompt.json\`
Registry JSON: https://brainless.swerdlow.dev/r/codex-prompt.json
Docs preview: https://brainless.swerdlow.dev/components#codex-prompt
## Import
\`@/components/brainless/codex/codex-prompt\`
## Usage
\`\`\`tsx
import { CodexPrompt } from "@/components/brainless/codex/codex-prompt"
export function Example() {
return
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Grok Permission
> Grok's left-border approval card with (●)/(○) radios and a 1/3:select hint bar.
Grok Permission is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-permission.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-permission.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-permission.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-permission.json\`
Registry JSON: https://brainless.swerdlow.dev/r/grok-permission.json
Docs preview: https://brainless.swerdlow.dev/components#grok-permission
## Import
\`@/components/brainless/grok/grok-permission\`
## Usage
\`\`\`tsx
import { GrokPermission } from "@/components/brainless/grok/grok-permission"
export function Example() {
return
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---
# Unknown
\# Grok Event
> A ◆ diamond event line — Thought, user\_prompt\_submit, stop — with optional \[hooks: N/M\] badge.
Grok Event is a brainless component — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.
## Install
\`\`\`bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-event.json
\`\`\`
- bun: \`bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-event.json\`
- pnpm: \`pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-event.json\`
- yarn: \`yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/grok-event.json\`
Registry JSON: https://brainless.swerdlow.dev/r/grok-event.json
Docs preview: https://brainless.swerdlow.dev/components#grok-event
## Import
\`@/components/brainless/grok/grok-event\`
## Usage
\`\`\`tsx
import { GrokEvent } from "@/components/brainless/grok/grok-event"
export function Example() {
return (
)
}
\`\`\`
## Notes
- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a \`\`.
- Prefer this component over inventing ASCII terminal chrome.
---