@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/tool-call-visualization/registry/GenericRenderer.js

@@ -1,6 +1,6 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { resultToHuman } from "../utils/human-copy.js";
-import React from "react";
 import { Loader2, Maximize2 } from "lucide-react";
 import { collectMessages } from "../renderers/_shared.js";
 import { ToolResultValue } from "../result-fields/ToolResultValue.js";
@@ -54,16 +54,19 @@ const ProgressLine = ({
 }) => {
   const url = extractUrl(message);
   const text = url ? message.replace(url, "").trim() : message;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: "flex min-w-0 items-center gap-2 text-xs text-muted-foreground animate-in fade-in slide-in-from-bottom-1 duration-300",
       style: {
         animationDelay: `${index * 60}ms`,
         animationFillMode: "backwards"
-      }
-    },
-    url ? /* @__PURE__ */ React.createElement(React.Fragment, null, text && /* @__PURE__ */ React.createElement("span", { className: "truncate" }, text), /* @__PURE__ */ React.createElement(UrlChip, { url })) : /* @__PURE__ */ React.createElement("span", { className: "min-w-0 break-words" }, message)
+      },
+      children: url ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        text && /* @__PURE__ */ jsx("span", { className: "truncate", children: text }),
+        /* @__PURE__ */ jsx(UrlChip, { url })
+      ] }) : /* @__PURE__ */ jsx("span", { className: "min-w-0 break-words", children: message })
+    }
   );
 };
 const GenericRenderer = ({
@@ -76,7 +79,7 @@ const GenericRenderer = ({
   const hasError = entry.status === "error";
   const groupId = toolGroupId ?? entry.callId;
   if (hasError) {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       ToolErrorCard,
       {
         entry,
@@ -86,61 +89,75 @@ const GenericRenderer = ({
     );
   }
   if (isComplete && entry.result == null) {
-    return /* @__PURE__ */ React.createElement("div", { className: "text-xs text-muted-foreground" }, "Completed. No output was captured for this call.");
+    return /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "Completed. No output was captured for this call." });
   }
   if (!isComplete || entry.result == null) {
     const source = events && events.length > 0 ? collectMessages(events) : entry.latestMessage ? [entry.latestMessage] : [];
     const meaningful = source.filter((m) => !isRedundantMessage(m));
     const displayMessages = meaningful.slice(-2);
-    return /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, displayMessages.length > 0 ? /* @__PURE__ */ React.createElement("div", { className: "space-y-1.5" }, displayMessages.map((msg, i) => /* @__PURE__ */ React.createElement(
-      ProgressLine,
-      {
-        key: `${i}-${msg.slice(0, 16)}`,
-        message: msg,
-        index: i
-      }
-    ))) : null, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 text-xs text-muted-foreground" }, /* @__PURE__ */ React.createElement(Loader2, { className: "h-3.5 w-3.5 animate-spin" }), /* @__PURE__ */ React.createElement("span", null, "Working\u2026")));
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      displayMessages.length > 0 ? /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: displayMessages.map((msg, i) => /* @__PURE__ */ jsx(
+        ProgressLine,
+        {
+          message: msg,
+          index: i
+        },
+        `${i}-${msg.slice(0, 16)}`
+      )) }) : null,
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
+        /* @__PURE__ */ jsx("span", { children: "Working\u2026" })
+      ] })
+    ] });
   }
   const shape = detectResultShape(entry.result);
   const isEmpty = shape.kind === "empty";
   const hasMoreToSee = !isEmpty && resultWarrantsOverlay(entry.result) && Boolean(onOpenOverlay);
