@tangle-network/sandbox-ui 0.2.1 → 0.3.3

package/dist/chunk-WUR652Y3.js

@@ -0,0 +1,1140 @@
+import {
+  formatDuration,
+  truncateText
+} from "./chunk-HRMUF35V.js";
+import {
+  getToolCategory,
+  getToolDisplayMetadata,
+  getToolErrorText
+} from "./chunk-BX6AQMUS.js";
+import {
+  CodeBlock,
+  CopyButton,
+  Markdown
+} from "./chunk-LTFK464G.js";
+import {
+  cn
+} from "./chunk-RQHJBTEU.js";
+
+// src/tool-previews/command-preview.tsx
+import { memo, useState } from "react";
+import {
+  Terminal,
+  ChevronDown,
+  ChevronRight
+} from "lucide-react";
+
+// src/tool-previews/preview-primitives.tsx
+import { Loader2 } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function PreviewCard({
+  icon,
+  title,
+  description,
+  meta,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "overflow-hidden rounded-[var(--radius-lg)] border border-[var(--border-subtle)] bg-[var(--bg-card)] shadow-[var(--shadow-card)]",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 border-b border-[var(--border-subtle)] bg-[var(--bg-elevated)]/70 px-4 py-3", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-[var(--radius-md)] border border-[var(--border-accent)] bg-[var(--bg-section)] text-[var(--brand-cool)]", children: icon }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-[var(--text-primary)]", children: title }),
+            description ? /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-[var(--text-muted)]", children: description }) : null
+          ] }),
+          meta ? /* @__PURE__ */ jsx("div", { className: "shrink-0 text-xs text-[var(--text-muted)]", children: meta }) : null
+        ] }),
+        children ? /* @__PURE__ */ jsx("div", { className: "space-y-3 px-4 py-4", children }) : null
+      ]
+    }
+  );
+}
+function PreviewEmpty({
+  label,
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "rounded-[var(--radius-md)] border border-dashed border-[var(--border-subtle)] bg-[var(--bg-section)]/60 px-3 py-4 text-sm text-[var(--text-muted)]",
+        className
+      ),
+      children: label
+    }
+  );
+}
+function PreviewError({ error }) {
+  return /* @__PURE__ */ jsx("div", { className: "rounded-[var(--radius-md)] border border-red-500/30 bg-red-500/8 px-3 py-3 text-sm text-red-200", 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)]/60 px-3 py-3 text-sm text-[var(--text-muted)]", children: [
+    /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin text-[var(--brand-cool)]" }),
+    /* @__PURE__ */ jsx("span", { children: label })
+  ] });
+}
+
+// src/tool-previews/command-preview.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function extractCommandOutput(output) {
+  if (!output) return { stdout: "", stderr: "", exitCode: 0 };
+  if (typeof output === "string") return { stdout: output, stderr: "", exitCode: 0 };
+  if (typeof output === "object" && output !== null) {
+    const obj = output;
+    return {
+      stdout: String(obj.stdout ?? obj.output ?? ""),
+      stderr: String(obj.stderr ?? ""),
+      exitCode: Number(obj.exitCode ?? obj.exit_code ?? obj.code ?? 0)
+    };
+  }
+  return { stdout: String(output), stderr: "", exitCode: 0 };
+}
+var CommandPreview = memo(({ part }) => {
+  const [expanded, setExpanded] = useState(true);
+  const input = part.state.input;
+  const command = typeof input?.command === "string" ? input.command : String(input ?? "");
+  const output = part.state.status === "completed" ? extractCommandOutput(part.state.output) : null;
+  const isError = output ? output.exitCode !== 0 : part.state.status === "error";
+  const errorText = part.state.error;
+  const lineCount = output?.stdout ? output.stdout.split("\n").length : 0;
+  return /* @__PURE__ */ jsxs2(
+    PreviewCard,
+    {
+      icon: /* @__PURE__ */ jsx2(Terminal, { className: "h-4 w-4" }),
+      title: "Command",
+      description: command,
+      meta: output ? /* @__PURE__ */ jsxs2(
+        "span",
+        {
+          className: cn(
+            "inline-flex items-center rounded-full border px-2 py-0.5 font-[var(--font-mono)]",
+            isError ? "border-red-500/30 bg-red-500/10 text-red-200" : "border-emerald-500/30 bg-emerald-500/10 text-emerald-200"
+          ),
+          children: [
+            "exit ",
+            output.exitCode
+          ]
+        }
+      ) : null,
+      children: [
+        /* @__PURE__ */ jsxs2(
+          "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)]/60 px-3 py-2 text-left transition-colors hover:border-[var(--border-accent-hover)] hover:bg-[var(--bg-hover)]/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: [
+                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)]" })
+            ]
+          }
+        ),
+        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)]/55", 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
+        ] }) : null
+      ]
+    }
+  );
+});
+CommandPreview.displayName = "CommandPreview";
+
+// src/tool-previews/write-file-preview.tsx
+import { memo as memo2 } from "react";
+import { FileEdit } from "lucide-react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function extractWriteContent(input) {
+  if (!input || typeof input !== "object") return null;
+  const obj = input;
+  const path = String(obj.file_path ?? obj.path ?? obj.filePath ?? "unknown");
+  const content = String(obj.content ?? obj.contents ?? obj.data ?? "");
+  return { path, content };
+}
+function getLanguageFromPath(path) {
+  const ext = path.split(".").pop()?.toLowerCase();
+  const map = {
+    ts: "typescript",
+    tsx: "tsx",
+    js: "javascript",
+    jsx: "jsx",
+    rs: "rust",
+    py: "python",
+    go: "go",
+    rb: "ruby",
+    json: "json",
+    yaml: "yaml",
+    yml: "yaml",
+    toml: "toml",
+    md: "markdown",
+    css: "css",
+    scss: "scss",
+    html: "html",
+    sh: "bash",
+    bash: "bash",
+    zsh: "bash",
+    sql: "sql",
+    sol: "solidity",
+    proto: "protobuf"
+  };
+  return ext ? map[ext] : void 0;
+}
+var WriteFilePreview = memo2(({ part }) => {
+  const write = extractWriteContent(part.state.input);
+  if (!write) return null;
+  const lineCount = write.content.split("\n").length;
+  const language = getLanguageFromPath(write.path);
+  return /* @__PURE__ */ jsxs3(
+    PreviewCard,
+    {
+      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: [
+        "+",
+        lineCount,
+        " line",
+        lineCount !== 1 ? "s" : ""
+      ] }),
+      children: [
+        part.state.status === "running" ? /* @__PURE__ */ jsx3(PreviewLoading, { label: "Writing file\u2026" }) : null,
+        part.state.error ? /* @__PURE__ */ jsx3(PreviewError, { error: part.state.error }) : null,
+        /* @__PURE__ */ jsx3(CodeBlock, { code: write.content, language, className: "rounded-[var(--radius-md)]", children: /* @__PURE__ */ jsx3(CopyButton, { text: write.content }) })
+      ]
+    }
+  );
+});
+WriteFilePreview.displayName = "WriteFilePreview";
+
+// src/tool-previews/grep-results-preview.tsx
+import { memo as memo3, useMemo } from "react";
+import { Search } from "lucide-react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function coerceString(value) {
+  return typeof value === "string" && value.trim() ? value : void 0;
+}
+function parseMatch(value) {
+  if (typeof value === "string") {
+    const [path2, maybeLine, ...rest] = value.split(":");
+    const line2 = Number(maybeLine);
+    if (rest.length > 0 && Number.isFinite(line2)) {
+      return {
+        path: path2,
+        line: line2,
+        text: rest.join(":").trim()
+      };
+    }
+    return {
+      path: "match",
+      text: value
+    };
+  }
+  if (!value || typeof value !== "object") {
+    return null;
+  }
+  const record = value;
+  const path = coerceString(record.path) ?? coerceString(record.file) ?? coerceString(record.filePath) ?? "match";
+  const lineValue = record.line ?? record.lineNumber ?? record.line_number;
+  const line = typeof lineValue === "number" ? lineValue : Number(lineValue);
+  const text = coerceString(record.text) ?? coerceString(record.content) ?? coerceString(record.lineText) ?? coerceString(record.preview);
+  if (!text) {
+    return null;
+  }
+  return {
+    path,
+    line: Number.isFinite(line) ? line : void 0,
+    text
+  };
+}
+function extractPattern(input) {
+  if (!input || typeof input !== "object") {
+    return void 0;
+  }
+  const record = input;
+  return coerceString(record.pattern) ?? coerceString(record.query);
+}
+function extractMatches(output) {
+  if (Array.isArray(output)) {
+    return output.map(parseMatch).filter((value) => value !== null);
+  }
+  if (output && typeof output === "object") {
+    const record = output;
+    const candidates = [record.matches, record.results, record.output];
+    for (const candidate of candidates) {
+      if (Array.isArray(candidate)) {
+        return candidate.map(parseMatch).filter((value) => value !== null);
+      }
+    }
+  }
+  if (typeof output === "string") {
+    return output.split("\n").map((line) => line.trim()).filter(Boolean).map(parseMatch).filter((value) => value !== null);
+  }
+  return [];
+}
+var GrepResultsPreview = memo3(({ part }) => {
+  const pattern = extractPattern(part.state.input);
+  const matches = useMemo(() => extractMatches(part.state.output), [part.state.output]);
+  const groupedMatches = useMemo(() => {
+    const groups = /* @__PURE__ */ new Map();
+    for (const match of matches) {
+      const list = groups.get(match.path) ?? [];
+      list.push(match);
+      groups.set(match.path, list);
+    }
+    return [...groups.entries()];
+  }, [matches]);
+  return /* @__PURE__ */ jsxs4(
+    PreviewCard,
+    {
+      icon: /* @__PURE__ */ jsx4(Search, { className: "h-4 w-4" }),
+      title: pattern ? `Search results for "${pattern}"` : "Search results",
+      description: matches.length > 0 ? `${matches.length} match${matches.length === 1 ? "" : "es"}` : void 0,
+      children: [
+        part.state.status === "running" ? /* @__PURE__ */ jsx4(PreviewLoading, { label: "Searching files\u2026" }) : null,
+        part.state.error ? /* @__PURE__ */ jsx4(PreviewError, { error: part.state.error }) : null,
+        part.state.status === "completed" && matches.length === 0 ? /* @__PURE__ */ jsx4(PreviewEmpty, { label: "No matching files or lines were returned." }) : null,
+        groupedMatches.map(([path, pathMatches]) => /* @__PURE__ */ jsxs4(
+          "div",
+          {
+            className: "rounded-[var(--radius-md)] border border-[var(--border-subtle)] bg-[var(--bg-section)]/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 })
+              ] }, `${path}-${match.line ?? index}-${index}`)) })
+            ]
+          },
+          path
+        ))
+      ]
+    }
+  );
+});
+GrepResultsPreview.displayName = "GrepResultsPreview";
+
+// src/tool-previews/glob-results-preview.tsx
+import { memo as memo4, useMemo as useMemo2 } from "react";
+import { FileText, FolderOpen } from "lucide-react";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function coerceString2(value) {
+  return typeof value === "string" && value.trim() ? value : void 0;
+}
+function extractPattern2(input) {
+  if (!input || typeof input !== "object") {
+    return void 0;
+  }
+  const record = input;
+  return coerceString2(record.pattern) ?? coerceString2(record.path);
+}
+function extractFiles(output) {
+  if (Array.isArray(output)) {
+    return output.map((item) => String(item)).filter(Boolean);
+  }
+  if (output && typeof output === "object") {
+    const record = output;
+    const candidate = record.files ?? record.matches ?? record.paths ?? record.results;
+    if (Array.isArray(candidate)) {
+      return candidate.map(
+        (item) => typeof item === "string" ? item : item && typeof item === "object" ? String(
+          item.path ?? item.file ?? ""
+        ) : ""
+      ).filter(Boolean);
+    }
+  }
+  if (typeof output === "string") {
+    return output.split("\n").map((line) => line.trim()).filter(Boolean);
+  }
+  return [];
+}
+var GlobResultsPreview = memo4(({ part }) => {
+  const pattern = extractPattern2(part.state.input);
+  const files = useMemo2(() => extractFiles(part.state.output), [part.state.output]);
+  return /* @__PURE__ */ jsxs5(
+    PreviewCard,
+    {
+      icon: /* @__PURE__ */ jsx5(FolderOpen, { className: "h-4 w-4" }),
+      title: pattern ? `Files for ${pattern}` : "File results",
+      description: files.length > 0 ? `${files.length} path${files.length === 1 ? "" : "s"}` : void 0,
+      children: [
+        part.state.status === "running" ? /* @__PURE__ */ jsx5(PreviewLoading, { label: "Collecting files\u2026" }) : null,
+        part.state.error ? /* @__PURE__ */ jsx5(PreviewError, { error: part.state.error }) : null,
+        part.state.status === "completed" && files.length === 0 ? /* @__PURE__ */ jsx5(PreviewEmpty, { label: "No matching files were returned." }) : null,
+        files.length > 0 ? /* @__PURE__ */ jsx5("div", { className: "grid gap-2 sm:grid-cols-2", children: files.map((file) => {
+          const isDirectory = file.endsWith("/");
+          const Icon = isDirectory ? FolderOpen : FileText;
+          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",
+              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 })
+              ]
+            },
+            file
+          );
+        }) }) : null
+      ]
+    }
+  );
+});
+GlobResultsPreview.displayName = "GlobResultsPreview";
+
+// src/tool-previews/web-search-preview.tsx
+import { memo as memo5, useMemo as useMemo3 } from "react";
+import { Globe } from "lucide-react";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function coerceString3(value) {
+  return typeof value === "string" && value.trim() ? value : void 0;
+}
+function extractQuery(input, output) {
+  if (input && typeof input === "object") {
+    const record = input;
+    const query = coerceString3(record.query) ?? coerceString3(record.url);
+    if (query) return query;
+  }
+  if (output && typeof output === "object") {
+    const record = output;
+    return coerceString3(record.query);
+  }
+  return void 0;
+}
+function parseResult(value) {
+  if (!value || typeof value !== "object") {
+    return null;
+  }
+  const record = value;
+  const title = coerceString3(record.title) ?? coerceString3(record.name) ?? "Untitled result";
+  const url = coerceString3(record.url) ?? coerceString3(record.link);
+  if (!url) {
+    return null;
+  }
+  return {
+    title,
+    url,
+    snippet: coerceString3(record.snippet) ?? coerceString3(record.description) ?? coerceString3(record.text)
+  };
+}
+function extractResults(output) {
+  if (output && typeof output === "object") {
+    const record = output;
+    const candidate = record.results ?? record.items ?? record.output;
+    if (Array.isArray(candidate)) {
+      return candidate.map(parseResult).filter((value) => value !== null);
+    }
+  }
+  if (Array.isArray(output)) {
+    return output.map(parseResult).filter((value) => value !== null);
+  }
+  return [];
+}
+var WebSearchPreview = memo5(({ part }) => {
+  const query = extractQuery(part.state.input, part.state.output);
+  const results = useMemo3(() => extractResults(part.state.output), [part.state.output]);
+  return /* @__PURE__ */ jsxs6(
+    PreviewCard,
+    {
+      icon: /* @__PURE__ */ jsx6(Globe, { className: "h-4 w-4" }),
+      title: query ? `Web results for ${query}` : "Web results",
+      description: results.length > 0 ? `${results.length} result${results.length === 1 ? "" : "s"}` : void 0,
+      children: [
+        part.state.status === "running" ? /* @__PURE__ */ jsx6(PreviewLoading, { label: "Searching the web\u2026" }) : null,
+        part.state.error ? /* @__PURE__ */ jsx6(PreviewError, { error: part.state.error }) : null,
+        part.state.status === "completed" && results.length === 0 ? /* @__PURE__ */ jsx6(PreviewEmpty, { label: "No web results were returned." }) : null,
+        /* @__PURE__ */ jsx6("div", { className: "space-y-2", children: results.map((result) => /* @__PURE__ */ jsxs6(
+          "a",
+          {
+            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",
+            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
+            ]
+          },
+          result.url
+        )) })
+      ]
+    }
+  );
+});
+WebSearchPreview.displayName = "WebSearchPreview";
+
+// src/tool-previews/question-preview.tsx
+import { memo as memo6, useMemo as useMemo4 } from "react";
+import { MessageSquareQuote } from "lucide-react";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+function toQuestionList(input) {
+  if (!input) {
+    return [];
+  }
+  if (typeof input === "string") {
+    return [input];
+  }
+  if (Array.isArray(input)) {
+    return input.map((item) => String(item)).filter(Boolean);
+  }
+  if (typeof input === "object") {
+    const record = input;
+    const value = record.questions ?? record.question ?? record.prompt;
+    if (Array.isArray(value)) {
+      return value.map((item) => String(item)).filter(Boolean);
+    }
+    if (typeof value === "string") {
+      return [value];
+    }
+  }
+  return [];
+}
+function toAnswerList(output) {
+  if (!output) {
+    return [];
+  }
+  if (typeof output === "string") {
+    return [output];
+  }
+  if (Array.isArray(output)) {
+    return output.map((item) => String(item)).filter(Boolean);
+  }
+  if (typeof output === "object") {
+    const record = output;
+    const value = record.answers ?? record.answer ?? record.response;
+    if (Array.isArray(value)) {
+      return value.map((item) => String(item)).filter(Boolean);
+    }
+    if (typeof value === "string") {
+      return [value];
+    }
+  }
+  return [];
+}
+var QuestionPreview = memo6(({ part }) => {
+  const questions = useMemo4(() => toQuestionList(part.state.input), [part.state.input]);
+  const answers = useMemo4(() => toAnswerList(part.state.output), [part.state.output]);
+  return /* @__PURE__ */ jsxs7(
+    PreviewCard,
+    {
+      icon: /* @__PURE__ */ jsx7(MessageSquareQuote, { className: "h-4 w-4" }),
+      title: "Agent question",
+      description: questions.length > 1 ? `${questions.length} questions require attention` : void 0,
+      children: [
+        part.state.status === "running" ? /* @__PURE__ */ jsx7(PreviewLoading, { label: "Waiting for an answer\u2026" }) : null,
+        part.state.error ? /* @__PURE__ */ jsx7(PreviewError, { error: part.state.error }) : null,
+        questions.length === 0 ? /* @__PURE__ */ jsx7(PreviewEmpty, { label: "No question text was provided." }) : null,
+        questions.map((question, index) => /* @__PURE__ */ jsxs7(
+          "div",
+          {
+            className: "rounded-[var(--radius-md)] border border-[var(--border-subtle)] bg-[var(--bg-section)]/55 px-3 py-3",
+            children: [
+              /* @__PURE__ */ jsxs7("div", { className: "text-xs font-semibold uppercase tracking-[0.08em] text-[var(--text-muted)]", 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") })
+            ]
+          },
+          `${question}-${index}`
+        ))
+      ]
+    }
+  );
+});
+QuestionPreview.displayName = "QuestionPreview";
+
+// src/tool-previews/diff-preview.tsx
+import { memo as memo7 } from "react";
+import { GitCompareArrows } from "lucide-react";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+function extractString(record, ...keys) {
+  for (const key of keys) {
+    const value = record[key];
+    if (typeof value === "string" && value.length > 0) {
+      return value;
+    }
+  }
+  return void 0;
+}
+function extractDiffPayload(part) {
+  const sources = [part.state.input, part.state.output, part.state.metadata];
+  for (const source of sources) {
+    if (!source || typeof source !== "object") {
+      continue;
+    }
+    const record = source;
+    const diff = extractString(record, "diff", "patch", "unifiedDiff", "unified_diff");
+    const before = extractString(record, "oldString", "old_string", "before", "previous");
+    const after = extractString(record, "newString", "new_string", "after", "updated");
+    const path = extractString(record, "file_path", "filePath", "path");
+    if (diff || before || after) {
+      return { path, diff, before, after };
+    }
+  }
+  return {};
+}
+var DiffPreview = memo7(({ part }) => {
+  const payload = extractDiffPayload(part);
+  return /* @__PURE__ */ jsxs8(
+    PreviewCard,
+    {
+      icon: /* @__PURE__ */ jsx8(GitCompareArrows, { className: "h-4 w-4" }),
+      title: payload.path ? `Changes for ${payload.path}` : "File changes",
+      children: [
+        part.state.status === "running" ? /* @__PURE__ */ jsx8(PreviewLoading, { label: "Computing changes\u2026" }) : null,
+        part.state.error ? /* @__PURE__ */ jsx8(PreviewError, { error: part.state.error }) : null,
+        !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(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(CodeBlock, { code: payload.after, language: "text", className: "rounded-[var(--radius-md)]" })
+        ] }) : null
+      ]
+    }
+  );
+});
+DiffPreview.displayName = "DiffPreview";
+
+// src/run/expanded-tool-detail.tsx
+import { memo as memo8 } from "react";
+import {
+  ArrowRight,
+  ArrowLeft,
+  AlertCircle,
+  Loader2 as Loader23,
+  FileText as FileText2
+} from "lucide-react";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+function formatOutput(value) {
+  if (value == null) return "";
+  if (typeof value === "string") return value;
+  try {
+    return JSON.stringify(value, null, 2);
+  } catch {
+    return String(value);
+  }
+}
+var ExpandedToolDetail = memo8(({ part }) => {
+  const meta = getToolDisplayMetadata(part);
+  const { status, input, output, error } = part.state;
+  if (meta.displayVariant === "command") {
+    return /* @__PURE__ */ jsx9(CommandPreview, { part });
+  }
+  if (meta.displayVariant === "write-file") {
+    return /* @__PURE__ */ jsx9(WriteFilePreview, { part });
+  }
+  if (meta.displayVariant === "grep") {
+    return /* @__PURE__ */ jsx9(GrepResultsPreview, { part });
+  }
+  if (meta.displayVariant === "glob") {
+    return /* @__PURE__ */ jsx9(GlobResultsPreview, { part });
+  }
+  if (meta.displayVariant === "web-search") {
+    return /* @__PURE__ */ jsx9(WebSearchPreview, { part });
+  }
+  if (meta.displayVariant === "question") {
+    return /* @__PURE__ */ jsx9(QuestionPreview, { part });
+  }
+  if (meta.displayVariant === "diff") {
+    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-3 border-b border-[var(--border-subtle)] bg-[var(--bg-elevated)]/70 px-4 py-3", children: [
+        /* @__PURE__ */ jsx9("div", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-[var(--radius-md)] border border-[var(--border-accent)] bg-[var(--bg-section)] text-[var(--brand-cool)]", children: /* @__PURE__ */ jsx9(FileText2, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsxs9("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx9("div", { className: "text-sm font-semibold text-[var(--text-primary)]", children: "Read file" }),
+          meta.targetPath ? /* @__PURE__ */ jsx9("div", { className: "mt-1 text-xs text-[var(--text-muted)]", children: meta.targetPath }) : null
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs9("div", { className: "space-y-3 px-4 py-4", children: [
+        typeof output === "string" ? /* @__PURE__ */ jsx9(CodeBlock, { code: output, language: "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)]/60 px-3 py-4 text-sm text-[var(--text-muted)]", children: "No readable file content was returned." }),
+        error ? /* @__PURE__ */ jsx9("div", { className: "rounded-[var(--radius-md)] border border-red-500/30 bg-red-500/8 px-3 py-3 text-sm text-red-200", children: error }) : null
+      ] })
+    ] });
+  }
+  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(--bg-elevated)]/70 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" })
+      ] }),
+      /* @__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(--bg-elevated)]/70 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" })
+      ] }),
+      /* @__PURE__ */ jsx9(
+        CodeBlock,
+        {
+          code: outputStr.length > 2e3 ? outputStr.slice(0, 2e3) + "\n...(truncated)" : outputStr,
+          language: "json",
+          className: "rounded-none border-0"
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsxs9("div", { className: "overflow-hidden rounded-[var(--radius-lg)] border border-red-500/30", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 border-b border-red-500/20 bg-red-500/10 px-3 py-2", children: [
+        /* @__PURE__ */ jsx9(AlertCircle, { className: "h-3 w-3 text-red-300" }),
+        /* @__PURE__ */ jsx9("span", { className: "text-xs font-medium uppercase tracking-[0.08em] text-red-200", children: "Error" })
+      ] }),
+      /* @__PURE__ */ jsx9("pre", { className: "bg-red-500/6 p-3 text-xs font-[var(--font-mono)] whitespace-pre-wrap break-all text-red-100", 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)]/60 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)]") }),
+      "Running\u2026"
+    ] })
+  ] });
+});
+ExpandedToolDetail.displayName = "ExpandedToolDetail";
+
+// src/run/run-item-primitives.tsx
+import { useEffect, useState as useState2 } from "react";
+import { jsx as jsx10 } from "react/jsx-runtime";
+function LiveDuration({ startTime }) {
+  const [elapsed, setElapsed] = useState2(Date.now() - startTime);
+  useEffect(() => {
+    const id = setInterval(() => setElapsed(Date.now() - startTime), 100);
+    return () => clearInterval(id);
+  }, [startTime]);
+  return /* @__PURE__ */ jsx10("span", { className: "text-xs font-mono text-neutral-400 dark:text-neutral-500 tabular-nums", children: formatDuration(elapsed) });
+}
+
+// src/run/inline-tool-item.tsx
+import { memo as memo9, useState as useState3 } from "react";
+import * as Collapsible from "@radix-ui/react-collapsible";
+import {
+  Loader2 as Loader24,
+  CheckCircle2,
+  AlertCircle as AlertCircle2,
+  ChevronDown as ChevronDown2,
+  ChevronRight as ChevronRight2,
+  Terminal as Terminal2,
+  FileEdit as FileEdit2,
+  FileSearch,
+  Search as Search2,
+  PencilLine,
+  Bot,
+  Globe as Globe2,
+  ClipboardList,
+  Settings
+} from "lucide-react";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+var TOOL_CATEGORY_ICON_MAP = {
+  command: Terminal2,
+  write: FileEdit2,
+  read: FileSearch,
+  search: Search2,
+  edit: PencilLine,
+  task: Bot,
+  web: Globe2,
+  todo: ClipboardList,
+  other: Settings
+};
+var InlineToolItem = memo9(
+  ({
+    part,
+    renderToolDetail,
+    groupPosition = "single",
+    className,
+    contentClassName
+  }) => {
+    const [open, setOpen] = useState3(false);
+    const meta = getToolDisplayMetadata(part);
+    const { status } = part.state;
+    const errorText = getToolErrorText(part);
+    const isRunning = status === "pending" || status === "running";
+    const isError = status === "error";
+    const isComplete = status === "completed";
+    const startTime = part.state.time?.start;
+    const endTime = part.state.time?.end;
+    const durationMs = startTime && endTime ? endTime - startTime : void 0;
+    const category = getToolCategory(part.tool);
+    const DefaultIcon = TOOL_CATEGORY_ICON_MAP[category] ?? Settings;
+    const shapeClass = {
+      single: "rounded-[var(--radius-lg)]",
+      first: "rounded-t-[var(--radius-lg)] rounded-b-[var(--radius-sm)]",
+      middle: "rounded-[var(--radius-sm)]",
+      last: "rounded-t-[var(--radius-sm)] rounded-b-[var(--radius-lg)]"
+    }[groupPosition];
+    return /* @__PURE__ */ jsxs10(Collapsible.Root, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx11(Collapsible.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs10(
+        "button",
+        {
+          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",
+            shapeClass,
+            className
+          ),
+          children: [
+            /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-3 px-3 py-3", children: [
+              /* @__PURE__ */ jsx11(
+                "div",
+                {
+                  className: cn(
+                    "flex h-8 w-8 shrink-0 items-center justify-center rounded-[var(--radius-md)] border",
+                    isRunning && "border-[var(--border-accent)] bg-[var(--brand-cool)]/12 text-[var(--brand-cool)]",
+                    isComplete && "border-emerald-500/30 bg-emerald-500/12 text-emerald-200",
+                    isError && "border-red-500/30 bg-red-500/10 text-red-200",
+                    !isRunning && !isComplete && !isError && "border-[var(--border-subtle)] bg-[var(--bg-section)] text-[var(--text-muted)]"
+                  ),
+                  children: isRunning ? /* @__PURE__ */ jsx11(Loader24, { className: "h-4 w-4 animate-spin" }) : isComplete ? /* @__PURE__ */ jsx11(CheckCircle2, { className: "h-4 w-4" }) : isError ? /* @__PURE__ */ jsx11(AlertCircle2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx11(DefaultIcon, { className: "h-4 w-4" })
+                }
+              ),
+              /* @__PURE__ */ jsxs10("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx11("span", { className: "truncate text-sm font-medium text-[var(--text-primary)]", children: meta.title }),
+                  isError ? /* @__PURE__ */ jsx11("span", { className: "rounded-full border border-red-500/30 bg-red-500/10 px-2 py-0.5 text-[11px] font-semibold uppercase tracking-[0.06em] text-red-200", children: "Failed" }) : null,
+                  isRunning ? /* @__PURE__ */ jsx11("span", { className: "rounded-full border border-[var(--border-accent)] bg-[var(--brand-cool)]/10 px-2 py-0.5 text-[11px] font-semibold uppercase tracking-[0.06em] text-[var(--brand-cool)]", children: "Running" }) : null
+                ] }),
+                meta.description ? /* @__PURE__ */ jsx11("div", { className: "mt-1 truncate text-xs font-[var(--font-mono)] text-[var(--text-muted)]", children: meta.description }) : null
+              ] }),
+              /* @__PURE__ */ jsxs10("div", { className: "flex shrink-0 items-center gap-2", children: [
+                isRunning && startTime ? /* @__PURE__ */ jsx11(LiveDuration, { startTime }) : null,
+                !isRunning && durationMs != null ? /* @__PURE__ */ jsx11("span", { className: "rounded-full border border-[var(--border-subtle)] bg-[var(--bg-section)] px-2 py-0.5 text-[11px] font-[var(--font-mono)] text-[var(--text-muted)]", children: formatDuration(durationMs) }) : null,
+                open ? /* @__PURE__ */ jsx11(ChevronDown2, { className: "h-3.5 w-3.5 text-[var(--text-muted)]" }) : /* @__PURE__ */ jsx11(ChevronRight2, { className: "h-3.5 w-3.5 text-[var(--text-muted)]" })
+              ] })
+            ] }),
+            errorText && !open ? /* @__PURE__ */ jsx11("div", { className: "border-t border-[var(--border-subtle)] px-3 py-2 text-xs text-red-200", children: errorText }) : null
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx11(Collapsible.Content, { className: "overflow-hidden data-[state=open]:animate-slideDown data-[state=closed]:animate-slideUp", children: /* @__PURE__ */ jsx11("div", { className: cn("mt-2 pl-4", contentClassName), children: renderToolDetail?.(part) ?? /* @__PURE__ */ jsx11(ExpandedToolDetail, { part }) }) })
+    ] });
+  }
+);
+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 { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+var InlineThinkingItem = memo10(
+  ({
+    part,
+    defaultOpen = false,
+    autoCollapse = true,
+    className,
+    contentClassName
+  }) => {
+    const [open, setOpen] = useState4(defaultOpen);
+    const autoCollapsedRef = useRef(false);
+    const startTime = part.time?.start;
+    const endTime = part.time?.end;
+    const durationMs = startTime && endTime ? endTime - startTime : void 0;
+    const isActive = startTime != null && endTime == null;
+    const preview = part.text ? truncateText(part.text, 120) : void 0;
+    useEffect2(() => {
+      if (isActive) {
+        autoCollapsedRef.current = false;
+        setOpen(true);
+        return;
+      }
+      if (autoCollapse && !autoCollapsedRef.current && durationMs != null) {
+        const timer = window.setTimeout(() => {
+          setOpen(false);
+          autoCollapsedRef.current = true;
+        }, 900);
+        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 border-[var(--border-subtle)] bg-[var(--bg-card)] text-left transition-colors",
+            "hover:border-[var(--border-accent-hover)] hover:bg-[var(--bg-hover)]/35",
+            open && "border-[var(--border-accent)] bg-[var(--bg-hover)]/30",
+            className
+          ),
+          children: /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-3 px-3 py-3", children: [
+            /* @__PURE__ */ jsx12(
+              "div",
+              {
+                className: cn(
+                  "flex h-8 w-8 shrink-0 items-center justify-center rounded-[var(--radius-md)] border",
+                  isActive ? "border-[var(--border-accent)] bg-[var(--accent-surface-soft)] text-[var(--accent-text)] shadow-[var(--shadow-glow)]" : "border-[var(--border-subtle)] bg-[var(--bg-section)] text-[var(--text-muted)]"
+                ),
+                children: /* @__PURE__ */ jsx12(Brain, { className: cn("h-4 w-4", isActive && "animate-pulse") })
+              }
+            ),
+            /* @__PURE__ */ jsxs11("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx12("span", { className: "text-sm font-medium text-[var(--text-primary)]", children: isActive ? "Thinking\u2026" : "Reasoning" }),
+                !isActive && durationMs != null ? /* @__PURE__ */ jsx12("span", { className: "rounded-full border border-[var(--border-subtle)] bg-[var(--bg-section)] px-2 py-0.5 text-[11px] font-[var(--font-mono)] text-[var(--text-muted)]", children: formatDuration(durationMs) }) : null,
+                isActive && startTime ? /* @__PURE__ */ jsx12(LiveDuration, { startTime }) : null
+              ] }),
+              preview && !open ? /* @__PURE__ */ jsx12("div", { className: "mt-1 truncate text-xs text-[var(--text-muted)]", children: preview }) : null
+            ] }),
+            open ? /* @__PURE__ */ jsx12(ChevronDown3, { className: "h-3.5 w-3.5 shrink-0 text-[var(--text-muted)]" }) : /* @__PURE__ */ jsx12(ChevronRight3, { className: "h-3.5 w-3.5 shrink-0 text-[var(--text-muted)]" })
+          ] })
+        }
+      ) }),
+      /* @__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(
+            "border-t border-[var(--border-subtle)] px-4 py-4 text-sm text-[var(--text-secondary)]",
+            contentClassName
+          ),
+          children: /* @__PURE__ */ jsx12(Markdown, { children: part.text })
+        }
+      ) : /* @__PURE__ */ jsx12("div", { className: "border-t border-[var(--border-subtle)] px-4 py-3 text-sm text-[var(--text-muted)]", children: "No reasoning text was provided." }) })
+    ] });
+  }
+);
+InlineThinkingItem.displayName = "InlineThinkingItem";
+
+// src/run/run-group.tsx
+import { memo as memo11, useMemo as useMemo5 } from "react";
+import * as Collapsible3 from "@radix-ui/react-collapsible";
+import {
+  Bot as Bot2,
+  Loader2 as Loader25,
+  ChevronDown as ChevronDown4,
+  ChevronRight as ChevronRight4,
+  Terminal as Terminal3,
+  FileEdit as FileEdit3,
+  FileSearch as FileSearch2,
+  Search as Search3,
+  PencilLine as PencilLine2,
+  Globe as Globe3,
+  ClipboardList as ClipboardList2,
+  Settings as Settings2,
+  Sparkles
+} from "lucide-react";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+var DEFAULT_BRANDING = {
+  label: "Agent",
+  accentClass: "text-[var(--brand-cool)]",
+  bgClass: "bg-[var(--brand-cool)]/8",
+  containerBgClass: "bg-[var(--bg-section)]/60",
+  borderClass: "border-[var(--border-accent)]",
+  iconClass: "",
+  textClass: "text-[var(--brand-cool)]"
+};
+var CATEGORY_ICON_MAP = {
+  command: Terminal3,
+  write: FileEdit3,
+  read: FileSearch2,
+  search: Search3,
+  edit: PencilLine2,
+  task: Bot2,
+  web: Globe3,
+  todo: ClipboardList2,
+  other: Settings2
+};
+var CATEGORY_ORDER = [
+  "command",
+  "write",
+  "edit",
+  "read",
+  "search",
+  "web",
+  "task",
+  "todo",
+  "other"
+];
+function CategoryBadges({ categories }) {
+  const sorted = useMemo5(
+    () => CATEGORY_ORDER.filter((category) => categories.has(category)),
+    [categories]
+  );
+  if (sorted.length === 0) return null;
+  return /* @__PURE__ */ jsx13("div", { className: "flex items-center gap-1", children: sorted.map((cat) => {
+    const Icon = CATEGORY_ICON_MAP[cat] ?? Settings2;
+    return /* @__PURE__ */ jsx13(
+      "span",
+      {
+        title: cat,
+        className: "flex h-6 w-6 items-center justify-center rounded-full border border-[var(--border-subtle)] bg-[var(--bg-section)] text-[var(--text-muted)]",
+        children: /* @__PURE__ */ jsx13(Icon, { className: "h-3.5 w-3.5" })
+      },
+      cat
+    );
+  }) });
+}
+function renderSummary(run) {
+  const parts = [];
+  if (run.stats.toolCount > 0) {
+    parts.push(`${run.stats.toolCount} tool${run.stats.toolCount === 1 ? "" : "s"}`);
+  }
+  if (run.stats.textPartCount > 0) {
+    parts.push(`${run.stats.textPartCount} response${run.stats.textPartCount === 1 ? "" : "s"}`);
+  }
+  if (run.stats.thinkingDurationMs > 0) {
+    parts.push(`${formatDuration(run.stats.thinkingDurationMs)} thinking`);
+  }
+  return parts.join(", ");
+}
+function getToolGroupPosition(currentIndex, parts) {
+  const previous = parts[currentIndex - 1]?.part;
+  const next = parts[currentIndex + 1]?.part;
+  const previousIsTool = previous?.type === "tool";
+  const nextIsTool = next?.type === "tool";
+  if (previousIsTool && nextIsTool) return "middle";
+  if (previousIsTool) return "last";
+  if (nextIsTool) return "first";
+  return "single";
+}
+var RunGroup = memo11(
+  ({
+    run,
+    partMap,
+    collapsed,
+    onToggle,
+    branding = DEFAULT_BRANDING,
+    renderToolDetail
+  }) => {
+    const allParts = useMemo5(() => {
+      const parts = [];
+      for (const msg of run.messages) {
+        const msgParts = partMap[msg.id] ?? [];
+        msgParts.forEach((part, index) => {
+          parts.push({ part, msgId: msg.id, index });
+        });
+      }
+      return parts;
+    }, [run.messages, partMap]);
+    const { stats, isStreaming } = run;
+    const hasRenderableParts = allParts.some(({ part }) => {
+      if (part.type === "tool" || part.type === "reasoning") {
+        return true;
+      }
+      return part.type === "text" && !part.synthetic && part.text.trim().length > 0;
+    });
+    if (!hasRenderableParts) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxs12(Collapsible3.Root, { open: !collapsed, onOpenChange: () => onToggle(), children: [
+      /* @__PURE__ */ jsx13(Collapsible3.Trigger, { asChild: true, children: /* @__PURE__ */ jsx13(
+        "button",
+        {
+          className: cn(
+            "w-full rounded-[var(--radius-xl)] border px-4 py-3 text-left transition-colors",
+            "bg-[var(--bg-card)] hover:bg-[var(--bg-hover)]/28",
+            collapsed ? branding.borderClass : "border-[var(--border-subtle)]",
+            branding.bgClass
+          ),
+          children: /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx13(
+              "div",
+              {
+                className: cn(
+                  "flex h-10 w-10 shrink-0 items-center justify-center rounded-[var(--radius-lg)] border bg-[var(--bg-section)]",
+                  branding.borderClass
+                ),
+                children: /* @__PURE__ */ jsx13(Bot2, { className: cn("h-4 w-4", branding.accentClass) })
+              }
+            ),
+            /* @__PURE__ */ jsxs12("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx13("span", { className: cn("text-sm font-semibold", branding.textClass), children: branding.label }),
+                isStreaming ? /* @__PURE__ */ jsxs12("span", { className: "inline-flex items-center gap-1 rounded-full border border-[var(--border-accent)] bg-[var(--brand-cool)]/10 px-2 py-0.5 text-[11px] font-semibold uppercase tracking-[0.08em] text-[var(--brand-cool)]", children: [
+                  /* @__PURE__ */ jsx13(Loader25, { className: "h-3 w-3 animate-spin" }),
+                  "Running"
+                ] }) : /* @__PURE__ */ jsxs12("span", { className: "inline-flex items-center gap-1 rounded-full border border-[var(--border-subtle)] bg-[var(--bg-section)] px-2 py-0.5 text-[11px] font-semibold uppercase tracking-[0.08em] text-[var(--text-muted)]", children: [
+                  /* @__PURE__ */ jsx13(Sparkles, { className: "h-3 w-3" }),
+                  "Complete"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs12("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-xs text-[var(--text-muted)]", children: [
+                renderSummary(run) ? /* @__PURE__ */ jsx13("span", { children: renderSummary(run) }) : null,
+                collapsed && run.summaryText ? /* @__PURE__ */ jsx13("span", { className: "min-w-0 truncate text-[var(--text-secondary)]", children: run.summaryText }) : null
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx13(CategoryBadges, { categories: stats.toolCategories }),
+            !collapsed ? /* @__PURE__ */ jsx13(ChevronDown4, { className: "h-4 w-4 shrink-0 text-[var(--text-muted)]" }) : /* @__PURE__ */ jsx13(ChevronRight4, { className: "h-4 w-4 shrink-0 text-[var(--text-muted)]" })
+          ] })
+        }
+      ) }),
+      collapsed && run.summaryText && /* @__PURE__ */ jsx13("div", { className: "px-4 py-2 text-sm text-[var(--text-muted)] 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-2 space-y-2 rounded-[var(--radius-xl)] border border-[var(--border-subtle)] p-3",
+            branding.containerBgClass
+          ),
+          children: allParts.map(({ part, msgId, index }, partIndex) => {
+            const key = `${msgId}-${index}`;
+            if (part.type === "tool") {
+              return /* @__PURE__ */ jsx13(
+                InlineToolItem,
+                {
+                  part,
+                  renderToolDetail,
+                  groupPosition: getToolGroupPosition(partIndex, allParts)
+                },
+                key
+              );
+            }
+            if (part.type === "reasoning") {
+              return /* @__PURE__ */ jsx13(
+                InlineThinkingItem,
+                {
+                  part,
+                  defaultOpen: isStreaming
+                },
+                key
+              );
+            }
+            if (part.type === "text" && !part.synthetic && part.text.trim()) {
+              return /* @__PURE__ */ jsx13(
+                "div",
+                {
+                  className: "rounded-[var(--radius-lg)] border border-[var(--border-subtle)] bg-[var(--bg-card)] px-4 py-4",
+                  children: /* @__PURE__ */ jsx13(Markdown, { children: part.text })
+                },
+                key
+              );
+            }
+            return null;
+          })
+        }
+      ) })
+    ] });
+  }
+);
+RunGroup.displayName = "RunGroup";
+
+export {
+  CommandPreview,
+  WriteFilePreview,
+  GrepResultsPreview,
+  GlobResultsPreview,
+  WebSearchPreview,
+  QuestionPreview,
+  DiffPreview,
+  ExpandedToolDetail,
+  LiveDuration,
+  InlineToolItem,
+  InlineThinkingItem,
+  RunGroup
+};