@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/tool-call-visualization/renderers/ctx/CtxPatchInline.js

@@ -1,5 +1,6 @@
 "use client";
-import React, { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
 import { CheckCircle2, FilePen } from "lucide-react";
 import { Badge } from "@ai-matrx/design-system";
 import { getArg, isTerminal, resultAsObject } from "../_shared.js";
@@ -39,9 +40,9 @@ const CtxPatchInline = (props) => {
   const newStr = getArg(entry, "new_str");
   const isTextPatch = typeof newStr === "string" && command !== "json_patch" && command !== "json_merge";
   if (isTextPatch) {
-    return /* @__PURE__ */ React.createElement(PatchDiffInline, { ...props });
+    return /* @__PURE__ */ jsx(PatchDiffInline, { ...props });
   }
-  return /* @__PURE__ */ React.createElement(CtxPatchConfirmation, { ...props });
+  return /* @__PURE__ */ jsx(CtxPatchConfirmation, { ...props });
 };
 const CtxPatchConfirmation = ({
   entry,
@@ -51,7 +52,7 @@ const CtxPatchConfirmation = ({
 }) => {
   const data = useMemo(() => parse(entry), [entry]);
   if (entry.status === "error") {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       ToolErrorCard,
       {
         entry,
@@ -61,9 +62,27 @@ const CtxPatchConfirmation = ({
     );
   }
   if (!isTerminal(entry)) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 py-1.5 text-xs text-muted-foreground animate-in fade-in" }, /* @__PURE__ */ React.createElement(FilePen, { className: "h-3.5 w-3.5 shrink-0" }), /* @__PURE__ */ React.createElement("span", null, "Updating", " ", data.key ? /* @__PURE__ */ React.createElement("span", { className: "text-foreground" }, contextEntryLabel({ key: data.key })) : "context"));
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-1.5 text-xs text-muted-foreground animate-in fade-in", children: [
+      /* @__PURE__ */ jsx(FilePen, { className: "h-3.5 w-3.5 shrink-0" }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        "Updating",
+        " ",
+        data.key ? /* @__PURE__ */ jsx("span", { className: "text-foreground", children: contextEntryLabel({ key: data.key }) }) : "context"
+      ] })
+    ] });
   }
