Codex Session

1import { CodexHeader } from "@/registry/brainless/codex/codex-header";
2import { CodexMessage } from "@/registry/brainless/codex/codex-message";
3import { CodexExec } from "@/registry/brainless/codex/codex-exec";
4import { CodexWorking } from "@/registry/brainless/codex/codex-working";
5import { CodexPrompt } from "@/registry/brainless/codex/codex-prompt";
6 
7/**
8 * CodexSession — a complete Codex CLI screen: launch card, a full turn
9 * (prompt → reply → exec lines → working) and the pinned › composer.
10 */
11export function CodexSession() {
12  return (
13    <div className="space-y-3 font-mono text-[13px] leading-[1.6] text-[#ededed]">
14      <CodexHeader directory="~/dev/acme-app" />
15 
16      <div className="text-[#e0af68]">
17        <span aria-hidden>⚠ </span>
18        MCP startup incomplete (failed: github)
19      </div>
20 
21      <div className="space-y-3 pt-1">
22        <CodexMessage role="user">
23          add a dark-mode toggle to the settings page and run the tests
24        </CodexMessage>
25 
26        <CodexMessage>
27          I&apos;ll read the settings page, add the toggle, then run the suite.
28        </CodexMessage>
29 
30        <div className="space-y-1">
31          <CodexExec command="Read app/settings/page.tsx" />
32          <CodexExec
33            command="Edited app/settings/page.tsx"
34            result="(+12 −1)"
35          />
36          <CodexExec command="Edited components/theme-toggle.tsx" result="(+48 −0)" />
37          <CodexExec command="Ran bun test" result="→ passed">
38            {`bun test v1.2.21
39✓ settings > renders the theme toggle
40✓ theme > persists across reloads
41 12 pass
42 0 fail`}
43          </CodexExec>
44        </div>
45 
46        <CodexWorking />
47      </div>
48 
49      <div className="pt-2">
50        <CodexPrompt directory="~/dev/acme-app" />
51      </div>
52    </div>
53  );
54}