@tangle-network/sandbox-ui 0.13.0 → 0.15.1

package/dist/chunk-MQXABZTB.js

@@ -1,1348 +0,0 @@
-import {
-  formatDuration,
-  truncateText
-} from "./chunk-4CLN43XT.js";
-import {
-  getToolCategory,
-  getToolDisplayMetadata,
-  getToolErrorText
-} from "./chunk-BX6AQMUS.js";
-import {
-  OpenUIArtifactRenderer
-} from "./chunk-ZNCEM5CD.js";
-import {
-  CodeBlock,
-  CopyButton,
-  Markdown
-} from "./chunk-T7HMZEVO.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-border bg-card shadow-[var(--shadow-card)]",
-        className
-      ),
-      children: [
-        /* @__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-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-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
-      ]
-    }
-  );
-}
-function PreviewEmpty({
-  label,
-  className
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "rounded-[var(--radius-md)] border border-dashed border-border bg-muted px-3 py-2.5 text-xs text-muted-foreground",
-        className
-      ),
-      children: label
-    }
-  );
-}
-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-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 })
-  ] });
-}
-
-// 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-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: [
-            "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-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-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-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-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
-      ]
-    }
-  );
-});
-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-muted-foreground", 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-border bg-muted/55",
-            children: [
-              /* @__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}`)) })
-            ]
-          },
-          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-border bg-muted/55 px-3 py-2",
-              children: [
-                /* @__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
-          );
-        }) }) : 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-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-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
-        )) })
-      ]
-    }
-  );
-});
-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-border bg-muted px-3 py-3",
-            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-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}`
-        ))
-      ]
-    }
-  );
-});
-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-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-muted-foreground", 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";
-var EXT_LANG = {
-  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"
-};
-function langFromPath(path) {
-  if (!path) return void 0;
-  const ext = path.split(".").pop()?.toLowerCase();
-  return ext ? EXT_LANG[ext] : void 0;
-}
-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-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-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-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
-      ] })
-    ] });
-  }
-  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-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-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,
-        {
-          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-[var(--surface-danger-border)]", children: [
-      /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 border-b border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] px-3 py-2", children: [
-        /* @__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-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-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"
-    ] })
-  ] });
-});
-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,
-    actions
-  }) => {
-    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__ */ jsxs10("div", { className: "flex items-start gap-2", children: [
-        /* @__PURE__ */ jsx11(Collapsible.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs10(
-          "button",
-          {
-            className: cn(
-              "w-full border text-left transition-colors",
-              "border-border bg-card hover:border-[var(--border-accent-hover)] hover:bg-accent/35",
-              open && "border-border bg-accent/30",
-              shapeClass,
-              className
-            ),
-            children: [
-              /* @__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-primary",
-                  isComplete && "text-[var(--surface-success-text)]",
-                  isError && "text-[var(--surface-danger-text)]",
-                  !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-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-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-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-border px-3 py-2 text-xs text-red-200", children: errorText }) : null
-            ]
-          }
-        ) }),
-        actions ? /* @__PURE__ */ jsx11(
-          "div",
-          {
-            className: "flex shrink-0 flex-wrap items-center justify-end gap-1.5 pt-1",
-            onClick: (event) => event.stopPropagation(),
-            children: actions
-          }
-        ) : 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, 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__ */ 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";
-
-// 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 ChevronDown3,
-  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-primary",
-  bgClass: "bg-[var(--accent-surface-soft)]",
-  containerBgClass: "bg-muted",
-  borderClass: "border-border",
-  iconClass: "",
-  textClass: "text-primary"
-};
-var ASSISTANT_SHELL = "min-w-0 flex-1 space-y-3 rounded-[26px] border border-[var(--border-subtle)] bg-[color:color-mix(in_srgb,var(--bg-card)_94%,transparent)] px-5 py-4 shadow-[0_1px_2px_rgba(15,23,42,0.04)]";
-function AssistantShell({
-  branding,
-  isStreaming,
-  children
-}) {
-  return /* @__PURE__ */ jsxs12("div", { className: "flex gap-3", children: [
-    /* @__PURE__ */ jsx13("div", { className: "mt-1 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[var(--brand-primary)] text-white", children: /* @__PURE__ */ jsx13(Bot2, { className: "h-4 w-4" }) }),
-    /* @__PURE__ */ jsxs12("div", { className: ASSISTANT_SHELL, children: [
-      /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 text-[11px] font-semibold uppercase tracking-[0.14em] text-[var(--text-muted)]", children: [
-        /* @__PURE__ */ jsx13("span", { children: branding.label }),
-        isStreaming ? /* @__PURE__ */ jsxs12("span", { className: "inline-flex items-center gap-1.5 text-[var(--text-muted)]", children: [
-          /* @__PURE__ */ jsx13(Loader25, { className: "h-3 w-3 animate-spin" }),
-          "Thinking"
-        ] }) : null
-      ] }),
-      children
-    ] })
-  ] });
-}
-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"
-];
-var OPENUI_NODE_TYPES = /* @__PURE__ */ new Set([
-  "heading",
-  "text",
-  "badge",
-  "stat",
-  "key_value",
-  "code",
-  "markdown",
-  "table",
-  "actions",
-  "separator",
-  "stack",
-  "grid",
-  "card"
-]);
-function isOpenUINode(value) {
-  return typeof value === "object" && value !== null && "type" in value && typeof value.type === "string" && OPENUI_NODE_TYPES.has(value.type);
-}
-function extractOpenUISchema(output) {
-  if (output == null) return null;
-  if (isOpenUINode(output)) return [output];
-  if (Array.isArray(output) && output.length > 0 && output.every(isOpenUINode)) {
-    return output;
-  }
-  if (typeof output === "object" && !Array.isArray(output)) {
-    const obj = output;
-    for (const key of ["openui", "schema", "ui"]) {
-      if (obj[key] == null) continue;
-      const inner = obj[key];
-      if (typeof inner === "string") {
-        try {
-          const parsed = JSON.parse(inner);
-          return extractOpenUISchema(parsed);
-        } catch {
-          continue;
-        }
-      }
-      const nested = extractOpenUISchema(inner);
-      if (nested) return nested;
-    }
-  }
-  if (typeof output === "string") {
-    try {
-      return extractOpenUISchema(JSON.parse(output));
-    } catch {
-      return null;
-    }
-  }
-  return null;
-}
-function getOpenUISummary(output) {
-  if (!output || typeof output !== "object" || Array.isArray(output)) {
-    return null;
-  }
-  const summary = output.summary;
-  return typeof summary === "string" && summary.trim() ? summary.trim() : null;
-}
-function isOpenUITool(part) {
-  const normalized = part.tool.toLowerCase().replace(/^tool:/, "");
-  return normalized.includes("openui");
-}
-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-5 w-5 items-center justify-center rounded border border-border text-muted-foreground",
-        children: /* @__PURE__ */ jsx13(Icon, { className: "h-3 w-3" })
-      },
-      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,
-    headerActions,
-    renderToolActions
-  }) => {
-    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) {
-      if (!isStreaming) {
-        return null;
-      }
-      return /* @__PURE__ */ jsx13(AssistantShell, { branding, isStreaming: true, children: /* @__PURE__ */ jsx13("div", { className: "flex items-center gap-2 px-0.5 py-0.5 text-sm text-[var(--text-muted)]", children: /* @__PURE__ */ jsxs12("span", { className: "flex gap-[5px]", children: [
-        /* @__PURE__ */ jsx13("span", { className: "h-2 w-2 animate-bounce rounded-full bg-[var(--brand-glow)]", style: { animationDelay: "0ms" } }),
-        /* @__PURE__ */ jsx13("span", { className: "h-2 w-2 animate-bounce rounded-full bg-[var(--brand-glow)]", style: { animationDelay: "150ms" } }),
-        /* @__PURE__ */ jsx13("span", { className: "h-2 w-2 animate-bounce rounded-full bg-[var(--brand-glow)]", style: { animationDelay: "300ms" } })
-      ] }) }) });
-    }
-    const showTraceChrome = allParts.some(({ part }) => {
-      if (part.type === "reasoning") {
-        return true;
-      }
-      if (part.type === "tool") {
-        return !isOpenUITool(part);
-      }
-      return false;
-    });
-    if (!showTraceChrome) {
-      return /* @__PURE__ */ jsx13(AssistantShell, { branding, isStreaming, children: allParts.map(({ part, msgId, index }) => {
-        const key = `${msgId}-${index}`;
-        if (part.type === "tool" && isOpenUITool(part)) {
-          const toolPart = part;
-          const schema = extractOpenUISchema(toolPart.state.output);
-          const summary = getOpenUISummary(toolPart.state.output);
-          if (toolPart.state.status === "completed" && schema) {
-            return /* @__PURE__ */ jsxs12(
-              "div",
-              {
-                className: "overflow-hidden rounded-[22px] border border-[var(--border-subtle)] bg-[var(--bg-root)]",
-                children: [
-                  summary ? /* @__PURE__ */ jsx13("div", { className: "border-b border-[var(--border-subtle)] px-4 py-3 text-sm leading-6 text-foreground", children: summary }) : null,
-                  /* @__PURE__ */ jsx13("div", { className: "p-4", children: /* @__PURE__ */ jsx13(OpenUIArtifactRenderer, { schema }) })
-                ]
-              },
-              key
-            );
-          }
-          if (toolPart.state.status === "running") {
-            return /* @__PURE__ */ jsxs12(
-              "div",
-              {
-                className: "flex items-center gap-2 rounded-[18px] border border-[var(--border-subtle)] bg-[var(--bg-root)] px-4 py-3 text-sm text-muted-foreground",
-                children: [
-                  /* @__PURE__ */ jsx13(Loader25, { className: "h-4 w-4 animate-spin text-primary" }),
-                  "Building view\u2026"
-                ]
-              },
-              key
-            );
-          }
-        }
-        if (part.type === "text" && !part.synthetic && part.text.trim()) {
-          return /* @__PURE__ */ jsx13("div", { className: "px-0.5", children: /* @__PURE__ */ jsx13(Markdown, { className: "tangle-prose text-[15px] leading-7 text-[var(--text-primary)]", children: part.text }) }, key);
-        }
-        return null;
-      }) });
-    }
-    return /* @__PURE__ */ jsx13(Collapsible3.Root, { open: !collapsed, onOpenChange: () => onToggle(), children: /* @__PURE__ */ jsxs12("div", { className: "rounded-[28px] border border-[var(--border-subtle)] bg-[var(--bg-card)] shadow-none", children: [
-      /* @__PURE__ */ jsxs12("div", { className: "flex items-start gap-3 px-4 py-3.5", children: [
-        /* @__PURE__ */ jsx13(Collapsible3.Trigger, { asChild: true, children: /* @__PURE__ */ jsx13(
-          "button",
-          {
-            className: cn(
-              "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-8 w-8 shrink-0 items-center justify-center rounded-full bg-[var(--brand-primary)] text-white"
-                  ),
-                  children: /* @__PURE__ */ jsx13(Bot2, { className: "h-4 w-4" })
-                }
-              ),
-              /* @__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-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(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 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("space-y-3 border-t border-[var(--border-subtle)] px-4 pb-4 pt-3"), children: allParts.map(({ part, msgId, index }, partIndex) => {
-        const key = `${msgId}-${index}`;
-        if (part.type === "tool") {
-          if (isOpenUITool(part)) {
-            const toolPart = part;
-            const schema = extractOpenUISchema(toolPart.state.output);
-            const summary = getOpenUISummary(toolPart.state.output);
-            if (toolPart.state.status === "completed" && schema) {
-              return /* @__PURE__ */ jsxs12(
-                "div",
-                {
-                  className: "overflow-hidden rounded-[24px] border border-[var(--border-subtle)] bg-[var(--bg-card)]",
-                  children: [
-                    summary ? /* @__PURE__ */ jsxs12("div", { className: "border-b border-[var(--border-subtle)] px-4 py-3", children: [
-                      /* @__PURE__ */ jsx13("div", { className: "text-[11px] font-semibold uppercase tracking-[0.14em] text-muted-foreground", children: "View" }),
-                      /* @__PURE__ */ jsx13("div", { className: "mt-1 text-sm leading-6 text-foreground", children: summary })
-                    ] }) : null,
-                    /* @__PURE__ */ jsx13("div", { className: "p-4", children: /* @__PURE__ */ jsx13(OpenUIArtifactRenderer, { schema }) })
-                  ]
-                },
-                key
-              );
-            }
-            if (toolPart.state.status === "running") {
-              return /* @__PURE__ */ jsxs12(
-                "div",
-                {
-                  className: "flex items-center gap-3 rounded-[20px] border border-[var(--border-subtle)] bg-[var(--bg-card)] px-4 py-3 text-sm text-muted-foreground",
-                  children: [
-                    /* @__PURE__ */ jsx13(Loader25, { className: "h-4 w-4 animate-spin text-primary" }),
-                    "Building view\u2026"
-                  ]
-                },
-                key
-              );
-            }
-          }
-          return /* @__PURE__ */ jsx13(
-            InlineToolItem,
-            {
-              part,
-              renderToolDetail,
-              groupPosition: getToolGroupPosition(partIndex, allParts),
-              actions: renderToolActions?.(part, {
-                run,
-                messageId: msgId,
-                partIndex: index
-              })
-            },
-            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: "px-1 py-1",
-              children: /* @__PURE__ */ jsx13(Markdown, { className: "tangle-prose text-[15px] leading-7", children: part.text })
-            },
-            key
-          );
-        }
-        return null;
-      }) }) })
-    ] }) });
-  }
-);
-RunGroup.displayName = "RunGroup";
-
-export {
-  CommandPreview,
-  WriteFilePreview,
-  GrepResultsPreview,
-  GlobResultsPreview,
-  WebSearchPreview,
-  QuestionPreview,
-  DiffPreview,
-  ExpandedToolDetail,
-  LiveDuration,
-  InlineToolItem,
-  InlineThinkingItem,
-  RunGroup
-};