@tangle-network/sandbox-ui 0.6.1 → 0.9.0

package/dist/{chunk-ZMWWE5RF.js → chunk-EXSOPXIY.js}

@@ -11,7 +11,7 @@ import {
   CodeBlock,
   CopyButton,
   Markdown
-} from "./chunk-3HW53XTH.js";
+} from "./chunk-T7HMZEVO.js";
 import {
   cn
 } from "./chunk-RQHJBTEU.js";
@@ -39,17 +39,17 @@ function PreviewCard({
     "div",
     {
       className: cn(
-        "overflow-hidden rounded-[var(--radius-lg)] border border-[var(--border-subtle)] bg-[var(--bg-card)] shadow-[var(--shadow-card)]",
+        "overflow-hidden rounded-[var(--radius-lg)] border border-border bg-card shadow-[var(--shadow-card)]",
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 border-b border-[var(--border-subtle)] bg-[var(--depth-1)] px-[var(--tool-card-px)] py-[var(--tool-card-py)]", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex h-[var(--tool-icon-size)] w-[var(--tool-icon-size)] shrink-0 items-center justify-center rounded-[var(--radius-sm)] border border-[var(--border-accent)] bg-[var(--bg-section)] text-[var(--brand-cool)]", children: icon }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 border-b border-border bg-card px-[var(--tool-card-px)] py-[var(--tool-card-py)]", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex h-[var(--tool-icon-size)] w-[var(--tool-icon-size)] shrink-0 items-center justify-center rounded-[var(--radius-sm)] border border-[var(--border-accent)] bg-muted text-primary", children: icon }),
           /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-[var(--text-primary)]", children: title }),
-            description ? /* @__PURE__ */ jsx("span", { className: "truncate text-xs font-[var(--font-mono)] text-[var(--text-muted)]", children: description }) : null
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-foreground", children: title }),
+            description ? /* @__PURE__ */ jsx("span", { className: "truncate text-xs font-mono text-muted-foreground", children: description }) : null
           ] }) }),
-          meta ? /* @__PURE__ */ jsx("div", { className: "shrink-0 text-xs text-[var(--text-muted)]", children: meta }) : null
+          meta ? /* @__PURE__ */ jsx("div", { className: "shrink-0 text-xs text-muted-foreground", children: meta }) : null
         ] }),
         children ? /* @__PURE__ */ jsx("div", { className: "space-y-2 px-[var(--tool-card-px)] py-[var(--tool-card-py)]", children }) : null
       ]
@@ -64,7 +64,7 @@ function PreviewEmpty({
     "div",
     {
       className: cn(
-        "rounded-[var(--radius-md)] border border-dashed border-[var(--border-subtle)] bg-[var(--bg-section)] px-3 py-2.5 text-xs text-[var(--text-muted)]",
+        "rounded-[var(--radius-md)] border border-dashed border-border bg-muted px-3 py-2.5 text-xs text-muted-foreground",
         className
       ),
       children: label
@@ -75,8 +75,8 @@ function PreviewError({ error }) {
   return /* @__PURE__ */ jsx("div", { className: "rounded-[var(--radius-md)] border border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] px-3 py-3 text-sm text-[var(--surface-danger-text)]", children: error });
 }
 function PreviewLoading({ label = "Running\u2026" }) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-[var(--radius-md)] border border-[var(--border-subtle)] bg-[var(--bg-section)] px-3 py-2 text-xs text-[var(--text-muted)]", children: [
-    /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin text-[var(--brand-cool)]" }),
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-[var(--radius-md)] border border-border bg-muted px-3 py-2 text-xs text-muted-foreground", children: [
+    /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin text-primary" }),
     /* @__PURE__ */ jsx("span", { children: label })
   ] });
 }