-  return /* @__PURE__ */ React.createElement("div", { className: "rounded-lg border border-border bg-card p-3 space-y-2 animate-in fade-in" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement(CheckCircle2, { className: "h-4 w-4 shrink-0 text-primary" }), /* @__PURE__ */ React.createElement("span", { className: "text-sm text-foreground" }, "Updated", " ", /* @__PURE__ */ React.createElement("span", { className: "font-medium" }, data.key ? contextEntryLabel({ key: data.key }) : "context")), data.command && /* @__PURE__ */ React.createElement(Badge, { variant: "secondary", className: "ml-auto font-mono font-normal" }, data.command)), data.preview != null && /* @__PURE__ */ React.createElement("div", { className: "min-w-0 border-t border-border pt-2" }, /* @__PURE__ */ React.createElement(ResultValue, { value: data.preview, density })));
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border bg-card p-3 space-y-2 animate-in fade-in", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(CheckCircle2, { className: "h-4 w-4 shrink-0 text-primary" }),
+      /* @__PURE__ */ jsxs("span", { className: "text-sm text-foreground", children: [
+        "Updated",
+        " ",
+        /* @__PURE__ */ jsx("span", { className: "font-medium", children: data.key ? contextEntryLabel({ key: data.key }) : "context" })
+      ] }),
+      data.command && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "ml-auto font-mono font-normal", children: data.command })
+    ] }),
+    data.preview != null && /* @__PURE__ */ jsx("div", { className: "min-w-0 border-t border-border pt-2", children: /* @__PURE__ */ jsx(ResultValue, { value: data.preview, density }) })
+  ] });
 };
 export {
   CtxPatchInline

package/dist/tool-call-visualization/renderers/dictionary/DictEntryList.js

@@ -1,16 +1,48 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { PartPeekPopover } from "../_shared-entity/PartPeekPopover.js";
 function hasDetail(e) {
   return Boolean(e.definition || e.soundsLike.length || e.ipa || e.pronunciation);
 }
 function DictPeekBody({ e }) {
-  return /* @__PURE__ */ React.createElement("div", { className: "space-y-1.5" }, e.pronunciation || e.ipa ? /* @__PURE__ */ React.createElement("div", { className: "font-mono text-muted-foreground" }, e.pronunciation ? `/${e.pronunciation}/` : "", e.ipa ? `  ${e.ipa}` : "") : null, e.definition ? /* @__PURE__ */ React.createElement("div", { className: "text-foreground" }, e.definition) : null, e.soundsLike.length ? /* @__PURE__ */ React.createElement("div", { className: "text-muted-foreground" }, /* @__PURE__ */ React.createElement("span", { className: "font-medium text-foreground" }, "Sounds like:"), " ", e.soundsLike.join(", ")) : null, e.category ? /* @__PURE__ */ React.createElement("div", { className: "text-muted-foreground" }, /* @__PURE__ */ React.createElement("span", { className: "font-medium text-foreground" }, "Category:"), " ", e.category) : null);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+    e.pronunciation || e.ipa ? /* @__PURE__ */ jsxs("div", { className: "font-mono text-muted-foreground", children: [
+      e.pronunciation ? `/${e.pronunciation}/` : "",
+      e.ipa ? `  ${e.ipa}` : ""
+    ] }) : null,
+    e.definition ? /* @__PURE__ */ jsx("div", { className: "text-foreground", children: e.definition }) : null,
+    e.soundsLike.length ? /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: "Sounds like:" }),
+      " ",
+      e.soundsLike.join(", ")
+    ] }) : null,
+    e.category ? /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: "Category:" }),
+      " ",
+      e.category
+    ] }) : null
+  ] });
 }
 function DictEntryList({ entries }) {
-  return /* @__PURE__ */ React.createElement("div", { className: "divide-y divide-border" }, entries.map((e, i) => {
-    const row = /* @__PURE__ */ React.createElement("div", { className: "px-3 py-2 transition-colors hover:bg-muted/40" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-baseline gap-2" }, /* @__PURE__ */ React.createElement("span", { className: "text-sm font-medium text-foreground" }, e.term), e.pronunciation ? /* @__PURE__ */ React.createElement("span", { className: "text-xs text-muted-foreground" }, "/", e.pronunciation, "/") : e.ipa ? /* @__PURE__ */ React.createElement("span", { className: "text-xs text-muted-foreground" }, e.ipa) : null, e.category ? /* @__PURE__ */ React.createElement("span", { className: "ml-auto shrink-0 rounded-full bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground" }, e.category) : null), e.definition ? /* @__PURE__ */ React.createElement("p", { className: "mt-0.5 line-clamp-2 text-xs text-muted-foreground" }, e.definition) : null, e.soundsLike.length ? /* @__PURE__ */ React.createElement("p", { className: "mt-0.5 text-[11px] text-muted-foreground" }, "Sounds like: ", e.soundsLike.join(", ")) : null);
-    return hasDetail(e) ? /* @__PURE__ */ React.createElement(PartPeekPopover, { key: i, header: e.term, body: /* @__PURE__ */ React.createElement(DictPeekBody, { e }) }, row) : /* @__PURE__ */ React.createElement("div", { key: i }, row);
-  }));
+  return /* @__PURE__ */ jsx("div", { className: "divide-y divide-border", children: entries.map((e, i) => {
+    const row = /* @__PURE__ */ jsxs("div", { className: "px-3 py-2 transition-colors hover:bg-muted/40", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: e.term }),
+        e.pronunciation ? /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+          "/",
+          e.pronunciation,
+          "/"
+        ] }) : e.ipa ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: e.ipa }) : null,
+        e.category ? /* @__PURE__ */ jsx("span", { className: "ml-auto shrink-0 rounded-full bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground", children: e.category }) : null
+      ] }),
+      e.definition ? /* @__PURE__ */ jsx("p", { className: "mt-0.5 line-clamp-2 text-xs text-muted-foreground", children: e.definition }) : null,
+      e.soundsLike.length ? /* @__PURE__ */ jsxs("p", { className: "mt-0.5 text-[11px] text-muted-foreground", children: [
+        "Sounds like: ",
+        e.soundsLike.join(", ")
+      ] }) : null
+    ] });
+    return hasDetail(e) ? /* @__PURE__ */ jsx(PartPeekPopover, { header: e.term, body: /* @__PURE__ */ jsx(DictPeekBody, { e }), children: row }, i) : /* @__PURE__ */ jsx("div", { children: row }, i);
+  }) });
 }
 export {
   DictEntryList

package/dist/tool-call-visualization/renderers/dictionary/DictionaryInline.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { BookText, Maximize2 } from "lucide-react";
 import { parseDictionary } from "./parseDictionary.js";
@@ -18,7 +19,7 @@ function DictionaryInline({ entry, onOpenOverlay, expanded, onToggleExpanded })
       onSelect: () => onOpenOverlay()
     });
   const subtitle = `${entries.length} ${entries.length === 1 ? "term" : "terms"}${level ? ` \xB7 ${level.replace(/_/g, " ")} dictionary` : ""}`;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     EntityCard,
     {
       expanded,
@@ -27,9 +28,9 @@ function DictionaryInline({ entry, onOpenOverlay, expanded, onToggleExpanded })
       accent: "amber",
       title: "Dictionary",
       subtitle,
-      actions
-    },
-    /* @__PURE__ */ React.createElement(DictEntryList, { entries: shown })
+      actions,
+      children: /* @__PURE__ */ jsx(DictEntryList, { entries: shown })
+    }
   );
 }
 export {

package/dist/tool-call-visualization/renderers/dictionary/DictionaryOverlay.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { BookText } from "lucide-react";
 import { parseDictionary } from "./parseDictionary.js";
@@ -6,9 +7,24 @@ import { DictEntryList } from "./DictEntryList.js";
 function DictionaryOverlay({ entry }) {
   const { entries, level } = useMemo(() => parseDictionary(entry), [entry]);
   if (!entries.length) {
-    return /* @__PURE__ */ React.createElement("div", { className: "p-4 text-center text-muted-foreground" }, "No dictionary entries to display");
+    return /* @__PURE__ */ jsx("div", { className: "p-4 text-center text-muted-foreground", children: "No dictionary entries to display" });
   }
-  return /* @__PURE__ */ React.createElement("div", { className: "h-full overflow-y-auto bg-muted/30 p-4" }, /* @__PURE__ */ React.createElement("div", { className: "mb-3 flex items-center gap-2 text-sm font-medium text-foreground" }, /* @__PURE__ */ React.createElement(BookText, { className: "h-4 w-4 text-primary" }), /* @__PURE__ */ React.createElement("span", null, entries.length, " ", entries.length === 1 ? "term" : "terms"), level ? /* @__PURE__ */ React.createElement("span", { className: "text-xs capitalize text-muted-foreground" }, "\xB7 ", level.replace(/_/g, " "), " dictionary") : null), /* @__PURE__ */ React.createElement("div", { className: "overflow-hidden rounded-lg border border-border bg-card" }, /* @__PURE__ */ React.createElement(DictEntryList, { entries })));
+  return /* @__PURE__ */ jsxs("div", { className: "h-full overflow-y-auto bg-muted/30 p-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center gap-2 text-sm font-medium text-foreground", children: [
+      /* @__PURE__ */ jsx(BookText, { className: "h-4 w-4 text-primary" }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        entries.length,
+        " ",
+        entries.length === 1 ? "term" : "terms"
+      ] }),
+      level ? /* @__PURE__ */ jsxs("span", { className: "text-xs capitalize text-muted-foreground", children: [
+        "\xB7 ",
+        level.replace(/_/g, " "),
+        " dictionary"
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-lg border border-border bg-card", children: /* @__PURE__ */ jsx(DictEntryList, { entries }) })
+  ] });
 }
 export {
   DictionaryOverlay

package/dist/tool-call-visualization/renderers/fs/FsInline.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
 import { ChevronRight, File, Folder, FolderOpen } from "lucide-react";
 import { formatFileSize } from "@ai-matrx/kit/format";
@@ -52,18 +53,20 @@ const FsEntryRow = ({
   entry: e,
   withTopBorder,
   indent = false
-}) => /* @__PURE__ */ React.createElement(
+}) => /* @__PURE__ */ jsxs(
   "div",
   {
     className: cn(
       "flex items-center gap-2.5 py-1.5 pr-4",
       indent ? "pl-10" : "pl-4",
       withTopBorder && (indent ? "border-t border-border/20" : "border-t border-border/30")
-    )
-  },
-  e.isDir ? /* @__PURE__ */ React.createElement(Folder, { className: "size-3.5 shrink-0 text-sky-600/70 dark:text-sky-400/70" }) : /* @__PURE__ */ React.createElement(File, { className: "size-3.5 shrink-0 text-muted-foreground" }),
-  /* @__PURE__ */ React.createElement("span", { className: "min-w-0 flex-1 truncate text-[13px] text-foreground" }, e.name),
-  !e.isDir && e.size !== null && /* @__PURE__ */ React.createElement("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground" }, formatFileSize(e.size))
+    ),
+    children: [
+      e.isDir ? /* @__PURE__ */ jsx(Folder, { className: "size-3.5 shrink-0 text-sky-600/70 dark:text-sky-400/70" }) : /* @__PURE__ */ jsx(File, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-[13px] text-foreground", children: e.name }),
+      !e.isDir && e.size !== null && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: formatFileSize(e.size) })
+    ]
+  }
 );
 const FsListCard = ({
   path,
@@ -73,38 +76,45 @@ const FsListCard = ({
   const [showAll, setShowAll] = React.useState(false);
   const shown = showAll ? entries : entries.slice(0, ROW_CAP);
   const remaining = entries.length - shown.length;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ToolResultCard,
     {
       icon: FolderOpen,
       iconClassName: FS_ICON_TINT,
       title: basename(path),
       sub: `${path} \xB7 ${countsLabel(entries) === "Empty" ? "Empty folder" : countsLabel(entries)}`,
-      ...shell
-    },
-    entries.length > 0 && /* @__PURE__ */ React.createElement("div", null, shown.map((e, i) => /* @__PURE__ */ React.createElement(FsEntryRow, { key: `${e.name}-${i}`, entry: e, withTopBorder: i > 0 })), remaining > 0 && /* @__PURE__ */ React.createElement(Button, { variant: "quiet", onClick: (ev) => {
-      ev.stopPropagation();
-      setShowAll(true);
-    }, className: "w-full" }, "Show ", remaining, " more"))
+      ...shell,
+      children: entries.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+        shown.map((e, i) => /* @__PURE__ */ jsx(FsEntryRow, { entry: e, withTopBorder: i > 0 }, `${e.name}-${i}`)),
+        remaining > 0 && /* @__PURE__ */ jsxs(Button, { variant: "quiet", onClick: (ev) => {
+          ev.stopPropagation();
+          setShowAll(true);
+        }, className: "w-full", children: [
+          "Show ",
+          remaining,
+          " more"
+        ] })
+      ] })
+    }
   );
 };