-  return /* @__PURE__ */ React.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-start gap-2" }, /* @__PURE__ */ React.createElement(
-    ToolResultValue,
-    {
-      value: entry.result,
-      density: "inline",
-      className: "min-w-0 flex-1"
-    }
-  ), !isEmpty && /* @__PURE__ */ React.createElement("div", { className: "shrink-0" }, /* @__PURE__ */ React.createElement(
-    CopyButtons,
-    {
-      label: "Result",
-      size: "icon",
-      human: () => resultToHuman(entry.result),
-      agent: () => ({
-        kind: "tool-result",
-        location: "AI Matrx \u2014 Tool call result",
-        description: `Result of the "${entry.displayName || entry.toolName}" tool call.`,
-        data: {
-          tool: entry.toolName,
-          callId: entry.callId,
-          result: entry.result
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx(
+        ToolResultValue,
+        {
+          value: entry.result,
+          density: "inline",
+          className: "min-w-0 flex-1"
         }
-      })
-    }
-  ))), hasMoreToSee && onOpenOverlay && /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      type: "button",
-      onClick: (e) => {
-        e.stopPropagation();
-        onOpenOverlay(`tool-group-${groupId}`);
-      },
-      className: "group flex w-full items-center justify-between gap-2 rounded border border-border/60 px-2 py-1 text-xs text-muted-foreground transition-colors hover:border-primary/40 hover:text-foreground"
-    },
-    /* @__PURE__ */ React.createElement("span", null, "View complete result"),
-    /* @__PURE__ */ React.createElement(Maximize2, { className: "h-3 w-3 shrink-0" })
-  ));
+      ),
+      !isEmpty && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(
+        CopyButtons,
+        {
+          label: "Result",
+          size: "icon",
+          human: () => resultToHuman(entry.result),
+          agent: () => ({
+            kind: "tool-result",
+            location: "AI Matrx \u2014 Tool call result",
+            description: `Result of the "${entry.displayName || entry.toolName}" tool call.`,
+            data: {
+              tool: entry.toolName,
+              callId: entry.callId,
+              result: entry.result
+            }
+          })
+        }
+      ) })
+    ] }),
+    hasMoreToSee && onOpenOverlay && /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: (e) => {
+          e.stopPropagation();
+          onOpenOverlay(`tool-group-${groupId}`);
+        },
+        className: "group flex w-full items-center justify-between gap-2 rounded border border-border/60 px-2 py-1 text-xs text-muted-foreground transition-colors hover:border-primary/40 hover:text-foreground",
+        children: [
+          /* @__PURE__ */ jsx("span", { children: "View complete result" }),
+          /* @__PURE__ */ jsx(Maximize2, { className: "h-3 w-3 shrink-0" })
+        ]
+      }
+    )
+  ] });
 };
 export {
   GenericRenderer

package/dist/tool-call-visualization/registry/registry.js

@@ -1,6 +1,6 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { formatCount } from "@ai-matrx/kit/format";
-import React from "react";
 import {
   CheckCircle,
   FileSearch,
@@ -99,7 +99,18 @@ function searchHeaderSubtitle(entry) {
 function searchHeaderExtras(entry) {
   const parsed = parseSearch(resultAsString(entry));
   if (parsed.sources.length === 0) return null;
-  return /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3 text-white/90 text-xs mt-1" }, /* @__PURE__ */ React.createElement("span", null, parsed.sources.length, " ", parsed.sources.length === 1 ? "source" : "sources"), parsed.domains.length > 0 && /* @__PURE__ */ React.createElement("span", null, parsed.domains.length, " ", parsed.domains.length === 1 ? "domain" : "domains"));
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-white/90 text-xs mt-1", children: [
+    /* @__PURE__ */ jsxs("span", { children: [
+      parsed.sources.length,
+      " ",
+      parsed.sources.length === 1 ? "source" : "sources"
+    ] }),
+    parsed.domains.length > 0 && /* @__PURE__ */ jsxs("span", { children: [
+      parsed.domains.length,
+      " ",
+      parsed.domains.length === 1 ? "domain" : "domains"
+    ] })
+  ] });
 }
 function scrapeHeaderSubtitle(entry) {
   const parsed = parseScrape(entry);
@@ -120,7 +131,19 @@ function scrapeHeaderSubtitle(entry) {
 function scrapeHeaderExtras(entry) {
   const parsed = parseScrape(entry);
   if (parsed.pages.length === 0) return null;
-  return /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3 text-white/90 text-xs mt-1" }, /* @__PURE__ */ React.createElement("span", null, parsed.pages.length, " ", parsed.pages.length === 1 ? "page" : "pages", " ", "read"), parsed.totalChars > 0 && /* @__PURE__ */ React.createElement("span", null, formatCount(parsed.totalChars), " chars"));
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-white/90 text-xs mt-1", children: [
+    /* @__PURE__ */ jsxs("span", { children: [
+      parsed.pages.length,
+      " ",
+      parsed.pages.length === 1 ? "page" : "pages",
+      " ",
+      "read"
+    ] }),
+    parsed.totalChars > 0 && /* @__PURE__ */ jsxs("span", { children: [
+      formatCount(parsed.totalChars),
+      " chars"
+    ] })
+  ] });
 }
 function webHeaderSubtitle(entry) {
   const kind = resolveWebActionKind(getArg(entry, "action"));
@@ -390,7 +413,12 @@ const toolRendererRegistry = {
       const result = resultAsObject(entry);
       const totalResults = typeof result?.total_results === "number" ? result.total_results : void 0;
       if (!totalResults) return null;
-      return /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3 text-white/90 text-xs mt-1" }, /* @__PURE__ */ React.createElement("span", null, totalResults, " ", totalResults === 1 ? "article" : "articles", " found"));
+      return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3 text-white/90 text-xs mt-1", children: /* @__PURE__ */ jsxs("span", { children: [
+        totalResults,
+        " ",
+        totalResults === 1 ? "article" : "articles",
+        " found"
+      ] }) });
     }
   },
   workbook: {
@@ -428,7 +456,11 @@ const toolRendererRegistry = {
       const r = resultAsObject(entry);
       const count = Array.isArray(r?.entries) ? r.entries.length : 0;
       if (!count) return null;
-      return /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3 text-white/90 text-xs mt-1" }, /* @__PURE__ */ React.createElement("span", null, count, " ", count === 1 ? "term" : "terms"));
+      return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3 text-white/90 text-xs mt-1", children: /* @__PURE__ */ jsxs("span", { children: [
+        count,
+        " ",
+        count === 1 ? "term" : "terms"
+      ] }) });
     }
   },
   web_search_v1: {
@@ -482,7 +514,12 @@ const toolRendererRegistry = {
       if (!raw) return null;
       const readCount = (raw.match(/<read_result>/g) || []).length;
       if (readCount === 0) return null;
-      return /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3 text-white/90 text-xs mt-1" }, /* @__PURE__ */ React.createElement("span", { className: "flex items-center gap-1" }, readCount, " ", readCount === 1 ? "page" : "pages", " read"));
+      return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3 text-white/90 text-xs mt-1", children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+        readCount,
+        " ",
+        readCount === 1 ? "page" : "pages",
+        " read"
+      ] }) });
     }
   },
   core_web_search_and_read: {
@@ -506,7 +543,12 @@ const toolRendererRegistry = {
       if (!raw) return null;
       const readCount = (raw.match(/<read_result>/g) || []).length;
       if (readCount === 0) return null;
-      return /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3 text-white/90 text-xs mt-1" }, /* @__PURE__ */ React.createElement("span", { className: "flex items-center gap-1" }, readCount, " ", readCount === 1 ? "page" : "pages", " read"));
+      return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3 text-white/90 text-xs mt-1", children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+        readCount,
+        " ",
+        readCount === 1 ? "page" : "pages",
+        " read"
+      ] }) });
     }
   },
   web_read: {
@@ -986,7 +1028,17 @@ const toolRendererRegistry = {
       const poolSize = typeof result.pool_size === "number" ? result.pool_size : null;
       const candidates = Array.isArray(result.candidates) ? result.candidates.length : null;
       if (!label && poolSize == null) return null;
-      return /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3 text-white/90 text-xs mt-1" }, label && /* @__PURE__ */ React.createElement("span", { className: "flex items-center gap-1" }, "Landed on ", /* @__PURE__ */ React.createElement("span", { className: "font-semibold" }, label)), candidates != null && poolSize != null && poolSize > candidates && /* @__PURE__ */ React.createElement("span", { className: "ml-auto text-white/60" }, candidates, " of ", poolSize));
+      return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-white/90 text-xs mt-1", children: [
+        label && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+          "Landed on ",
+          /* @__PURE__ */ jsx("span", { className: "font-semibold", children: label })
+        ] }),
+        candidates != null && poolSize != null && poolSize > candidates && /* @__PURE__ */ jsxs("span", { className: "ml-auto text-white/60", children: [
+          candidates,
+          " of ",
+          poolSize
+        ] })
+      ] });
     }
   }
 };
