Reasoning

The dim italic summary Codex shows while it reasons.

import { CodexReasoning } from "../components/codex-reasoning";
import { CodexTerminal } from "../components/codex-terminal";
import { CODEX_DEMO_SESSION } from "../constants/codex-demo";

export default function CodexReasoningExample() {
  return (
    <div className="w-full p-6">
      <CodexTerminal title={CODEX_DEMO_SESSION.title}>
        <CodexReasoning>{CODEX_DEMO_SESSION.reasoning}</CodexReasoning>
      </CodexTerminal>
    </div>
  );
}

$ bunx --bun shadcn@latest add @notra/codex-reasoning

CodexReasoning is a dim bullet and a bold italic summary line, the way Codex surfaces a reasoning step between tool calls. It renders a div and takes all of its props.

Prop	Default	Description
`children`		The reasoning summary.

Used in

Codex

A full recreation of an OpenAI Codex CLI session, from the banner to the pinned prompt.