@codexview/react 0.2.3 → 0.3.1

package/dist/index.js

@@ -429,12 +429,12 @@ class ItemErrorBoundary extends Component {
 }
 const turn = "cv-TurnContainer-module_turn_K9u-z";
 const axis = "cv-TurnContainer-module_axis_l5p4N";
-const styles$c = {
+const styles$d = {
   turn,
   axis
 };
 function TurnContainer({ turn: turn2, children }) {
-  return /* @__PURE__ */ jsx("section", { className: styles$c.turn, "data-turn-id": turn2.turnId, "data-turn-status": turn2.status, children: /* @__PURE__ */ jsx("div", { className: styles$c.axis, children }) });
+  return /* @__PURE__ */ jsx("section", { className: styles$d.turn, "data-turn-id": turn2.turnId, "data-turn-status": turn2.status, children: /* @__PURE__ */ jsx("div", { className: styles$d.axis, children }) });
 }
 function ok$1() {
 }
@@ -2940,7 +2940,7 @@ const attention = {
 function resolveAllAttention(events, context) {
   let index2 = -1;
   let open;
-  let group;
+  let group2;
   let text2;
   let openingSequence;
   let closingSequence;
@@ -2988,7 +2988,7 @@ function resolveAllAttention(events, context) {
               ...events[index2][1].start
             }
           };
-          group = {
+          group2 = {
             type: use > 1 ? "strong" : "emphasis",
             start: {
               ...openingSequence.start
@@ -3007,9 +3007,9 @@ function resolveAllAttention(events, context) {
           if (events[open][1].end.offset - events[open][1].start.offset) {
             nextEvents = push(nextEvents, [["enter", events[open][1], context], ["exit", events[open][1], context]]);
           }
-          nextEvents = push(nextEvents, [["enter", group, context], ["enter", openingSequence, context], ["exit", openingSequence, context], ["enter", text2, context]]);
+          nextEvents = push(nextEvents, [["enter", group2, context], ["enter", openingSequence, context], ["exit", openingSequence, context], ["enter", text2, context]]);
           nextEvents = push(nextEvents, resolveAll(context.parser.constructs.insideSpan.null, events.slice(open + 1, index2), context));
-          nextEvents = push(nextEvents, [["exit", text2, context], ["enter", closingSequence, context], ["exit", closingSequence, context], ["exit", group, context]]);
+          nextEvents = push(nextEvents, [["exit", text2, context], ["enter", closingSequence, context], ["exit", closingSequence, context], ["exit", group2, context]]);
           if (events[index2][1].end.offset - events[index2][1].start.offset) {
             offset = 2;
             nextEvents = push(nextEvents, [["enter", events[index2][1], context], ["exit", events[index2][1], context]]);
@@ -5306,7 +5306,7 @@ function resolveToLabelEnd(events, context) {
       close = index2;
     }
   }
-  const group = {
+  const group2 = {
     type: events[open][1].type === "labelLink" ? "link" : "image",
     start: {
       ...events[open][1].start
@@ -5333,13 +5333,13 @@ function resolveToLabelEnd(events, context) {
       ...events[close - 2][1].start
     }
   };
-  media = [["enter", group, context], ["enter", label2, context]];
+  media = [["enter", group2, context], ["enter", label2, context]];
   media = push(media, events.slice(open + 1, open + offset + 3));
   media = push(media, [["enter", text2, context]]);
   media = push(media, resolveAll(context.parser.constructs.insideSpan.null, events.slice(open + offset + 4, close - 3), context));
   media = push(media, [["exit", text2, context], events[close - 2], events[close - 1], ["exit", label2, context]]);
   media = push(media, events.slice(close + 1));
-  media = push(media, [["exit", group, context]]);
+  media = push(media, [["exit", group2, context]]);
   splice(events, open, events.length, media);
   return events;
 }
@@ -12987,7 +12987,7 @@ const directive = "cv-Markdown-module_directive_oMfF9";
 const directiveIcon = "cv-Markdown-module_directiveIcon_p2NKB";
 const directiveLabel = "cv-Markdown-module_directiveLabel_sCtAz";
 const directiveCwd = "cv-Markdown-module_directiveCwd_lctnI";
-const styles$b = {
+const styles$c = {
   md,
   plain,
   directive,
@@ -12998,12 +12998,12 @@ const styles$b = {
 function MarkdownInner({ children, asPlain, className }) {
   const segments2 = useMemo(() => asPlain ? null : splitDirectives(children), [children, asPlain]);
   if (asPlain) {
-    return /* @__PURE__ */ jsx("span", { className: [styles$b.plain, className].filter(Boolean).join(" "), children });
+    return /* @__PURE__ */ jsx("span", { className: [styles$c.plain, className].filter(Boolean).join(" "), children });
   }
   if (!segments2 || segments2.length === 1 && segments2[0].kind === "md") {
-    return /* @__PURE__ */ jsx("div", { className: [styles$b.md, className].filter(Boolean).join(" "), children: /* @__PURE__ */ jsx(Markdown$1, { remarkPlugins: [remarkGfm], children }) });
+    return /* @__PURE__ */ jsx("div", { className: [styles$c.md, className].filter(Boolean).join(" "), children: /* @__PURE__ */ jsx(Markdown$1, { remarkPlugins: [remarkGfm], children }) });
   }
-  return /* @__PURE__ */ jsx("div", { className: [styles$b.md, className].filter(Boolean).join(" "), children: segments2.map((seg, i) => seg.kind === "md" ? /* @__PURE__ */ jsx(Markdown$1, { remarkPlugins: [remarkGfm], children: seg.text }, i) : /* @__PURE__ */ jsx(DirectiveBadge, { name: seg.name, params: seg.params }, i)) });
+  return /* @__PURE__ */ jsx("div", { className: [styles$c.md, className].filter(Boolean).join(" "), children: segments2.map((seg, i) => seg.kind === "md" ? /* @__PURE__ */ jsx(Markdown$1, { remarkPlugins: [remarkGfm], children: seg.text }, i) : /* @__PURE__ */ jsx(DirectiveBadge, { name: seg.name, params: seg.params }, i)) });
 }
 const Markdown = memo(MarkdownInner);
 const DIRECTIVE_LINE_RE = /^[ \t]*::([a-z][a-z0-9-]*)\{([^}\n]*)\}[ \t]*$/gm;
@@ -13051,15 +13051,15 @@ function DirectiveBadge({ name: name2, params }) {
   const href = typeof params.url === "string" ? params.url : null;
   const cwd2 = typeof params.cwd === "string" ? params.cwd.split("/").pop() : null;
   const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { className: styles$b.directiveIcon, children: icon2 }),
-    /* @__PURE__ */ jsx("span", { className: styles$b.directiveLabel, children: label2 }),
-    cwd2 && /* @__PURE__ */ jsx("span", { className: styles$b.directiveCwd, children: cwd2 })
+    /* @__PURE__ */ jsx("span", { className: styles$c.directiveIcon, children: icon2 }),
+    /* @__PURE__ */ jsx("span", { className: styles$c.directiveLabel, children: label2 }),
+    cwd2 && /* @__PURE__ */ jsx("span", { className: styles$c.directiveCwd, children: cwd2 })
   ] });
-  return href ? /* @__PURE__ */ jsx("a", { className: styles$b.directive, href, target: "_blank", rel: "noopener noreferrer", children: inner }) : /* @__PURE__ */ jsx("span", { className: styles$b.directive, children: inner });
+  return href ? /* @__PURE__ */ jsx("a", { className: styles$c.directive, href, target: "_blank", rel: "noopener noreferrer", children: inner }) : /* @__PURE__ */ jsx("span", { className: styles$c.directive, children: inner });
 }
 const bubble = "cv-MessageBubble-module_bubble_p3YO4";
 const caret = "cv-MessageBubble-module_caret_X01-n";
-const styles$a = {
+const styles$b = {
   bubble,
   caret
 };
@@ -13071,12 +13071,12 @@ function MessageBubble({ item, smoothStream = true, markdown = true }) {
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: styles$a.bubble,
+      className: styles$b.bubble,
       "data-role": isUser ? "user" : "assistant",
       "data-status": item.status,
       children: [
         /* @__PURE__ */ jsx(Markdown, { asPlain: !useMd, children: text2 }),
-        item.status === "running" && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: styles$a.caret, children: "▋" })
+        item.status === "running" && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: styles$b.caret, children: "▋" })
       ]
     }
   );
@@ -13091,11 +13091,11 @@ const ICONS = {
 };
 const block$7 = "cv-ReasoningBlock-module_block_TXeXs";
 const summary$2 = "cv-ReasoningBlock-module_summary_0DCmn";
-const body$3 = "cv-ReasoningBlock-module_body_hXsT2";
-const styles$9 = {
+const body$4 = "cv-ReasoningBlock-module_body_hXsT2";
+const styles$a = {
   block: block$7,
   summary: summary$2,
-  body: body$3
+  body: body$4
 };
 function durationLabel(ms) {
   if (ms < 1e3) return `${ms}ms`;
@@ -13107,12 +13107,12 @@ function ReasoningBlock({ item, defaultOpen = false, smoothStream = true, markdo
   const text2 = useSmoothStream(item.text, { enabled: smoothStream && live });
   const elapsed = item.updatedAt - item.startedAt;
   const useMd = markdown && !live;
-  return /* @__PURE__ */ jsxs("details", { className: styles$9.block, open: defaultOpen || live, children: [
-    /* @__PURE__ */ jsxs("summary", { className: styles$9.summary, children: [
+  return /* @__PURE__ */ jsxs("details", { className: styles$a.block, open: defaultOpen || live, children: [
+    /* @__PURE__ */ jsxs("summary", { className: styles$a.summary, children: [
       /* @__PURE__ */ jsx(Icon, { size: 14, "aria-hidden": true }),
       /* @__PURE__ */ jsx("span", { children: live ? "思考中…" : `思考 (${durationLabel(elapsed)})` })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: styles$9.body, children: /* @__PURE__ */ jsx(Markdown, { asPlain: !useMd, children: text2 }) })
+    /* @__PURE__ */ jsx("div", { className: styles$a.body, children: /* @__PURE__ */ jsx(Markdown, { asPlain: !useMd, children: text2 }) })
   ] });
 }
 function safeStringify(value) {
@@ -13123,21 +13123,21 @@ function safeStringify(value) {
   }
 }
 const block$6 = "cv-ToolCallBlock-module_block_dNRp9";
-const header$3 = "cv-ToolCallBlock-module_header_--wWa";
-const title = "cv-ToolCallBlock-module_title_F75hj";
+const header$4 = "cv-ToolCallBlock-module_header_--wWa";
+const title$1 = "cv-ToolCallBlock-module_title_F75hj";
 const statusChip = "cv-ToolCallBlock-module_statusChip_srL2P";
 const label$1 = "cv-ToolCallBlock-module_label_T8ftn";
-const body$2 = "cv-ToolCallBlock-module_body_4IH9O";
+const body$3 = "cv-ToolCallBlock-module_body_4IH9O";
 const code$1 = "cv-ToolCallBlock-module_code_4TYxX";
 const error = "cv-ToolCallBlock-module_error_n7qO-";
 const result = "cv-ToolCallBlock-module_result_BmMtL";
-const styles$8 = {
+const styles$9 = {
   block: block$6,
-  header: header$3,
-  title,
+  header: header$4,
+  title: title$1,
   statusChip,
   label: label$1,
-  body: body$2,
+  body: body$3,
   code: code$1,
   error,
   result
@@ -13147,42 +13147,42 @@ function phrase(name2, server) {
 }
 function ResultBody({ value }) {
   if (typeof value === "string") return /* @__PURE__ */ jsx(Markdown, { children: value });
-  return /* @__PURE__ */ jsx("pre", { className: styles$8.code, children: safeStringify(value) });
+  return /* @__PURE__ */ jsx("pre", { className: styles$9.code, children: safeStringify(value) });
 }
 function ToolCallBlock({ item, defaultOpen = false }) {
   const Icon = ICONS.tool;
   const open = defaultOpen || item.status === "pending" || item.status === "running";
-  return /* @__PURE__ */ jsxs("details", { className: styles$8.block, "data-status": item.status, open, children: [
-    /* @__PURE__ */ jsxs("summary", { className: styles$8.header, children: [
+  return /* @__PURE__ */ jsxs("details", { className: styles$9.block, "data-status": item.status, open, children: [
+    /* @__PURE__ */ jsxs("summary", { className: styles$9.header, children: [
       /* @__PURE__ */ jsx(Icon, { size: 14, "aria-hidden": true }),
-      /* @__PURE__ */ jsx("span", { className: styles$8.title, children: phrase(item.name, item.server) }),
-      /* @__PURE__ */ jsx("span", { className: styles$8.statusChip, children: item.status })
+      /* @__PURE__ */ jsx("span", { className: styles$9.title, children: phrase(item.name, item.server) }),
+      /* @__PURE__ */ jsx("span", { className: styles$9.statusChip, children: item.status })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: styles$8.body, children: [
-      /* @__PURE__ */ jsxs("div", { className: styles$8.args, children: [
-        /* @__PURE__ */ jsx("div", { className: styles$8.label, children: "args" }),
-        /* @__PURE__ */ jsx("pre", { className: styles$8.code, children: safeStringify(item.args) })
+    /* @__PURE__ */ jsxs("div", { className: styles$9.body, children: [
+      /* @__PURE__ */ jsxs("div", { className: styles$9.args, children: [
+        /* @__PURE__ */ jsx("div", { className: styles$9.label, children: "args" }),
+        /* @__PURE__ */ jsx("pre", { className: styles$9.code, children: safeStringify(item.args) })
       ] }),
-      item.error !== void 0 && /* @__PURE__ */ jsx("div", { className: styles$8.error, children: item.error }),
-      item.result !== void 0 && /* @__PURE__ */ jsxs("div", { className: styles$8.result, children: [
-        /* @__PURE__ */ jsx("div", { className: styles$8.label, children: "result" }),
+      item.error !== void 0 && /* @__PURE__ */ jsx("div", { className: styles$9.error, children: item.error }),
+      item.result !== void 0 && /* @__PURE__ */ jsxs("div", { className: styles$9.result, children: [
+        /* @__PURE__ */ jsx("div", { className: styles$9.label, children: "result" }),
         /* @__PURE__ */ jsx(ResultBody, { value: item.result })
       ] })
     ] })
   ] });
 }
 const block$5 = "cv-ExecBlock-module_block_GHBDd";
-const header$2 = "cv-ExecBlock-module_header_-s9DN";
-const body$1 = "cv-ExecBlock-module_body_cKLAV";
+const header$3 = "cv-ExecBlock-module_header_-s9DN";
+const body$2 = "cv-ExecBlock-module_body_cKLAV";
 const cmd = "cv-ExecBlock-module_cmd_KpfNN";
 const exit = "cv-ExecBlock-module_exit_H-E6L";
 const stdout = "cv-ExecBlock-module_stdout_IHwS1";
 const stderr = "cv-ExecBlock-module_stderr_-DESS";
 const shimmer = "cv-ExecBlock-module_shimmer_e98BB";
-const styles$7 = {
+const styles$8 = {
   block: block$5,
-  header: header$2,
-  body: body$1,
+  header: header$3,
+  body: body$2,
   cmd,
   exit,
   stdout,
@@ -13194,33 +13194,33 @@ function ExecBlock({ item, defaultOpen = false }) {
   const running = item.status === "running";
   const open = defaultOpen || running;
   const exitText = item.exit != null ? `(exit ${item.exit}, ${item.durationMs ?? "?"}ms)` : "";
-  return /* @__PURE__ */ jsxs("details", { className: styles$7.block, "data-status": item.status, open, children: [
-    /* @__PURE__ */ jsxs("summary", { className: styles$7.header, children: [
+  return /* @__PURE__ */ jsxs("details", { className: styles$8.block, "data-status": item.status, open, children: [
+    /* @__PURE__ */ jsxs("summary", { className: styles$8.header, children: [
       /* @__PURE__ */ jsx(Icon, { size: 14, "aria-hidden": true }),
-      /* @__PURE__ */ jsxs("code", { className: styles$7.cmd, children: [
+      /* @__PURE__ */ jsxs("code", { className: styles$8.cmd, children: [
         "$ ",
         item.command
       ] }),
-      /* @__PURE__ */ jsx("span", { className: styles$7.exit, children: exitText })
+      /* @__PURE__ */ jsx("span", { className: styles$8.exit, children: exitText })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: styles$7.body, children: [
-      running && /* @__PURE__ */ jsx("div", { className: styles$7.shimmer, "aria-hidden": true }),
-      item.stdout && /* @__PURE__ */ jsx("pre", { className: styles$7.stdout, children: item.stdout }),
-      item.stderr && /* @__PURE__ */ jsx("pre", { className: styles$7.stderr, children: item.stderr })
+    /* @__PURE__ */ jsxs("div", { className: styles$8.body, children: [
+      running && /* @__PURE__ */ jsx("div", { className: styles$8.shimmer, "aria-hidden": true }),
+      item.stdout && /* @__PURE__ */ jsx("pre", { className: styles$8.stdout, children: item.stdout }),
+      item.stderr && /* @__PURE__ */ jsx("pre", { className: styles$8.stderr, children: item.stderr })
     ] })
   ] });
 }
 const block$4 = "cv-SearchBlock-module_block_1e-lg";
-const header$1 = "cv-SearchBlock-module_header_US9Dx";
-const body = "cv-SearchBlock-module_body_ejMnH";
+const header$2 = "cv-SearchBlock-module_header_US9Dx";
+const body$1 = "cv-SearchBlock-module_body_ejMnH";
 const query = "cv-SearchBlock-module_query_-MKAZ";
 const results = "cv-SearchBlock-module_results_98bPq";
 const snippet = "cv-SearchBlock-module_snippet_5UfAk";
 const more = "cv-SearchBlock-module_more_87QEd";
-const styles$6 = {
+const styles$7 = {
   block: block$4,
-  header: header$1,
-  body,
+  header: header$2,
+  body: body$1,
   query,
   results,
   snippet,
@@ -13233,17 +13233,17 @@ function SearchBlock({ item, initialVisible = 3, defaultOpen = false }) {
   const visible = showAll ? results2 : results2.slice(0, initialVisible);
   const remaining = results2.length - visible.length;
   const open = defaultOpen || item.status === "pending" || item.status === "running";
-  return /* @__PURE__ */ jsxs("details", { className: styles$6.block, "data-status": item.status, open, children: [
-    /* @__PURE__ */ jsxs("summary", { className: styles$6.header, children: [
+  return /* @__PURE__ */ jsxs("details", { className: styles$7.block, "data-status": item.status, open, children: [
+    /* @__PURE__ */ jsxs("summary", { className: styles$7.header, children: [
       /* @__PURE__ */ jsx(Icon, { size: 14, "aria-hidden": true }),
-      /* @__PURE__ */ jsx("span", { className: styles$6.query, children: item.query })
+      /* @__PURE__ */ jsx("span", { className: styles$7.query, children: item.query })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: styles$6.body, children: [
-      results2.length > 0 && /* @__PURE__ */ jsx("ol", { className: styles$6.results, children: visible.map((r) => /* @__PURE__ */ jsxs("li", { children: [
+    /* @__PURE__ */ jsxs("div", { className: styles$7.body, children: [
+      results2.length > 0 && /* @__PURE__ */ jsx("ol", { className: styles$7.results, children: visible.map((r) => /* @__PURE__ */ jsxs("li", { children: [
         /* @__PURE__ */ jsx("a", { href: r.url, target: "_blank", rel: "noreferrer", children: r.title }),
-        r.snippet && /* @__PURE__ */ jsx("p", { className: styles$6.snippet, children: r.snippet })
+        r.snippet && /* @__PURE__ */ jsx("p", { className: styles$7.snippet, children: r.snippet })
       ] }, r.url)) }),
-      remaining > 0 && /* @__PURE__ */ jsxs("button", { type: "button", className: styles$6.more, onClick: (e) => {
+      remaining > 0 && /* @__PURE__ */ jsxs("button", { type: "button", className: styles$7.more, onClick: (e) => {
         e.preventDefault();
         setShowAll(true);
       }, children: [
@@ -13255,15 +13255,15 @@ function SearchBlock({ item, initialVisible = 3, defaultOpen = false }) {
   ] });
 }
 const block$3 = "cv-PatchBlock-module_block_hODNV";
-const header = "cv-PatchBlock-module_header_hKbgB";
+const header$1 = "cv-PatchBlock-module_header_hKbgB";
 const files = "cv-PatchBlock-module_files_RTnl0";
 const tag = "cv-PatchBlock-module_tag_9PGRP";
 const diff = "cv-PatchBlock-module_diff_zboyM";
 const add = "cv-PatchBlock-module_add_Y2VHb";
 const del = "cv-PatchBlock-module_del_i2akI";
-const styles$5 = {
+const styles$6 = {
   block: block$3,
-  header,
+  header: header$1,
   files,
   tag,
   diff,
@@ -13273,8 +13273,8 @@ const styles$5 = {
 function colorLines(diff2) {
   return diff2.split("\n").map((line, i) => {
     let cls = "";
-    if (line.startsWith("+") && !line.startsWith("+++")) cls = styles$5.add;
-    else if (line.startsWith("-") && !line.startsWith("---")) cls = styles$5.del;
+    if (line.startsWith("+") && !line.startsWith("+++")) cls = styles$6.add;
+    else if (line.startsWith("-") && !line.startsWith("---")) cls = styles$6.del;
     return /* @__PURE__ */ jsxs("span", { className: cls, children: [
       line,
       "\n"
@@ -13283,8 +13283,8 @@ function colorLines(diff2) {
 }
 function PatchBlock({ item, defaultOpen = false }) {
   const Icon = ICONS.patch;
-  return /* @__PURE__ */ jsxs("details", { className: styles$5.block, "data-status": item.status, open: defaultOpen, children: [
-    /* @__PURE__ */ jsxs("summary", { className: styles$5.header, children: [
+  return /* @__PURE__ */ jsxs("details", { className: styles$6.block, "data-status": item.status, open: defaultOpen, children: [
+    /* @__PURE__ */ jsxs("summary", { className: styles$6.header, children: [
       /* @__PURE__ */ jsx(Icon, { size: 14, "aria-hidden": true }),
       /* @__PURE__ */ jsxs("span", { children: [
         item.files.length,
@@ -13293,12 +13293,12 @@ function PatchBlock({ item, defaultOpen = false }) {
         ")"
       ] })
     ] }),
-    /* @__PURE__ */ jsx("ul", { className: styles$5.files, children: item.files.map((f) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("details", { children: [
+    /* @__PURE__ */ jsx("ul", { className: styles$6.files, children: item.files.map((f) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("details", { children: [
       /* @__PURE__ */ jsxs("summary", { children: [
         /* @__PURE__ */ jsx("code", { children: f.path }),
-        /* @__PURE__ */ jsx("span", { className: styles$5.tag, "data-kind": f.status, children: f.status })
+        /* @__PURE__ */ jsx("span", { className: styles$6.tag, "data-kind": f.status, children: f.status })
       ] }),
-      f.diff && /* @__PURE__ */ jsx("pre", { className: styles$5.diff, children: colorLines(f.diff) })
+      f.diff && /* @__PURE__ */ jsx("pre", { className: styles$6.diff, children: colorLines(f.diff) })
     ] }) }, f.path)) })
   ] });
 }
@@ -13309,7 +13309,7 @@ const list$1 = "cv-TodoListBlock-module_list_YIRUN";
 const entry = "cv-TodoListBlock-module_entry_KfZlY";
 const text = "cv-TodoListBlock-module_text_SxUVW";
 const check = "cv-TodoListBlock-module_check_t7lTt";
-const styles$4 = {
+const styles$5 = {
   block: block$2,
   summary: summary$1,
   icon,
@@ -13322,34 +13322,34 @@ function TodoListBlock({ item, defaultOpen = false }) {
   const total = item.items.length;
   const done = item.items.filter((e) => e.completed).length;
   const summary2 = total === 0 ? "计划" : `计划 (${done}/${total})`;
-  return /* @__PURE__ */ jsxs("details", { className: styles$4.block, "data-status": item.status, open: defaultOpen || item.status === "running", children: [
-    /* @__PURE__ */ jsxs("summary", { className: styles$4.summary, children: [
-      /* @__PURE__ */ jsx("span", { className: styles$4.icon, "aria-hidden": true, children: "📋" }),
+  return /* @__PURE__ */ jsxs("details", { className: styles$5.block, "data-status": item.status, open: defaultOpen || item.status === "running", children: [
+    /* @__PURE__ */ jsxs("summary", { className: styles$5.summary, children: [
+      /* @__PURE__ */ jsx("span", { className: styles$5.icon, "aria-hidden": true, children: "📋" }),
       /* @__PURE__ */ jsx("span", { children: summary2 })
     ] }),
-    /* @__PURE__ */ jsx("ul", { className: styles$4.list, children: item.items.map((entry2, i) => /* @__PURE__ */ jsxs("li", { className: styles$4.entry, "data-completed": entry2.completed, children: [
-      /* @__PURE__ */ jsx("span", { className: styles$4.check, "aria-hidden": true, children: entry2.completed ? "☑" : "☐" }),
-      /* @__PURE__ */ jsx("span", { className: styles$4.text, children: entry2.text })
+    /* @__PURE__ */ jsx("ul", { className: styles$5.list, children: item.items.map((entry2, i) => /* @__PURE__ */ jsxs("li", { className: styles$5.entry, "data-completed": entry2.completed, children: [
+      /* @__PURE__ */ jsx("span", { className: styles$5.check, "aria-hidden": true, children: entry2.completed ? "☑" : "☐" }),
+      /* @__PURE__ */ jsx("span", { className: styles$5.text, children: entry2.text })
     ] }, i)) })
   ] });
 }
 const block$1 = "cv-ErrorBlock-module_block_TlAYA";
 const message = "cv-ErrorBlock-module_message_hJ57N";
-const styles$3 = {
+const styles$4 = {
   block: block$1,
   message
 };
 function ErrorBlock({ item }) {
   const Icon = ICONS.warn;
-  return /* @__PURE__ */ jsxs("div", { className: styles$3.block, role: "alert", children: [
+  return /* @__PURE__ */ jsxs("div", { className: styles$4.block, role: "alert", children: [
     /* @__PURE__ */ jsx(Icon, { size: 14, "aria-hidden": true }),
-    /* @__PURE__ */ jsx("span", { className: styles$3.message, children: item.message })
+    /* @__PURE__ */ jsx("span", { className: styles$4.message, children: item.message })
   ] });
 }
 const block = "cv-RawEventBlock-module_block_SSjbJ";
 const summary = "cv-RawEventBlock-module_summary_cjM7J";
 const code = "cv-RawEventBlock-module_code_WK6CT";
-const styles$2 = {
+const styles$3 = {
   block,
   summary,
   code
@@ -13361,22 +13361,22 @@ function RawEventBlock({ item }) {
     if (p && typeof p === "object" && "type" in p) return String(p.type);
     return "unknown";
   })();
-  return /* @__PURE__ */ jsxs("details", { className: styles$2.block, children: [
-    /* @__PURE__ */ jsxs("summary", { className: styles$2.summary, children: [
+  return /* @__PURE__ */ jsxs("details", { className: styles$3.block, children: [
+    /* @__PURE__ */ jsxs("summary", { className: styles$3.summary, children: [
       /* @__PURE__ */ jsx(Icon, { size: 14, "aria-hidden": true }),
       /* @__PURE__ */ jsxs("span", { children: [
         "未知事件: ",
         typeLabel
       ] })
     ] }),
-    /* @__PURE__ */ jsx("pre", { className: styles$2.code, children: safeStringify(item.payload) })
+    /* @__PURE__ */ jsx("pre", { className: styles$3.code, children: safeStringify(item.payload) })
   ] });
 }
 const bar = "cv-StatusBar-module_bar_fBXHf";
 const pulse = "cv-StatusBar-module_pulse_t8PkB";
 const label = "cv-StatusBar-module_label_4CK2X";
 const errorDetails = "cv-StatusBar-module_errorDetails_MEtRk";
-const styles$1 = {
+const styles$2 = {
   bar,
   pulse,
   label,
@@ -13392,15 +13392,100 @@ const LABELS = {
 function StatusBar({ status, label: label2, error: error2 }) {
   if (status === "idle") return null;
   const text2 = label2 ?? LABELS[status];
-  return /* @__PURE__ */ jsxs("div", { className: styles$1.bar, "data-status": status, role: "status", "aria-live": "polite", children: [
-    status === "working" && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: styles$1.pulse }),
-    /* @__PURE__ */ jsx("span", { className: styles$1.label, children: text2 }),
-    error2 && /* @__PURE__ */ jsxs("details", { className: styles$1.errorDetails, children: [
+  return /* @__PURE__ */ jsxs("div", { className: styles$2.bar, "data-status": status, role: "status", "aria-live": "polite", children: [
+    status === "working" && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: styles$2.pulse }),
+    /* @__PURE__ */ jsx("span", { className: styles$2.label, children: text2 }),
+    error2 && /* @__PURE__ */ jsxs("details", { className: styles$2.errorDetails, children: [
       /* @__PURE__ */ jsx("summary", { children: error2.message }),
       error2.details && /* @__PURE__ */ jsx("pre", { children: error2.details })
     ] })
   ] });
 }
+const group = "cv-ToolGroup-module_group_WufLG";
+const header = "cv-ToolGroup-module_header_ycctp";
+const title = "cv-ToolGroup-module_title_qIalM";
+const body = "cv-ToolGroup-module_body_G35LW";
+const styles$1 = {
+  group,
+  header,
+  title,
+  body
+};
+const GROUPABLE_KINDS = /* @__PURE__ */ new Set([
+  "tool_call",
+  "exec",
+  "search",
+  "patch",
+  "todo_list",
+  "raw"
+]);
+function isGroupableKind(kind) {
+  return GROUPABLE_KINDS.has(kind);
+}
+function partitionForGrouping(items) {
+  const slices = [];
+  let buffer = [];
+  const flush = () => {
+    if (buffer.length === 0) return;
+    slices.push({ kind: "group", items: buffer });
+    buffer = [];
+  };
+  for (const item of items) {
+    if (isGroupableKind(item.kind)) buffer.push(item);
+    else {
+      flush();
+      slices.push({ kind: "single", item });
+    }
+  }
+  flush();
+  return slices;
+}
+function summarize(items) {
+  let exec = 0;
+  let patch2 = 0;
+  let toolCall = 0;
+  let search2 = 0;
+  let todo = 0;
+  let raw = 0;
+  for (const it of items) {
+    switch (it.kind) {
+      case "exec":
+        exec++;
+        break;
+      case "patch":
+        patch2++;
+        break;
+      case "tool_call":
+        toolCall++;
+        break;
+      case "search":
+        search2++;
+        break;
+      case "todo_list":
+        todo++;
+        break;
+      case "raw":
+        raw++;
+        break;
+    }
+  }
+  const parts = [];
+  if (todo > 0) parts.push("更新待办");
+  if (exec > 0) parts.push(`执行 ${exec} 个命令`);
+  if (patch2 > 0) parts.push(`修改 ${patch2} 个文件`);
+  if (toolCall > 0) parts.push(`调用 ${toolCall} 个工具`);
+  if (search2 > 0) parts.push(`搜索 ${search2} 次`);
+  if (raw > 0) parts.push(`${raw} 个事件`);
+  return parts.length === 0 ? "工具操作" : parts.join("、");
+}
+function ToolGroup({ items, children, defaultOpen = false }) {
+  const live = items.some((i) => i.status === "pending" || i.status === "running");
+  const open = defaultOpen || live;
+  return /* @__PURE__ */ jsxs("details", { className: styles$1.group, open, children: [
+    /* @__PURE__ */ jsx("summary", { className: styles$1.header, children: /* @__PURE__ */ jsx("span", { className: styles$1.title, children: summarize(items) }) }),
+    /* @__PURE__ */ jsx("div", { className: styles$1.body, children })
+  ] });
+}
 const root$1 = "cv-reset-module_root_dBpwH";
 const resetStyles = {
   root: root$1
@@ -13425,7 +13510,8 @@ const DEFAULTS = {
   PatchBlock,
   TodoListBlock,
   ErrorBlock,
-  RawEventBlock
+  RawEventBlock,
+  ToolGroup
 };
 function flatItems(turns) {
   const out = [];
@@ -13467,7 +13553,14 @@ function CodexTranscript(props) {
       truncated.omitted,
       " 条"
     ] }),
-    /* @__PURE__ */ jsx("ol", { className: styles.list, role: "log", "aria-live": "polite", "aria-relevant": "additions text", children: turnsToRender.map((turn2) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(TurnContainer, { turn: turn2, children: (byTurn.get(turn2.turnId) ?? []).map((item) => /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(ItemErrorBoundary, { fallback: /* @__PURE__ */ jsx(components.RawEventBlock, { item: { id: item.id, kind: "raw", status: item.status, startedAt: item.startedAt, updatedAt: item.updatedAt, payload: item } }), children: /* @__PURE__ */ jsx("div", { onClick: handleClick(item.id), children: renderItem(item, components, props.disableSmoothStream) }) }) }, item.id)) }) }, turn2.turnId)) })
+    /* @__PURE__ */ jsx("ol", { className: styles.list, role: "log", "aria-live": "polite", "aria-relevant": "additions text", children: turnsToRender.map((turn2) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(TurnContainer, { turn: turn2, children: partitionForGrouping(byTurn.get(turn2.turnId) ?? []).map((slice, idx) => {
+      var _a;
+      if (slice.kind === "single") {
+        const item = slice.item;
+        return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(ItemErrorBoundary, { fallback: /* @__PURE__ */ jsx(components.RawEventBlock, { item: { id: item.id, kind: "raw", status: item.status, startedAt: item.startedAt, updatedAt: item.updatedAt, payload: item } }), children: /* @__PURE__ */ jsx("div", { onClick: handleClick(item.id), children: renderItem(item, components, props.disableSmoothStream) }) }) }, item.id);
+      }
+      return /* @__PURE__ */ jsx(components.ToolGroup, { items: slice.items, children: slice.items.map((item) => /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(ItemErrorBoundary, { fallback: /* @__PURE__ */ jsx(components.RawEventBlock, { item: { id: item.id, kind: "raw", status: item.status, startedAt: item.startedAt, updatedAt: item.updatedAt, payload: item } }), children: /* @__PURE__ */ jsx("div", { onClick: handleClick(item.id), children: renderItem(item, components, props.disableSmoothStream) }) }) }, item.id)) }, `group-${idx}-${((_a = slice.items[0]) == null ? void 0 : _a.id) ?? ""}`);
+    }) }) }, turn2.turnId)) })
   ] });
 }
 function renderItem(item, c, disableSmoothStream) {
@@ -13494,7 +13587,7 @@ function renderItem(item, c, disableSmoothStream) {
       return /* @__PURE__ */ jsx(c.RawEventBlock, { item });
   }
 }
-const VERSION = "0.1.4";
+const VERSION = "0.3.1";
 export {
   CodexTranscript,
   EMPTY_MODEL,
@@ -13510,10 +13603,14 @@ export {
   StatusBar,
   TodoListBlock,
   ToolCallBlock,
+  ToolGroup,
   TurnContainer,
   VERSION,
   inferStatus,
+  isGroupableKind,
+  partitionForGrouping,
   reduceTranscript,
+  summarize as summarizeToolGroup,
   useCodexTranscript,
   useSmoothStream
 };