@@ -1029,7 +1081,7 @@ function notSetUpRendererFor(toolName) {
     reportUnregisteredHostSlot(`toolRenderer:${toolName}`, "the generic renderer is drawn");
     return (
       // The generic renderer shows the call in full; the app's richer card is reported once, never labelled on screen.
-      /* @__PURE__ */ React.createElement("div", { "data-chat-slot-fallback": `toolRenderer:${toolName}` }, /* @__PURE__ */ React.createElement(GenericRenderer, { ...props }))
+      /* @__PURE__ */ jsx("div", { "data-chat-slot-fallback": `toolRenderer:${toolName}`, children: /* @__PURE__ */ jsx(GenericRenderer, { ...props }) })
     );
   };
   NotSetUp.displayName = `NotSetUpRenderer(${toolName})`;
@@ -1041,7 +1093,7 @@ const dbOverlayByTool = /* @__PURE__ */ new Map();
 function dbRendererFor(cache, toolName, label) {
   const hit = cache.get(toolName);
   if (hit) return hit;
-  const Db = (props) => /* @__PURE__ */ React.createElement(DbToolRenderer, { toolName, ...props });
+  const Db = (props) => /* @__PURE__ */ jsx(DbToolRenderer, { toolName, ...props });
   Db.displayName = `${label}(${toolName})`;
   cache.set(toolName, Db);
   return Db;

package/dist/tool-call-visualization/renderers/_shared-entity/EmptyResultCard.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { EntityCard } from "./EntityCard.js";
 function EmptyResultCard({
   icon,
@@ -12,7 +13,7 @@ function EmptyResultCard({
   expanded,
   onToggleExpanded
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     EntityCard,
     {
       expanded,
@@ -21,9 +22,13 @@ function EmptyResultCard({
       accent,
       title,
       subtitle: `${did} \xB7 nothing to show`,
-      actions
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "px-3 py-2 text-xs leading-relaxed text-muted-foreground" }, did, ", but the tool returned nothing to open from here. ", remedy)
+      actions,
+      children: /* @__PURE__ */ jsxs("div", { className: "px-3 py-2 text-xs leading-relaxed text-muted-foreground", children: [
+        did,
+        ", but the tool returned nothing to open from here. ",
+        remedy
+      ] })
+    }
   );
 }
 export {

package/dist/tool-call-visualization/renderers/_shared-entity/EntityCard.js

@@ -1,5 +1,6 @@
 "use client";
-import { Fragment, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment2, useState } from "react";
 import { ChevronDown, ArrowRight } from "lucide-react";
 import {
   DropdownMenu,
@@ -33,97 +34,127 @@ function EntityCard({
   const toggle = controlled ? onToggleExpanded : () => setInternalOpen((o) => !o);
   const collapsible = hasBody;
   const hoverAct = hoverAction ?? actions.find((a) => a.onSelect && /window/i.test(a.label));
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn(
         "overflow-hidden rounded-xl border border-border bg-card text-card-foreground",
         className
-      )
-    },
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: cn(
-          "group/eh flex items-center gap-3 px-3 py-2.5 transition-colors",
-          collapsible && "cursor-pointer hover:bg-muted/50"
-        ),
-        onClick: collapsible ? toggle : void 0,
-        role: collapsible ? "button" : void 0,
-        tabIndex: collapsible ? 0 : void 0,
-        onKeyDown: collapsible ? (e) => {
-          if (e.key === "Enter" || e.key === " ") {
-            e.preventDefault();
-            toggle();
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "group/eh flex items-center gap-3 px-3 py-2.5 transition-colors",
+              collapsible && "cursor-pointer hover:bg-muted/50"
+            ),
+            onClick: collapsible ? toggle : void 0,
+            role: collapsible ? "button" : void 0,
+            tabIndex: collapsible ? 0 : void 0,
+            onKeyDown: collapsible ? (e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                toggle();
+              }
+            } : void 0,
+            children: [
+              /* @__PURE__ */ jsx(ToolGlyph, { icon, accent, size: "lg" }),
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-semibold leading-tight text-foreground", children: title }),
+                subtitle || hoverAct ? /* @__PURE__ */ jsxs("div", { className: "relative mt-0.5 h-4 text-xs leading-tight", children: [
+                  subtitle ? /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: cn(
+                        // Text only: it never takes the press meant for the hover action drawn over it
+                        // (review 2: "Open in window" was covered by this span and could not be clicked).
+                        "pointer-events-none absolute inset-0 truncate text-muted-foreground transition-opacity",
+                        hoverAct && "group-hover/eh:opacity-0 group-focus-within/eh:opacity-0"
+                      ),
+                      children: subtitle
+                    }
+                  ) : null,
+                  hoverAct ? /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        hoverAct.onSelect?.();
+                      },
+                      "data-entity-hover-action": "",
+                      className: "absolute inset-0 flex w-full items-center gap-1 truncate text-left font-medium text-primary opacity-0 transition-opacity pointer-events-none group-hover/eh:pointer-events-auto group-hover/eh:opacity-100 focus-visible:pointer-events-auto focus-visible:opacity-100",
+                      children: [
+                        hoverAct.icon ? /* @__PURE__ */ jsx(hoverAct.icon, { className: "h-3 w-3 shrink-0" }) : null,
+                        /* @__PURE__ */ jsx("span", { className: "truncate", children: hoverAct.label }),
+                        /* @__PURE__ */ jsx(ArrowRight, { className: "h-3 w-3 shrink-0" })
+                      ]
+                    }
+                  ) : null
+                ] }) : null
+              ] }),
+              collapsible ? /* @__PURE__ */ jsx(
+                ChevronDown,
+                {
+                  className: cn(
+                    "h-4 w-4 shrink-0 text-muted-foreground/60 transition-all opacity-0 group-hover/eh:opacity-100",
+                    !open && "-rotate-90"
+                  )
+                }
+              ) : null,
+              only ? (
+                // ONE CHOICE IS A BUTTON, NOT A MENU (2026-10-03). A shared-with-you
+                // card drew "Open ▾" over a one-item menu whose only row was "Open":
+                // two clicks and a menu to reach the single thing it could do.
+                /* @__PURE__ */ jsx("div", { onClick: (e) => e.stopPropagation(), children: only.href ? /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", className: "shrink-0 gap-1.5", asChild: true, children: /* @__PURE__ */ jsxs("a", { href: only.href, target: "_blank", rel: "noopener noreferrer", children: [
+                  OnlyIcon ? /* @__PURE__ */ jsx(OnlyIcon, { className: "h-3.5 w-3.5 opacity-80" }) : null,
+                  only.label
+                ] }) }) : /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", className: "shrink-0 gap-1.5", onClick: only.onSelect, children: [
+                  OnlyIcon ? /* @__PURE__ */ jsx(OnlyIcon, { className: "h-3.5 w-3.5 opacity-80" }) : null,
+                  only.label
+                ] }) })
+              ) : actions.length ? /* @__PURE__ */ jsx("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+                /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", className: "shrink-0 gap-1.5", children: [
+                  actionLabel,
+                  /* @__PURE__ */ jsx(ChevronDown, { className: "h-3.5 w-3.5 opacity-70" })
+                ] }) }),
+                /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", className: "w-56", children: actions.map((a, i) => {
+                  const Icon = a.icon;
+                  const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+                    Icon ? /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 opacity-80" }) : null,
+                    a.label
+                  ] });
+                  const item = a.href ? /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, className: "gap-2", children: /* @__PURE__ */ jsx("a", { href: a.href, target: "_blank", rel: "noopener noreferrer", children: inner }) }, `i-${i}`) : /* @__PURE__ */ jsx(
+                    DropdownMenuItem,
+                    {
+                      className: "gap-2",
+                      onSelect: a.onSelect,
+                      children: inner
+                    },
+                    `i-${i}`
+                  );
+                  return a.separatorBefore ? /* @__PURE__ */ jsxs(Fragment2, { children: [
+                    /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+                    item
+                  ] }, `f-${i}`) : item;
+                }) })
+              ] }) }) : null
+            ]
           }