@@ -114,7 +114,7 @@ var CommandPreview = memo(({ part }) => {
         "span",
         {
           className: cn(
-            "inline-flex items-center rounded-full border px-2 py-0.5 font-[var(--font-mono)]",
+            "inline-flex items-center rounded-full border px-2 py-0.5 font-mono",
             isError ? "border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] text-[var(--surface-danger-text)]" : "border-[var(--surface-success-border)] bg-[var(--surface-success-bg)] text-[var(--surface-success-text)]"
           ),
           children: [
@@ -128,23 +128,23 @@ var CommandPreview = memo(({ part }) => {
           "button",
           {
             onClick: () => setExpanded((value) => !value),
-            className: "flex w-full items-center gap-2 rounded-[var(--radius-md)] border border-[var(--border-subtle)] bg-[var(--bg-section)] px-3 py-2 text-left transition-colors hover:border-[var(--border-accent-hover)] hover:bg-[var(--bg-hover)]/45",
+            className: "flex w-full items-center gap-2 rounded-[var(--radius-md)] border border-border bg-muted px-3 py-2 text-left transition-colors hover:border-[var(--border-accent-hover)] hover:bg-accent/45",
             children: [
-              /* @__PURE__ */ jsx2("code", { className: "min-w-0 flex-1 truncate text-xs font-[var(--font-mono)] text-[var(--text-secondary)]", children: command }),
-              lineCount > 0 ? /* @__PURE__ */ jsxs2("span", { className: "shrink-0 text-xs text-[var(--text-muted)]", children: [
+              /* @__PURE__ */ jsx2("code", { className: "min-w-0 flex-1 truncate text-xs font-mono text-foreground", children: command }),
+              lineCount > 0 ? /* @__PURE__ */ jsxs2("span", { className: "shrink-0 text-xs text-muted-foreground", children: [
                 lineCount,
                 " line",
                 lineCount === 1 ? "" : "s"
               ] }) : null,
-              expanded ? /* @__PURE__ */ jsx2(ChevronDown, { className: "h-3.5 w-3.5 text-[var(--text-muted)]" }) : /* @__PURE__ */ jsx2(ChevronRight, { className: "h-3.5 w-3.5 text-[var(--text-muted)]" })
+              expanded ? /* @__PURE__ */ jsx2(ChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground" }) : /* @__PURE__ */ jsx2(ChevronRight, { className: "h-3.5 w-3.5 text-muted-foreground" })
             ]
           }
         ),
         part.state.status === "running" ? /* @__PURE__ */ jsx2(PreviewLoading, {}) : null,
         errorText ? /* @__PURE__ */ jsx2(PreviewError, { error: errorText }) : null,
-        expanded && output ? /* @__PURE__ */ jsxs2("div", { className: "overflow-hidden rounded-[var(--radius-md)] border border-[var(--border-subtle)] bg-[var(--bg-section)]", children: [
-          output.stdout ? /* @__PURE__ */ jsx2("pre", { className: "max-h-80 overflow-auto px-3 py-3 text-xs font-[var(--font-mono)] whitespace-pre-wrap break-all text-[var(--text-secondary)]", children: output.stdout }) : null,
-          output.stderr ? /* @__PURE__ */ jsx2("pre", { className: "max-h-80 overflow-auto border-t border-[var(--border-subtle)] px-3 py-3 text-xs font-[var(--font-mono)] whitespace-pre-wrap break-all text-red-200", children: output.stderr }) : null
+        expanded && output ? /* @__PURE__ */ jsxs2("div", { className: "overflow-hidden rounded-[var(--radius-md)] border border-border bg-muted", children: [
+          output.stdout ? /* @__PURE__ */ jsx2("pre", { className: "max-h-80 overflow-auto px-3 py-3 text-xs font-mono whitespace-pre-wrap break-all text-foreground", children: output.stdout }) : null,
+          output.stderr ? /* @__PURE__ */ jsx2("pre", { className: "max-h-80 overflow-auto border-t border-border px-3 py-3 text-xs font-mono whitespace-pre-wrap break-all text-red-200", children: output.stderr }) : null
         ] }) : null
       ]
     }
@@ -202,7 +202,7 @@ var WriteFilePreview = memo2(({ part }) => {
       icon: /* @__PURE__ */ jsx3(FileEdit, { className: "h-4 w-4" }),
       title: "Write file",
       description: write.path,
-      meta: /* @__PURE__ */ jsxs3("span", { className: "text-xs text-[var(--text-muted)]", children: [
+      meta: /* @__PURE__ */ jsxs3("span", { className: "text-xs text-muted-foreground", children: [
         "+",
         lineCount,
         " line",
@@ -308,12 +308,12 @@ var GrepResultsPreview = memo3(({ part }) => {
         groupedMatches.map(([path, pathMatches]) => /* @__PURE__ */ jsxs4(
           "div",
           {
-            className: "rounded-[var(--radius-md)] border border-[var(--border-subtle)] bg-[var(--bg-section)]/55",
+            className: "rounded-[var(--radius-md)] border border-border bg-muted/55",
             children: [
-              /* @__PURE__ */ jsx4("div", { className: "border-b border-[var(--border-subtle)] px-3 py-2 text-xs font-medium text-[var(--text-secondary)]", children: path }),
-              /* @__PURE__ */ jsx4("div", { className: "divide-y divide-[var(--border-subtle)]", children: pathMatches.map((match, index) => /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-[auto_minmax(0,1fr)] gap-3 px-3 py-2", children: [
-                /* @__PURE__ */ jsx4("div", { className: "pt-0.5 text-xs font-mono text-[var(--text-muted)]", children: match.line ?? "\xB7" }),
-                /* @__PURE__ */ jsx4("pre", { className: "overflow-x-auto whitespace-pre-wrap break-words text-xs font-[var(--font-mono)] text-[var(--text-secondary)]", children: match.text })
+              /* @__PURE__ */ jsx4("div", { className: "border-b border-border px-3 py-2 text-xs font-medium text-foreground", children: path }),
+              /* @__PURE__ */ jsx4("div", { className: "divide-y divide-border", children: pathMatches.map((match, index) => /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-[auto_minmax(0,1fr)] gap-3 px-3 py-2", children: [
+                /* @__PURE__ */ jsx4("div", { className: "pt-0.5 text-xs font-mono text-muted-foreground", children: match.line ?? "\xB7" }),
+                /* @__PURE__ */ jsx4("pre", { className: "overflow-x-auto whitespace-pre-wrap break-words text-xs font-mono text-foreground", children: match.text })
               ] }, `${path}-${match.line ?? index}-${index}`)) })
             ]
           },
@@ -378,10 +378,10 @@ var GlobResultsPreview = memo4(({ part }) => {
           return /* @__PURE__ */ jsxs5(
             "div",
             {
-              className: "flex items-center gap-2 rounded-[var(--radius-md)] border border-[var(--border-subtle)] bg-[var(--bg-section)]/55 px-3 py-2",
+              className: "flex items-center gap-2 rounded-[var(--radius-md)] border border-border bg-muted/55 px-3 py-2",
               children: [
-                /* @__PURE__ */ jsx5(Icon, { className: "h-4 w-4 shrink-0 text-[var(--brand-cool)]" }),
-                /* @__PURE__ */ jsx5("span", { className: "min-w-0 truncate text-xs font-[var(--font-mono)] text-[var(--text-secondary)]", children: file })
+                /* @__PURE__ */ jsx5(Icon, { className: "h-4 w-4 shrink-0 text-primary" }),
+                /* @__PURE__ */ jsx5("span", { className: "min-w-0 truncate text-xs font-mono text-foreground", children: file })
               ]
             },
             file
@@ -460,11 +460,11 @@ var WebSearchPreview = memo5(({ part }) => {
             href: result.url,
             target: "_blank",
             rel: "noreferrer",
-            className: "block rounded-[var(--radius-md)] border border-[var(--border-subtle)] bg-[var(--bg-section)]/55 px-3 py-3 transition-colors hover:border-[var(--border-accent-hover)] hover:bg-[var(--bg-hover)]/50",
+            className: "block rounded-[var(--radius-md)] border border-border bg-muted/55 px-3 py-3 transition-colors hover:border-[var(--border-accent-hover)] hover:bg-accent/50",
             children: [
-              /* @__PURE__ */ jsx6("div", { className: "text-sm font-medium text-[var(--text-primary)]", children: result.title }),
-              /* @__PURE__ */ jsx6("div", { className: "mt-1 truncate text-xs text-[var(--brand-cool)]", children: result.url }),
-              result.snippet ? /* @__PURE__ */ jsx6("p", { className: "mt-2 text-sm leading-relaxed text-[var(--text-muted)]", children: result.snippet }) : null
+              /* @__PURE__ */ jsx6("div", { className: "text-sm font-medium text-foreground", children: result.title }),
+              /* @__PURE__ */ jsx6("div", { className: "mt-1 truncate text-xs text-primary", children: result.url }),
+              result.snippet ? /* @__PURE__ */ jsx6("p", { className: "mt-2 text-sm leading-relaxed text-muted-foreground", children: result.snippet }) : null
             ]
           },
           result.url
@@ -539,14 +539,14 @@ var QuestionPreview = memo6(({ part }) => {
         questions.map((question, index) => /* @__PURE__ */ jsxs7(
           "div",
           {
-            className: "rounded-[var(--radius-md)] border border-[var(--border-subtle)] bg-[var(--bg-section)] px-3 py-3",
+            className: "rounded-[var(--radius-md)] border border-border bg-muted px-3 py-3",
             children: [
-              /* @__PURE__ */ jsxs7("div", { className: "text-xs font-semibold uppercase tracking-[0.08em] text-[var(--text-muted)]", children: [
+              /* @__PURE__ */ jsxs7("div", { className: "text-xs font-semibold uppercase tracking-[0.08em] text-muted-foreground", children: [
                 "Question ",
                 index + 1
               ] }),
-              /* @__PURE__ */ jsx7("div", { className: "mt-2 text-sm leading-relaxed text-[var(--text-primary)]", children: question }),
-              /* @__PURE__ */ jsx7("div", { className: "mt-3 rounded-[var(--radius-sm)] border border-[var(--border-subtle)] bg-[var(--bg-card)] px-3 py-2 text-sm text-[var(--text-secondary)]", children: answers[index] ?? (part.state.status === "completed" ? "No answer recorded." : "Awaiting answer") })
+              /* @__PURE__ */ jsx7("div", { className: "mt-2 text-sm leading-relaxed text-foreground", children: question }),
+              /* @__PURE__ */ jsx7("div", { className: "mt-3 rounded-[var(--radius-sm)] border border-border bg-card px-3 py-2 text-sm text-foreground", children: answers[index] ?? (part.state.status === "completed" ? "No answer recorded." : "Awaiting answer") })
             ]
           },
           `${question}-${index}`
@@ -600,11 +600,11 @@ var DiffPreview = memo7(({ part }) => {
         !payload.diff && !payload.before && !payload.after ? /* @__PURE__ */ jsx8(PreviewEmpty, { label: "No structured diff payload was provided." }) : null,
         payload.diff ? /* @__PURE__ */ jsx8(CodeBlock, { code: payload.diff, language: "diff", className: "rounded-[var(--radius-md)]" }) : null,
         !payload.diff && payload.before ? /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx8("div", { className: "text-xs font-semibold uppercase tracking-[0.08em] text-[var(--text-muted)]", children: "Before" }),
+          /* @__PURE__ */ jsx8("div", { className: "text-xs font-semibold uppercase tracking-[0.08em] text-muted-foreground", children: "Before" }),
           /* @__PURE__ */ jsx8(CodeBlock, { code: payload.before, language: "text", className: "rounded-[var(--radius-md)]" })
         ] }) : null,
         !payload.diff && payload.after ? /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx8("div", { className: "text-xs font-semibold uppercase tracking-[0.08em] text-[var(--text-muted)]", children: "After" }),
+          /* @__PURE__ */ jsx8("div", { className: "text-xs font-semibold uppercase tracking-[0.08em] text-muted-foreground", children: "After" }),
           /* @__PURE__ */ jsx8(CodeBlock, { code: payload.after, language: "text", className: "rounded-[var(--radius-md)]" })
         ] }) : null
       ]
@@ -686,16 +686,16 @@ var ExpandedToolDetail = memo8(({ part }) => {
     return /* @__PURE__ */ jsx9(DiffPreview, { part });
   }
   if (meta.displayVariant === "read-file") {
-    return /* @__PURE__ */ jsxs9("div", { className: "overflow-hidden rounded-[var(--radius-lg)] border border-[var(--border-subtle)] bg-[var(--bg-card)] shadow-[var(--shadow-card)]", children: [
-      /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2.5 border-b border-[var(--border-subtle)] bg-[var(--depth-1)] px-3 py-2", children: [
-        /* @__PURE__ */ jsx9("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-[var(--radius-sm)] border border-[var(--border-accent)] bg-[var(--bg-section)] text-[var(--brand-cool)]", children: /* @__PURE__ */ jsx9(FileText2, { className: "h-3.5 w-3.5" }) }),
+    return /* @__PURE__ */ jsxs9("div", { className: "overflow-hidden rounded-[var(--radius-lg)] border border-border bg-card shadow-[var(--shadow-card)]", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2.5 border-b border-border bg-card px-3 py-2", children: [
+        /* @__PURE__ */ jsx9("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-[var(--radius-sm)] border border-[var(--border-accent)] bg-muted text-primary", children: /* @__PURE__ */ jsx9(FileText2, { className: "h-3.5 w-3.5" }) }),
         /* @__PURE__ */ jsxs9("div", { className: "min-w-0 flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx9("span", { className: "text-xs font-semibold text-[var(--text-primary)]", children: "Read file" }),
-          meta.targetPath ? /* @__PURE__ */ jsx9("span", { className: "truncate text-xs font-[var(--font-mono)] text-[var(--text-muted)]", children: meta.targetPath }) : null
+          /* @__PURE__ */ jsx9("span", { className: "text-xs font-semibold text-foreground", children: "Read file" }),
+          meta.targetPath ? /* @__PURE__ */ jsx9("span", { className: "truncate text-xs font-mono text-muted-foreground", children: meta.targetPath }) : null
         ] })
       ] }),
       /* @__PURE__ */ jsxs9("div", { className: "space-y-2 px-3 py-2.5", children: [
-        typeof output === "string" ? /* @__PURE__ */ jsx9(CodeBlock, { code: output, language: langFromPath(meta.targetPath) ?? "text", className: "rounded-[var(--radius-md)]" }) : /* @__PURE__ */ jsx9("div", { className: "rounded-[var(--radius-md)] border border-dashed border-[var(--border-subtle)] bg-[var(--bg-section)] px-3 py-4 text-sm text-[var(--text-muted)]", children: "No readable file content was returned." }),
+        typeof output === "string" ? /* @__PURE__ */ jsx9(CodeBlock, { code: output, language: langFromPath(meta.targetPath) ?? "text", className: "rounded-[var(--radius-md)]" }) : /* @__PURE__ */ jsx9("div", { className: "rounded-[var(--radius-md)] border border-dashed border-border bg-muted px-3 py-4 text-sm text-muted-foreground", children: "No readable file content was returned." }),
         error ? /* @__PURE__ */ jsx9("div", { className: "rounded-[var(--radius-md)] border border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] px-3 py-3 text-sm text-[var(--surface-danger-text)]", children: error }) : null
       ] })
     ] });
@@ -703,17 +703,17 @@ var ExpandedToolDetail = memo8(({ part }) => {
   const inputStr = formatOutput(input);
   const outputStr = formatOutput(output);
   return /* @__PURE__ */ jsxs9("div", { className: "space-y-3", children: [
-    inputStr && /* @__PURE__ */ jsxs9("div", { className: "overflow-hidden rounded-[var(--radius-lg)] border border-[var(--border-subtle)] bg-[var(--bg-card)]", children: [
-      /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 border-b border-[var(--border-subtle)] bg-[var(--depth-1)] px-3 py-2", children: [
-        /* @__PURE__ */ jsx9(ArrowRight, { className: "h-3 w-3 text-[var(--brand-cool)]" }),
-        /* @__PURE__ */ jsx9("span", { className: "text-xs font-medium uppercase tracking-[0.08em] text-[var(--text-muted)]", children: "Input" })
+    inputStr && /* @__PURE__ */ jsxs9("div", { className: "overflow-hidden rounded-[var(--radius-lg)] border border-border bg-card", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 border-b border-border bg-background px-3 py-2", children: [
+        /* @__PURE__ */ jsx9(ArrowRight, { className: "h-3 w-3 text-primary" }),
+        /* @__PURE__ */ jsx9("span", { className: "text-xs font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Input" })
       ] }),
       /* @__PURE__ */ jsx9(CodeBlock, { code: inputStr, language: "json", className: "rounded-none border-0" })
     ] }),
-    status === "completed" && outputStr && /* @__PURE__ */ jsxs9("div", { className: "overflow-hidden rounded-[var(--radius-lg)] border border-[var(--border-subtle)] bg-[var(--bg-card)]", children: [
-      /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 border-b border-[var(--border-subtle)] bg-[var(--depth-1)] px-3 py-2", children: [
-        /* @__PURE__ */ jsx9(ArrowLeft, { className: "h-3 w-3 text-[var(--brand-cool)]" }),
-        /* @__PURE__ */ jsx9("span", { className: "text-xs font-medium uppercase tracking-[0.08em] text-[var(--text-muted)]", children: "Output" })
+    status === "completed" && outputStr && /* @__PURE__ */ jsxs9("div", { className: "overflow-hidden rounded-[var(--radius-lg)] border border-border bg-card", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 border-b border-border bg-background px-3 py-2", children: [
+        /* @__PURE__ */ jsx9(ArrowLeft, { className: "h-3 w-3 text-primary" }),
+        /* @__PURE__ */ jsx9("span", { className: "text-xs font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Output" })
       ] }),
       /* @__PURE__ */ jsx9(
         CodeBlock,
@@ -729,10 +729,10 @@ var ExpandedToolDetail = memo8(({ part }) => {
         /* @__PURE__ */ jsx9(AlertCircle, { className: "h-3 w-3 text-[var(--surface-danger-text)]" }),
         /* @__PURE__ */ jsx9("span", { className: "text-xs font-medium uppercase tracking-[0.08em] text-[var(--surface-danger-text)]", children: "Error" })
       ] }),
-      /* @__PURE__ */ jsx9("pre", { className: "bg-[var(--surface-danger-bg)] p-3 text-xs font-[var(--font-mono)] whitespace-pre-wrap break-all text-[var(--surface-danger-text)]", children: error })
+      /* @__PURE__ */ jsx9("pre", { className: "bg-[var(--surface-danger-bg)] p-3 text-xs font-mono whitespace-pre-wrap break-all text-[var(--surface-danger-text)]", children: error })
     ] }),
-    (status === "pending" || status === "running") && /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 rounded-[var(--radius-md)] border border-[var(--border-subtle)] bg-[var(--bg-section)] px-3 py-3 text-xs text-[var(--text-muted)]", children: [
-      /* @__PURE__ */ jsx9(Loader23, { className: cn("h-3 w-3 animate-spin text-[var(--brand-cool)]") }),
+    (status === "pending" || status === "running") && /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 rounded-[var(--radius-md)] border border-border bg-muted px-3 py-3 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx9(Loader23, { className: cn("h-3 w-3 animate-spin text-primary") }),
       "Running\u2026"
     ] })
   ] });
@@ -816,8 +816,8 @@ var InlineToolItem = memo9(
           {
             className: cn(
               "w-full border text-left transition-colors",
-              "border-[var(--border-subtle)] bg-[var(--bg-card)] hover:border-[var(--border-accent-hover)] hover:bg-[var(--bg-hover)]/35",
-              open && "border-[var(--border-accent)] bg-[var(--bg-hover)]/30",
+              "border-border bg-card hover:border-[var(--border-accent-hover)] hover:bg-accent/35",
+              open && "border-border bg-accent/30",
               shapeClass,
               className
             ),
@@ -825,22 +825,22 @@ var InlineToolItem = memo9(
               /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2 px-2.5 py-1.5", children: [
                 /* @__PURE__ */ jsx11("div", { className: cn(
                   "shrink-0",
-                  isRunning && "text-[var(--brand-cool)]",
+                  isRunning && "text-primary",
                   isComplete && "text-[var(--surface-success-text)]",
                   isError && "text-[var(--surface-danger-text)]",
-                  !isRunning && !isComplete && !isError && "text-[var(--text-muted)]"
+                  !isRunning && !isComplete && !isError && "text-muted-foreground"
                 ), children: isRunning ? /* @__PURE__ */ jsx11(Loader24, { className: "h-3.5 w-3.5 animate-spin" }) : isComplete ? /* @__PURE__ */ jsx11(CheckCircle2, { className: "h-3.5 w-3.5" }) : isError ? /* @__PURE__ */ jsx11(AlertCircle2, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx11(DefaultIcon, { className: "h-3.5 w-3.5" }) }),
-                /* @__PURE__ */ jsx11("span", { className: "truncate text-xs font-medium text-[var(--text-primary)]", children: meta.title }),
-                meta.description ? /* @__PURE__ */ jsx11("span", { className: "hidden truncate text-xs font-[var(--font-mono)] text-[var(--text-muted)] sm:inline", children: meta.description }) : null,
+                /* @__PURE__ */ jsx11("span", { className: "truncate text-xs font-medium text-foreground", children: meta.title }),
+                meta.description ? /* @__PURE__ */ jsx11("span", { className: "hidden truncate text-xs font-mono text-muted-foreground sm:inline", children: meta.description }) : null,
                 /* @__PURE__ */ jsxs10("div", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: [
                   isRunning && startTime ? /* @__PURE__ */ jsx11(LiveDuration, { startTime }) : null,
-                  !isRunning && durationMs != null ? /* @__PURE__ */ jsx11("span", { className: "text-[10px] font-[var(--font-mono)] tabular-nums text-[var(--text-muted)]", children: formatDuration(durationMs) }) : null,
+                  !isRunning && durationMs != null ? /* @__PURE__ */ jsx11("span", { className: "text-[10px] font-mono tabular-nums text-muted-foreground", children: formatDuration(durationMs) }) : null,
                   isError ? /* @__PURE__ */ jsx11("span", { className: "rounded-full border border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] px-1.5 py-px text-[10px] font-semibold uppercase text-[var(--surface-danger-text)]", children: "Failed" }) : null,
-                  isRunning ? /* @__PURE__ */ jsx11("span", { className: "rounded-full border border-[var(--border-accent)] bg-[var(--brand-cool)]/10 px-1.5 py-px text-[10px] font-semibold uppercase text-[var(--brand-cool)]", children: "Running" }) : null,
-                  open ? /* @__PURE__ */ jsx11(ChevronDown2, { className: "h-3 w-3 text-[var(--text-muted)]" }) : /* @__PURE__ */ jsx11(ChevronRight2, { className: "h-3 w-3 text-[var(--text-muted)]" })
+                  isRunning ? /* @__PURE__ */ jsx11("span", { className: "rounded-full border border-[var(--border-accent)] bg-primary/10 px-1.5 py-px text-[10px] font-semibold uppercase text-primary", children: "Running" }) : null,
+                  open ? /* @__PURE__ */ jsx11(ChevronDown2, { className: "h-3 w-3 text-muted-foreground" }) : /* @__PURE__ */ jsx11(ChevronRight2, { className: "h-3 w-3 text-muted-foreground" })
                 ] })
               ] }),
-              errorText && !open ? /* @__PURE__ */ jsx11("div", { className: "border-t border-[var(--border-subtle)] px-3 py-2 text-xs text-red-200", children: errorText }) : null
+              errorText && !open ? /* @__PURE__ */ jsx11("div", { className: "border-t border-border px-3 py-2 text-xs text-red-200", children: errorText }) : null
             ]
           }
         ) }),
@@ -862,7 +862,7 @@ InlineToolItem.displayName = "InlineToolItem";
 // src/run/inline-thinking-item.tsx
 import { memo as memo10, useEffect as useEffect2, useRef, useState as useState4 } from "react";
 import * as Collapsible2 from "@radix-ui/react-collapsible";
-import { Brain, ChevronDown as ChevronDown3, ChevronRight as ChevronRight3 } from "lucide-react";
+import { Brain, ChevronRight as ChevronRight3 } from "lucide-react";
 import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 var InlineThinkingItem = memo10(
   ({
@@ -893,38 +893,60 @@ var InlineThinkingItem = memo10(
         return () => window.clearTimeout(timer);
       }
     }, [autoCollapse, durationMs, isActive]);
-    return /* @__PURE__ */ jsxs11(Collapsible2.Root, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx12(Collapsible2.Trigger, { asChild: true, children: /* @__PURE__ */ jsx12(
-        "button",
-        {
-          className: cn(
-            "w-full rounded-[var(--radius-lg)] border text-left transition-colors",
-            isActive ? "border-primary/30 bg-primary/10" : "border-border bg-muted hover:bg-accent",
-            open && !isActive && "bg-accent",
-            className
-          ),
-          children: /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2.5 px-3 py-2", children: [
-            /* @__PURE__ */ jsx12(Brain, { className: cn("h-4 w-4 shrink-0", isActive ? "text-primary animate-pulse" : "text-muted-foreground") }),
-            /* @__PURE__ */ jsx12("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx12("span", { className: "truncate text-xs text-foreground", children: preview ?? (isActive ? "Thinking\u2026" : "Reasoning") }) }),
-            /* @__PURE__ */ jsxs11("div", { className: "flex shrink-0 items-center gap-2", children: [
-              isActive && startTime ? /* @__PURE__ */ jsx12(LiveDuration, { startTime }) : null,
-              !isActive && durationMs != null ? /* @__PURE__ */ jsx12("span", { className: "text-[10px] font-mono tabular-nums text-muted-foreground", children: formatDuration(durationMs) }) : null,
-              open ? /* @__PURE__ */ jsx12(ChevronDown3, { className: "h-3 w-3 text-muted-foreground" }) : /* @__PURE__ */ jsx12(ChevronRight3, { className: "h-3 w-3 text-muted-foreground" })
-            ] })
-          ] })
-        }
-      ) }),
-      /* @__PURE__ */ jsx12(Collapsible2.Content, { className: "overflow-hidden rounded-b-[var(--radius-lg)] data-[state=open]:animate-slideDown data-[state=closed]:animate-slideUp", children: part.text ? /* @__PURE__ */ jsx12(
-        "div",
-        {
-          className: cn(
-            "max-h-60 overflow-y-auto border-t border-border bg-card px-3 py-3 text-sm leading-relaxed text-foreground",
-            contentClassName
-          ),
-          children: /* @__PURE__ */ jsx12(Markdown, { children: part.text })
-        }
-      ) : /* @__PURE__ */ jsx12("div", { className: "border-t border-border px-3 py-2.5 text-xs text-muted-foreground", children: "No reasoning text provided." }) })
-    ] });
+    return /* @__PURE__ */ jsx12(Collapsible2.Root, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs11(
+      "div",
+      {
+        className: cn(
+          "overflow-hidden rounded-[var(--radius-lg)] border bg-card transition-colors",
+          isActive ? "border-[var(--border-accent)]" : "border-border hover:border-[var(--border-accent)]",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx12(Collapsible2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs11(
+            "button",
+            {
+              className: "flex w-full items-center gap-2.5 px-3 py-2 text-left text-sm cursor-pointer",
+              children: [
+                /* @__PURE__ */ jsx12(
+                  "div",
+                  {
+                    className: cn(
+                      "flex h-6 w-6 shrink-0 items-center justify-center rounded-[var(--radius-sm)] border",
+                      isActive ? "border-[var(--border-accent)] bg-[var(--accent-surface-soft)] text-primary" : "border-border bg-muted text-muted-foreground"
+                    ),
+                    children: /* @__PURE__ */ jsx12(Brain, { className: cn("h-3 w-3 shrink-0", isActive && "animate-pulse") })
+                  }
+                ),
+                /* @__PURE__ */ jsx12("p", { className: "min-w-0 flex-1 truncate font-[var(--font-sans)] text-muted-foreground", children: preview ?? (isActive ? "Thinking\u2026" : "Reasoning") }),
+                /* @__PURE__ */ jsxs11("div", { className: "flex shrink-0 items-center gap-2", children: [
+                  isActive && startTime ? /* @__PURE__ */ jsx12(LiveDuration, { startTime }) : null,
+                  !isActive && durationMs != null ? /* @__PURE__ */ jsx12("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: formatDuration(durationMs) }) : null,
+                  /* @__PURE__ */ jsx12(
+                    ChevronRight3,
+                    {
+                      className: cn(
+                        "h-3 w-3 text-muted-foreground transition-transform shrink-0",
+                        open && "rotate-90"
+                      )
+                    }
+                  )
+                ] })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx12(Collapsible2.Content, { className: "overflow-hidden data-[state=open]:animate-slideDown data-[state=closed]:animate-slideUp", children: part.text ? /* @__PURE__ */ jsx12(
+            "div",
+            {
+              className: cn(
+                "max-h-60 overflow-y-auto border-t border-border bg-muted px-3 py-3 text-sm leading-relaxed text-muted-foreground",
+                contentClassName
+              ),
+              children: /* @__PURE__ */ jsx12(Markdown, { children: part.text })
+            }
+          ) : /* @__PURE__ */ jsx12("div", { className: "border-t border-border bg-muted px-3 py-2.5 text-xs text-muted-foreground", children: "No reasoning text provided." }) })
+        ]
+      }
+    ) });
   }
 );
 InlineThinkingItem.displayName = "InlineThinkingItem";
@@ -935,7 +957,7 @@ import * as Collapsible3 from "@radix-ui/react-collapsible";
 import {
   Bot as Bot2,
   Loader2 as Loader25,
-  ChevronDown as ChevronDown4,
+  ChevronDown as ChevronDown3,
   ChevronRight as ChevronRight4,
   Terminal as Terminal3,
   FileEdit as FileEdit3,
@@ -950,12 +972,12 @@ import {
 import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 var DEFAULT_BRANDING = {
   label: "Agent",
-  accentClass: "text-[var(--brand-cool)]",
+  accentClass: "text-primary",
   bgClass: "bg-[var(--accent-surface-soft)]",
-  containerBgClass: "bg-[var(--bg-section)]",
-  borderClass: "border-[var(--border-accent)]",
+  containerBgClass: "bg-muted",
+  borderClass: "border-border",
   iconClass: "",
-  textClass: "text-[var(--brand-cool)]"
+  textClass: "text-primary"
 };
 var CATEGORY_ICON_MAP = {
   command: Terminal3,
@@ -991,7 +1013,7 @@ function CategoryBadges({ categories }) {
       "span",
       {
         title: cat,
-        className: "flex h-5 w-5 items-center justify-center rounded border border-[var(--border-subtle)] text-[var(--text-muted)]",
+        className: "flex h-5 w-5 items-center justify-center rounded border border-border text-muted-foreground",
         children: /* @__PURE__ */ jsx13(Icon, { className: "h-3 w-3" })
       },
       cat
@@ -1052,54 +1074,50 @@ var RunGroup = memo11(
     if (!hasRenderableParts) {
       return null;
     }
-    return /* @__PURE__ */ jsxs12(Collapsible3.Root, { open: !collapsed, onOpenChange: () => onToggle(), children: [
-      /* @__PURE__ */ jsxs12("div", { className: "flex items-start gap-3", children: [
+    return /* @__PURE__ */ jsx13(Collapsible3.Root, { open: !collapsed, onOpenChange: () => onToggle(), children: /* @__PURE__ */ jsxs12("div", { className: "rounded-[var(--radius-xl)] border border-border bg-card shadow-[var(--shadow-card)]", children: [
+      /* @__PURE__ */ jsxs12("div", { className: "flex items-start gap-3 px-4 py-4", children: [
         /* @__PURE__ */ jsx13(Collapsible3.Trigger, { asChild: true, children: /* @__PURE__ */ jsx13(
           "button",
           {
             className: cn(
-              "w-full rounded-[var(--radius-lg)] border px-3 py-2 text-left transition-colors",
-              "bg-[var(--depth-2)] hover:bg-[var(--depth-3)]",
-              collapsed ? branding.borderClass : "border-[var(--border-subtle)]",
-              branding.bgClass
+              "w-full rounded-[20px] px-0 py-0 text-left transition-colors",
+              "bg-transparent hover:bg-transparent"
             ),
             children: /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2.5", children: [
               /* @__PURE__ */ jsx13(
                 "div",
                 {
                   className: cn(
-                    "flex h-7 w-7 shrink-0 items-center justify-center rounded-[var(--radius-md)] border bg-[var(--accent-surface-soft)]",
-                    branding.borderClass
+                    "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[var(--brand-primary)] text-white"
                   ),
-                  children: /* @__PURE__ */ jsx13(Bot2, { className: cn("h-3.5 w-3.5", branding.accentClass) })
+                  children: /* @__PURE__ */ jsx13(Bot2, { className: "h-4 w-4" })
                 }
               ),
-              /* @__PURE__ */ jsx13("span", { className: cn("text-xs font-semibold", branding.textClass), children: branding.label }),
-              renderSummary(run) ? /* @__PURE__ */ jsx13("span", { className: "text-[11px] text-[var(--text-muted)]", children: renderSummary(run) }) : null,
-              collapsed && run.summaryText ? /* @__PURE__ */ jsx13("span", { className: "min-w-0 truncate text-[11px] text-[var(--text-secondary)]", children: run.summaryText }) : null,
+              /* @__PURE__ */ jsx13("span", { className: cn("text-sm font-semibold", branding.textClass), children: branding.label }),
+              renderSummary(run) ? /* @__PURE__ */ jsx13("span", { className: "text-[11px] text-muted-foreground", children: renderSummary(run) }) : null,
+              collapsed && run.summaryText ? /* @__PURE__ */ jsx13("span", { className: "min-w-0 truncate text-[11px] text-foreground/70", children: run.summaryText }) : null,
               /* @__PURE__ */ jsxs12("div", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: [
                 /* @__PURE__ */ jsx13(CategoryBadges, { categories: stats.toolCategories }),
                 isStreaming ? /* @__PURE__ */ jsxs12("span", { className: "inline-flex items-center gap-1 rounded-full border border-[var(--border-accent)] bg-[var(--accent-surface-soft)] px-2 py-px text-[10px] font-semibold uppercase text-[var(--accent-text)]", children: [
                   /* @__PURE__ */ jsx13(Loader25, { className: "h-2.5 w-2.5 animate-spin" }),
                   "Running"
-                ] }) : /* @__PURE__ */ jsxs12("span", { className: "inline-flex items-center gap-1 rounded-full border border-[var(--border-subtle)] px-2 py-px text-[10px] font-semibold uppercase text-[var(--text-muted)]", children: [
+                ] }) : /* @__PURE__ */ jsxs12("span", { className: "inline-flex items-center gap-1 rounded-full border border-border px-2 py-px text-[10px] font-semibold uppercase text-muted-foreground", children: [
                   /* @__PURE__ */ jsx13(Sparkles, { className: "h-2.5 w-2.5" }),
                   "Done"
                 ] }),
-                !collapsed ? /* @__PURE__ */ jsx13(ChevronDown4, { className: "h-3.5 w-3.5 text-[var(--text-muted)]" }) : /* @__PURE__ */ jsx13(ChevronRight4, { className: "h-3.5 w-3.5 text-[var(--text-muted)]" })
+                !collapsed ? /* @__PURE__ */ jsx13(ChevronDown3, { className: "h-3.5 w-3.5 text-muted-foreground" }) : /* @__PURE__ */ jsx13(ChevronRight4, { className: "h-3.5 w-3.5 text-muted-foreground" })
               ] })
             ] })
           }
         ) }),
         headerActions ? /* @__PURE__ */ jsx13("div", { className: "flex shrink-0 flex-wrap items-center justify-end gap-1.5 pt-1", children: headerActions }) : null
       ] }),
-      collapsed && run.summaryText && /* @__PURE__ */ jsx13("div", { className: "px-4 py-2 text-sm leading-6 text-[var(--text-muted)] line-clamp-2", children: run.summaryText }),
+      collapsed && run.summaryText && /* @__PURE__ */ jsx13("div", { className: "px-4 pb-4 text-sm leading-6 text-muted-foreground line-clamp-2", children: run.summaryText }),
       /* @__PURE__ */ jsx13(Collapsible3.Content, { className: "overflow-hidden data-[state=open]:animate-slideDown data-[state=closed]:animate-slideUp", children: /* @__PURE__ */ jsx13(
         "div",
         {
           className: cn(
-            "mt-1.5 space-y-1.5 rounded-[var(--radius-lg)] border border-[var(--border-subtle)] p-2 shadow-[var(--shadow-card)]",
-            branding.containerBgClass
+            "space-y-3 border-t border-border px-4 pb-4 pt-3"
           ),
           children: allParts.map(({ part, msgId, index }, partIndex) => {
             const key = `${msgId}-${index}`;
@@ -1133,8 +1151,8 @@ var RunGroup = memo11(
               return /* @__PURE__ */ jsx13(
                 "div",
                 {
-                  className: "rounded-[var(--radius-lg)] border border-[var(--border-subtle)] bg-[var(--bg-card)] px-3 py-2.5",
-                  children: /* @__PURE__ */ jsx13(Markdown, { children: part.text })
+                  className: "px-1 py-1",
+                  children: /* @__PURE__ */ jsx13(Markdown, { className: "tangle-prose text-[15px] leading-7", children: part.text })
                 },
                 key
               );
@@ -1143,7 +1161,7 @@ var RunGroup = memo11(
           })
         }
       ) })
-    ] });
+    ] }) });
   }
 );
 RunGroup.displayName = "RunGroup";

package/dist/{chunk-GW4GRAWJ.js → chunk-GSZA3TSY.js}

@@ -1,6 +1,6 @@
 import {
   Markdown
-} from "./chunk-3HW53XTH.js";
+} from "./chunk-T7HMZEVO.js";
 import {
   cn
 } from "./chunk-RQHJBTEU.js";
@@ -14,7 +14,12 @@ function ChatMessage({
   toolCalls,
   isStreaming,
   timestamp,
-  className
+  className,
+  userLabel = "You",
+  assistantLabel = "Agent",
+  hideRoleLabel,
+  hideAvatar,
+  avatar
 }) {
   const isUser = role === "user";
   return /* @__PURE__ */ jsxs(
@@ -26,31 +31,32 @@ function ChatMessage({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx(
+        !hideAvatar && (avatar ? /* @__PURE__ */ jsx("div", { className: "mt-0.5 shrink-0", children: avatar }) : /* @__PURE__ */ jsx(
           "div",
           {
             className: cn(
-              "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-[calc(var(--radius-md)+2px)] border",
-              isUser ? "border-[var(--border-accent)] bg-[var(--accent-surface-soft)] text-[var(--accent-text)]" : "border-[var(--border-subtle)] bg-[var(--bg-section)] text-[var(--brand-cool)]"
+              "mt-0.5 flex shrink-0 items-center justify-center rounded-[calc(var(--radius-md)+2px)] border",
+              "h-[var(--avatar-size)] w-[var(--avatar-size)]",
+              isUser ? "border-border bg-[var(--accent-surface-soft)] text-[var(--accent-text)]" : "border-border bg-muted text-[var(--brand-cool)]"
             ),
             children: isUser ? /* @__PURE__ */ jsx(User, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(Bot, { className: "h-3.5 w-3.5" })
           }
-        ),
+        )),
         /* @__PURE__ */ jsxs(
           "div",
           {
             className: cn(
               "min-w-0 max-w-[85%] space-y-1 rounded-[var(--radius-lg)] border",
               "px-[var(--chat-message-px)] py-[var(--chat-message-py)]",
-              isUser ? "border-[var(--border-accent)] bg-[var(--depth-3)]" : "border-[var(--border-subtle)] bg-[var(--depth-2)]"
+              isUser ? "border-border bg-muted/50" : "border-border bg-card"
             ),
             children: [
-              /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", isUser && "flex-row-reverse"), children: [
-                /* @__PURE__ */ jsx("span", { className: "text-[11px] font-semibold uppercase tracking-[0.14em] text-[var(--text-secondary)]", children: isUser ? "You" : "Agent" }),
-                timestamp && /* @__PURE__ */ jsx("span", { className: "text-[11px] text-[var(--text-muted)]", children: formatTime(timestamp) })
+              !hideRoleLabel && /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", isUser && "flex-row-reverse"), children: [
+                /* @__PURE__ */ jsx("span", { className: "text-[var(--font-size-xs)] font-[var(--chat-label-weight,600)] uppercase tracking-[var(--chat-label-tracking,0.14em)] text-foreground", children: isUser ? userLabel : assistantLabel }),
+                timestamp && /* @__PURE__ */ jsx("span", { className: "text-[var(--font-size-xs)] text-muted-foreground", children: formatTime(timestamp) })
               ] }),
-              isUser ? /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap text-[15px] leading-7 text-[var(--text-primary)]", children: content }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                content && /* @__PURE__ */ jsx(Markdown, { className: "tangle-prose text-[15px] leading-7", children: content }),
+              isUser ? /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap text-[var(--font-size-base)] leading-[var(--line-height-base)] text-foreground", children: content }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                content && /* @__PURE__ */ jsx(Markdown, { className: "tangle-prose text-[var(--font-size-base)] leading-[var(--line-height-base)]", children: content }),
                 isStreaming && /* @__PURE__ */ jsx("span", { className: "ml-0.5 inline-block h-4 w-2 animate-pulse rounded-sm bg-[var(--brand-cool)] align-text-bottom" })
               ] }),
               toolCalls