-const FsReadCard = ({ path, content, size, truncated, ...shell }) => /* @__PURE__ */ React.createElement(
+const FsReadCard = ({ path, content, size, truncated, ...shell }) => /* @__PURE__ */ jsx(
   ToolResultCard,
   {
     icon: File,
     iconClassName: FS_ICON_TINT,
     title: basename(path),
     sub: [path, size !== null ? formatFileSize(size) : null, truncated ? "truncated" : null].filter(Boolean).join(" \xB7 "),
-    ...shell
-  },
-  /* @__PURE__ */ React.createElement("div", { className: "max-h-80 overflow-auto px-4 py-2 [&_pre]:!my-0" }, /* @__PURE__ */ React.createElement(
-    BasicMarkdownContent,
-    {
-      imagePolicy: "other",
-      content: "```" + fenceLang(path) + "\n" + content + "\n```",
-      showCopyButton: false
-    }
-  ))
+    ...shell,
+    children: /* @__PURE__ */ jsx("div", { className: "max-h-80 overflow-auto px-4 py-2 [&_pre]:!my-0", children: /* @__PURE__ */ jsx(
+      BasicMarkdownContent,
+      {
+        imagePolicy: "other",
+        content: "```" + fenceLang(path) + "\n" + content + "\n```",
+        showCopyButton: false
+      }
+    ) })
+  }
 );
 function asFsListing(entry) {
   if (entry.toolName !== "fs_list" || entry.status !== "completed") return null;
@@ -128,43 +138,51 @@ function countsLabel(entries) {
 }
 const FsBatchCard = ({ listings, className }) => {
   const [open, setOpen] = React.useState({});
-  return /* @__PURE__ */ React.createElement("div", { className: cn("mb-2", className) }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { className: cn("mb-2", className), children: /* @__PURE__ */ jsx(
     ToolResultCard,
     {
       icon: FolderOpen,
       iconClassName: FS_ICON_TINT,
       title: `Listed ${listings.length} ${listings.length === 1 ? "folder" : "folders"}`,
-      sub: listings.map((l) => basename(l.path)).join(" \xB7 ")
-    },
-    /* @__PURE__ */ React.createElement("div", null, listings.map((l, i) => /* @__PURE__ */ React.createElement(React.Fragment, { key: `${l.path}-${i}` }, /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => setOpen((o) => ({ ...o, [i]: !o[i] })),
-        className: cn(
-          "flex w-full items-center gap-2.5 px-4 py-1.5 text-left hover:bg-accent/30",
-          i > 0 && "border-t border-border/30"
-        )
-      },
-      /* @__PURE__ */ React.createElement(Folder, { className: "size-3.5 shrink-0 text-sky-600/70 dark:text-sky-400/70" }),
-      /* @__PURE__ */ React.createElement("span", { className: "min-w-0 flex-1 truncate text-[13px] text-foreground" }, basename(l.path), /* @__PURE__ */ React.createElement("span", { className: "ml-2 text-xs text-muted-foreground" }, l.path)),
-      /* @__PURE__ */ React.createElement("span", { className: "shrink-0 text-xs text-muted-foreground" }, countsLabel(l.entries)),
-      /* @__PURE__ */ React.createElement(
-        ChevronRight,
-        {
-          className: cn(
-            "size-3 shrink-0 text-muted-foreground transition-transform",
-            open[i] && "rotate-90"
-          )
-        }
-      )
-    ), open[i] && l.entries.map((e, j) => /* @__PURE__ */ React.createElement(FsEntryRow, { key: `${e.name}-${j}`, entry: e, withTopBorder: true, indent: true })))))
-  ));
+      sub: listings.map((l) => basename(l.path)).join(" \xB7 "),
+      children: /* @__PURE__ */ jsx("div", { children: listings.map((l, i) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => setOpen((o) => ({ ...o, [i]: !o[i] })),
+            className: cn(
+              "flex w-full items-center gap-2.5 px-4 py-1.5 text-left hover:bg-accent/30",
+              i > 0 && "border-t border-border/30"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(Folder, { className: "size-3.5 shrink-0 text-sky-600/70 dark:text-sky-400/70" }),
+              /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1 truncate text-[13px] text-foreground", children: [
+                basename(l.path),
+                /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: l.path })
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: countsLabel(l.entries) }),
+              /* @__PURE__ */ jsx(
+                ChevronRight,
+                {
+                  className: cn(
+                    "size-3 shrink-0 text-muted-foreground transition-transform",
+                    open[i] && "rotate-90"
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        open[i] && l.entries.map((e, j) => /* @__PURE__ */ jsx(FsEntryRow, { entry: e, withTopBorder: true, indent: true }, `${e.name}-${j}`))
+      ] }, `${l.path}-${i}`)) })
+    }
+  ) });
 };
 const FsInline = (props) => {
   const { entry, onOpenOverlay, onOpenWindowPanel, toolGroupId, expanded, onToggleExpanded } = props;
   if (entry.status === "error") {
-    return /* @__PURE__ */ React.createElement(ToolErrorCard, { entry, onOpenOverlay, toolGroupId });
+    return /* @__PURE__ */ jsx(ToolErrorCard, { entry, onOpenOverlay, toolGroupId });
   }
   if (!isTerminal(entry)) return null;
   const shell = {
@@ -178,11 +196,11 @@ const FsInline = (props) => {
   if (result && Array.isArray(result.entries)) {
     const entries = result.entries.map(asFsEntry).filter((e) => e !== null);
     if (entries.length > 0 || result.entries.length === 0) {
-      return /* @__PURE__ */ React.createElement(FsListCard, { path, entries, ...shell });
+      return /* @__PURE__ */ jsx(FsListCard, { path, entries, ...shell });
     }
   }
   if (result && typeof result.content === "string") {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       FsReadCard,
       {
         path,
@@ -193,7 +211,7 @@ const FsInline = (props) => {
       }
     );
   }
-  return /* @__PURE__ */ React.createElement(GenericRenderer, { ...props });
+  return /* @__PURE__ */ jsx(GenericRenderer, { ...props });
 };
 var FsInline_default = FsInline;
 export {

package/dist/tool-call-visualization/renderers/news-api/NewsInline.js

@@ -1,5 +1,6 @@
 "use client";
-import React, { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
 import { Newspaper, Calendar, ExternalLink, Loader2, AlertCircle } from "lucide-react";
 import { getArg, resultAsObject, isTerminal } from "../_shared.js";
 import { ErrorAlchemyMenu } from "../../../host/ui-slots.js";
@@ -45,54 +46,102 @@ const NewsInline = ({
 }) => {
   const data = useMemo(() => parseNewsData(entry), [entry]);
   if (data.isLoading) {
-    return /* @__PURE__ */ React.createElement("div", { className: "space-y-3 animate-in fade-in" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 text-sm text-muted-foreground" }, /* @__PURE__ */ React.createElement(Loader2, { className: "w-4 h-4 animate-spin text-primary" }), /* @__PURE__ */ React.createElement("span", null, "Fetching news", data.query ? ` for "${data.query}"` : "", "...")), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3" }, [1, 2, 3].map((i) => /* @__PURE__ */ React.createElement("div", { key: i, className: "rounded-lg bg-card border border-border overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "w-full aspect-video bg-muted animate-pulse" }), /* @__PURE__ */ React.createElement("div", { className: "p-3 space-y-2" }, /* @__PURE__ */ React.createElement("div", { className: "h-3 bg-muted animate-pulse rounded w-24" }), /* @__PURE__ */ React.createElement("div", { className: "h-4 bg-muted animate-pulse rounded w-full" }), /* @__PURE__ */ React.createElement("div", { className: "h-4 bg-muted animate-pulse rounded w-3/4" }), /* @__PURE__ */ React.createElement("div", { className: "h-3 bg-muted animate-pulse rounded w-20" }))))));
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-3 animate-in fade-in", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Loader2, { className: "w-4 h-4 animate-spin text-primary" }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          "Fetching news",
+          data.query ? ` for "${data.query}"` : "",
+          "..."
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-card border border-border overflow-hidden", children: [
+        /* @__PURE__ */ jsx("div", { className: "w-full aspect-video bg-muted animate-pulse" }),
+        /* @__PURE__ */ jsxs("div", { className: "p-3 space-y-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "h-3 bg-muted animate-pulse rounded w-24" }),
+          /* @__PURE__ */ jsx("div", { className: "h-4 bg-muted animate-pulse rounded w-full" }),
+          /* @__PURE__ */ jsx("div", { className: "h-4 bg-muted animate-pulse rounded w-3/4" }),
+          /* @__PURE__ */ jsx("div", { className: "h-3 bg-muted animate-pulse rounded w-20" })
+        ] })
+      ] }, i)) })
+    ] });
   }
   if (data.isError) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 text-sm text-destructive py-3" }, /* @__PURE__ */ React.createElement(AlertCircle, { className: "w-4 h-4 flex-shrink-0" }), /* @__PURE__ */ React.createElement("span", null, "Failed to fetch news articles."), /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, null));
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-destructive py-3", children: [
+      /* @__PURE__ */ jsx(AlertCircle, { className: "w-4 h-4 flex-shrink-0" }),
+      /* @__PURE__ */ jsx("span", { children: "Failed to fetch news articles." }),
+      /* @__PURE__ */ jsx(ErrorAlchemyMenu, {})
+    ] });
   }
   if (data.isComplete && data.articles.length === 0) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 text-sm text-muted-foreground py-3" }, /* @__PURE__ */ React.createElement(Newspaper, { className: "w-4 h-4 flex-shrink-0" }), /* @__PURE__ */ React.createElement("span", null, "No articles found", data.query ? ` for "${data.query}"` : "", "."));
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground py-3", children: [
+      /* @__PURE__ */ jsx(Newspaper, { className: "w-4 h-4 flex-shrink-0" }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        "No articles found",
+        data.query ? ` for "${data.query}"` : "",
+        "."
+      ] })
+    ] });
   }
   const displayArticles = data.articles.slice(0, 6);
   const hasMore = data.totalResults > displayArticles.length;