-        } : void 0
-      },
-      /* @__PURE__ */ React.createElement(ToolGlyph, { icon, accent, size: "lg" }),
-      /* @__PURE__ */ React.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React.createElement("div", { className: "truncate text-sm font-semibold leading-tight text-foreground" }, title), subtitle || hoverAct ? /* @__PURE__ */ React.createElement("div", { className: "relative mt-0.5 h-4 text-xs leading-tight" }, subtitle ? /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          className: cn(
-            // Text only: it never takes the press meant for the hover action drawn over it
-            // (review 2: "Open in window" was covered by this span and could not be clicked).
-            "pointer-events-none absolute inset-0 truncate text-muted-foreground transition-opacity",
-            hoverAct && "group-hover/eh:opacity-0 group-focus-within/eh:opacity-0"
-          )
-        },
-        subtitle
-      ) : null, hoverAct ? /* @__PURE__ */ React.createElement(
-        "button",
-        {
-          type: "button",
-          onClick: (e) => {
-            e.stopPropagation();
-            hoverAct.onSelect?.();
-          },
-          "data-entity-hover-action": "",
-          className: "absolute inset-0 flex w-full items-center gap-1 truncate text-left font-medium text-primary opacity-0 transition-opacity pointer-events-none group-hover/eh:pointer-events-auto group-hover/eh:opacity-100 focus-visible:pointer-events-auto focus-visible:opacity-100"
-        },
-        hoverAct.icon ? /* @__PURE__ */ React.createElement(hoverAct.icon, { className: "h-3 w-3 shrink-0" }) : null,
-        /* @__PURE__ */ React.createElement("span", { className: "truncate" }, hoverAct.label),
-        /* @__PURE__ */ React.createElement(ArrowRight, { className: "h-3 w-3 shrink-0" })
-      ) : null) : null),
-      collapsible ? /* @__PURE__ */ React.createElement(
-        ChevronDown,
-        {
-          className: cn(
-            "h-4 w-4 shrink-0 text-muted-foreground/60 transition-all opacity-0 group-hover/eh:opacity-100",
-            !open && "-rotate-90"
-          )
-        }
-      ) : null,
-      only ? (
-        // ONE CHOICE IS A BUTTON, NOT A MENU (2026-10-03). A shared-with-you
-        // card drew "Open ▾" over a one-item menu whose only row was "Open":
-        // two clicks and a menu to reach the single thing it could do.
-        /* @__PURE__ */ React.createElement("div", { onClick: (e) => e.stopPropagation() }, only.href ? /* @__PURE__ */ React.createElement(Button, { variant: "outline", size: "sm", className: "shrink-0 gap-1.5", asChild: true }, /* @__PURE__ */ React.createElement("a", { href: only.href, target: "_blank", rel: "noopener noreferrer" }, OnlyIcon ? /* @__PURE__ */ React.createElement(OnlyIcon, { className: "h-3.5 w-3.5 opacity-80" }) : null, only.label)) : /* @__PURE__ */ React.createElement(Button, { variant: "outline", size: "sm", className: "shrink-0 gap-1.5", onClick: only.onSelect }, OnlyIcon ? /* @__PURE__ */ React.createElement(OnlyIcon, { className: "h-3.5 w-3.5 opacity-80" }) : null, only.label))
-      ) : actions.length ? /* @__PURE__ */ React.createElement("div", { onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React.createElement(DropdownMenu, null, /* @__PURE__ */ React.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(Button, { variant: "outline", size: "sm", className: "shrink-0 gap-1.5" }, actionLabel, /* @__PURE__ */ React.createElement(ChevronDown, { className: "h-3.5 w-3.5 opacity-70" }))), /* @__PURE__ */ React.createElement(DropdownMenuContent, { align: "end", className: "w-56" }, actions.map((a, i) => {
-        const Icon = a.icon;
-        const inner = /* @__PURE__ */ React.createElement(React.Fragment, null, Icon ? /* @__PURE__ */ React.createElement(Icon, { className: "h-4 w-4 opacity-80" }) : null, a.label);
-        const item = a.href ? /* @__PURE__ */ React.createElement(DropdownMenuItem, { key: `i-${i}`, asChild: true, className: "gap-2" }, /* @__PURE__ */ React.createElement("a", { href: a.href, target: "_blank", rel: "noopener noreferrer" }, inner)) : /* @__PURE__ */ React.createElement(
-          DropdownMenuItem,
+        ),
+        hasBody ? /* @__PURE__ */ jsx(
+          "div",
           {
-            key: `i-${i}`,
-            className: "gap-2",
-            onSelect: a.onSelect
-          },
-          inner
-        );
-        return a.separatorBefore ? /* @__PURE__ */ React.createElement(Fragment, { key: `f-${i}` }, /* @__PURE__ */ React.createElement(DropdownMenuSeparator, null), item) : item;
-      })))) : null
-    ),
-    hasBody ? /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: cn(
-          "grid transition-[grid-template-rows] duration-300 ease-in-out",
-          open ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
-        )
-      },
-      /* @__PURE__ */ React.createElement("div", { className: "overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "border-t border-border" }, children))
-    ) : null
+            className: cn(
+              "grid transition-[grid-template-rows] duration-300 ease-in-out",
+              open ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
+            ),
+            children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "border-t border-border", children }) })
+          }
+        ) : null
+      ]
+    }
   );
 }
 export {

package/dist/tool-call-visualization/renderers/_shared-entity/EntityOpenActions.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { PanelRight, ExternalLink } from "lucide-react";
 import { Button } from "@ai-matrx/design-system/controls";
 import { cn } from "@ai-matrx/design-system";
@@ -9,15 +10,21 @@ function EntityOpenActions({
   newTabLabel = "New tab",
   className
 }) {
-  return /* @__PURE__ */ React.createElement("div", { className: cn("flex shrink-0 items-center gap-1.5", className) }, onOpenWindow ? /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      icon: /* @__PURE__ */ React.createElement(PanelRight, null),
-      variant: "outline",
-      onClick: onOpenWindow
-    },
-    windowLabel
-  ) : null, href ? /* @__PURE__ */ React.createElement(Button, { asChild: true, variant: "outline" }, /* @__PURE__ */ React.createElement("a", { href, target: "_blank", rel: "noopener noreferrer" }, /* @__PURE__ */ React.createElement(ExternalLink, { className: "h-3.5 w-3.5" }), newTabLabel)) : null);
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex shrink-0 items-center gap-1.5", className), children: [
+    onOpenWindow ? /* @__PURE__ */ jsx(
+      Button,
+      {
+        icon: /* @__PURE__ */ jsx(PanelRight, {}),
+        variant: "outline",
+        onClick: onOpenWindow,
+        children: windowLabel
+      }
+    ) : null,
+    href ? /* @__PURE__ */ jsx(Button, { asChild: true, variant: "outline", children: /* @__PURE__ */ jsxs("a", { href, target: "_blank", rel: "noopener noreferrer", children: [
+      /* @__PURE__ */ jsx(ExternalLink, { className: "h-3.5 w-3.5" }),
+      newTabLabel
+    ] }) }) : null
+  ] });
 }
 export {
   EntityOpenActions