@athenaintel/react 0.19.0 → 0.21.0

package/dist/tools/tool-uis.js

@@ -0,0 +1,3049 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { athenaDiagnostics } from "../diagnostics/athena-diagnostics.js";
+import { memo, useMemo, useCallback, useEffect, useState, useRef } from "react";
+import { GlobeIcon, FilePlusIcon, MailIcon, BookOpenIcon, PresentationIcon, BarChart3Icon, DatabaseIcon, TablePropertiesIcon, TableIcon, FolderOpenIcon, ExternalLinkIcon, AlertTriangleIcon, CodeIcon, TerminalIcon, ImageIcon, PlayIcon, SheetIcon, CameraIcon, ScissorsIcon, SearchIcon, Maximize2Icon, XIcon, FileTextIcon } from "lucide-react";
+import { normalizeResult, truncate, ToolCard, ExpandableSection } from "./primitives.js";
+import { SearchFilesToolUI, EditFileToolUI, WriteFileToolUI, ListFilesToolUI, ReadFileToolUI } from "./file-tool-uis.js";
+import { WriteTodosToolUI } from "./write-todos-tool-ui.js";
+import { InstallPackageToolUI } from "./misc-tool-uis.js";
+import { useAssetPanelStore } from "../assets/asset-panel-store.js";
+import { useAthenaConfig } from "../provider/AthenaContext.js";
+import { cn } from "cnfast";
+function isSdkToolDebugEnabled() {
+  var _a, _b;
+  try {
+    const hostname = (_a = globalThis.location) == null ? void 0 : _a.hostname;
+    if (hostname === "localhost" || hostname === "127.0.0.1" || hostname === "::1") {
+      return true;
+    }
+    return ((_b = globalThis.localStorage) == null ? void 0 : _b.getItem("athena:sdk:debug")) === "1";
+  } catch {
+    return false;
+  }
+}
+function stringifyDebugPayload(payload) {
+  return JSON.stringify(payload, (_key, value) => {
+    if (typeof value === "string" && value.length > 800) {
+      return `${value.slice(0, 800)}... [truncated ${value.length - 800} chars]`;
+    }
+    return value;
+  });
+}
+function logDebugPayload(label, payload) {
+  if (!isSdkToolDebugEnabled()) {
+    return;
+  }
+  athenaDiagnostics.emit("tools.debug", {
+    level: "debug",
+    data: { label, payload: stringifyDebugPayload(payload) }
+  });
+}
+function parseSearchResults(data) {
+  const results = data.results ?? data.search_results ?? data.items ?? data.limited_results;
+  if (!Array.isArray(results)) return [];
+  return results.slice(0, 8).map((r) => {
+    const item = r;
+    return {
+      title: item.title ?? item.name,
+      url: item.url ?? item.link ?? item.href,
+      content: item.content ?? item.snippet ?? item.description
+    };
+  });
+}
+const WebSearchToolUIImpl = ({
+  toolName,
+  args,
+  result,
+  status
+}) => {
+  const typedArgs = args;
+  const query = (typedArgs == null ? void 0 : typedArgs.query) ?? (typedArgs == null ? void 0 : typedArgs.search_query) ?? "";
+  const data = useMemo(() => normalizeResult(result), [result]);
+  const results = useMemo(() => data ? parseSearchResults(data) : [], [data]);
+  const isRunning = (status == null ? void 0 : status.type) === "running";
+  const isComplete = (status == null ? void 0 : status.type) === "complete";
+  const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? status.error : null;
+  return /* @__PURE__ */ jsx(
+    ToolCard,
+    {
+      icon: SearchIcon,
+      status: (status == null ? void 0 : status.type) ?? "complete",
+      title: isRunning ? "Searching the web..." : "Web search",
+      subtitle: query ? truncate(query, 80) : void 0,
+      toolName,
+      args: typedArgs,
+      result,
+      badge: isComplete && results.length > 0 ? `${results.length} results` : void 0,
+      error: errorMsg,
+      children: isComplete && results.length > 0 && /* @__PURE__ */ jsx(ExpandableSection, { label: "Show search results", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2.5", children: results.map((r, i) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+          r.url && /^https?:\/\//i.test(r.url) ? /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: r.url,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "text-[12px] font-medium text-blue-600 hover:underline",
+              children: r.title || r.url
+            }
+          ) : /* @__PURE__ */ jsx("span", { className: "text-[12px] font-medium text-foreground", children: r.title || r.url || "Result" }),
+          r.url && /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "size-3 shrink-0 text-muted-foreground" })
+        ] }),
+        r.url && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: truncate(r.url, 60) }),
+        r.content && /* @__PURE__ */ jsx("p", { className: "text-[11px] leading-relaxed text-muted-foreground", children: truncate(r.content, 200) })
+      ] }, i)) }) })
+    }
+  );
+};
+const WebSearchToolUI = memo(
+  WebSearchToolUIImpl
+);
+WebSearchToolUI.displayName = "WebSearchToolUI";
+const BrowseToolUIImpl = ({
+  toolName,
+  args,
+  result,
+  status
+}) => {
+  const typedArgs = args;
+  const url = (typedArgs == null ? void 0 : typedArgs.url) ?? (typedArgs == null ? void 0 : typedArgs.page_url) ?? "";
+  const data = useMemo(() => normalizeResult(result), [result]);
+  const pageTitle = (data == null ? void 0 : data.title) ?? (data == null ? void 0 : data.page_title);
+  const pageContent = (data == null ? void 0 : data.content) ?? (data == null ? void 0 : data.text) ?? (data == null ? void 0 : data.page_text);
+  const isRunning = (status == null ? void 0 : status.type) === "running";
+  const isComplete = (status == null ? void 0 : status.type) === "complete";
+  const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? status.error : null;
+  const displayUrl = useMemo(() => {
+    if (!url) return void 0;
+    try {
+      const parsed = new URL(url);
+      return parsed.hostname + (parsed.pathname !== "/" ? parsed.pathname : "");
+    } catch {
+      return truncate(url, 60);
+    }
+  }, [url]);
+  return /* @__PURE__ */ jsx(
+    ToolCard,
+    {
+      icon: GlobeIcon,
+      status: (status == null ? void 0 : status.type) ?? "complete",
+      title: isRunning ? "Browsing page..." : pageTitle ? truncate(pageTitle, 50) : "Browsed page",
+      subtitle: displayUrl,
+      toolName,
+      args: typedArgs,
+      result,
+      error: errorMsg,
+      children: isComplete && pageContent && /* @__PURE__ */ jsx(ExpandableSection, { label: "Show page content", children: /* @__PURE__ */ jsx("pre", { className: "whitespace-pre-wrap break-words text-[11px] leading-relaxed text-muted-foreground", children: truncate(pageContent, 3e3) }) })
+    }
+  );
+};
+const BrowseToolUI = memo(
+  BrowseToolUIImpl
+);
+BrowseToolUI.displayName = "BrowseToolUI";
+function parseEmailResults(data) {
+  const results = data.limited_results ?? data.results ?? data.emails ?? data.messages;
+  if (!Array.isArray(results)) return [];
+  return results.slice(0, 50).flatMap((r) => {
+    const item = asRecord(r);
+    if (!item) return [];
+    return [
+      {
+        subject: asString(item.subject) ?? asString(item.title),
+        from: asString(item.from) ?? asString(item.sender) ?? asString(item.from_email),
+        date: asString(item.date) ?? asString(item.received_at) ?? asString(item.sent_at),
+        snippet: asString(item.snippet) ?? asString(item.preview) ?? asString(item.body_preview),
+        isDraft: item.is_draft === true
+      }
+    ];
+  });
+}
+function formatEmailDate(raw) {
+  if (!raw) return void 0;
+  const dateOnly = /^(\d{4})-(\d{2})-(\d{2})$/.exec(raw.trim());
+  const date = dateOnly ? new Date(Number(dateOnly[1]), Number(dateOnly[2]) - 1, Number(dateOnly[3])) : new Date(raw);
+  if (Number.isNaN(date.getTime())) return raw;
+  const now = /* @__PURE__ */ new Date();
+  if (!dateOnly && date.toDateString() === now.toDateString()) {
+    return date.toLocaleTimeString(void 0, {
+      hour: "numeric",
+      minute: "2-digit"
+    });
+  }
+  const sameYear = date.getFullYear() === now.getFullYear();
+  return date.toLocaleDateString(void 0, {
+    month: "short",
+    day: "numeric",
+    ...sameYear ? {} : { year: "numeric" }
+  });
+}
+const EMAIL_QUERY_OPERATOR = /(?:^|\s)(received|after|before|from|to|subject|has|in|is):(?:"([^"]+)"|(\S+))/gi;
+function humanEmailDate(raw) {
+  return formatEmailDate(raw.replace(/\//g, "-")) ?? raw;
+}
+function humanizeEmailQuery(query) {
+  if (!query.trim()) return "";
+  const phrases = [];
+  let freeText = query;
+  for (const match of query.matchAll(EMAIL_QUERY_OPERATOR)) {
+    const [token, op, quoted, bare] = match;
+    const value = quoted ?? bare ?? "";
+    freeText = freeText.replace(token, " ");
+    switch (op.toLowerCase()) {
+      case "received": {
+        const [start, end] = value.split("..");
+        phrases.push(
+          end ? `${humanEmailDate(start)} – ${humanEmailDate(end)}` : humanEmailDate(start)
+        );
+        break;
+      }
+      case "after":
+        phrases.push(`after ${humanEmailDate(value)}`);
+        break;
+      case "before":
+        phrases.push(`before ${humanEmailDate(value)}`);
+        break;
+      case "from":
+        phrases.push(`from ${value}`);
+        break;
+      case "to":
+        phrases.push(`to ${value}`);
+        break;
+      case "subject":
+        phrases.push(`subject “${value}”`);
+        break;
+      case "has":
+        phrases.push(value === "attachment" ? "with attachments" : `has ${value}`);
+        break;
+      case "in":
+        phrases.push(value === "drafts" ? "drafts only" : `in ${value}`);
+        break;
+      case "is":
+        phrases.push(value);
+        break;
+    }
+  }
+  const remainder = freeText.trim().replace(/\s+/g, " ");
+  if (remainder) phrases.push(`“${remainder}”`);
+  return phrases.join(" · ");
+}
+const INLINE_EMAIL_ROWS = 3;
+function EmailResultRow({ email }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 py-2 first:pt-0 last:pb-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [
+      /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-baseline gap-1.5 text-[12px] font-medium text-foreground", children: [
+        email.isDraft && /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded bg-amber-100 px-1 py-px text-[9px] font-semibold uppercase tracking-wide text-amber-700", children: "Draft" }),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: email.subject || "No subject" })
+      ] }),
+      email.date && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[10px] text-muted-foreground", children: formatEmailDate(email.date) })
+    ] }),
+    email.from && /* @__PURE__ */ jsx("span", { className: "truncate text-[11px] text-muted-foreground", children: email.from }),
+    email.snippet && /* @__PURE__ */ jsx("p", { className: "text-[11px] leading-relaxed text-muted-foreground/80", children: truncate(email.snippet, 150) })
+  ] });
+}
+const EmailSearchToolUIImpl = ({
+  toolName,
+  args,
+  result,
+  status
+}) => {
+  const typedArgs = args;
+  const query = (typedArgs == null ? void 0 : typedArgs.query) ?? (typedArgs == null ? void 0 : typedArgs.search_query) ?? "";
+  const data = useMemo(() => normalizeResult(result), [result]);
+  const emails = useMemo(() => data ? parseEmailResults(data) : [], [data]);
+  const provider = typeof (data == null ? void 0 : data.provider) === "string" ? data.provider : void 0;
+  const totalCount = typeof (data == null ? void 0 : data.count) === "number" ? data.count : emails.length;
+  const isRunning = (status == null ? void 0 : status.type) === "running";
+  const isComplete = (status == null ? void 0 : status.type) === "complete";
+  const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? status.error : null;
+  const readableQuery = useMemo(() => humanizeEmailQuery(query), [query]);
+  const inlineEmails = emails.slice(0, INLINE_EMAIL_ROWS);
+  const overflowEmails = emails.slice(INLINE_EMAIL_ROWS);
+  const countLabel = emails.length > 0 && totalCount > emails.length ? `${emails.length} of ${totalCount}` : `${totalCount}`;
+  return /* @__PURE__ */ jsx(
+    ToolCard,
+    {
+      icon: MailIcon,
+      status: (status == null ? void 0 : status.type) ?? "complete",
+      title: isRunning ? "Searching email…" : "Email search",
+      subtitle: readableQuery ? truncate(readableQuery, 90) : void 0,
+      toolName,
+      args: typedArgs,
+      result,
+      badge: isComplete ? totalCount > 0 ? `${countLabel} email${totalCount === 1 ? "" : "s"}${provider ? ` · ${provider}` : ""}` : "No matches" : void 0,
+      error: errorMsg,
+      children: isComplete && emails.length > 0 && /* @__PURE__ */ jsxs("div", { className: "border-t border-border/40 px-4 py-2.5", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col divide-y divide-border/30", children: inlineEmails.map((email, i) => /* @__PURE__ */ jsx(EmailResultRow, { email }, i)) }),
+        overflowEmails.length > 0 && /* @__PURE__ */ jsx(
+          ExpandableSection,
+          {
+            label: `Show ${overflowEmails.length} more`,
+            children: /* @__PURE__ */ jsx("div", { className: "flex flex-col divide-y divide-border/30", children: overflowEmails.map((email, i) => /* @__PURE__ */ jsx(EmailResultRow, { email }, i)) })
+          }
+        )
+      ] })
+    }
+  );
+};
+const EmailSearchToolUI = memo(
+  EmailSearchToolUIImpl
+);
+EmailSearchToolUI.displayName = "EmailSearchToolUI";
+function parseEmailAccounts(data) {
+  const accounts = data.accounts ?? data.results;
+  if (!Array.isArray(accounts)) return [];
+  return accounts.slice(0, 10).flatMap((raw) => {
+    const item = asRecord(raw);
+    if (!item) return [];
+    const defaultFlag = typeof item.is_default === "boolean" ? item.is_default : item.default;
+    return [
+      {
+        address: asString(item.email_address) ?? asString(item.email) ?? asString(item.address),
+        provider: asString(item.provider) ?? asString(item.provider_name),
+        name: asString(item.account_name) ?? asString(item.name),
+        isDefault: defaultFlag === true
+      }
+    ];
+  });
+}
+const EmailAccountsToolUIImpl = ({
+  toolName,
+  args,
+  result,
+  status
+}) => {
+  const data = useMemo(() => normalizeResult(result), [result]);
+  const accounts = useMemo(
+    () => data ? parseEmailAccounts(data) : [],
+    [data]
+  );
+  const isRunning = (status == null ? void 0 : status.type) === "running";
+  const isComplete = (status == null ? void 0 : status.type) === "complete";
+  const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? status.error : null;
+  return /* @__PURE__ */ jsx(
+    ToolCard,
+    {
+      icon: MailIcon,
+      status: (status == null ? void 0 : status.type) ?? "complete",
+      title: isRunning ? "Checking connected email accounts…" : "Email accounts",
+      toolName,
+      args,
+      result,
+      badge: isComplete && accounts.length > 0 ? `${accounts.length} connected` : void 0,
+      error: errorMsg,
+      children: isComplete && accounts.length > 0 && /* @__PURE__ */ jsx("div", { className: "border-t border-border/40 px-4 py-2.5", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col divide-y divide-border/30", children: accounts.map((account, i) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex items-center justify-between gap-2 py-1.5 first:pt-0 last:pb-0",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-[12px] text-foreground", children: account.address || account.name || "Unknown account" }),
+            /* @__PURE__ */ jsxs("span", { className: "flex shrink-0 items-center gap-1.5", children: [
+              account.isDefault && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-emerald-50 px-1.5 py-px text-[9px] font-semibold uppercase tracking-wide text-emerald-700", children: "Default" }),
+              account.provider && /* @__PURE__ */ jsx("span", { className: "rounded-md bg-muted/60 px-1.5 py-0.5 text-[10px] text-muted-foreground", children: account.provider })
+            ] })
+          ]
+        },
+        i
+      )) }) })
+    }
+  );
+};
+const EmailAccountsToolUI = memo(
+  EmailAccountsToolUIImpl
+);
+EmailAccountsToolUI.displayName = "EmailAccountsToolUI";
+function extractAssetId(result) {
+  const data = normalizeResult(result);
+  if (!data) return null;
+  const id = data.asset_id ?? data.assetId ?? data.id;
+  if (typeof id === "string" && id.startsWith("asset_")) return id;
+  return null;
+}
+function resetAssetAutoOpen() {
+  useAssetPanelStore.getState().resetAutoOpen();
+}
+function getStringField(source, keys) {
+  if (!source) return null;
+  for (const key of keys) {
+    const value = source[key];
+    if (typeof value === "string" && value.trim()) {
+      return value;
+    }
+  }
+  return null;
+}
+function getNumberField(source, keys) {
+  if (!source) return null;
+  for (const key of keys) {
+    const value = source[key];
+    if (typeof value === "number" && Number.isFinite(value)) {
+      return value;
+    }
+  }
+  return null;
+}
+function asRecord(value) {
+  if (typeof value !== "object" || value === null || Array.isArray(value)) {
+    return null;
+  }
+  return value;
+}
+function asString(value) {
+  return typeof value === "string" ? value : void 0;
+}
+const PRESENTATION_CODE_SLIDE_NUMBER_KEYS = [
+  "slideNumber",
+  "slide_number",
+  "targetSlideNumber",
+  "target_slide_number",
+  "targetSlide",
+  "target_slide"
+];
+const PRESENTATION_CODE_SLIDE_INDEX_KEYS = [
+  "slideIndex",
+  "slide_index",
+  "targetSlideIndex",
+  "target_slide_index"
+];
+function getStudioAssetId({
+  args,
+  result
+}) {
+  const id = getStringField(result, ["asset_id", "assetId", "id"]) ?? getStringField(args, ["asset_id", "assetId", "id"]);
+  return (id == null ? void 0 : id.startsWith("asset_")) ? id : null;
+}
+function getPresentationCodeDeckId(code) {
+  const match = code.match(/\bdeck_id\s*=\s*["']([^"']+)["']/);
+  const deckId = match == null ? void 0 : match[1];
+  return (deckId == null ? void 0 : deckId.startsWith("asset_")) ? deckId : null;
+}
+function getPresentationCodeSlideNumberFromFields(source) {
+  const explicit = getNumberField(source, PRESENTATION_CODE_SLIDE_NUMBER_KEYS);
+  if (explicit != null && Number.isInteger(explicit) && explicit >= 1) {
+    return explicit;
+  }
+  const zeroBasedIndex = getNumberField(source, PRESENTATION_CODE_SLIDE_INDEX_KEYS);
+  if (zeroBasedIndex != null && Number.isInteger(zeroBasedIndex) && zeroBasedIndex >= 0) {
+    return zeroBasedIndex + 1;
+  }
+  return void 0;
+}
+function getPresentationCodeSlideNumberFromText(text) {
+  const match = text == null ? void 0 : text.match(/\bslide\s*(?:#|number\s*)?(\d+)\b/i);
+  if (!match) {
+    return void 0;
+  }
+  const slideNumber = Number.parseInt(match[1] ?? "", 10);
+  return Number.isInteger(slideNumber) && slideNumber >= 1 ? slideNumber : void 0;
+}
+function getPresentationCodeSlideNumber({
+  args,
+  result
+}) {
+  return getPresentationCodeSlideNumberFromFields(args) ?? getPresentationCodeSlideNumberFromFields(result) ?? getPresentationCodeSlideNumberFromText(
+    getStringField(args, ["summary", "title", "description"])
+  );
+}
+function getAddSlideNumber(args) {
+  const index = getNumberField(args, ["index"]);
+  return index != null && Number.isInteger(index) && index >= 0 ? index + 1 : void 0;
+}
+function CreateAssetToolUIImpl({
+  icon: Icon,
+  assetType,
+  runningLabel,
+  doneLabel,
+  toolName,
+  args,
+  result,
+  status
+}) {
+  const typedArgs = args;
+  const name = (typedArgs == null ? void 0 : typedArgs.name) ?? (typedArgs == null ? void 0 : typedArgs.title) ?? (typedArgs == null ? void 0 : typedArgs.document_name) ?? (typedArgs == null ? void 0 : typedArgs.sheet_name) ?? "";
+  const data = useMemo(() => normalizeResult(result), [result]);
+  const createdName = (data == null ? void 0 : data.name) ?? (data == null ? void 0 : data.title) ?? (data == null ? void 0 : data.asset_name);
+  const assetId = extractAssetId(result);
+  const isRunning = (status == null ? void 0 : status.type) === "running";
+  const isComplete = (status == null ? void 0 : status.type) === "complete" || !status;
+  const isCancelled = (status == null ? void 0 : status.type) === "incomplete" && status.reason === "cancelled";
+  const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? status.error : null;
+  const openAsset = useAssetPanelStore((s) => s.openAsset);
+  const handleOpen = () => {
+    if (assetId) {
+      openAsset(assetId, {
+        name: createdName || name || void 0,
+        type: assetType
+      });
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    ToolCard,
+    {
+      icon: Icon,
+      status: (status == null ? void 0 : status.type) ?? "complete",
+      title: isRunning ? runningLabel : doneLabel,
+      subtitle: createdName || name || void 0,
+      toolName,
+      args: typedArgs,
+      result,
+      error: errorMsg,
+      children: assetId && isComplete && !isCancelled && /* @__PURE__ */ jsx("div", { className: "border-t border-border/40 px-4 py-2.5", children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: handleOpen,
+          className: "group flex w-full items-center gap-3 rounded-lg border border-border/60 bg-muted/20 px-3 py-2.5 text-left transition-colors hover:border-border hover:bg-muted/40",
+          children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "flex size-10 shrink-0 items-center justify-center rounded-lg",
+                  ASSET_TILE_STYLE[assetType] ?? ASSET_TILE_STYLE.unknown
+                ),
+                children: /* @__PURE__ */ jsx(Icon, { className: "size-5" })
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx("div", { className: "truncate text-[13px] font-medium text-foreground", children: createdName || name || "Untitled" }),
+              /* @__PURE__ */ jsxs("div", { className: "text-[11px] text-muted-foreground", children: [
+                ASSET_TILE_LABEL[assetType] ?? "Asset",
+                " · Click to open"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "size-3.5 shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100" })
+          ]
+        }
+      ) })
+    }
+  );
+}
+const ASSET_TILE_STYLE = {
+  document: "bg-blue-500/10 text-blue-600",
+  spreadsheet: "bg-emerald-500/10 text-emerald-600",
+  presentation: "bg-orange-500/10 text-orange-600",
+  notebook: "bg-violet-500/10 text-violet-600",
+  unknown: "bg-muted text-muted-foreground"
+};
+const ASSET_TILE_LABEL = {
+  document: "Document",
+  spreadsheet: "Spreadsheet",
+  presentation: "Presentation",
+  notebook: "Notebook",
+  unknown: "Asset"
+};
+const CreateDocumentToolUIImpl = (props) => /* @__PURE__ */ jsx(
+  CreateAssetToolUIImpl,
+  {
+    icon: FilePlusIcon,
+    assetType: "document",
+    runningLabel: "Creating document...",
+    doneLabel: "Created document",
+    ...props
+  }
+);
+const CreateDocumentToolUI = memo(
+  CreateDocumentToolUIImpl
+);
+CreateDocumentToolUI.displayName = "CreateDocumentToolUI";
+const CreateSheetToolUIImpl = (props) => /* @__PURE__ */ jsx(
+  CreateAssetToolUIImpl,
+  {
+    icon: BarChart3Icon,
+    assetType: "spreadsheet",
+    runningLabel: "Creating spreadsheet...",
+    doneLabel: "Created spreadsheet",
+    ...props
+  }
+);
+const CreateSheetToolUI = memo(
+  CreateSheetToolUIImpl
+);
+CreateSheetToolUI.displayName = "CreateSheetToolUI";
+const CreatePresentationToolUIImpl = (props) => /* @__PURE__ */ jsx(
+  CreateAssetToolUIImpl,
+  {
+    icon: PresentationIcon,
+    assetType: "presentation",
+    runningLabel: "Creating presentation...",
+    doneLabel: "Created presentation",
+    ...props
+  }
+);
+const CreatePresentationToolUI = memo(
+  CreatePresentationToolUIImpl
+);
+CreatePresentationToolUI.displayName = "CreatePresentationToolUI";
+function openStudioAsset({
+  assetId,
+  assetType,
+  slideNumber,
+  preserveExistingSlide
+}) {
+  const store = useAssetPanelStore.getState();
+  const existing = store.tabs.find((tab) => tab.id === assetId);
+  const shouldKeepCurrentSlide = preserveExistingSlide && existing;
+  store.openAsset(assetId, {
+    type: assetType,
+    ...!shouldKeepCurrentSlide && slideNumber !== void 0 ? { slideNumber } : {}
+  });
+}
+function StudioPtcToolUI({
+  config,
+  toolName,
+  args,
+  result,
+  status
+}) {
+  var _a, _b;
+  const typedArgs = args;
+  const data = useMemo(() => normalizeResult(result), [result]);
+  const slideNumber = (_a = config.getSlideNumber) == null ? void 0 : _a.call(config, typedArgs);
+  const assetId = getStudioAssetId({ args: typedArgs, result: data });
+  const subtitle = (_b = config.getSubtitle) == null ? void 0 : _b.call(config, typedArgs, data, slideNumber);
+  const isRunning = (status == null ? void 0 : status.type) === "running";
+  const isComplete = (status == null ? void 0 : status.type) === "complete" || !status;
+  const isCancelled = (status == null ? void 0 : status.type) === "incomplete" && status.reason === "cancelled";
+  const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? String(status.error ?? status.reason ?? "Tool failed") : null;
+  const handleOpen = useCallback(() => {
+    if (!assetId) return;
+    if (toolName === "AddSlide") {
+      logDebugPayload("[Athena SDK AddSlide] manual open", {
+        args: typedArgs,
+        parsedResult: data,
+        rawResult: result,
+        assetId,
+        slideNumber
+      });
+    }
+    openStudioAsset({
+      assetId,
+      assetType: config.assetType,
+      slideNumber,
+      preserveExistingSlide: config.preserveExistingSlide
+    });
+  }, [
+    assetId,
+    config.assetType,
+    config.preserveExistingSlide,
+    data,
+    result,
+    slideNumber,
+    toolName,
+    typedArgs
+  ]);
+  useEffect(() => {
+    if (toolName !== "AddSlide") {
+      return;
+    }
+    logDebugPayload("[Athena SDK AddSlide] tool state", {
+      args: typedArgs,
+      parsedResult: data,
+      rawResult: result,
+      status,
+      assetId,
+      slideNumber,
+      isComplete,
+      isCancelled
+    });
+  }, [
+    assetId,
+    data,
+    isCancelled,
+    isComplete,
+    result,
+    slideNumber,
+    status,
+    toolName,
+    typedArgs
+  ]);
+  return /* @__PURE__ */ jsx(
+    ToolCard,
+    {
+      icon: config.icon,
+      status: (status == null ? void 0 : status.type) ?? "complete",
+      title: isRunning ? config.runningLabel(typedArgs) : config.doneLabel(typedArgs, slideNumber),
+      subtitle,
+      badge: config.badge,
+      toolName,
+      args: typedArgs,
+      result,
+      error: errorMsg,
+      children: assetId && isComplete && !isCancelled && /* @__PURE__ */ jsx("div", { className: "border-t border-border/40 px-4 py-2", children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: handleOpen,
+          className: "flex items-center gap-1.5 rounded-md border border-border/60 px-3 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
+          children: [
+            /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "size-3" }),
+            config.openLabel(slideNumber)
+          ]
+        }
+      ) })
+    }
+  );
+}
+function createStudioPtcToolUI(displayName, config) {
+  const Component = (props) => /* @__PURE__ */ jsx(StudioPtcToolUI, { config, ...props });
+  const Memoized = memo(Component);
+  Memoized.displayName = displayName;
+  return Memoized;
+}
+const getNameSubtitle = (args, result) => getStringField(result, ["title", "name", "asset_name"]) ?? getStringField(args, ["title", "name"]) ?? void 0;
+const getParagraphSubtitle = (args) => {
+  const text = getStringField(args, ["text"]);
+  return text ? truncate(text, 80) : void 0;
+};
+const getSlideSubtitle = (args, _result, slideNumber) => {
+  const layout = getStringField(args, ["layoutName", "layout_name"]) ?? getStringField(args, ["layoutPath", "layout_path"]);
+  const slideLabel = slideNumber ? `Slide ${slideNumber}` : null;
+  if (slideLabel && layout) return `${slideLabel} - ${truncate(layout, 48)}`;
+  return slideLabel ?? (layout ? truncate(layout, 64) : void 0);
+};
+const StudioCreateWorkbookToolUI = createStudioPtcToolUI(
+  "StudioCreateWorkbookToolUI",
+  {
+    icon: BarChart3Icon,
+    assetType: "spreadsheet",
+    badge: "Sheet",
+    runningLabel: (args) => {
+      const title = getStringField(args, ["title", "name"]);
+      return title ? `Creating workbook "${title}"...` : "Creating workbook...";
+    },
+    doneLabel: () => "Workbook created",
+    getSubtitle: getNameSubtitle,
+    openLabel: () => "Open workbook"
+  }
+);
+const StudioAddSheetToolUI = createStudioPtcToolUI(
+  "StudioAddSheetToolUI",
+  {
+    icon: BarChart3Icon,
+    assetType: "spreadsheet",
+    badge: "Sheet",
+    runningLabel: (args) => {
+      const name = getStringField(args, ["name", "sheetName", "sheet_name"]);
+      return name ? `Adding sheet "${name}"...` : "Adding sheet...";
+    },
+    doneLabel: (args) => {
+      const name = getStringField(args, ["name", "sheetName", "sheet_name"]);
+      return name ? `Sheet added: ${name}` : "Sheet added";
+    },
+    getSubtitle: (args) => getStringField(args, ["name", "sheetName", "sheet_name"]) ?? void 0,
+    openLabel: () => "Open workbook"
+  }
+);
+const StudioOpenWorkbookToolUI = createStudioPtcToolUI(
+  "StudioOpenWorkbookToolUI",
+  {
+    icon: BarChart3Icon,
+    assetType: "spreadsheet",
+    badge: "Sheet",
+    runningLabel: () => "Opening workbook...",
+    doneLabel: () => "Workbook opened",
+    openLabel: () => "Open workbook"
+  }
+);
+const StudioCreatePresentationToolUI = createStudioPtcToolUI(
+  "StudioCreatePresentationToolUI",
+  {
+    icon: PresentationIcon,
+    assetType: "presentation",
+    badge: "Deck",
+    runningLabel: (args) => {
+      const title = getStringField(args, ["title", "name"]);
+      return title ? `Creating presentation "${title}"...` : "Creating presentation...";
+    },
+    doneLabel: () => "Presentation created",
+    getSubtitle: getNameSubtitle,
+    getSlideNumber: () => 1,
+    openLabel: () => "Open presentation"
+  }
+);
+const StudioOpenPresentationToolUI = createStudioPtcToolUI(
+  "StudioOpenPresentationToolUI",
+  {
+    icon: PresentationIcon,
+    assetType: "presentation",
+    badge: "Deck",
+    runningLabel: () => "Opening presentation...",
+    doneLabel: () => "Presentation opened",
+    getSlideNumber: () => 1,
+    getSubtitle: (_args, _result, slideNumber) => slideNumber ? `Slide ${slideNumber}` : void 0,
+    openLabel: () => "Open presentation",
+    preserveExistingSlide: true
+  }
+);
+const StudioAddSlideToolUI = createStudioPtcToolUI(
+  "StudioAddSlideToolUI",
+  {
+    icon: PresentationIcon,
+    assetType: "presentation",
+    badge: "Deck",
+    runningLabel: () => "Adding slide...",
+    doneLabel: (_args, slideNumber) => slideNumber ? `Slide ${slideNumber} added` : "Slide added",
+    getSubtitle: getSlideSubtitle,
+    getSlideNumber: (args) => getAddSlideNumber(args) ?? 1,
+    openLabel: (slideNumber) => slideNumber ? `Open slide ${slideNumber}` : "Open presentation"
+  }
+);
+const StudioCreateDocumentToolUI = createStudioPtcToolUI(
+  "StudioCreateDocumentToolUI",
+  {
+    icon: FileTextIcon,
+    assetType: "document",
+    badge: "Doc",
+    runningLabel: (args) => {
+      const title = getStringField(args, ["title", "name"]);
+      return title ? `Creating document "${title}"...` : "Creating document...";
+    },
+    doneLabel: () => "Document created",
+    getSubtitle: getNameSubtitle,
+    openLabel: () => "Open document"
+  }
+);
+const StudioCreateParagraphToolUI = createStudioPtcToolUI(
+  "StudioCreateParagraphToolUI",
+  {
+    icon: FileTextIcon,
+    assetType: "document",
+    badge: "Doc",
+    runningLabel: () => "Adding paragraph...",
+    doneLabel: () => "Paragraph added",
+    getSubtitle: getParagraphSubtitle,
+    openLabel: () => "Open document"
+  }
+);
+const StudioOpenDocumentToolUI = createStudioPtcToolUI(
+  "StudioOpenDocumentToolUI",
+  {
+    icon: FileTextIcon,
+    assetType: "document",
+    badge: "Doc",
+    runningLabel: () => "Opening document...",
+    doneLabel: () => "Document opened",
+    openLabel: () => "Open document"
+  }
+);
+const CreateEmailDraftToolUIImpl = ({
+  toolName,
+  args,
+  result,
+  status
+}) => {
+  const typedArgs = args;
+  const to = (typedArgs == null ? void 0 : typedArgs.to) ?? (typedArgs == null ? void 0 : typedArgs.recipient) ?? "";
+  const subject = (typedArgs == null ? void 0 : typedArgs.subject) ?? "";
+  const isRunning = (status == null ? void 0 : status.type) === "running";
+  const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? status.error : null;
+  return /* @__PURE__ */ jsx(
+    ToolCard,
+    {
+      icon: MailIcon,
+      status: (status == null ? void 0 : status.type) ?? "complete",
+      title: isRunning ? "Creating email draft..." : "Email draft created",
+      toolName,
+      args: typedArgs,
+      result,
+      subtitle: subject ? truncate(subject, 60) : to ? `To: ${truncate(to, 40)}` : void 0,
+      error: errorMsg
+    }
+  );
+};
+const CreateEmailDraftToolUI = memo(
+  CreateEmailDraftToolUIImpl
+);
+CreateEmailDraftToolUI.displayName = "CreateEmailDraftToolUI";
+const CreateNotebookToolUIImpl = (props) => /* @__PURE__ */ jsx(
+  CreateAssetToolUIImpl,
+  {
+    icon: BookOpenIcon,
+    assetType: "notebook",
+    runningLabel: "Creating notebook...",
+    doneLabel: "Created notebook",
+    ...props
+  }
+);
+const CreateNotebookToolUI = memo(
+  CreateNotebookToolUIImpl
+);
+CreateNotebookToolUI.displayName = "CreateNotebookToolUI";
+function parsePythonResult(result) {
+  const data = normalizeResult(result);
+  if (!data)
+    return {
+      outputs: [],
+      stdout: null,
+      stderr: null,
+      value: null,
+      error: null,
+      exception: null,
+      imagePng: null,
+      plotlyJson: null,
+      createdAssets: [],
+      assetId: null,
+      deckId: null
+    };
+  const inner = typeof data.result === "object" && data.result !== null ? data.result : data;
+  const stdout = inner.stdout ?? null;
+  const stderr = inner.stderr ?? null;
+  const value = inner.value ?? null;
+  const error = inner.error ?? null;
+  let exception = null;
+  if (inner.exception && typeof inner.exception === "object") {
+    const exc = inner.exception;
+    exception = {
+      name: exc.name ?? "Error",
+      value: exc.value ?? "",
+      traceback: exc.traceback ?? ""
+    };
+  }
+  let imagePng = null;
+  let plotlyJson = null;
+  const outputs = [];
+  if (inner.data && typeof inner.data === "object") {
+    imagePng = inner.data.png ?? null;
+  }
+  if (Array.isArray(data.outputs)) {
+    for (const output of data.outputs) {
+      if (output && typeof output === "object") {
+        const outputRecord = output;
+        const mimeBundle = output.mime_bundle;
+        let outputImagePng = null;
+        let outputPlotlyJson = null;
+        let outputTextPlain = null;
+        if (mimeBundle && typeof mimeBundle === "object") {
+          const mb = mimeBundle;
+          if (!plotlyJson && typeof mb["plotly+json"] === "string") {
+            plotlyJson = mb["plotly+json"];
+          }
+          if (!imagePng && typeof mb["image/png"] === "string") {
+            imagePng = mb["image/png"];
+          }
+          outputPlotlyJson = typeof mb["plotly+json"] === "string" ? mb["plotly+json"] : null;
+          outputImagePng = typeof mb["image/png"] === "string" ? mb["image/png"] : null;
+          outputTextPlain = typeof mb["text/plain"] === "string" ? mb["text/plain"] : null;
+        }
+        outputs.push({
+          objectId: typeof outputRecord.object_id === "string" ? outputRecord.object_id : null,
+          title: typeof outputRecord.title === "string" ? outputRecord.title : null,
+          textPlain: outputTextPlain,
+          imagePng: outputImagePng,
+          plotlyJson: outputPlotlyJson,
+          assetId: typeof outputRecord.asset_id === "string" ? outputRecord.asset_id : null
+        });
+      }
+    }
+  }
+  const createdAssets = Array.isArray(data.created_assets) ? data.created_assets : [];
+  const assetId = typeof data.asset_id === "string" ? data.asset_id : null;
+  const deckId = typeof data.deck_id === "string" ? data.deck_id : null;
+  return {
+    outputs,
+    stdout,
+    stderr,
+    value,
+    error,
+    exception,
+    imagePng,
+    plotlyJson,
+    createdAssets,
+    assetId,
+    deckId
+  };
+}
+function getExecutionTextOutput(parsed) {
+  const output = [
+    parsed.value,
+    parsed.stdout,
+    parsed.stderr,
+    ...parsed.outputs.map((entry) => {
+      if (!entry.textPlain) {
+        return null;
+      }
+      return entry.title ? `${entry.title}
+${entry.textPlain}` : entry.textPlain;
+    })
+  ].filter((chunk) => Boolean(chunk && chunk.trim())).join("\n\n");
+  return output || null;
+}
+function getPlotly() {
+  return window.Plotly;
+}
+let plotlyLoadPromise = null;
+function ensurePlotlyLoaded() {
+  if (getPlotly()) return Promise.resolve();
+  if (plotlyLoadPromise) return plotlyLoadPromise;
+  plotlyLoadPromise = new Promise((resolve, reject) => {
+    const script = document.createElement("script");
+    script.src = "https://cdn.plot.ly/plotly-2.35.2.min.js";
+    script.crossOrigin = "anonymous";
+    script.onload = () => resolve();
+    script.onerror = () => {
+      plotlyLoadPromise = null;
+      document.head.removeChild(script);
+      reject(new Error("Failed to load Plotly"));
+    };
+    document.head.appendChild(script);
+  });
+  return plotlyLoadPromise;
+}
+const PlotlyChart = ({ json, height = 500 }) => {
+  const chartRef = useRef(null);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    let cancelled = false;
+    ensurePlotlyLoaded().then(() => {
+      if (cancelled || !chartRef.current) return;
+      const parsed = JSON.parse(json);
+      const Plotly = getPlotly();
+      if (!Plotly) return;
+      Plotly.newPlot(
+        chartRef.current,
+        parsed.data || [],
+        { ...parsed.layout || {}, autosize: true, width: void 0, height: void 0 },
+        { responsive: true, displayModeBar: true, displaylogo: false, showLink: false }
+      );
+    }).catch((err) => {
+      if (!cancelled) setError(err.message);
+    });
+    return () => {
+      cancelled = true;
+      if (chartRef.current) {
+        const Plotly = getPlotly();
+        if (Plotly) Plotly.purge(chartRef.current);
+      }
+    };
+  }, [json]);
+  if (error) {
+    return /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: error });
+  }
+  return /* @__PURE__ */ jsx("div", { ref: chartRef, className: "w-full overflow-hidden", style: { height } });
+};
+const PlotlyChartSection = ({ json }) => {
+  const [isFullscreen, setIsFullscreen] = useState(false);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "border-t border-border/40 px-4 py-2.5", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-1.5", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx(BarChart3Icon, { className: "size-3 text-muted-foreground" }),
+          /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-muted-foreground", children: "Interactive chart" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setIsFullscreen(true),
+            className: "flex items-center gap-1 rounded-md px-1.5 py-1 text-[11px] text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
+            title: "View full screen",
+            children: /* @__PURE__ */ jsx(Maximize2Icon, { className: "size-3.5" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(PlotlyChart, { json })
+    ] }),
+    isFullscreen && /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-[9999] flex flex-col bg-background", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-3 border-b border-border", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(BarChart3Icon, { className: "size-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Interactive chart" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setIsFullscreen(false),
+            className: "flex items-center justify-center rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
+            title: "Close full screen",
+            children: /* @__PURE__ */ jsx(XIcon, { className: "size-5" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 p-4", children: /* @__PURE__ */ jsx(PlotlyChart, { json, height: "100%" }) })
+    ] })
+  ] });
+};
+const SyntaxHighlightedCode = memo(({ code }) => {
+  const highlighted = useMemo(() => highlightPython(code), [code]);
+  return /* @__PURE__ */ jsx(
+    "pre",
+    {
+      className: "whitespace-pre-wrap break-words text-[11px] leading-relaxed font-mono",
+      dangerouslySetInnerHTML: { __html: highlighted }
+    }
+  );
+});
+SyntaxHighlightedCode.displayName = "SyntaxHighlightedCode";
+const PY_KEYWORDS = /* @__PURE__ */ new Set([
+  "False",
+  "None",
+  "True",
+  "and",
+  "as",
+  "assert",
+  "async",
+  "await",
+  "break",
+  "class",
+  "continue",
+  "def",
+  "del",
+  "elif",
+  "else",
+  "except",
+  "finally",
+  "for",
+  "from",
+  "global",
+  "if",
+  "import",
+  "in",
+  "is",
+  "lambda",
+  "nonlocal",
+  "not",
+  "or",
+  "pass",
+  "raise",
+  "return",
+  "try",
+  "while",
+  "with",
+  "yield"
+]);
+const PY_BUILTINS = /* @__PURE__ */ new Set([
+  "print",
+  "len",
+  "range",
+  "int",
+  "str",
+  "float",
+  "list",
+  "dict",
+  "set",
+  "tuple",
+  "bool",
+  "type",
+  "isinstance",
+  "enumerate",
+  "zip",
+  "map",
+  "filter",
+  "sorted",
+  "reversed",
+  "sum",
+  "min",
+  "max",
+  "abs",
+  "round",
+  "open",
+  "super",
+  "property",
+  "staticmethod",
+  "classmethod",
+  "display",
+  "input",
+  "format",
+  "getattr",
+  "setattr",
+  "hasattr",
+  "vars",
+  "dir"
+]);
+function escapeHtml(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function highlightPython(code) {
+  const lines = code.split("\n");
+  return lines.map((line) => {
+    const commentMatch = line.match(/^(\s*)(#.*)$/);
+    if (commentMatch) {
+      return `${escapeHtml(commentMatch[1])}<span style="color:var(--aui-syn-comment, #6a9955)">${escapeHtml(commentMatch[2])}</span>`;
+    }
+    let result = "";
+    let i = 0;
+    while (i < line.length) {
+      if (line[i] === "#") {
+        result += `<span style="color:var(--aui-syn-comment, #6a9955)">${escapeHtml(line.slice(i))}</span>`;
+        break;
+      }
+      if (line.slice(i, i + 3) === '"""' || line.slice(i, i + 3) === "'''") {
+        const quote = line.slice(i, i + 3);
+        const end = line.indexOf(quote, i + 3);
+        const str = end >= 0 ? line.slice(i, end + 3) : line.slice(i);
+        result += `<span style="color:var(--aui-syn-string, #ce9178)">${escapeHtml(str)}</span>`;
+        i += str.length;
+        continue;
+      }
+      if (line[i] === '"' || line[i] === "'") {
+        const q = line[i];
+        let j = i + 1;
+        while (j < line.length && line[j] !== q) {
+          if (line[j] === "\\") j++;
+          j++;
+        }
+        const str = line.slice(i, j + 1);
+        result += `<span style="color:var(--aui-syn-string, #ce9178)">${escapeHtml(str)}</span>`;
+        i = j + 1;
+        continue;
+      }
+      if (/\d/.test(line[i]) && (i === 0 || /[\s(,=[\-+*/:!<>]/.test(line[i - 1]))) {
+        const numMatch = line.slice(i).match(/^(\d+\.?\d*(?:[eE][+-]?\d+)?)/);
+        if (numMatch) {
+          result += `<span style="color:var(--aui-syn-number, #b5cea8)">${escapeHtml(numMatch[1])}</span>`;
+          i += numMatch[1].length;
+          continue;
+        }
+      }
+      if (/[a-zA-Z_]/.test(line[i])) {
+        const wordMatch = line.slice(i).match(/^[a-zA-Z_]\w*/);
+        if (wordMatch) {
+          const word = wordMatch[0];
+          if (PY_KEYWORDS.has(word)) {
+            result += `<span style="color:var(--aui-syn-keyword, #569cd6)">${escapeHtml(word)}</span>`;
+          } else if (PY_BUILTINS.has(word)) {
+            result += `<span style="color:var(--aui-syn-builtin, #dcdcaa)">${escapeHtml(word)}</span>`;
+          } else if (line[i + word.length] === "(") {
+            result += `<span style="color:var(--aui-syn-func, #dcdcaa)">${escapeHtml(word)}</span>`;
+          } else {
+            result += escapeHtml(word);
+          }
+          i += word.length;
+          continue;
+        }
+      }
+      if (line[i] === "@" && (i === 0 || /\s/.test(line[i - 1]))) {
+        const decMatch = line.slice(i).match(/^@[\w.]+/);
+        if (decMatch) {
+          result += `<span style="color:var(--aui-syn-decorator, #569cd6)">${escapeHtml(decMatch[0])}</span>`;
+          i += decMatch[0].length;
+          continue;
+        }
+      }
+      if (/[+\-*/%=<>!&|^~]/.test(line[i])) {
+        result += `<span style="color:var(--aui-syn-op, #d4d4d4)">${escapeHtml(line[i])}</span>`;
+        i++;
+        continue;
+      }
+      result += escapeHtml(line[i]);
+      i++;
+    }
+    return result;
+  }).join("\n");
+}
+const RunPythonCodeToolUIImpl = ({
+  toolName,
+  args,
+  result,
+  status
+}) => {
+  var _a;
+  const typedArgs = args;
+  const code = (typedArgs == null ? void 0 : typedArgs.code) ?? "";
+  const summary = (typedArgs == null ? void 0 : typedArgs.summary) ?? null;
+  const lines = code ? code.split("\n").length : 0;
+  const isRunning = (status == null ? void 0 : status.type) === "running";
+  const isComplete = (status == null ? void 0 : status.type) === "complete";
+  const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? status.error : null;
+  const parsed = useMemo(
+    () => isComplete ? parsePythonResult(result) : null,
+    [result, isComplete]
+  );
+  const openAsset = useAssetPanelStore((s) => s.openAsset);
+  const outputText = parsed ? getExecutionTextOutput(parsed) : null;
+  const hasOutput = Boolean(outputText);
+  const hasError = parsed && (parsed.error || parsed.exception);
+  const hasImage = parsed == null ? void 0 : parsed.imagePng;
+  const hasPlotly = parsed == null ? void 0 : parsed.plotlyJson;
+  return /* @__PURE__ */ jsxs(
+    ToolCard,
+    {
+      icon: CodeIcon,
+      status: (status == null ? void 0 : status.type) ?? "complete",
+      title: isRunning ? "Running code..." : summary || `Executed ${lines} ${lines !== 1 ? "lines" : "line"}`,
+      toolName,
+      args: typedArgs,
+      result,
+      error: errorMsg,
+      children: [
+        code && /* @__PURE__ */ jsx(ExpandableSection, { label: "Show code", children: /* @__PURE__ */ jsx(SyntaxHighlightedCode, { code }) }),
+        isComplete && hasOutput && /* @__PURE__ */ jsxs("div", { className: "border-t border-border/40 px-4 py-2.5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 mb-1", children: [
+            /* @__PURE__ */ jsx(TerminalIcon, { className: "size-3 text-muted-foreground" }),
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-muted-foreground", children: "Output" })
+          ] }),
+          /* @__PURE__ */ jsx("pre", { className: "max-h-48 overflow-auto whitespace-pre-wrap break-words rounded-md bg-muted/30 p-2 text-[11px] leading-relaxed font-mono text-foreground/80", children: outputText })
+        ] }),
+        isComplete && hasError && /* @__PURE__ */ jsxs("div", { className: "border-t border-border/40 bg-destructive/10 px-4 py-2.5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 mb-1", children: [
+            /* @__PURE__ */ jsx(AlertTriangleIcon, { className: "size-3 text-destructive" }),
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-destructive", children: parsed.exception ? `${parsed.exception.name}: ${parsed.exception.value}` : "Error" })
+          ] }),
+          /* @__PURE__ */ jsx("pre", { className: "max-h-48 overflow-auto whitespace-pre-wrap break-words rounded-md bg-destructive/5 p-2 text-[11px] leading-relaxed font-mono text-destructive/80", children: ((_a = parsed.exception) == null ? void 0 : _a.traceback) ?? parsed.error })
+        ] }),
+        isComplete && hasPlotly && /* @__PURE__ */ jsx(PlotlyChartSection, { json: parsed.plotlyJson }),
+        isComplete && hasImage && !hasPlotly && /* @__PURE__ */ jsxs("div", { className: "border-t border-border/40 px-4 py-2.5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 mb-1.5", children: [
+            /* @__PURE__ */ jsx(ImageIcon, { className: "size-3 text-muted-foreground" }),
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-muted-foreground", children: "Generated image" })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: `data:image/png;base64,${parsed.imagePng}`,
+              alt: "Python output",
+              className: "max-w-full rounded-md border border-border/40"
+            }
+          )
+        ] }),
+        isComplete && parsed && parsed.createdAssets.length > 0 && /* @__PURE__ */ jsxs("div", { className: "border-t border-border/40 px-4 py-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-muted-foreground", children: "Created assets" }),
+          /* @__PURE__ */ jsx("div", { className: "mt-1 flex flex-wrap gap-1.5", children: parsed.createdAssets.map((a) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => openAsset(a.asset_id),
+              className: "flex items-center gap-1 rounded-md border border-border/60 px-2 py-1 text-[11px] font-medium text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
+              children: [
+                /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "size-2.5" }),
+                truncate(a.asset_id, 20)
+              ]
+            },
+            a.asset_id
+          )) })
+        ] })
+      ]
+    }
+  );
+};
+const RunPythonCodeToolUI = memo(
+  RunPythonCodeToolUIImpl
+);
+RunPythonCodeToolUI.displayName = "RunPythonCodeToolUI";
+const ExecutePresentationCodeToolUIImpl = ({
+  toolName,
+  args,
+  result,
+  status
+}) => {
+  var _a;
+  const typedArgs = args;
+  const code = (typedArgs == null ? void 0 : typedArgs.code) ?? "";
+  const summary = (typedArgs == null ? void 0 : typedArgs.summary) ?? null;
+  const deckIdFromArgs = getStringField(typedArgs, ["deck_id", "deckId", "asset_id", "assetId"]) ?? getPresentationCodeDeckId(code);
+  const isRunning = (status == null ? void 0 : status.type) === "running";
+  const isComplete = (status == null ? void 0 : status.type) === "complete";
+  const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? status.error : null;
+  const parsed = useMemo(
+    () => isComplete ? parsePythonResult(result) : null,
+    [result, isComplete]
+  );
+  const resultData = useMemo(() => normalizeResult(result), [result]);
+  const outputText = parsed ? getExecutionTextOutput(parsed) : null;
+  const targetSlideNumber = getPresentationCodeSlideNumber({
+    args: typedArgs,
+    result: resultData
+  });
+  const deckId = (parsed == null ? void 0 : parsed.deckId) ?? deckIdFromArgs;
+  const assetId = (parsed == null ? void 0 : parsed.assetId) ?? ((deckId == null ? void 0 : deckId.startsWith("asset_")) ? deckId : null);
+  const hasError = parsed && (parsed.error || parsed.exception);
+  const openAsset = useAssetPanelStore((s) => s.openAsset);
+  useEffect(() => {
+    if (!isComplete) {
+      return;
+    }
+    logDebugPayload("[Athena SDK execute_presentation_code] tool state", {
+      args: typedArgs,
+      parsedResult: resultData,
+      status,
+      assetId,
+      deckId,
+      targetSlideNumber,
+      outputText
+    });
+  }, [
+    assetId,
+    deckId,
+    isComplete,
+    outputText,
+    resultData,
+    status,
+    targetSlideNumber,
+    typedArgs
+  ]);
+  const openPresentation = useCallback(() => {
+    if (!assetId) {
+      return;
+    }
+    logDebugPayload("[Athena SDK execute_presentation_code] open deck", {
+      args: typedArgs,
+      parsedResult: resultData,
+      assetId,
+      deckId,
+      targetSlideNumber
+    });
+    openAsset(assetId, {
+      type: "presentation",
+      ...targetSlideNumber !== void 0 ? { slideNumber: targetSlideNumber } : {}
+    });
+  }, [assetId, deckId, openAsset, resultData, targetSlideNumber, typedArgs]);
+  return /* @__PURE__ */ jsxs(
+    ToolCard,
+    {
+      icon: PresentationIcon,
+      status: (status == null ? void 0 : status.type) ?? "complete",
+      title: isRunning ? summary || "Executing presentation code..." : summary || "Presentation updated",
+      subtitle: deckId ? `Deck ${truncate(deckId, 24)}` : assetId ? `Asset ${truncate(assetId, 24)}` : void 0,
+      badge: "Deck",
+      toolName,
+      args: typedArgs,
+      result,
+      error: errorMsg,
+      children: [
+        assetId && isComplete && /* @__PURE__ */ jsx("div", { className: "border-t border-border/40 px-4 py-2.5", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-[11px] font-medium text-muted-foreground", children: "Open the updated deck in the asset panel" }),
+            /* @__PURE__ */ jsx("div", { className: "truncate text-[11px] text-foreground/80", children: truncate(assetId, 32) })
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: openPresentation,
+              className: "flex shrink-0 items-center gap-1.5 rounded-md border border-border/60 px-3 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
+              children: [
+                /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "size-3" }),
+                targetSlideNumber ? `Open slide ${targetSlideNumber}` : "Open deck"
+              ]
+            }
+          )
+        ] }) }),
+        code && /* @__PURE__ */ jsx(ExpandableSection, { label: "Show code", children: /* @__PURE__ */ jsx(SyntaxHighlightedCode, { code }) }),
+        isComplete && outputText && /* @__PURE__ */ jsxs("div", { className: "border-t border-border/40 px-4 py-2.5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx(TerminalIcon, { className: "size-3 text-muted-foreground" }),
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-muted-foreground", children: "Execution log" })
+          ] }),
+          /* @__PURE__ */ jsx("pre", { className: "max-h-56 overflow-auto whitespace-pre-wrap break-words rounded-md bg-muted/30 p-2 text-[11px] leading-relaxed font-mono text-foreground/80", children: outputText })
+        ] }),
+        isComplete && hasError && /* @__PURE__ */ jsxs("div", { className: "border-t border-border/40 bg-destructive/10 px-4 py-2.5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx(AlertTriangleIcon, { className: "size-3 text-destructive" }),
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-destructive", children: parsed.exception ? `${parsed.exception.name}: ${parsed.exception.value}` : "Execution error" })
+          ] }),
+          /* @__PURE__ */ jsx("pre", { className: "max-h-48 overflow-auto whitespace-pre-wrap break-words rounded-md bg-destructive/5 p-2 text-[11px] leading-relaxed font-mono text-destructive/80", children: ((_a = parsed.exception) == null ? void 0 : _a.traceback) ?? parsed.error })
+        ] }),
+        isComplete && parsed && parsed.createdAssets.length > 0 && /* @__PURE__ */ jsxs("div", { className: "border-t border-border/40 px-4 py-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-muted-foreground", children: "Created assets" }),
+          /* @__PURE__ */ jsx("div", { className: "mt-1 flex flex-wrap gap-1.5", children: parsed.createdAssets.map((entry) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => openAsset(entry.asset_id),
+              className: "flex items-center gap-1 rounded-md border border-border/60 px-2 py-1 text-[11px] font-medium text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
+              children: [
+                /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "size-2.5" }),
+                truncate(entry.asset_id, 20)
+              ]
+            },
+            entry.asset_id
+          )) })
+        ] })
+      ]
+    }
+  );
+};
+const ExecutePresentationCodeToolUI = memo(
+  ExecutePresentationCodeToolUIImpl
+);
+ExecutePresentationCodeToolUI.displayName = "ExecutePresentationCodeToolUI";
+const OpenAssetToolUIImpl = ({
+  toolName,
+  args,
+  result,
+  status
+}) => {
+  const typedArgs = args;
+  const argsAssetId = (typedArgs == null ? void 0 : typedArgs.asset_id) ?? (typedArgs == null ? void 0 : typedArgs.assetId) ?? "";
+  const resultAssetId = extractAssetId(result);
+  const assetId = resultAssetId ?? (argsAssetId.startsWith("asset_") ? argsAssetId : null);
+  const isRunning = (status == null ? void 0 : status.type) === "running";
+  const isComplete = (status == null ? void 0 : status.type) === "complete" || !status;
+  const isCancelled = (status == null ? void 0 : status.type) === "incomplete" && status.reason === "cancelled";
+  const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? status.error : null;
+  const openAsset = useAssetPanelStore((s) => s.openAsset);
+  return /* @__PURE__ */ jsx(
+    ToolCard,
+    {
+      icon: FolderOpenIcon,
+      status: (status == null ? void 0 : status.type) ?? "complete",
+      title: isRunning ? "Opening asset..." : "Asset opened",
+      subtitle: assetId ? truncate(assetId, 30) : void 0,
+      toolName,
+      args: typedArgs,
+      result,
+      error: errorMsg,
+      children: assetId && isComplete && !isCancelled && /* @__PURE__ */ jsx("div", { className: "border-t border-border/40 px-4 py-2", children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => openAsset(assetId),
+          className: "flex items-center gap-1.5 rounded-md border border-border/60 px-3 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
+          children: [
+            /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "size-3" }),
+            "Open asset"
+          ]
+        }
+      ) })
+    }
+  );
+};
+const OpenAssetToolUI = memo(
+  OpenAssetToolUIImpl
+);
+OpenAssetToolUI.displayName = "OpenAssetToolUI";
+const DescribeDatabaseToolUIImpl = ({
+  toolName,
+  args,
+  result,
+  status
+}) => {
+  const typedArgs = args;
+  const data = useMemo(() => normalizeResult(result), [result]);
+  const title = typeof (data == null ? void 0 : data.title) === "string" ? data.title : null;
+  const provider = typeof (data == null ? void 0 : data.provider) === "string" ? data.provider : null;
+  const databaseName = typeof (data == null ? void 0 : data.database_name) === "string" ? data.database_name : null;
+  const tableCount = typeof (data == null ? void 0 : data.table_count) === "number" ? data.table_count : null;
+  const dbStatus = typeof (data == null ? void 0 : data.status) === "string" ? data.status : null;
+  const isRunning = (status == null ? void 0 : status.type) === "running";
+  const isComplete = (status == null ? void 0 : status.type) === "complete";
+  const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? status.error : null;
+  return /* @__PURE__ */ jsx(
+    ToolCard,
+    {
+      icon: DatabaseIcon,
+      status: (status == null ? void 0 : status.type) ?? "complete",
+      title: isRunning ? "Inspecting database..." : title ? `Database: ${title}` : "Database overview",
+      subtitle: databaseName ?? void 0,
+      toolName,
+      args: typedArgs,
+      result,
+      badge: isComplete && tableCount !== null ? `${tableCount} ${tableCount === 1 ? "table" : "tables"}` : void 0,
+      error: errorMsg,
+      children: isComplete && (title || provider || databaseName || dbStatus) && /* @__PURE__ */ jsx("div", { className: "border-t border-border/40 px-4 py-2.5", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 text-[11px]", children: [
+        title && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 min-w-0", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-muted-foreground", children: "Name" }),
+          /* @__PURE__ */ jsx("span", { className: "truncate text-foreground/80", children: title })
+        ] }),
+        provider && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 min-w-0", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-muted-foreground", children: "Provider" }),
+          /* @__PURE__ */ jsx("span", { className: "truncate text-foreground/80 capitalize", children: provider })
+        ] }),
+        databaseName && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 min-w-0", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-muted-foreground", children: "Database" }),
+          /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-foreground/80", children: databaseName })
+        ] }),
+        dbStatus && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 min-w-0", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-muted-foreground", children: "Status" }),
+          /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: cn(
+                "inline-flex w-fit items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium capitalize",
+                dbStatus === "active" ? "bg-emerald-50 text-emerald-700" : "bg-muted text-muted-foreground"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cn(
+                      "size-1.5 rounded-full",
+                      dbStatus === "active" ? "bg-emerald-500" : "bg-muted-foreground"
+                    )
+                  }
+                ),
+                dbStatus
+              ]
+            }
+          )
+        ] })
+      ] }) })
+    }
+  );
+};
+const DescribeDatabaseToolUI = memo(
+  DescribeDatabaseToolUIImpl
+);
+DescribeDatabaseToolUI.displayName = "DescribeDatabaseToolUI";
+const ListDatabaseTablesToolUIImpl = ({
+  toolName,
+  args,
+  result,
+  status
+}) => {
+  const typedArgs = args;
+  const data = useMemo(() => normalizeResult(result), [result]);
+  const tables = useMemo(() => {
+    if (!data || !Array.isArray(data.tables)) return [];
+    return data.tables.map((t) => {
+      const item = t ?? {};
+      return {
+        table_name: typeof item.table_name === "string" ? item.table_name : "",
+        schema_name: typeof item.schema_name === "string" ? item.schema_name : void 0,
+        row_count: typeof item.row_count === "number" ? item.row_count : void 0
+      };
+    });
+  }, [data]);
+  const isRunning = (status == null ? void 0 : status.type) === "running";
+  const isComplete = (status == null ? void 0 : status.type) === "complete";
+  const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? status.error : null;
+  return /* @__PURE__ */ jsx(
+    ToolCard,
+    {
+      icon: TableIcon,
+      status: (status == null ? void 0 : status.type) ?? "complete",
+      title: isRunning ? "Listing database tables..." : "Database tables",
+      toolName,
+      args: typedArgs,
+      result,
+      badge: isComplete && tables.length > 0 ? `${tables.length} ${tables.length === 1 ? "table" : "tables"}` : void 0,
+      error: errorMsg,
+      children: isComplete && tables.length > 0 && /* @__PURE__ */ jsx(
+        ExpandableSection,
+        {
+          label: "Show tables",
+          defaultOpen: tables.length <= 10,
+          children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5", children: tables.map((t) => {
+            const qualified = t.schema_name ? `${t.schema_name}.${t.table_name}` : t.table_name;
+            return /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "flex items-center justify-between gap-3 rounded-md px-2 py-1 hover:bg-muted/40",
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [
+                    /* @__PURE__ */ jsx(TableIcon, { className: "size-3 shrink-0 text-muted-foreground/60" }),
+                    /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-[12px] text-foreground/90", children: qualified })
+                  ] }),
+                  t.row_count !== void 0 && /* @__PURE__ */ jsxs("span", { className: "shrink-0 text-[10px] tabular-nums text-muted-foreground", children: [
+                    t.row_count.toLocaleString(),
+                    " ",
+                    t.row_count === 1 ? "row" : "rows"
+                  ] })
+                ]
+              },
+              qualified
+            );
+          }) })
+        }
+      )
+    }
+  );
+};
+const ListDatabaseTablesToolUI = memo(
+  ListDatabaseTablesToolUIImpl
+);
+ListDatabaseTablesToolUI.displayName = "ListDatabaseTablesToolUI";
+const GetDatabaseTableSchemaToolUIImpl = ({
+  toolName,
+  args,
+  result,
+  status
+}) => {
+  const typedArgs = args;
+  const data = useMemo(() => normalizeResult(result), [result]);
+  const tableName = (typeof (data == null ? void 0 : data.table_name) === "string" ? data.table_name : null) ?? (typeof (typedArgs == null ? void 0 : typedArgs.table_name) === "string" ? typedArgs.table_name : null);
+  const schemaName = typeof (data == null ? void 0 : data.schema_name) === "string" ? data.schema_name : null;
+  const columns = useMemo(() => {
+    if (!data || !Array.isArray(data.columns)) return [];
+    return data.columns.map((c) => {
+      const item = c ?? {};
+      return {
+        name: typeof item.name === "string" ? item.name : "",
+        data_type: typeof item.data_type === "string" ? item.data_type : "",
+        is_nullable: typeof item.is_nullable === "boolean" ? item.is_nullable : void 0,
+        default_value: typeof item.default_value === "string" ? item.default_value : null,
+        max_length: typeof item.max_length === "number" ? item.max_length : null
+      };
+    });
+  }, [data]);
+  const isRunning = (status == null ? void 0 : status.type) === "running";
+  const isComplete = (status == null ? void 0 : status.type) === "complete";
+  const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? status.error : null;
+  const displayName = tableName ? schemaName ? `${schemaName}.${tableName}` : tableName : null;
+  return /* @__PURE__ */ jsx(
+    ToolCard,
+    {
+      icon: TablePropertiesIcon,
+      status: (status == null ? void 0 : status.type) ?? "complete",
+      title: isRunning ? "Reading table schema..." : displayName ? `Schema: ${displayName}` : "Table schema",
+      toolName,
+      args: typedArgs,
+      result,
+      badge: isComplete && columns.length > 0 ? `${columns.length} ${columns.length === 1 ? "column" : "columns"}` : void 0,
+      error: errorMsg,
+      children: isComplete && columns.length > 0 && /* @__PURE__ */ jsx(
+        ExpandableSection,
+        {
+          label: "Show columns",
+          defaultOpen: columns.length <= 12,
+          children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-md border border-border/40", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-[11px]", children: [
+            /* @__PURE__ */ jsx("thead", { className: "bg-muted/50", children: /* @__PURE__ */ jsxs("tr", { children: [
+              /* @__PURE__ */ jsx("th", { className: "px-2 py-1.5 text-left font-medium text-muted-foreground", children: "Column" }),
+              /* @__PURE__ */ jsx("th", { className: "px-2 py-1.5 text-left font-medium text-muted-foreground", children: "Type" }),
+              /* @__PURE__ */ jsx("th", { className: "px-2 py-1.5 text-right font-medium text-muted-foreground", children: "Nullable" })
+            ] }) }),
+            /* @__PURE__ */ jsx("tbody", { children: columns.map((col) => {
+              const typeLabel = col.max_length != null ? `${col.data_type}(${col.max_length})` : col.data_type;
+              return /* @__PURE__ */ jsxs(
+                "tr",
+                {
+                  className: "border-t border-border/30",
+                  title: col.default_value ? `default: ${col.default_value}` : void 0,
+                  children: [
+                    /* @__PURE__ */ jsx("td", { className: "whitespace-nowrap px-2 py-1 font-mono text-foreground/90", children: col.name }),
+                    /* @__PURE__ */ jsx("td", { className: "whitespace-nowrap px-2 py-1 text-muted-foreground", children: typeLabel }),
+                    /* @__PURE__ */ jsx("td", { className: "whitespace-nowrap px-2 py-1 text-right", children: col.is_nullable === false ? /* @__PURE__ */ jsx("span", { className: "rounded bg-amber-50 px-1 py-0.5 text-[10px] font-medium text-amber-700", children: "NOT NULL" }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/50", children: "—" }) })
+                  ]
+                },
+                col.name
+              );
+            }) })
+          ] }) })
+        }
+      )
+    }
+  );
+};
+const GetDatabaseTableSchemaToolUI = memo(
+  GetDatabaseTableSchemaToolUIImpl
+);
+GetDatabaseTableSchemaToolUI.displayName = "GetDatabaseTableSchemaToolUI";
+const SQL_KEYWORDS = /* @__PURE__ */ new Set([
+  "SELECT",
+  "FROM",
+  "WHERE",
+  "JOIN",
+  "LEFT",
+  "RIGHT",
+  "INNER",
+  "OUTER",
+  "FULL",
+  "CROSS",
+  "ON",
+  "USING",
+  "AND",
+  "OR",
+  "NOT",
+  "IN",
+  "IS",
+  "NULL",
+  "AS",
+  "ORDER",
+  "BY",
+  "GROUP",
+  "HAVING",
+  "LIMIT",
+  "OFFSET",
+  "UNION",
+  "ALL",
+  "DISTINCT",
+  "INSERT",
+  "INTO",
+  "VALUES",
+  "UPDATE",
+  "SET",
+  "DELETE",
+  "CREATE",
+  "TABLE",
+  "DROP",
+  "ALTER",
+  "ADD",
+  "COLUMN",
+  "INDEX",
+  "PRIMARY",
+  "KEY",
+  "FOREIGN",
+  "REFERENCES",
+  "CONSTRAINT",
+  "CASCADE",
+  "CASE",
+  "WHEN",
+  "THEN",
+  "ELSE",
+  "END",
+  "WITH",
+  "RECURSIVE",
+  "ASC",
+  "DESC",
+  "BETWEEN",
+  "LIKE",
+  "ILIKE",
+  "EXISTS",
+  "ANY",
+  "SOME",
+  "RETURNING",
+  "OVER",
+  "PARTITION",
+  "WINDOW"
+]);
+const SQL_FUNCTIONS = /* @__PURE__ */ new Set([
+  "COUNT",
+  "SUM",
+  "AVG",
+  "MIN",
+  "MAX",
+  "ROUND",
+  "CAST",
+  "COALESCE",
+  "NULLIF",
+  "UPPER",
+  "LOWER",
+  "LENGTH",
+  "SUBSTRING",
+  "TRIM",
+  "CONCAT",
+  "DATE",
+  "NOW",
+  "CURRENT_DATE",
+  "CURRENT_TIMESTAMP",
+  "EXTRACT",
+  "DATE_TRUNC",
+  "ROW_NUMBER",
+  "RANK",
+  "DENSE_RANK",
+  "LAG",
+  "LEAD"
+]);
+function highlightSql(code) {
+  let result = "";
+  let i = 0;
+  while (i < code.length) {
+    if (code.slice(i, i + 2) === "--") {
+      const end = code.indexOf("\n", i);
+      const str = end >= 0 ? code.slice(i, end) : code.slice(i);
+      result += `<span style="color:var(--aui-syn-comment, #6a9955)">${escapeHtml(str)}</span>`;
+      i += str.length;
+      continue;
+    }
+    if (code.slice(i, i + 2) === "/*") {
+      const end = code.indexOf("*/", i + 2);
+      const str = end >= 0 ? code.slice(i, end + 2) : code.slice(i);
+      result += `<span style="color:var(--aui-syn-comment, #6a9955)">${escapeHtml(str)}</span>`;
+      i += str.length;
+      continue;
+    }
+    if (code[i] === "'" || code[i] === '"') {
+      const q = code[i];
+      let j = i + 1;
+      while (j < code.length) {
+        if (code[j] === q) {
+          if (j + 1 < code.length && code[j + 1] === q) {
+            j += 2;
+            continue;
+          }
+          break;
+        }
+        j++;
+      }
+      const str = code.slice(i, j + 1);
+      result += `<span style="color:var(--aui-syn-string, #ce9178)">${escapeHtml(str)}</span>`;
+      i = j + 1;
+      continue;
+    }
+    if (/\d/.test(code[i]) && (i === 0 || /[\s(,=[\-+*/:!<>]/.test(code[i - 1]))) {
+      const m = code.slice(i).match(/^(\d+\.?\d*)/);
+      if (m) {
+        result += `<span style="color:var(--aui-syn-number, #b5cea8)">${escapeHtml(m[1])}</span>`;
+        i += m[1].length;
+        continue;
+      }
+    }
+    if (/[a-zA-Z_]/.test(code[i])) {
+      const m = code.slice(i).match(/^[a-zA-Z_]\w*/);
+      if (m) {
+        const word = m[0];
+        const upper = word.toUpperCase();
+        if (SQL_KEYWORDS.has(upper)) {
+          result += `<span style="color:var(--aui-syn-keyword, #569cd6)">${escapeHtml(word)}</span>`;
+        } else if (SQL_FUNCTIONS.has(upper)) {
+          result += `<span style="color:var(--aui-syn-func, #dcdcaa)">${escapeHtml(word)}</span>`;
+        } else {
+          result += escapeHtml(word);
+        }
+        i += word.length;
+        continue;
+      }
+    }
+    result += escapeHtml(code[i]);
+    i++;
+  }
+  return result;
+}
+const SyntaxHighlightedSql = memo(({ code }) => {
+  const highlighted = useMemo(() => highlightSql(code), [code]);
+  return /* @__PURE__ */ jsx(
+    "pre",
+    {
+      className: "whitespace-pre-wrap break-words text-[11px] leading-relaxed font-mono",
+      dangerouslySetInnerHTML: { __html: highlighted }
+    }
+  );
+});
+SyntaxHighlightedSql.displayName = "SyntaxHighlightedSql";
+function parseSqlResult(result) {
+  const empty = { columns: [], rows: [], rowCount: null };
+  const data = normalizeResult(result);
+  if (!data) return empty;
+  const inner = data.result && typeof data.result === "object" && !Array.isArray(data.result) ? data.result : data;
+  const rawRows = inner.rows ?? inner.data ?? inner.records;
+  if (!Array.isArray(rawRows)) return empty;
+  const rows = rawRows.filter(
+    (r) => typeof r === "object" && r !== null && !Array.isArray(r)
+  );
+  let columns = [];
+  if (Array.isArray(inner.columns)) {
+    columns = inner.columns.map((c) => {
+      if (typeof c === "string") return c;
+      if (c && typeof c === "object") {
+        const name = c.name;
+        return typeof name === "string" ? name : null;
+      }
+      return null;
+    }).filter((c) => c !== null);
+  }
+  if (columns.length === 0 && rows.length > 0) {
+    columns = Object.keys(rows[0]);
+  }
+  const rowCount = typeof inner.row_count === "number" ? inner.row_count : typeof inner.rowCount === "number" ? inner.rowCount : rows.length;
+  return { columns, rows, rowCount };
+}
+const RunSqlToolUIImpl = ({
+  toolName,
+  args,
+  result,
+  status
+}) => {
+  const typedArgs = args;
+  const sqlQuery = (typedArgs == null ? void 0 : typedArgs.sql_query) ?? (typedArgs == null ? void 0 : typedArgs.query) ?? (typedArgs == null ? void 0 : typedArgs.sql) ?? "";
+  const trimmedQuery = sqlQuery.trim();
+  const isRunning = (status == null ? void 0 : status.type) === "running";
+  const isComplete = (status == null ? void 0 : status.type) === "complete";
+  const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? status.error : null;
+  const parsed = useMemo(
+    () => isComplete ? parseSqlResult(result) : null,
+    [result, isComplete]
+  );
+  const querySubtitle = useMemo(() => {
+    if (!trimmedQuery) return void 0;
+    const oneLine = trimmedQuery.replace(/\s+/g, " ");
+    return truncate(oneLine, 80);
+  }, [trimmedQuery]);
+  return /* @__PURE__ */ jsxs(
+    ToolCard,
+    {
+      icon: PlayIcon,
+      status: (status == null ? void 0 : status.type) ?? "complete",
+      title: isRunning ? "Running SQL query..." : "SQL query",
+      subtitle: querySubtitle,
+      toolName,
+      args: typedArgs,
+      result,
+      badge: isComplete && parsed && parsed.rowCount !== null ? `${parsed.rowCount} ${parsed.rowCount === 1 ? "row" : "rows"}` : void 0,
+      error: errorMsg,
+      children: [
+        trimmedQuery && /* @__PURE__ */ jsx(
+          ExpandableSection,
+          {
+            label: "Show query",
+            defaultOpen: isComplete && (!parsed || parsed.rows.length === 0),
+            children: /* @__PURE__ */ jsx(SyntaxHighlightedSql, { code: trimmedQuery })
+          }
+        ),
+        isComplete && parsed && parsed.rows.length > 0 && /* @__PURE__ */ jsxs("div", { className: "border-t border-border/40", children: [
+          /* @__PURE__ */ jsx("div", { className: "max-h-72 overflow-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-[11px]", children: [
+            /* @__PURE__ */ jsx("thead", { className: "sticky top-0 bg-muted/60 backdrop-blur", children: /* @__PURE__ */ jsx("tr", { children: parsed.columns.map((col) => /* @__PURE__ */ jsx(
+              "th",
+              {
+                className: "whitespace-nowrap px-2 py-1.5 text-left font-medium text-muted-foreground",
+                children: col
+              },
+              col
+            )) }) }),
+            /* @__PURE__ */ jsx("tbody", { children: parsed.rows.slice(0, 50).map((row, i) => /* @__PURE__ */ jsx(
+              "tr",
+              {
+                className: "border-t border-border/30 hover:bg-muted/20",
+                children: parsed.columns.map((col) => {
+                  const value = row[col];
+                  const isNull = value === null || value === void 0;
+                  const str = isNull ? "" : typeof value === "object" ? JSON.stringify(value) : String(value);
+                  return /* @__PURE__ */ jsx(
+                    "td",
+                    {
+                      className: "max-w-[240px] truncate whitespace-nowrap px-2 py-1 text-foreground/80",
+                      title: isNull ? "null" : str,
+                      children: isNull ? /* @__PURE__ */ jsx("span", { className: "italic text-muted-foreground/60", children: "null" }) : str
+                    },
+                    col
+                  );
+                })
+              },
+              i
+            )) })
+          ] }) }),
+          (parsed.rows.length > 50 || parsed.rowCount !== null && parsed.rowCount > parsed.rows.length) && /* @__PURE__ */ jsxs("div", { className: "border-t border-border/30 px-4 py-1.5 text-[10px] text-muted-foreground", children: [
+            "Showing first ",
+            Math.min(50, parsed.rows.length),
+            " of ",
+            parsed.rowCount ?? parsed.rows.length,
+            " rows"
+          ] })
+        ] }),
+        isComplete && parsed && parsed.rows.length === 0 && parsed.rowCount === 0 && /* @__PURE__ */ jsx("div", { className: "border-t border-border/40 px-4 py-2.5", children: /* @__PURE__ */ jsx("span", { className: "text-[11px] italic text-muted-foreground", children: "Query returned no rows" }) })
+      ]
+    }
+  );
+};
+const RunSqlToolUI = memo(
+  RunSqlToolUIImpl
+);
+RunSqlToolUI.displayName = "RunSqlToolUI";
+function parseA1Range(range) {
+  const stripped = range.replace(/^(?:'[^']+'|[^'!]+)!/, "");
+  const match = stripped.match(/^([A-Z]+)(\d+)/i);
+  if (!match) return null;
+  return { startCol: match[1].toUpperCase(), startRow: parseInt(match[2], 10) };
+}
+function colNumToLetter(n) {
+  let result = "";
+  let num = n;
+  while (num > 0) {
+    num--;
+    result = String.fromCharCode(65 + num % 26) + result;
+    num = Math.floor(num / 26);
+  }
+  return result;
+}
+function parseCellsToGrid(cells) {
+  let parsed = null;
+  if (typeof cells === "string") {
+    try {
+      parsed = JSON.parse(cells);
+    } catch {
+      return null;
+    }
+  } else if (Array.isArray(cells)) {
+    parsed = cells;
+  }
+  if (!parsed || !Array.isArray(parsed)) return null;
+  return parsed.map((row) => {
+    if (!Array.isArray(row)) return [];
+    return row.map((cell) => {
+      if (cell == null) return "";
+      if (typeof cell === "object" && cell !== null) {
+        const c = cell;
+        if (c.formula) return c.formula;
+        if (c.value !== void 0 && c.value !== null) return String(c.value);
+        return "";
+      }
+      return String(cell);
+    });
+  });
+}
+const MAX_SHEET_DISPLAY_ROWS = 30;
+const MAX_LISTED_DV_VIOLATIONS = 3;
+function buildSheetUpdateFailureMessage(data, range) {
+  const rawViolations = data == null ? void 0 : data.dataValidationViolations;
+  const violations = Array.isArray(rawViolations) ? rawViolations : [];
+  if (violations.length > 0) {
+    const listed = violations.slice(0, MAX_LISTED_DV_VIOLATIONS).map((v) => {
+      const expectation = v.allowed && v.allowed.length > 0 ? `only allows ${v.allowed.join(", ")}` : `rejected the value${v.constraint ? ` (${v.constraint})` : ""}`;
+      return `${v.address ?? "cell"} ${expectation}`;
+    });
+    const more = violations.length > MAX_LISTED_DV_VIOLATIONS ? ` (+${violations.length - MAX_LISTED_DV_VIOLATIONS} more)` : "";
+    return `Data validation blocked this update — nothing was written: ${listed.join("; ")}${more}`;
+  }
+  const errorStr = typeof (data == null ? void 0 : data.error) === "string" ? data.error : null;
+  if (errorStr) return errorStr;
+  return `Update to ${range || "the sheet"} was rejected — nothing was written`;
+}
+const UpdateSheetRangeToolUIImpl = ({
+  toolName,
+  args,
+  result,
+  status
+}) => {
+  const typedArgs = args;
+  const range = (typedArgs == null ? void 0 : typedArgs.range) ?? "";
+  const explanation = (typedArgs == null ? void 0 : typedArgs.explanation) ?? "";
+  const assetId = (typedArgs == null ? void 0 : typedArgs.asset_id) ?? (typedArgs == null ? void 0 : typedArgs.assetId) ?? "";
+  const data = useMemo(() => normalizeResult(result), [result]);
+  const success = (data == null ? void 0 : data.success) === true;
+  const resultAssetId = extractAssetId(result);
+  const isRunning = (status == null ? void 0 : status.type) === "running";
+  const isComplete = (status == null ? void 0 : status.type) === "complete";
+  const isFailure = isComplete && (data == null ? void 0 : data.success) === false;
+  const errorMsg = isFailure ? buildSheetUpdateFailureMessage(data, range) : (status == null ? void 0 : status.type) === "incomplete" ? status.error : null;
+  const grid = useMemo(
+    () => parseCellsToGrid(typedArgs == null ? void 0 : typedArgs.cells),
+    [typedArgs == null ? void 0 : typedArgs.cells]
+  );
+  const rangeInfo = useMemo(() => parseA1Range(range), [range]);
+  const { headers, displayRows, totalRows } = useMemo(() => {
+    if (!grid || grid.length === 0) {
+      return { headers: [], displayRows: [], totalRows: 0 };
+    }
+    const maxCols = Math.max(...grid.map((r) => r.length));
+    const startColNum = rangeInfo ? rangeInfo.startCol.split("").reduce((acc, c) => acc * 26 + c.charCodeAt(0) - 64, 0) : 1;
+    const hdrs = Array.from(
+      { length: maxCols },
+      (_, i) => colNumToLetter(startColNum + i)
+    );
+    const capped = grid.slice(0, MAX_SHEET_DISPLAY_ROWS);
+    return { headers: hdrs, displayRows: capped, totalRows: grid.length };
+  }, [grid, rangeInfo]);
+  const openAsset = useAssetPanelStore((s) => s.openAsset);
+  const effectiveAssetId = resultAssetId ?? (assetId.startsWith("asset_") ? assetId : null);
+  const title = isRunning ? explanation ? `Updating ${range}: ${explanation}` : `Updating sheet range ${range}...` : isFailure ? `Update to ${range || "sheet"} rejected` : explanation ? `Updated ${range}: ${explanation}` : `Updated sheet range ${range}`;
+  return /* @__PURE__ */ jsxs(
+    ToolCard,
+    {
+      icon: SheetIcon,
+      status: isFailure ? "incomplete" : (status == null ? void 0 : status.type) ?? "complete",
+      title: truncate(title, 80),
+      subtitle: !explanation && range ? `Range: ${range}` : void 0,
+      toolName,
+      args: typedArgs,
+      result,
+      badge: isComplete && success && grid ? `${totalRows} ${totalRows === 1 ? "row" : "rows"}` : void 0,
+      error: errorMsg,
+      children: [
+        headers.length > 0 && displayRows.length > 0 && /* @__PURE__ */ jsxs(
+          ExpandableSection,
+          {
+            label: `Show data (${totalRows} ${totalRows === 1 ? "row" : "rows"})`,
+            defaultOpen: totalRows <= 10,
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "overflow-auto max-h-72", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-[11px]", children: [
+                /* @__PURE__ */ jsx("thead", { className: "sticky top-0 bg-muted/60 backdrop-blur", children: /* @__PURE__ */ jsxs("tr", { children: [
+                  /* @__PURE__ */ jsx("th", { className: "w-8 px-1.5 py-1 text-right font-medium text-muted-foreground/60", children: "#" }),
+                  headers.map((h) => /* @__PURE__ */ jsx(
+                    "th",
+                    {
+                      className: "whitespace-nowrap px-2 py-1 text-center font-medium text-muted-foreground",
+                      children: h
+                    },
+                    h
+                  ))
+                ] }) }),
+                /* @__PURE__ */ jsx("tbody", { children: displayRows.map((row, i) => {
+                  const rowNum = ((rangeInfo == null ? void 0 : rangeInfo.startRow) ?? 1) + i;
+                  return /* @__PURE__ */ jsxs("tr", { className: "border-t border-border/30 hover:bg-muted/20", children: [
+                    /* @__PURE__ */ jsx("td", { className: "w-8 px-1.5 py-0.5 text-right tabular-nums text-muted-foreground/60", children: rowNum }),
+                    headers.map((h, j) => {
+                      const val = row[j] ?? "";
+                      const isFormula = typeof val === "string" && val.startsWith("=");
+                      return /* @__PURE__ */ jsx(
+                        "td",
+                        {
+                          className: cn(
+                            "max-w-[180px] truncate whitespace-nowrap px-2 py-0.5 text-foreground/80",
+                            isFormula && "font-mono text-blue-600"
+                          ),
+                          title: val,
+                          children: val || /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/30", children: "—" })
+                        },
+                        h
+                      );
+                    })
+                  ] }, i);
+                }) })
+              ] }) }),
+              totalRows > MAX_SHEET_DISPLAY_ROWS && /* @__PURE__ */ jsxs("div", { className: "px-2 py-1 text-[10px] text-muted-foreground", children: [
+                "Showing first ",
+                MAX_SHEET_DISPLAY_ROWS,
+                " of ",
+                totalRows,
+                " rows"
+              ] })
+            ]
+          }
+        ),
+        effectiveAssetId && isComplete && !errorMsg && /* @__PURE__ */ jsx("div", { className: "border-t border-border/40 px-4 py-2", children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => openAsset(effectiveAssetId, { type: "spreadsheet" }),
+            className: "flex items-center gap-1.5 rounded-md border border-border/60 px-3 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
+            children: [
+              /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "size-3" }),
+              "Open spreadsheet"
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+};
+const UpdateSheetRangeToolUI = memo(
+  UpdateSheetRangeToolUIImpl
+);
+UpdateSheetRangeToolUI.displayName = "UpdateSheetRangeToolUI";
+function parseJsonArray(text) {
+  try {
+    const parsed = JSON.parse(text);
+    return Array.isArray(parsed) ? parsed : null;
+  } catch {
+    return null;
+  }
+}
+function getFirstSheetCellStyle(operation) {
+  const cells = operation.cells;
+  const rows = typeof cells === "string" ? parseJsonArray(cells) : cells;
+  if (!Array.isArray(rows)) {
+    return null;
+  }
+  for (const row of rows) {
+    if (!Array.isArray(row)) {
+      continue;
+    }
+    for (const cell of row) {
+      const cellRecord = asRecord(cell);
+      const style = asRecord(
+        (cellRecord == null ? void 0 : cellRecord.cellStyles) ?? (cellRecord == null ? void 0 : cellRecord.cell_styles) ?? (cellRecord == null ? void 0 : cellRecord.style)
+      );
+      if (style) {
+        return style;
+      }
+    }
+  }
+  return null;
+}
+function summarizeSheetCellStyle(style) {
+  if (!style) {
+    return "Cell formatting";
+  }
+  const parts = [];
+  const textFormat = asRecord(style.textFormat ?? style.text_format);
+  if ((textFormat == null ? void 0 : textFormat.bold) === true) {
+    parts.push("bold");
+  }
+  if ((textFormat == null ? void 0 : textFormat.italic) === true) {
+    parts.push("italic");
+  }
+  if ((textFormat == null ? void 0 : textFormat.underline) === true) {
+    parts.push("underline");
+  }
+  const fontSize = getNumberField(textFormat, ["fontSize", "font_size"]);
+  if (fontSize != null) {
+    parts.push(`${fontSize} pt`);
+  }
+  const textColor = getStringField(textFormat, [
+    "color_hex",
+    "colorHex",
+    "foregroundColor_hex",
+    "foregroundColorHex"
+  ]);
+  if (textColor) {
+    parts.push(`text ${textColor}`);
+  }
+  const fillColor = getStringField(style, [
+    "backgroundColor_hex",
+    "backgroundColorHex",
+    "background_color_hex"
+  ]);
+  if (fillColor) {
+    parts.push(`fill ${fillColor}`);
+  }
+  const numberFormat = asRecord(style.numberFormat ?? style.number_format);
+  const numberPattern = getStringField(numberFormat, ["pattern"]);
+  const numberType = getStringField(numberFormat, ["type"]);
+  if (numberPattern) {
+    parts.push(numberPattern);
+  } else if (numberType) {
+    parts.push(numberType.toLowerCase());
+  }
+  const horizontalAlignment = getStringField(style, [
+    "horizontalAlignment",
+    "horizontal_alignment"
+  ]);
+  if (horizontalAlignment) {
+    parts.push(`${horizontalAlignment.toLowerCase()} align`);
+  }
+  return parts.length > 0 ? parts.slice(0, 5).join(", ") : "Cell formatting";
+}
+function parseSheetFormatOperations(operationsValue) {
+  const operations = typeof operationsValue === "string" ? parseJsonArray(operationsValue) : operationsValue;
+  if (!Array.isArray(operations)) {
+    return [];
+  }
+  return operations.flatMap((operation) => {
+    const record = asRecord(operation);
+    if (!record) {
+      return [];
+    }
+    const range = getStringField(record, ["range"]) ?? "";
+    if (!range) {
+      return [];
+    }
+    const assetId = getStringField(record, ["asset_id", "assetId", "id"]);
+    return [
+      {
+        assetId: (assetId == null ? void 0 : assetId.startsWith("asset_")) ? assetId : null,
+        explanation: getStringField(record, ["explanation", "summary"]),
+        range,
+        styleSummary: summarizeSheetCellStyle(getFirstSheetCellStyle(record))
+      }
+    ];
+  });
+}
+function getSpreadsheetAssetIdFromOperations(operations) {
+  var _a;
+  return ((_a = operations.find((operation) => operation.assetId)) == null ? void 0 : _a.assetId) ?? null;
+}
+function getSpreadsheetAssetIdFromArgs(args) {
+  const assetId = getStringField(args, ["asset_id", "assetId", "id"]);
+  return (assetId == null ? void 0 : assetId.startsWith("asset_")) ? assetId : null;
+}
+function summarizeSheetRanges(ranges) {
+  if (ranges.length === 0) {
+    return void 0;
+  }
+  const visible = ranges.slice(0, 4);
+  const remaining = ranges.length - visible.length;
+  return remaining > 0 ? `${visible.join(", ")} +${remaining} more` : visible.join(", ");
+}
+const BulkFormatSheetRangeToolUIImpl = ({
+  toolName,
+  args,
+  result,
+  status
+}) => {
+  const typedArgs = args;
+  const data = useMemo(() => normalizeResult(result), [result]);
+  const operations = useMemo(
+    () => parseSheetFormatOperations(typedArgs == null ? void 0 : typedArgs.operations),
+    [typedArgs == null ? void 0 : typedArgs.operations]
+  );
+  const resultAssetId = extractAssetId(result);
+  const argsAssetId = getSpreadsheetAssetIdFromArgs(typedArgs);
+  const operationsAssetId = getSpreadsheetAssetIdFromOperations(operations);
+  const effectiveAssetId = resultAssetId ?? argsAssetId ?? operationsAssetId;
+  const isRunning = (status == null ? void 0 : status.type) === "running";
+  const isComplete = (status == null ? void 0 : status.type) === "complete";
+  const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? status.error : null;
+  const totalCount = getNumberField(data, ["total"]) ?? operations.length;
+  const succeededCount = getNumberField(data, ["succeeded", "success_count", "successCount"]) ?? (isComplete && totalCount > 0 ? Math.max(totalCount - (getNumberField(data, ["failed"]) ?? 0), 0) : null);
+  const failedCount = getNumberField(data, [
+    "failed",
+    "failure_count",
+    "failureCount"
+  ]);
+  const rangesSummary = summarizeSheetRanges(
+    operations.map((operation) => operation.range)
+  );
+  const visibleOperations = operations.slice(0, 24);
+  const openAsset = useAssetPanelStore((s) => s.openAsset);
+  const title = isRunning ? totalCount > 0 ? `Formatting ${totalCount} sheet ${totalCount === 1 ? "range" : "ranges"}...` : "Formatting spreadsheet ranges..." : failedCount && failedCount > 0 ? `Formatted ${succeededCount ?? 0} of ${totalCount} sheet ranges` : totalCount > 0 ? `Formatted ${totalCount} sheet ${totalCount === 1 ? "range" : "ranges"}` : "Formatted spreadsheet ranges";
+  return /* @__PURE__ */ jsxs(
+    ToolCard,
+    {
+      icon: TablePropertiesIcon,
+      status: (status == null ? void 0 : status.type) ?? "complete",
+      title: truncate(title, 80),
+      subtitle: rangesSummary,
+      toolName,
+      args: typedArgs,
+      result,
+      badge: failedCount && failedCount > 0 ? `${failedCount} failed` : totalCount > 0 ? `${totalCount} ops` : void 0,
+      error: errorMsg,
+      children: [
+        operations.length > 0 && /* @__PURE__ */ jsxs(
+          ExpandableSection,
+          {
+            label: `Show formatting operations (${operations.length})`,
+            defaultOpen: operations.length <= 6,
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-[11px]", children: [
+                /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b border-border/40 text-left text-muted-foreground", children: [
+                  /* @__PURE__ */ jsx("th", { className: "w-20 pb-1.5 pr-3 font-medium", children: "Range" }),
+                  /* @__PURE__ */ jsx("th", { className: "pb-1.5 pr-3 font-medium", children: "Purpose" }),
+                  /* @__PURE__ */ jsx("th", { className: "pb-1.5 font-medium", children: "Style" })
+                ] }) }),
+                /* @__PURE__ */ jsx("tbody", { children: visibleOperations.map((operation, index) => /* @__PURE__ */ jsxs(
+                  "tr",
+                  {
+                    className: "border-t border-border/25 first:border-t-0",
+                    children: [
+                      /* @__PURE__ */ jsx("td", { className: "whitespace-nowrap py-1.5 pr-3 font-mono text-foreground/80", children: operation.range }),
+                      /* @__PURE__ */ jsx("td", { className: "max-w-[220px] py-1.5 pr-3 text-foreground/75", children: operation.explanation ? truncate(operation.explanation, 72) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/40", children: "-" }) }),
+                      /* @__PURE__ */ jsx("td", { className: "max-w-[260px] py-1.5 text-muted-foreground", children: truncate(operation.styleSummary, 80) })
+                    ]
+                  },
+                  `${operation.range}-${index}`
+                )) })
+              ] }) }),
+              operations.length > visibleOperations.length && /* @__PURE__ */ jsxs("div", { className: "pt-2 text-[10px] text-muted-foreground", children: [
+                "Showing first ",
+                visibleOperations.length,
+                " of ",
+                operations.length,
+                " operations"
+              ] })
+            ]
+          }
+        ),
+        effectiveAssetId && isComplete && !errorMsg && /* @__PURE__ */ jsx("div", { className: "border-t border-border/40 px-4 py-2", children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => openAsset(effectiveAssetId, { type: "spreadsheet" }),
+            className: "flex items-center gap-1.5 rounded-md border border-border/60 px-3 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
+            children: [
+              /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "size-3" }),
+              "Open spreadsheet"
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+};
+const BulkFormatSheetRangeToolUI = memo(
+  BulkFormatSheetRangeToolUIImpl
+);
+BulkFormatSheetRangeToolUI.displayName = "BulkFormatSheetRangeToolUI";
+function formatDimensionUnit(unit) {
+  if (!unit) {
+    return "";
+  }
+  const normalized = unit.toLowerCase();
+  if (normalized === "pixels" || normalized === "pixel") {
+    return "pixels";
+  }
+  if (normalized === "points" || normalized === "point") {
+    return "points";
+  }
+  return unit;
+}
+function formatShortDimensionUnit(unit) {
+  const normalized = unit == null ? void 0 : unit.toLowerCase();
+  if (normalized === "pixels" || normalized === "pixel") {
+    return "px";
+  }
+  if (normalized === "points" || normalized === "point") {
+    return "pt";
+  }
+  return unit ?? "";
+}
+function parseDimensionMeasurement(value) {
+  const record = asRecord(value);
+  if (record) {
+    const numericValue = getNumberField(record, ["value"]);
+    const stringValue = getStringField(record, ["value"]);
+    const rawValue = numericValue != null ? String(numericValue) : stringValue ? stringValue : null;
+    if (!rawValue) {
+      return null;
+    }
+    const unit = getStringField(record, ["type", "unit"]);
+    const formattedUnit = formatDimensionUnit(unit);
+    const shortUnit = formatShortDimensionUnit(unit);
+    return {
+      value: formattedUnit ? `${rawValue} ${formattedUnit}` : rawValue,
+      shortValue: shortUnit ? `${rawValue} ${shortUnit}` : rawValue
+    };
+  }
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return { value: String(value), shortValue: String(value) };
+  }
+  if (typeof value === "string" && value.trim()) {
+    return { value, shortValue: value };
+  }
+  return null;
+}
+function getSheetDimensionSummary(args) {
+  const width = parseDimensionMeasurement(args == null ? void 0 : args.width);
+  if (width) {
+    return {
+      kind: "column width",
+      shortValue: width.shortValue,
+      value: width.value
+    };
+  }
+  const height = parseDimensionMeasurement(args == null ? void 0 : args.height);
+  if (height) {
+    return {
+      kind: "row height",
+      shortValue: height.shortValue,
+      value: height.value
+    };
+  }
+  return {
+    kind: "row and column dimensions",
+    shortValue: null,
+    value: null
+  };
+}
+function getToolResultText(result, data) {
+  if (typeof result === "string" && result.trim()) {
+    return result;
+  }
+  return getStringField(data, ["message", "result", "summary"]);
+}
+const SetRowColumnDimensionsToolUIImpl = ({
+  toolName,
+  args,
+  result,
+  status
+}) => {
+  const typedArgs = args;
+  const data = useMemo(() => normalizeResult(result), [result]);
+  const range = getStringField(typedArgs, ["range"]) ?? "";
+  const dimension = getSheetDimensionSummary(typedArgs);
+  const effectiveAssetId = extractAssetId(result) ?? getSpreadsheetAssetIdFromArgs(typedArgs);
+  const resultText = getToolResultText(result, data);
+  const openAsset = useAssetPanelStore((s) => s.openAsset);
+  const isRunning = (status == null ? void 0 : status.type) === "running";
+  const isComplete = (status == null ? void 0 : status.type) === "complete";
+  const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? status.error : null;
+  const title = isRunning ? `Setting ${dimension.kind}...` : range ? `Set ${dimension.kind} for ${range}` : `Set ${dimension.kind}`;
+  return /* @__PURE__ */ jsxs(
+    ToolCard,
+    {
+      icon: TablePropertiesIcon,
+      status: (status == null ? void 0 : status.type) ?? "complete",
+      title: truncate(title, 80),
+      subtitle: dimension.value ? `Value: ${dimension.value}` : void 0,
+      toolName,
+      args: typedArgs,
+      result,
+      badge: dimension.shortValue ?? void 0,
+      error: errorMsg,
+      children: [
+        (range || dimension.value || resultText) && isComplete && /* @__PURE__ */ jsxs("div", { className: "border-t border-border/40 px-4 py-2.5", children: [
+          /* @__PURE__ */ jsxs("dl", { className: "grid gap-2 text-[11px] sm:grid-cols-3", children: [
+            range && /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("dt", { className: "font-medium text-muted-foreground", children: "Range" }),
+              /* @__PURE__ */ jsx("dd", { className: "mt-0.5 font-mono text-foreground/80", children: range })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("dt", { className: "font-medium text-muted-foreground", children: "Dimension" }),
+              /* @__PURE__ */ jsx("dd", { className: "mt-0.5 text-foreground/80", children: dimension.kind })
+            ] }),
+            dimension.value && /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("dt", { className: "font-medium text-muted-foreground", children: "Value" }),
+              /* @__PURE__ */ jsx("dd", { className: "mt-0.5 text-foreground/80", children: dimension.value })
+            ] })
+          ] }),
+          resultText && /* @__PURE__ */ jsx("p", { className: "mt-2 text-[11px] leading-relaxed text-muted-foreground", children: truncate(resultText, 160) })
+        ] }),
+        effectiveAssetId && isComplete && !errorMsg && /* @__PURE__ */ jsx("div", { className: "border-t border-border/40 px-4 py-2", children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => openAsset(effectiveAssetId, { type: "spreadsheet" }),
+            className: "flex items-center gap-1.5 rounded-md border border-border/60 px-3 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
+            children: [
+              /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "size-3" }),
+              "Open spreadsheet"
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+};
+const SetRowColumnDimensionsToolUI = memo(
+  SetRowColumnDimensionsToolUIImpl
+);
+SetRowColumnDimensionsToolUI.displayName = "SetRowColumnDimensionsToolUI";
+function createAssetToolUI(config) {
+  const Component = (props) => /* @__PURE__ */ jsx(
+    CreateAssetToolUIImpl,
+    {
+      icon: config.icon,
+      assetType: config.assetType,
+      runningLabel: config.runningLabel,
+      doneLabel: config.doneLabel,
+      ...props
+    }
+  );
+  const Memoized = memo(Component);
+  Memoized.displayName = `CreateAssetToolUI(${config.assetType})`;
+  return Memoized;
+}
+const CaptureMomentToolUIImpl = ({
+  toolName,
+  args,
+  result,
+  status
+}) => {
+  const typedArgs = args;
+  const timestamp = typedArgs == null ? void 0 : typedArgs.timestamp;
+  const startTime = typedArgs == null ? void 0 : typedArgs.start_time;
+  const endTime = typedArgs == null ? void 0 : typedArgs.end_time;
+  const sourceAssetId = (typedArgs == null ? void 0 : typedArgs.asset_id) ?? "";
+  const isClipMode = startTime != null && endTime != null;
+  const data = useMemo(() => normalizeResult(result), [result]);
+  const success = data == null ? void 0 : data.success;
+  const createdAssetId = extractAssetId(result);
+  const resultType = (data == null ? void 0 : data.type) ?? (isClipMode ? "video" : "image");
+  const resultTimestamp = (data == null ? void 0 : data.timestamp) ?? timestamp;
+  const timeRange = data == null ? void 0 : data.time_range;
+  const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? status.error : data && !success ? data.error : null;
+  const isRunning = (status == null ? void 0 : status.type) === "running";
+  const isComplete = (status == null ? void 0 : status.type) === "complete" || !status;
+  const isCancelled = (status == null ? void 0 : status.type) === "incomplete" && status.reason === "cancelled";
+  const openAsset = useAssetPanelStore((s) => s.openAsset);
+  const handleOpen = () => {
+    if (createdAssetId) {
+      openAsset(createdAssetId, {
+        name: void 0,
+        type: "unknown"
+      });
+    }
+  };
+  let subtitle;
+  if (isClipMode) {
+    const rangeLabel = timeRange ? `${timeRange.start} → ${timeRange.end}` : `${startTime} → ${endTime}`;
+    subtitle = `Clip: ${rangeLabel}`;
+  } else if (resultTimestamp || timestamp) {
+    subtitle = `Screenshot at ${resultTimestamp ?? timestamp}`;
+  }
+  if (sourceAssetId) {
+    subtitle = subtitle ? `${subtitle} · ${truncate(sourceAssetId, 30)}` : truncate(sourceAssetId, 40);
+  }
+  const Icon = isClipMode ? ScissorsIcon : CameraIcon;
+  let title;
+  if (isRunning) {
+    title = isClipMode ? "Extracting video clip…" : "Capturing screenshot…";
+  } else if (errorMsg) {
+    title = "Capture failed";
+  } else {
+    title = isClipMode ? "Video clip captured" : "Screenshot captured";
+  }
+  return /* @__PURE__ */ jsx(
+    ToolCard,
+    {
+      icon: Icon,
+      status: (status == null ? void 0 : status.type) ?? "complete",
+      title,
+      subtitle,
+      toolName,
+      badge: isComplete && success ? resultType : void 0,
+      args: typedArgs,
+      result,
+      error: errorMsg,
+      children: createdAssetId && isComplete && !isCancelled && /* @__PURE__ */ jsx("div", { className: "border-t border-border/40 px-4 py-2", children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: handleOpen,
+          className: "flex items-center gap-1.5 rounded-md border border-border/60 px-3 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
+          children: [
+            /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "size-3" }),
+            "Open ",
+            resultType === "video" ? "clip" : "screenshot"
+          ]
+        }
+      ) })
+    }
+  );
+};
+const CaptureMomentToolUI = memo(
+  CaptureMomentToolUIImpl
+);
+CaptureMomentToolUI.displayName = "CaptureMomentToolUI";
+function normalizeContentResult(result) {
+  if (Array.isArray(result)) {
+    return result;
+  }
+  if (typeof result === "string") {
+    try {
+      const parsed = JSON.parse(result);
+      return normalizeContentResult(parsed);
+    } catch {
+      return [];
+    }
+  }
+  if (result && typeof result === "object") {
+    const obj = result;
+    if (Array.isArray(obj.result)) {
+      return obj.result;
+    }
+    if (typeof obj.result === "string") {
+      return normalizeContentResult(obj.result);
+    }
+    if (Array.isArray(obj.content)) {
+      return obj.content;
+    }
+  }
+  return [];
+}
+function useFreshPresignedUrl({
+  s3Key,
+  fallbackUrl
+}) {
+  const [freshUrl, setFreshUrl] = useState(null);
+  const config = useAthenaConfig();
+  const configRef = useRef(config);
+  configRef.current = config;
+  useEffect(() => {
+    setFreshUrl(null);
+    if (!s3Key) return;
+    let cancelled = false;
+    (async () => {
+      try {
+        const { backendUrl, token, apiKey } = configRef.current;
+        const baseUrl = backendUrl.replace(/\/api\/assistant-ui\/?$/, "");
+        const url = `${baseUrl}/api/asset/fetch-attachment-presigned-url`;
+        const headers = {
+          "Content-Type": "application/json"
+        };
+        if (token) {
+          headers["Authorization"] = `Bearer ${token}`;
+        } else if (apiKey) {
+          headers["X-API-KEY"] = apiKey;
+        }
+        const resp = await fetch(url, {
+          method: "POST",
+          headers,
+          body: JSON.stringify({ s3_key: s3Key })
+        });
+        if (!cancelled && resp.ok) {
+          const data = await resp.json();
+          if (!cancelled && data.presigned_url) {
+            setFreshUrl(data.presigned_url);
+          }
+        }
+      } catch {
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [s3Key]);
+  return freshUrl ?? fallbackUrl;
+}
+function getSlideScreenshotResult(result) {
+  let text = null;
+  let imageUrl = null;
+  let mediaType = null;
+  let s3Key = null;
+  for (const item of normalizeContentResult(result)) {
+    if (!item || typeof item !== "object") {
+      continue;
+    }
+    const part = item;
+    if (!text && part.type === "text" && typeof part.text === "string") {
+      text = part.text;
+      continue;
+    }
+    if (part.type !== "image") {
+      continue;
+    }
+    const source = part.source && typeof part.source === "object" ? part.source : {};
+    if (!imageUrl) {
+      imageUrl = getStringField(source, ["presigned_url", "url"]) ?? getStringField(part, ["url", "image_url"]);
+    }
+    if (!mediaType) {
+      mediaType = getStringField(source, ["media_type", "mime_type"]) ?? getStringField(part, ["media_type", "mime_type"]);
+    }
+    if (!s3Key) {
+      s3Key = getStringField(source, ["data", "s3_key"]);
+    }
+  }
+  return { text, imageUrl, mediaType, s3Key };
+}
+const CaptureSlideScreenshotToolUIImpl = ({
+  toolName,
+  args,
+  result,
+  status
+}) => {
+  const typedArgs = args;
+  const assetId = getStringField(typedArgs, ["asset_id", "assetId"]);
+  const slideNumber = getNumberField(typedArgs, ["slide_number", "slideNumber"]) ?? void 0;
+  const { text, imageUrl, mediaType, s3Key } = useMemo(
+    () => getSlideScreenshotResult(result),
+    [result]
+  );
+  const freshImageUrl = useFreshPresignedUrl({ s3Key, fallbackUrl: imageUrl });
+  const isRunning = (status == null ? void 0 : status.type) === "running";
+  const isComplete = (status == null ? void 0 : status.type) === "complete" || !status;
+  const isCancelled = (status == null ? void 0 : status.type) === "incomplete" && status.reason === "cancelled";
+  const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? String(status.error ?? status.reason ?? "Capture failed") : null;
+  const openAsset = useAssetPanelStore((s) => s.openAsset);
+  const handleOpenSlide = useCallback(() => {
+    if (!assetId) {
+      return;
+    }
+    openAsset(assetId, {
+      type: "presentation",
+      ...slideNumber ? { slideNumber } : {}
+    });
+  }, [assetId, openAsset, slideNumber]);
+  const subtitle = [
+    slideNumber ? `Slide ${slideNumber}` : null,
+    assetId ? truncate(assetId, 34) : null
+  ].filter((value) => Boolean(value)).join(" · ");
+  return /* @__PURE__ */ jsxs(
+    ToolCard,
+    {
+      icon: CameraIcon,
+      status: (status == null ? void 0 : status.type) ?? "complete",
+      title: isRunning ? "Capturing slide screenshot..." : errorMsg ? "Slide screenshot failed" : "Slide screenshot captured",
+      subtitle: subtitle || void 0,
+      badge: slideNumber ? `Slide ${slideNumber}` : mediaType ?? void 0,
+      toolName,
+      args: typedArgs,
+      result,
+      error: errorMsg,
+      children: [
+        isComplete && !isCancelled && freshImageUrl && /* @__PURE__ */ jsxs("div", { className: "border-t border-border/40 p-3", children: [
+          /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-lg border border-border/50 bg-muted/20", children: /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: freshImageUrl,
+              alt: slideNumber ? `Slide ${slideNumber} screenshot` : "Slide screenshot",
+              className: "aspect-video w-full object-contain",
+              loading: "lazy"
+            }
+          ) }),
+          text && /* @__PURE__ */ jsx("p", { className: "mt-2 text-[11px] leading-relaxed text-muted-foreground", children: truncate(text, 160) })
+        ] }),
+        isComplete && !isCancelled && assetId && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2 border-t border-border/40 px-4 py-2", children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: handleOpenSlide,
+              className: "flex items-center gap-1.5 rounded-md border border-border/60 px-3 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
+              children: [
+                /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "size-3" }),
+                slideNumber ? `Open slide ${slideNumber}` : "Open presentation"
+              ]
+            }
+          ),
+          freshImageUrl && /* @__PURE__ */ jsxs(
+            "a",
+            {
+              href: freshImageUrl,
+              target: "_blank",
+              rel: "noreferrer",
+              className: "flex items-center gap-1.5 rounded-md border border-border/60 px-3 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
+              children: [
+                /* @__PURE__ */ jsx(ImageIcon, { className: "size-3" }),
+                "Open image"
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+const CaptureSlideScreenshotToolUI = memo(
+  CaptureSlideScreenshotToolUIImpl
+);
+CaptureSlideScreenshotToolUI.displayName = "CaptureSlideScreenshotToolUI";
+const OpenBrowserToolUIImpl = ({
+  toolName,
+  args,
+  result,
+  status
+}) => {
+  const typedArgs = args;
+  const url = (typedArgs == null ? void 0 : typedArgs.url) ?? "";
+  const argsTitle = typedArgs == null ? void 0 : typedArgs.title;
+  const data = useMemo(() => normalizeResult(result), [result]);
+  const pageTitle = (data == null ? void 0 : data.page_title) ?? (data == null ? void 0 : data.title);
+  const landedUrl = (data == null ? void 0 : data.landed_url) ?? url;
+  const warning = data == null ? void 0 : data.warning;
+  const redirectWarning = useMemo(() => {
+    if (!url || !landedUrl) return null;
+    try {
+      const requested = new URL(url);
+      const landed = new URL(landedUrl);
+      const sameTarget = requested.origin === landed.origin && requested.pathname.replace(/\/+$/, "") === landed.pathname.replace(/\/+$/, "") && requested.search === landed.search;
+      return sameTarget ? null : `Redirected to ${landed.href}`;
+    } catch {
+      return url === landedUrl ? null : `Redirected to ${landedUrl}`;
+    }
+  }, [url, landedUrl]);
+  const warningText = warning ?? redirectWarning;
+  const assetId = extractAssetId(result);
+  const isRunning = (status == null ? void 0 : status.type) === "running";
+  const isComplete = (status == null ? void 0 : status.type) === "complete" || !status;
+  const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? status.error : null;
+  const displayUrl = useMemo(() => {
+    const raw = landedUrl || url;
+    if (!raw) return void 0;
+    try {
+      const parsed = new URL(raw);
+      return parsed.hostname + (parsed.pathname !== "/" ? parsed.pathname : "");
+    } catch {
+      return truncate(raw, 60);
+    }
+  }, [landedUrl, url]);
+  const displayTitle = useMemo(() => {
+    if (isRunning) return "Opening browser...";
+    if (pageTitle) return truncate(pageTitle, 50);
+    if (argsTitle) return truncate(argsTitle, 50);
+    return "Browser session opened";
+  }, [isRunning, pageTitle, argsTitle]);
+  const openAsset = useAssetPanelStore((s) => s.openAsset);
+  return /* @__PURE__ */ jsxs(
+    ToolCard,
+    {
+      icon: GlobeIcon,
+      status: (status == null ? void 0 : status.type) ?? "complete",
+      title: displayTitle,
+      subtitle: displayUrl,
+      toolName,
+      args: typedArgs,
+      result,
+      error: errorMsg,
+      children: [
+        warningText && isComplete && /* @__PURE__ */ jsx("div", { className: "border-t border-border/40 bg-amber-50 px-4 py-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ jsx(AlertTriangleIcon, { className: "mt-0.5 size-3 shrink-0 text-amber-600" }),
+          /* @__PURE__ */ jsx("p", { className: "text-[11px] leading-relaxed text-amber-700", children: warningText })
+        ] }) }),
+        isComplete && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-t border-border/40 px-4 py-2", children: [
+          assetId && /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => openAsset(assetId, {
+                name: pageTitle ?? argsTitle,
+                type: "unknown"
+              }),
+              className: "flex items-center gap-1.5 rounded-md border border-border/60 px-3 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
+              children: [
+                /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "size-3" }),
+                "Open session"
+              ]
+            }
+          ),
+          landedUrl && /^https?:\/\//i.test(landedUrl) && /* @__PURE__ */ jsxs(
+            "a",
+            {
+              href: landedUrl,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "flex items-center gap-1.5 rounded-md border border-border/60 px-3 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
+              children: [
+                /* @__PURE__ */ jsx(GlobeIcon, { className: "size-3" }),
+                "Visit URL"
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+const OpenBrowserToolUI = memo(
+  OpenBrowserToolUIImpl
+);
+OpenBrowserToolUI.displayName = "OpenBrowserToolUI";
+const TOOL_UI_REGISTRY = {
+  search: WebSearchToolUI,
+  browse: BrowseToolUI,
+  open_browser: OpenBrowserToolUI,
+  search_email: EmailSearchToolUI,
+  unified_email_search: EmailSearchToolUI,
+  unified_email_list_accounts: EmailAccountsToolUI,
+  email_list_accounts: EmailAccountsToolUI,
+  create_email_draft: CreateEmailDraftToolUI,
+  unified_email_create_draft: CreateEmailDraftToolUI,
+  create_new_document: CreateDocumentToolUI,
+  create_document_from_markdown: CreateDocumentToolUI,
+  create_new_sheet: CreateSheetToolUI,
+  create_powerpoint_deck: CreatePresentationToolUI,
+  create_presentation_pptx_studio: CreatePresentationToolUI,
+  create_new_notebook: CreateNotebookToolUI,
+  // Studio SDK nested PTC tools
+  CreateWorkbook: StudioCreateWorkbookToolUI,
+  AddSheet: StudioAddSheetToolUI,
+  OpenWorkbook: StudioOpenWorkbookToolUI,
+  CreatePresentation: StudioCreatePresentationToolUI,
+  OpenPresentation: StudioOpenPresentationToolUI,
+  AddSlide: StudioAddSlideToolUI,
+  CreateDocument: StudioCreateDocumentToolUI,
+  OpenDocument: StudioOpenDocumentToolUI,
+  CreateParagraph: StudioCreateParagraphToolUI,
+  execute_presentation_code: ExecutePresentationCodeToolUI,
+  run_python_code: RunPythonCodeToolUI,
+  open_asset_in_workspace: OpenAssetToolUI,
+  // Media capture
+  capture_moment: CaptureMomentToolUI,
+  capture_slide_screenshot: CaptureSlideScreenshotToolUI,
+  // Spreadsheet toolkit
+  bulk_format_sheet_range: BulkFormatSheetRangeToolUI,
+  set_row_column_dimensions: SetRowColumnDimensionsToolUI,
+  update_sheet_range: UpdateSheetRangeToolUI,
+  // Database toolkit
+  describe_database: DescribeDatabaseToolUI,
+  list_database_tables: ListDatabaseTablesToolUI,
+  get_database_table_schema: GetDatabaseTableSchemaToolUI,
+  run_sql: RunSqlToolUI,
+  run_database_sql: RunSqlToolUI,
+  run_sql_query_tool: RunSqlToolUI,
+  install_pip_package: InstallPackageToolUI,
+  write_todos: WriteTodosToolUI,
+  // Deep-agent workspace-file tools — quiet plain-English cards; the generic
+  // fallback dumped raw scratch-space JSON (see file-tool-uis.tsx).
+  read_file: ReadFileToolUI,
+  ls: ListFilesToolUI,
+  write_file: WriteFileToolUI,
+  edit_file: EditFileToolUI,
+  glob: SearchFilesToolUI,
+  grep: SearchFilesToolUI
+};
+export {
+  BrowseToolUI,
+  BulkFormatSheetRangeToolUI,
+  CaptureMomentToolUI,
+  CaptureSlideScreenshotToolUI,
+  CreateDocumentToolUI,
+  CreateEmailDraftToolUI,
+  CreateNotebookToolUI,
+  CreatePresentationToolUI,
+  CreateSheetToolUI,
+  DescribeDatabaseToolUI,
+  EmailAccountsToolUI,
+  EmailSearchToolUI,
+  ExecutePresentationCodeToolUI,
+  ExpandableSection,
+  GetDatabaseTableSchemaToolUI,
+  ListDatabaseTablesToolUI,
+  OpenAssetToolUI,
+  OpenBrowserToolUI,
+  RunPythonCodeToolUI,
+  RunSqlToolUI,
+  SetRowColumnDimensionsToolUI,
+  StudioAddSheetToolUI,
+  StudioAddSlideToolUI,
+  StudioCreateDocumentToolUI,
+  StudioCreateParagraphToolUI,
+  StudioCreatePresentationToolUI,
+  StudioCreateWorkbookToolUI,
+  StudioOpenDocumentToolUI,
+  StudioOpenPresentationToolUI,
+  StudioOpenWorkbookToolUI,
+  TOOL_UI_REGISTRY,
+  ToolCard,
+  UpdateSheetRangeToolUI,
+  WebSearchToolUI,
+  buildSheetUpdateFailureMessage,
+  createAssetToolUI,
+  formatEmailDate,
+  humanizeEmailQuery,
+  normalizeResult,
+  parseEmailAccounts,
+  resetAssetAutoOpen,
+  truncate
+};
+//# sourceMappingURL=tool-uis.js.map