-  return /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3" }, displayArticles.map((article, index) => /* @__PURE__ */ React.createElement(
-    "a",
-    {
-      key: index,
-      href: article.url,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      className: "group block bg-card rounded-lg border border-border overflow-hidden hover:border-primary/30 hover:shadow-md transition-all duration-200 animate-in fade-in zoom-in-95",
-      style: {
-        animationDelay: `${index * 80}ms`,
-        animationDuration: "300ms",
-        animationFillMode: "backwards"
-      }
-    },
-    article.url_to_image ? /* @__PURE__ */ React.createElement("div", { className: "relative w-full aspect-video bg-muted overflow-hidden" }, /* @__PURE__ */ React.createElement(
-      "img",
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3", children: displayArticles.map((article, index) => /* @__PURE__ */ jsxs(
+      "a",
       {
-        src: article.url_to_image,
-        alt: article.title,
-        className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-200",
-        onError: (e) => {
-          e.currentTarget.parentElement.style.display = "none";
-        }
-      }
-    ), /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-t from-black/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity" })) : /* @__PURE__ */ React.createElement("div", { className: "w-full aspect-video bg-muted flex items-center justify-center" }, /* @__PURE__ */ React.createElement(Newspaper, { className: "w-10 h-10 text-muted-foreground/30" })),
-    /* @__PURE__ */ React.createElement("div", { className: "p-3 space-y-1.5" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between gap-2" }, /* @__PURE__ */ React.createElement("span", { className: "text-xs font-medium text-primary truncate" }, article.source?.name), /* @__PURE__ */ React.createElement(ExternalLink, { className: "w-3 h-3 text-muted-foreground flex-shrink-0 opacity-0 group-hover:opacity-100 transition-opacity" })), /* @__PURE__ */ React.createElement("h3", { className: "text-sm font-semibold text-foreground line-clamp-2 group-hover:text-primary transition-colors leading-snug" }, article.title), article.description && /* @__PURE__ */ React.createElement("p", { className: "text-xs text-muted-foreground line-clamp-2" }, article.description), article.published_at && /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1 text-xs text-muted-foreground" }, /* @__PURE__ */ React.createElement(Calendar, { className: "w-3 h-3 flex-shrink-0" }), /* @__PURE__ */ React.createElement("span", null, new Date(article.published_at).toLocaleDateString("en-US", {
-      month: "short",
-      day: "numeric",
-      year: "numeric"
-    }))))
-  ))), onOpenOverlay && /* @__PURE__ */ React.createElement(Tile, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(Newspaper, null), title: hasMore ? `View all ${data.totalResults} articles` : `View ${data.articles.length} ${data.articles.length === 1 ? "article" : "articles"}`, onClick: (e) => {
-    e.stopPropagation();
-    onOpenOverlay(`tool-group-${toolGroupId}`);
-  }, style: {
-    animationDelay: `${displayArticles.length * 80}ms`,
-    animationDuration: "300ms",
-    animationFillMode: "backwards"
-  } }));
+        href: article.url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "group block bg-card rounded-lg border border-border overflow-hidden hover:border-primary/30 hover:shadow-md transition-all duration-200 animate-in fade-in zoom-in-95",
+        style: {
+          animationDelay: `${index * 80}ms`,
+          animationDuration: "300ms",
+          animationFillMode: "backwards"
+        },
+        children: [
+          article.url_to_image ? /* @__PURE__ */ jsxs("div", { className: "relative w-full aspect-video bg-muted overflow-hidden", children: [
+            /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: article.url_to_image,
+                alt: article.title,
+                className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-200",
+                onError: (e) => {
+                  e.currentTarget.parentElement.style.display = "none";
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity" })
+          ] }) : /* @__PURE__ */ jsx("div", { className: "w-full aspect-video bg-muted flex items-center justify-center", children: /* @__PURE__ */ jsx(Newspaper, { className: "w-10 h-10 text-muted-foreground/30" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "p-3 space-y-1.5", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-primary truncate", children: article.source?.name }),
+              /* @__PURE__ */ jsx(ExternalLink, { className: "w-3 h-3 text-muted-foreground flex-shrink-0 opacity-0 group-hover:opacity-100 transition-opacity" })
+            ] }),
+            /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground line-clamp-2 group-hover:text-primary transition-colors leading-snug", children: article.title }),
+            article.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground line-clamp-2", children: article.description }),
+            article.published_at && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ jsx(Calendar, { className: "w-3 h-3 flex-shrink-0" }),
+              /* @__PURE__ */ jsx("span", { children: new Date(article.published_at).toLocaleDateString("en-US", {
+                month: "short",
+                day: "numeric",
+                year: "numeric"
+              }) })
+            ] })
+          ] })
+        ]
+      },
+      index
+    )) }),
+    onOpenOverlay && /* @__PURE__ */ jsx(Tile, { variant: "quiet", icon: /* @__PURE__ */ jsx(Newspaper, {}), title: hasMore ? `View all ${data.totalResults} articles` : `View ${data.articles.length} ${data.articles.length === 1 ? "article" : "articles"}`, onClick: (e) => {
+      e.stopPropagation();
+      onOpenOverlay(`tool-group-${toolGroupId}`);
+    }, style: {
+      animationDelay: `${displayArticles.length * 80}ms`,
+      animationDuration: "300ms",
+      animationFillMode: "backwards"
+    } })
+  ] });
 };
 export {
   NewsInline