Initial commit

Signed-off-by: Ilan Bigio <ilan@openai.com>

codex-cli/src/components/chat/terminal-chat-past-rollout.tsx

@@ -0,0 +1,61 @@
+import type { TerminalChatSession } from "../../utils/session.js";
+import type { ResponseItem } from "openai/resources/responses/responses";
+
+import TerminalChatResponseItem from "./terminal-chat-response-item";
+import { Box, Text } from "ink";
+import React from "react";
+
+export default function TerminalChatPastRollout({
+  session,
+  items,
+}: {
+  session: TerminalChatSession;
+  items: Array<ResponseItem>;
+}): React.ReactElement {
+  const { version, id: sessionId, model } = session;
+  return (
+    <Box flexDirection="column">
+      <Box borderStyle="round" paddingX={1} width={64}>
+        <Text>
+          ● OpenAI <Text bold>Codex</Text>{" "}
+          <Text dimColor>
+            (research preview) <Text color="blueBright">v{version}</Text>
+          </Text>
+        </Text>
+      </Box>
+      <Box
+        borderStyle="round"
+        borderColor="gray"
+        paddingX={1}
+        width={64}
+        flexDirection="column"
+      >
+        <Text>
+          <Text color="magenta">●</Text> localhost{" "}
+          <Text dimColor>· session:</Text>{" "}
+          <Text color="magentaBright" dimColor>
+            {sessionId}
+          </Text>
+        </Text>
+        <Text dimColor>
+          <Text color="blueBright">↳</Text> When / Who:{" "}
+          <Text bold>
+            {session.timestamp} <Text dimColor>/</Text> {session.user}
+          </Text>
+        </Text>
+        <Text dimColor>
+          <Text color="blueBright">↳</Text> model: <Text bold>{model}</Text>
+        </Text>
+      </Box>
+      <Box flexDirection="column" gap={1}>
+        {React.useMemo(
+          () =>
+            items.map((item, key) => (
+              <TerminalChatResponseItem key={key} item={item} />
+            )),
+          [items],
+        )}
+      </Box>
+    </Box>
+  );
+}