@codexview/react 0.1.1

package/dist/reducer/status.d.ts

@@ -0,0 +1,2 @@
+import { TranscriptModel, TranscriptStatus } from '../types/model.js';
+export declare function inferStatus(model: TranscriptModel): TranscriptStatus;

package/dist/reducer/transcript.d.ts

@@ -0,0 +1,4 @@
+import { ChatStreamEvent } from '../types/events.js';
+import { TranscriptModel, EMPTY_MODEL } from '../types/model.js';
+export declare function reduceTranscript(prev: TranscriptModel, event: ChatStreamEvent): TranscriptModel;
+export { EMPTY_MODEL };

package/dist/styles.css

@@ -0,0 +1,493 @@
+:root,
+.codexview-root {
+  --cv-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
+  --cv-font-mono: ui-monospace, 'SF Mono', 'Cascadia Code', Menlo, monospace;
+  --cv-font-size: 14px;
+  --cv-line-height: 1.55;
+  --cv-radius: 12px;
+  --cv-radius-sm: 8px;
+  --cv-spacing-xs: 4px;
+  --cv-spacing-sm: 8px;
+  --cv-spacing-md: 12px;
+  --cv-spacing-lg: 16px;
+
+  --cv-text:           #1f2328;
+  --cv-text-muted:     #6e7781;
+  --cv-text-inverse:   #ffffff;
+  --cv-bg:             #ffffff;
+  --cv-bg-raised:      #f6f8fa;
+  --cv-bg-user-bubble: #2f6feb;
+  --cv-bg-assistant-bubble: #f6f8fa;
+  --cv-bg-code:        #0d1117;
+  --cv-fg-code:        #e6edf3;
+  --cv-border:         #d0d7de;
+  --cv-axis-color:     #d0d7de;
+  --cv-shimmer-color:  rgba(31, 35, 40, 0.08);
+
+  --cv-status-pending:   #6e7781;
+  --cv-status-running:   #2f6feb;
+  --cv-status-completed: #1a7f37;
+  --cv-status-failed:    #cf222e;
+  --cv-status-stopped:   #6e7781;
+
+  --cv-diff-add-bg: #ddf4e4;
+  --cv-diff-del-bg: #ffebe9;
+}
+.cv-TurnContainer-module_turn_K9u-z {
+  padding: var(--cv-spacing-md) var(--cv-spacing-lg);
+  display: flex;
+  flex-direction: column;
+  gap: var(--cv-spacing-sm);
+}
+.cv-TurnContainer-module_axis_l5p4N {
+  position: relative;
+  padding-left: var(--cv-spacing-lg);
+  border-left: 2px solid var(--cv-axis-color);
+  display: flex;
+  flex-direction: column;
+  gap: var(--cv-spacing-sm);
+}
+.cv-TurnContainer-module_turn_K9u-z[data-turn-status='running'] .cv-TurnContainer-module_axis_l5p4N { border-left-color: var(--cv-status-running); }
+.cv-TurnContainer-module_turn_K9u-z[data-turn-status='failed']  .cv-TurnContainer-module_axis_l5p4N { border-left-color: var(--cv-status-failed); }
+.cv-TurnContainer-module_turn_K9u-z[data-turn-status='aborted'] .cv-TurnContainer-module_axis_l5p4N { border-left-color: var(--cv-status-stopped); }
+.cv-Markdown-module_md_aJpGj {
+  font-family: var(--cv-font-family);
+  font-size: var(--cv-font-size);
+  line-height: var(--cv-line-height);
+  color: var(--cv-text);
+  /* Isolate from any `white-space: pre-wrap` on an ancestor — otherwise the
+   * `\n` characters that react-markdown leaves between block siblings
+   * (`</p>\n<ul>`) become visible blank lines around lists, code blocks, etc. */
+  white-space: normal;
+}
+.cv-Markdown-module_md_aJpGj > :first-child { margin-top: 0; }
+.cv-Markdown-module_md_aJpGj > :last-child { margin-bottom: 0; }
+.cv-Markdown-module_md_aJpGj p { margin: 0 0 0.6em; white-space: pre-wrap; }
+.cv-Markdown-module_md_aJpGj h1, .cv-Markdown-module_md_aJpGj h2, .cv-Markdown-module_md_aJpGj h3, .cv-Markdown-module_md_aJpGj h4 {
+  margin: 0.8em 0 0.3em;
+  line-height: 1.3;
+  font-weight: 600;
+}
+.cv-Markdown-module_md_aJpGj h1 { font-size: 1.25em; }
+.cv-Markdown-module_md_aJpGj h2 { font-size: 1.15em; }
+.cv-Markdown-module_md_aJpGj h3 { font-size: 1.05em; }
+.cv-Markdown-module_md_aJpGj h4 { font-size: 1em; }
+.cv-Markdown-module_md_aJpGj ul, .cv-Markdown-module_md_aJpGj ol { padding-left: 1.4em; margin: 0.3em 0 0.6em; }
+.cv-Markdown-module_md_aJpGj li { margin: 0.15em 0; }
+.cv-Markdown-module_md_aJpGj li > p { margin: 0; }
+.cv-Markdown-module_md_aJpGj a { color: var(--cv-status-running); text-decoration: underline; }
+.cv-Markdown-module_md_aJpGj code {
+  font-family: var(--cv-font-mono);
+  font-size: 0.88em;
+  background: var(--cv-bg-raised);
+  padding: 1px 5px;
+  border-radius: 3px;
+}
+.cv-Markdown-module_md_aJpGj pre {
+  margin: 0.4em 0 0.7em;
+  padding: var(--cv-spacing-sm);
+  background: var(--cv-bg-code);
+  color: var(--cv-fg-code);
+  border-radius: var(--cv-radius-sm);
+  overflow-x: auto;
+  font-size: 0.85em;
+}
+.cv-Markdown-module_md_aJpGj pre code {
+  background: transparent;
+  padding: 0;
+  font-size: inherit;
+  color: inherit;
+}
+.cv-Markdown-module_md_aJpGj blockquote {
+  margin: 0.4em 0;
+  padding: 0.1em 0.8em;
+  border-left: 3px solid var(--cv-border);
+  color: var(--cv-text-muted);
+}
+.cv-Markdown-module_md_aJpGj hr {
+  border: none;
+  border-top: 1px solid var(--cv-border);
+  margin: 0.8em 0;
+}
+.cv-Markdown-module_md_aJpGj table {
+  border-collapse: collapse;
+  width: auto;
+  font-size: 0.92em;
+  margin: 0.4em 0 0.7em;
+}
+.cv-Markdown-module_md_aJpGj th, .cv-Markdown-module_md_aJpGj td {
+  border: 1px solid var(--cv-border);
+  padding: 4px 8px;
+  text-align: left;
+}
+.cv-Markdown-module_md_aJpGj th { background: var(--cv-bg-raised); font-weight: 600; }
+.cv-Markdown-module_md_aJpGj img { max-width: 100%; height: auto; border-radius: var(--cv-radius-sm); }
+
+.cv-Markdown-module_plain_920I0 {
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+.cv-Markdown-module_directive_oMfF9 {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  margin: 4px 0;
+  padding: 2px 9px 2px 7px;
+  font-size: 0.82em;
+  line-height: 1.5;
+  color: var(--cv-text-muted);
+  background: var(--cv-bg-raised);
+  border: 1px solid var(--cv-border);
+  border-radius: 999px;
+  text-decoration: none;
+  white-space: nowrap;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+a.cv-Markdown-module_directive_oMfF9:hover {
+  color: var(--cv-text);
+  border-color: var(--cv-status-running);
+}
+.cv-Markdown-module_directiveIcon_p2NKB {
+  font-size: 0.95em;
+  color: var(--cv-status-completed, var(--cv-status-running));
+  line-height: 1;
+}
+.cv-Markdown-module_directiveLabel_sCtAz {
+  color: var(--cv-text);
+  font-weight: 500;
+}
+.cv-Markdown-module_directiveCwd_lctnI {
+  color: var(--cv-text-muted);
+  font-family: var(--cv-font-mono);
+  font-size: 0.92em;
+  opacity: 0.75;
+}
+.cv-Markdown-module_directiveCwd_lctnI::before { content: '·'; margin-right: 4px; opacity: 0.6; }
+.cv-MessageBubble-module_bubble_p3YO4 {
+  max-width: 80%;
+  padding: var(--cv-spacing-sm) var(--cv-spacing-md);
+  border-radius: var(--cv-radius);
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+.cv-MessageBubble-module_bubble_p3YO4[data-role='user'] {
+  align-self: flex-end;
+  background: var(--cv-bg-user-bubble);
+  color: var(--cv-text-inverse);
+}
+.cv-MessageBubble-module_bubble_p3YO4[data-role='assistant'] {
+  background: var(--cv-bg-assistant-bubble);
+  color: var(--cv-text);
+}
+.cv-MessageBubble-module_caret_X01-n {
+  display: inline-block;
+  margin-left: 2px;
+  animation: cv-MessageBubble-module_cv-blink_Wlgqq 1s steps(2) infinite;
+}
+@keyframes cv-MessageBubble-module_cv-blink_Wlgqq { 50% { opacity: 0; } }
+@media (prefers-reduced-motion: reduce) { .cv-MessageBubble-module_caret_X01-n { animation: none; } }
+.cv-ReasoningBlock-module_block_TXeXs {
+  border-left: 2px solid var(--cv-border);
+  padding-left: var(--cv-spacing-sm);
+}
+.cv-ReasoningBlock-module_summary_0DCmn {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--cv-spacing-xs);
+  cursor: pointer;
+  color: var(--cv-text-muted);
+  font-style: italic;
+  list-style: none;
+}
+.cv-ReasoningBlock-module_summary_0DCmn::-webkit-details-marker { display: none; }
+.cv-ReasoningBlock-module_body_hXsT2 {
+  margin-top: var(--cv-spacing-xs);
+  color: var(--cv-text-muted);
+  font-style: italic;
+  white-space: pre-wrap;
+}
+.cv-ToolCallBlock-module_block_dNRp9 {
+  border: 1px solid var(--cv-border);
+  border-radius: var(--cv-radius-sm);
+  padding: var(--cv-spacing-sm);
+  background: var(--cv-bg-raised);
+  display: flex;
+  flex-direction: column;
+  gap: var(--cv-spacing-xs);
+}
+.cv-ToolCallBlock-module_block_dNRp9[data-status='pending']   { border-left: 3px solid var(--cv-status-pending); }
+.cv-ToolCallBlock-module_block_dNRp9[data-status='running']   { border-left: 3px solid var(--cv-status-running); }
+.cv-ToolCallBlock-module_block_dNRp9[data-status='completed'] { border-left: 3px solid var(--cv-status-completed); }
+.cv-ToolCallBlock-module_block_dNRp9[data-status='failed']    { border-left: 3px solid var(--cv-status-failed); }
+.cv-ToolCallBlock-module_block_dNRp9[data-status='stopped']   { border-left: 3px solid var(--cv-status-stopped); }
+
+.cv-ToolCallBlock-module_header_--wWa {
+  display: flex;
+  align-items: center;
+  gap: var(--cv-spacing-xs);
+  cursor: pointer;
+  list-style: none;
+}
+.cv-ToolCallBlock-module_header_--wWa::-webkit-details-marker { display: none; }
+.cv-ToolCallBlock-module_header_--wWa::before {
+  content: '›';
+  display: inline-block;
+  width: 12px;
+  color: var(--cv-text-muted);
+  transform: rotate(0deg);
+  transition: transform 120ms ease;
+}
+.cv-ToolCallBlock-module_block_dNRp9[open] > .cv-ToolCallBlock-module_header_--wWa::before { transform: rotate(90deg); }
+.cv-ToolCallBlock-module_title_F75hj { font-weight: 600; }
+.cv-ToolCallBlock-module_statusChip_srL2P { margin-left: auto; font-size: 0.75rem; color: var(--cv-text-muted); }
+.cv-ToolCallBlock-module_label_T8ftn { font-size: 0.75rem; color: var(--cv-text-muted); }
+.cv-ToolCallBlock-module_body_4IH9O {
+  display: flex;
+  flex-direction: column;
+  gap: var(--cv-spacing-xs);
+  margin-top: var(--cv-spacing-xs);
+}
+.cv-ToolCallBlock-module_code_4TYxX {
+  background: var(--cv-bg-code); color: var(--cv-fg-code);
+  padding: var(--cv-spacing-sm); border-radius: var(--cv-radius-sm);
+  font-family: var(--cv-font-mono); font-size: 0.8rem; overflow-x: auto;
+  white-space: pre-wrap;
+}
+.cv-ToolCallBlock-module_error_n7qO- { color: var(--cv-status-failed); font-family: var(--cv-font-mono); font-size: 0.8rem; }
+.cv-ToolCallBlock-module_result_BmMtL summary { cursor: pointer; font-size: 0.75rem; color: var(--cv-text-muted); }
+.cv-ExecBlock-module_block_GHBDd {
+  background: var(--cv-bg-code);
+  color: var(--cv-fg-code);
+  border-radius: var(--cv-radius-sm);
+  padding: var(--cv-spacing-sm);
+  display: flex; flex-direction: column; gap: var(--cv-spacing-xs);
+  font-family: var(--cv-font-mono); font-size: 0.85rem;
+  overflow: hidden;
+}
+.cv-ExecBlock-module_header_-s9DN {
+  display: flex;
+  align-items: center;
+  gap: var(--cv-spacing-xs);
+  cursor: pointer;
+  list-style: none;
+}
+.cv-ExecBlock-module_header_-s9DN::-webkit-details-marker { display: none; }
+.cv-ExecBlock-module_header_-s9DN::before {
+  content: '›';
+  display: inline-block;
+  width: 12px;
+  color: var(--cv-text-muted);
+  transform: rotate(0deg);
+  transition: transform 120ms ease;
+}
+.cv-ExecBlock-module_block_GHBDd[open] > .cv-ExecBlock-module_header_-s9DN::before { transform: rotate(90deg); }
+.cv-ExecBlock-module_body_cKLAV { display: flex; flex-direction: column; gap: var(--cv-spacing-xs); margin-top: var(--cv-spacing-xs); }
+.cv-ExecBlock-module_cmd_KpfNN { white-space: pre-wrap; word-break: break-word; flex: 1; }
+.cv-ExecBlock-module_exit_H-E6L { font-size: 0.75rem; opacity: 0.7; }
+.cv-ExecBlock-module_stdout_IHwS1 { white-space: pre-wrap; word-break: break-word; }
+.cv-ExecBlock-module_stderr_-DESS { white-space: pre-wrap; word-break: break-word; color: var(--cv-status-failed); }
+.cv-ExecBlock-module_shimmer_e98BB {
+  height: 4px; border-radius: 2px;
+  background: linear-gradient(90deg, transparent, var(--cv-shimmer-color), transparent);
+  background-size: 200% 100%;
+  animation: cv-ExecBlock-module_cv-shimmer_dfHrd 1.4s linear infinite;
+}
+@keyframes cv-ExecBlock-module_cv-shimmer_dfHrd {
+  from { background-position: -100% 0; }
+  to   { background-position:  100% 0; }
+}
+@media (prefers-reduced-motion: reduce) { .cv-ExecBlock-module_shimmer_e98BB { animation: none; } }
+.cv-SearchBlock-module_block_1e-lg { display: flex; flex-direction: column; gap: var(--cv-spacing-xs); }
+.cv-SearchBlock-module_header_US9Dx {
+  display: flex;
+  align-items: center;
+  gap: var(--cv-spacing-xs);
+  font-weight: 500;
+  cursor: pointer;
+  list-style: none;
+}
+.cv-SearchBlock-module_header_US9Dx::-webkit-details-marker { display: none; }
+.cv-SearchBlock-module_header_US9Dx::before {
+  content: '›';
+  display: inline-block;
+  width: 12px;
+  color: var(--cv-text-muted);
+  transform: rotate(0deg);
+  transition: transform 120ms ease;
+}
+.cv-SearchBlock-module_block_1e-lg[open] > .cv-SearchBlock-module_header_US9Dx::before { transform: rotate(90deg); }
+.cv-SearchBlock-module_body_ejMnH { display: flex; flex-direction: column; gap: var(--cv-spacing-xs); margin-top: var(--cv-spacing-xs); }
+.cv-SearchBlock-module_query_-MKAZ { color: var(--cv-text); }
+.cv-SearchBlock-module_results_98bPq { padding-left: var(--cv-spacing-md); margin: 0; }
+.cv-SearchBlock-module_results_98bPq li { margin-bottom: var(--cv-spacing-xs); }
+.cv-SearchBlock-module_results_98bPq a { color: var(--cv-status-running); text-decoration: underline; }
+.cv-SearchBlock-module_snippet_5UfAk { margin: 2px 0 0; color: var(--cv-text-muted); font-size: 0.85rem; }
+.cv-SearchBlock-module_more_87QEd {
+  align-self: flex-start;
+  background: none; border: none; cursor: pointer;
+  color: var(--cv-status-running); padding: 0; font-size: 0.85rem;
+}
+.cv-PatchBlock-module_block_hODNV { display: flex; flex-direction: column; gap: var(--cv-spacing-xs); }
+.cv-PatchBlock-module_header_hKbgB {
+  display: flex;
+  align-items: center;
+  gap: var(--cv-spacing-xs);
+  font-weight: 500;
+  cursor: pointer;
+  list-style: none;
+}
+.cv-PatchBlock-module_header_hKbgB::-webkit-details-marker { display: none; }
+.cv-PatchBlock-module_header_hKbgB::before {
+  content: '›';
+  display: inline-block;
+  width: 12px;
+  color: var(--cv-text-muted);
+  transform: rotate(0deg);
+  transition: transform 120ms ease;
+}
+.cv-PatchBlock-module_block_hODNV[open] > .cv-PatchBlock-module_header_hKbgB::before { transform: rotate(90deg); }
+.cv-PatchBlock-module_files_RTnl0 { list-style: none; padding: 0; margin: var(--cv-spacing-xs) 0 0; display: flex; flex-direction: column; gap: 2px; }
+.cv-PatchBlock-module_files_RTnl0 summary { display: flex; align-items: center; gap: var(--cv-spacing-xs); cursor: pointer; padding: 2px 0; }
+.cv-PatchBlock-module_tag_9PGRP { font-size: 0.7rem; padding: 1px 6px; border-radius: 4px; background: var(--cv-bg-raised); color: var(--cv-text-muted); }
+.cv-PatchBlock-module_tag_9PGRP[data-kind='added']    { background: var(--cv-diff-add-bg); color: var(--cv-status-completed); }
+.cv-PatchBlock-module_tag_9PGRP[data-kind='deleted']  { background: var(--cv-diff-del-bg); color: var(--cv-status-failed); }
+.cv-PatchBlock-module_diff_zboyM {
+  background: var(--cv-bg-code); color: var(--cv-fg-code);
+  padding: var(--cv-spacing-sm); border-radius: var(--cv-radius-sm);
+  font-family: var(--cv-font-mono); font-size: 0.8rem;
+  white-space: pre-wrap; overflow-x: auto;
+}
+.cv-PatchBlock-module_add_Y2VHb { background: var(--cv-diff-add-bg); color: #032b14; }
+.cv-PatchBlock-module_del_i2akI { background: var(--cv-diff-del-bg); color: #67060c; }
+.cv-TodoListBlock-module_block_JRgID {
+  border-left: 3px solid var(--cv-status-running);
+  padding: var(--cv-spacing-sm) var(--cv-spacing-md);
+  background: var(--cv-bg-raised);
+  border-radius: var(--cv-radius-sm);
+}
+.cv-TodoListBlock-module_block_JRgID[data-status='completed'] { border-left-color: var(--cv-status-completed); }
+.cv-TodoListBlock-module_block_JRgID[data-status='failed']    { border-left-color: var(--cv-status-failed); }
+
+.cv-TodoListBlock-module_summary_W3C5h {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--cv-spacing-xs);
+  cursor: pointer;
+  font-weight: 500;
+  list-style: none;
+}
+.cv-TodoListBlock-module_summary_W3C5h::-webkit-details-marker { display: none; }
+.cv-TodoListBlock-module_icon_TwtNR { font-size: 14px; }
+
+.cv-TodoListBlock-module_list_YIRUN {
+  list-style: none;
+  padding: var(--cv-spacing-xs) 0 0;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+.cv-TodoListBlock-module_entry_KfZlY {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--cv-spacing-xs);
+  padding: 2px 0;
+  font-size: 0.9rem;
+}
+.cv-TodoListBlock-module_entry_KfZlY[data-completed='true'] .cv-TodoListBlock-module_text_SxUVW {
+  color: var(--cv-text-muted);
+  text-decoration: line-through;
+}
+.cv-TodoListBlock-module_check_t7lTt { font-family: var(--cv-font-mono); }
+.cv-TodoListBlock-module_text_SxUVW { white-space: pre-wrap; word-break: break-word; flex: 1; }
+.cv-ErrorBlock-module_block_TlAYA {
+  display: flex;
+  align-items: center;
+  gap: var(--cv-spacing-xs);
+  padding: var(--cv-spacing-sm) var(--cv-spacing-md);
+  background: var(--cv-diff-del-bg);
+  color: var(--cv-status-failed);
+  border-radius: var(--cv-radius-sm);
+  border-left: 3px solid var(--cv-status-failed);
+  font-size: 0.9rem;
+}
+.cv-ErrorBlock-module_message_hJ57N { white-space: pre-wrap; word-break: break-word; }
+.cv-RawEventBlock-module_block_SSjbJ { border: 1px dashed var(--cv-border); border-radius: var(--cv-radius-sm); padding: var(--cv-spacing-xs) var(--cv-spacing-sm); background: var(--cv-bg-raised); }
+.cv-RawEventBlock-module_summary_cjM7J { display: flex; align-items: center; gap: var(--cv-spacing-xs); cursor: pointer; color: var(--cv-text-muted); list-style: none; }
+.cv-RawEventBlock-module_summary_cjM7J::-webkit-details-marker { display: none; }
+.cv-RawEventBlock-module_code_WK6CT {
+  margin: var(--cv-spacing-xs) 0 0;
+  background: var(--cv-bg-code); color: var(--cv-fg-code);
+  padding: var(--cv-spacing-sm); border-radius: var(--cv-radius-sm);
+  font-family: var(--cv-font-mono); font-size: 0.8rem; white-space: pre-wrap;
+}
+.cv-StatusBar-module_bar_fBXHf {
+  display: flex;
+  align-items: center;
+  gap: var(--cv-spacing-sm);
+  padding: var(--cv-spacing-sm) var(--cv-spacing-md);
+  border-bottom: 1px solid var(--cv-border);
+  background: var(--cv-bg-raised);
+  font-size: 0.875rem;
+}
+.cv-StatusBar-module_bar_fBXHf[data-status='working'] { color: var(--cv-status-running); }
+.cv-StatusBar-module_bar_fBXHf[data-status='completed'] { color: var(--cv-status-completed); }
+.cv-StatusBar-module_bar_fBXHf[data-status='failed'] { color: var(--cv-status-failed); }
+.cv-StatusBar-module_bar_fBXHf[data-status='stopped'] { color: var(--cv-status-stopped); }
+
+.cv-StatusBar-module_pulse_t8PkB {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: currentColor;
+  animation: cv-StatusBar-module_cv-pulse_clFHA 1.4s ease-in-out infinite;
+}
+@keyframes cv-StatusBar-module_cv-pulse_clFHA {
+  0%, 100% { opacity: 1; transform: scale(1); }
+  50% { opacity: 0.4; transform: scale(0.8); }
+}
+@media (prefers-reduced-motion: reduce) {
+  .cv-StatusBar-module_pulse_t8PkB { animation: none; opacity: 1; }
+}
+.cv-StatusBar-module_label_4CK2X { font-weight: 500; }
+.cv-StatusBar-module_errorDetails_MEtRk { margin-left: auto; max-width: 50%; }
+.cv-StatusBar-module_errorDetails_MEtRk summary { cursor: pointer; }
+.cv-StatusBar-module_errorDetails_MEtRk pre { font-size: 0.75rem; overflow-x: auto; }
+.cv-reset-module_root_dBpwH {
+  all: initial;
+  display: block;
+  font-family: var(--cv-font-family);
+  font-size: var(--cv-font-size);
+  line-height: var(--cv-line-height);
+  color: var(--cv-text);
+  background: var(--cv-bg);
+  box-sizing: border-box;
+}
+.cv-reset-module_root_dBpwH *,
+.cv-reset-module_root_dBpwH *::before,
+.cv-reset-module_root_dBpwH *::after {
+  box-sizing: inherit;
+}
+.cv-CodexTranscript-module_root_q2BZd {
+  display: flex; flex-direction: column;
+  background: var(--cv-bg);
+  color: var(--cv-text);
+  min-height: 0;
+}
+.cv-CodexTranscript-module_list_5O-5s { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; }
+.cv-CodexTranscript-module_empty_ACH87 {
+  padding: var(--cv-spacing-lg);
+  color: var(--cv-text-muted);
+  text-align: center;
+  font-size: 0.9rem;
+}
+.cv-CodexTranscript-module_omitted_xwSHT {
+  padding: var(--cv-spacing-xs) var(--cv-spacing-md);
+  font-size: 0.75rem;
+  color: var(--cv-text-muted);
+  background: var(--cv-bg-raised);
+  text-align: center;
+}

package/dist/types/events.d.ts

@@ -0,0 +1,164 @@
+/**
+ * Token usage emitted by `turn_completed`.
+ */
+export interface TokenUsage {
+    inputTokens: number;
+    outputTokens: number;
+    cachedInputTokens?: number;
+    reasoningOutputTokens?: number;
+}
+/** Result of a single web search hit. */
+export interface SearchResult {
+    title: string;
+    url: string;
+    snippet?: string;
+}
+/** Single file in a patch_apply result. */
+export interface PatchFile {
+    path: string;
+    status: 'added' | 'modified' | 'deleted';
+    /** Unified git diff text. Optional because some events only carry metadata. */
+    diff?: string;
+}
+/**
+ * The discriminated union of events CodexView consumes.
+ *
+ * Source of truth: agentweb `backend/src/codex/eventMap.ts` `NormalizedEvent`.
+ * This file is the contract boundary — it intentionally re-declares the shapes
+ * so that consumers don't have to depend on agentweb internals.
+ */
+export type ChatStreamEvent = {
+    type: 'thread_started';
+    threadId: string;
+    at: number;
+} | {
+    type: 'turn_started';
+    turnId: string;
+    at: number;
+} | {
+    type: 'turn_completed';
+    turnId: string;
+    at: number;
+    usage?: TokenUsage;
+} | {
+    type: 'turn_failed';
+    turnId: string;
+    at: number;
+    error: {
+        message: string;
+        code?: string;
+    };
+} | {
+    type: 'turn_aborted';
+    turnId: string;
+    at: number;
+    reason?: string;
+} | {
+    type: 'user_message';
+    turnId: string;
+    itemId: string;
+    text: string;
+    at: number;
+} | {
+    type: 'agent_message';
+    turnId: string;
+    itemId: string;
+    text: string;
+    partial: boolean;
+    at: number;
+} | {
+    type: 'reasoning';
+    turnId: string;
+    itemId: string;
+    text: string;
+    partial: boolean;
+    at: number;
+} | {
+    type: 'function_call';
+    turnId: string;
+    callId: string;
+    name: string;
+    args: unknown;
+    at: number;
+} | {
+    type: 'function_call_output';
+    turnId: string;
+    callId: string;
+    output?: unknown;
+    error?: string;
+    at: number;
+} | {
+    type: 'exec_command_begin';
+    turnId: string;
+    callId: string;
+    command: string;
+    at: number;
+} | {
+    type: 'exec_command_end';
+    turnId: string;
+    callId: string;
+    exit: number;
+    stdout: string;
+    stderr: string;
+    durationMs: number;
+    at: number;
+} | {
+    type: 'mcp_tool_call';
+    turnId: string;
+    callId: string;
+    server: string;
+    name: string;
+    args: unknown;
+    at: number;
+} | {
+    type: 'mcp_tool_call_output';
+    turnId: string;
+    callId: string;
+    output?: unknown;
+    error?: string;
+    at: number;
+} | {
+    type: 'web_search_call';
+    turnId: string;
+    callId: string;
+    query: string;
+    at: number;
+} | {
+    type: 'web_search_end';
+    turnId: string;
+    callId: string;
+    results: SearchResult[];
+    at: number;
+} | {
+    type: 'patch_apply_end';
+    turnId: string;
+    callId: string;
+    files: PatchFile[];
+    ok: boolean;
+    at: number;
+} | {
+    type: 'todo_list';
+    turnId: string;
+    itemId: string;
+    items: TodoEntry[];
+    at: number;
+} | {
+    type: 'error_item';
+    turnId: string;
+    itemId: string;
+    message: string;
+    at: number;
+} | {
+    type: 'raw';
+    turnId?: string;
+    itemId?: string;
+    payload: unknown;
+    at: number;
+};
+/** A single entry in a plan / todo list. */
+export interface TodoEntry {
+    text: string;
+    completed: boolean;
+}
+/** Helpful narrowing alias. */
+export type ChatStreamEventType = ChatStreamEvent['type'];