@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/tool-call-visualization/components/ToolCallVisualization.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React, { useEffect, useMemo, useState } from "react";
 import {
   ChevronDown,
@@ -218,7 +219,7 @@ const ToolCallVisualizationInner = ({
       })
     );
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn(
@@ -229,206 +230,222 @@ const ToolCallVisualizationInner = ({
         // renderers bring their own cards.
         "group/toolcard relative w-full mb-2",
         className
-      )
-    },
-    artifact ? /* @__PURE__ */ React.createElement(
-      ArtifactResultBar,
-      {
-        artifact,
-        conversationId,
-        peekExpanded: isExpanded,
-        onTogglePeek: toggleExpand,
-        onOpenOverlay: handleOpenOverlay,
-        onOpenWindowPanel: handleOpenWindowPanel
-      }
-    ) : cardMode && headerTool && HeaderInline ? (
-      // Self-headed entity card — no fold line; the card's own header carries
-      // the name + "Open in" menu. createElement (not JSX) since the component
-      // is resolved at runtime from the registry.
-      React.createElement(HeaderInline, {
-        entry: headerTool,
-        events: headerTool.events,
-        onOpenOverlay: handleOpenOverlay,
-        onOpenWindowPanel: handleOpenWindowPanel,
-        toolGroupId: headerTool.callId,
-        isPersisted,
-        conversationId,
-        requestId,
-        expanded: cardOpen,
-        onToggleExpanded: toggleCard,
-        readOnly
-      })
-    ) : /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: toggleExpand,
-        className: "flex w-full items-center gap-1.5 text-left"
-      },
-      /* @__PURE__ */ React.createElement(ToolGlyph, { icon: glyph.icon, accent: glyph.accent, size: "sm" }),
-      /* @__PURE__ */ React.createElement("span", { className: "flex min-w-0 items-center gap-1.5" }, (phase === "processing" || phase === "starting") && !parkedAsk ? /* @__PURE__ */ React.createElement(
-        ShimmerText,
-        {
-          text: phaseLabel,
-          className: "truncate font-sans text-sm leading-relaxed tracking-wide"
-        }
-      ) : /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          className: "truncate font-sans text-sm leading-relaxed tracking-wide text-muted-foreground",
-          title: guardRouting?.tooltip
-        },
-        phaseLabel
-      ), querySubtitle && (phase === "processing" || phase === "starting" ? /* @__PURE__ */ React.createElement(
-        ShimmerText,
-        {
-          text: `\xB7 ${querySubtitle}`,
-          className: "truncate font-sans text-sm leading-relaxed tracking-wide"
-        }
-      ) : /* @__PURE__ */ React.createElement("span", { className: "truncate font-sans text-sm leading-relaxed tracking-wide text-muted-foreground/70" }, "\xB7 ", querySubtitle))),
-      isExpanded ? /* @__PURE__ */ React.createElement(ChevronDown, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ React.createElement(ChevronRight, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
-      /* @__PURE__ */ React.createElement("span", { className: "flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity focus-within:opacity-100 group-hover/toolcard:opacity-100" }, /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          role: "button",
-          tabIndex: 0,
-          onClick: (e) => {
-            e.stopPropagation();
-            handleOpenWindowPanel();
-          },
-          onKeyDown: (e) => {
-            if (e.key === "Enter" || e.key === " ") {
-              e.preventDefault();
-              e.stopPropagation();
-              handleOpenWindowPanel();
-            }
-          },
-          className: "cursor-pointer rounded p-0.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
-          title: "Open in floating window"
-        },
-        /* @__PURE__ */ React.createElement(PanelRightOpen, { className: "h-3 w-3" })
-      ), /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          role: "button",
-          tabIndex: 0,
-          onClick: (e) => {
-            e.stopPropagation();
-            setInitialOverlayTab(void 0);
-            setIsOverlayOpen(true);
-          },
-          onKeyDown: (e) => {
-            if (e.key === "Enter" || e.key === " ") {
-              e.preventDefault();
-              e.stopPropagation();
+      ),
+      children: [
+        artifact ? /* @__PURE__ */ jsx(
+          ArtifactResultBar,
+          {
+            artifact,
+            conversationId,
+            peekExpanded: isExpanded,
+            onTogglePeek: toggleExpand,
+            onOpenOverlay: handleOpenOverlay,
+            onOpenWindowPanel: handleOpenWindowPanel
+          }
+        ) : cardMode && headerTool && HeaderInline ? (
+          // Self-headed entity card — no fold line; the card's own header carries
+          // the name + "Open in" menu. createElement (not JSX) since the component
+          // is resolved at runtime from the registry.
+          React.createElement(HeaderInline, {
+            entry: headerTool,
+            events: headerTool.events,
+            onOpenOverlay: handleOpenOverlay,
+            onOpenWindowPanel: handleOpenWindowPanel,
+            toolGroupId: headerTool.callId,
+            isPersisted,
+            conversationId,
+            requestId,
+            expanded: cardOpen,
+            onToggleExpanded: toggleCard,
+            readOnly
+          })
+        ) : /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: toggleExpand,
+            className: "flex w-full items-center gap-1.5 text-left",
+            children: [
+              /* @__PURE__ */ jsx(ToolGlyph, { icon: glyph.icon, accent: glyph.accent, size: "sm" }),
+              /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+                (phase === "processing" || phase === "starting") && !parkedAsk ? /* @__PURE__ */ jsx(
+                  ShimmerText,
+                  {
+                    text: phaseLabel,
+                    className: "truncate font-sans text-sm leading-relaxed tracking-wide"
+                  }
+                ) : /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "truncate font-sans text-sm leading-relaxed tracking-wide text-muted-foreground",
+                    title: guardRouting?.tooltip,
+                    children: phaseLabel
+                  }
+                ),
+                querySubtitle && (phase === "processing" || phase === "starting" ? /* @__PURE__ */ jsx(
+                  ShimmerText,
+                  {
+                    text: `\xB7 ${querySubtitle}`,
+                    className: "truncate font-sans text-sm leading-relaxed tracking-wide"
+                  }
+                ) : /* @__PURE__ */ jsxs("span", { className: "truncate font-sans text-sm leading-relaxed tracking-wide text-muted-foreground/70", children: [
+                  "\xB7 ",
+                  querySubtitle
+                ] }))
+              ] }),
+              isExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+              /* @__PURE__ */ jsxs("span", { className: "flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity focus-within:opacity-100 group-hover/toolcard:opacity-100", children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    role: "button",
+                    tabIndex: 0,
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      handleOpenWindowPanel();
+                    },
+                    onKeyDown: (e) => {
+                      if (e.key === "Enter" || e.key === " ") {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        handleOpenWindowPanel();
+                      }
+                    },
+                    className: "cursor-pointer rounded p-0.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+                    title: "Open in floating window",
+                    children: /* @__PURE__ */ jsx(PanelRightOpen, { className: "h-3 w-3" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    role: "button",
+                    tabIndex: 0,
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      setInitialOverlayTab(void 0);
+                      setIsOverlayOpen(true);
+                    },
+                    onKeyDown: (e) => {
+                      if (e.key === "Enter" || e.key === " ") {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        setInitialOverlayTab(void 0);
+                        setIsOverlayOpen(true);
+                      }
+                    },
+                    className: "cursor-pointer rounded p-0.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+                    title: "Open fullscreen overlay",
+                    children: /* @__PURE__ */ jsx(Maximize2, { className: "h-3 w-3" })
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        !cardMode && hasEverExpanded && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "grid transition-[grid-template-rows,opacity] duration-500 ease-in-out",
+              isExpanded ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"
+            ),
+            children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                ref: bodyScrollRef,
+                className: cn(
+                  "max-h-[26rem] space-y-1 overflow-y-auto bg-transparent animate-in fade-in duration-300",
+                  // Artifact mode: the body attaches seamlessly to the header
+                  // bar (zero gap — the renderer continues the header's sheet).
+                  artifact ? "mt-0" : "mt-0.5"
+                ),
+                children: entries.map((entry) => {
+                  const groupDisplayName = getToolDisplayName(entry.toolName);
+                  const isErrored = entry.status === "error";
+                  const entryWait = entry === headerTool ? heldWait : heldWriteOf(entry);
+                  const entryParked = parkedOnPersonOf(entry, suspendedCallIds);
+                  const InlineRenderer = isErrored || entryWait || entryParked ? null : getInlineRenderer(entry.toolName);
+                  return /* @__PURE__ */ jsxs("div", { children: [
+                    entries.length > 1 && /* @__PURE__ */ jsx("div", { className: "mb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: groupDisplayName }),
+                    entryParked ? /* @__PURE__ */ jsx(
+                      ParkedOnPersonCard,
+                      {
+                        actionRequestId: entryParked.actionRequestId,
+                        conversationId: conversationId ?? null
+                      }
+                    ) : entryWait ? /* @__PURE__ */ jsx(
+                      RecordChangeApprovalCard,
+                      {
+                        wait: entryWait,
+                        callId: entry.callId,
+                        ...conversationId ? { conversationId } : {},
+                        ...conversationId && !readOnly ? {
+                          // THE LOOP CLOSES ITSELF (AGENTS-ON-DATA item 2): a decision taken on
+                          // this card tells the agent, so it carries on with the rest of the
+                          // job instead of waiting for the person to type "go on".
+                          onDecided: ({ choice, sentence }) => {
+                            const text = choice === "approve" ? `Approved \u2014 ${sentence} Carry on.` : `Refused \u2014 ${sentence} Do not make that change; tell me what you will do instead.`;
+                            void dispatch(
+                              smartExecute({
+                                conversationId,
+                                submission: {
+                                  text,
+                                  messageParts: [],
+                                  resources: [],
+                                  resourceIds: [],
+                                  editorResourceXml: "",
+                                  userValues: {}
+                                }
+                              })
+                            );
+                          }
+                        } : {},
+                        ...entry === headerTool && heldTableName ? { tableName: heldTableName } : {}
+                      }
+                    ) : isErrored || !InlineRenderer ? /* @__PURE__ */ jsx(
+                      ToolErrorCard,
+                      {
+                        entry,
+                        onOpenOverlay: handleOpenOverlay,
+                        toolGroupId: entry.callId
+                      }
+                    ) : /* @__PURE__ */ jsx(
+                      InlineRenderer,
+                      {
+                        entry,
+                        events: entry.events,
+                        onOpenOverlay: handleOpenOverlay,
+                        onOpenWindowPanel: handleOpenWindowPanel,
+                        toolGroupId: entry.callId,
+                        isPersisted,
+                        conversationId,
+                        requestId,
+                        attached: !!artifact,
+                        readOnly
+                      }
+                    )
+                  ] }, entry.callId);
+                })
+              }
+            ) })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ToolUpdatesOverlay,
+          {
+            isOpen: isOverlayOpen,
+            onClose: () => {
+              setIsOverlayOpen(false);
               setInitialOverlayTab(void 0);
-              setIsOverlayOpen(true);
-            }
-          },
-          className: "cursor-pointer rounded p-0.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
-          title: "Open fullscreen overlay"
-        },
-        /* @__PURE__ */ React.createElement(Maximize2, { className: "h-3 w-3" })
-      ))
-    ),
-    !cardMode && hasEverExpanded && /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: cn(
-          "grid transition-[grid-template-rows,opacity] duration-500 ease-in-out",
-          isExpanded ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"
+            },
+            entries,
+            initialTab: initialOverlayTab,
+            conversationId
+          }
         )
-      },
-      /* @__PURE__ */ React.createElement("div", { className: "overflow-hidden" }, /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          ref: bodyScrollRef,
-          className: cn(
-            "max-h-[26rem] space-y-1 overflow-y-auto bg-transparent animate-in fade-in duration-300",
-            // Artifact mode: the body attaches seamlessly to the header
-            // bar (zero gap — the renderer continues the header's sheet).
-            artifact ? "mt-0" : "mt-0.5"
-          )
-        },
-        entries.map((entry) => {
-          const groupDisplayName = getToolDisplayName(entry.toolName);
-          const isErrored = entry.status === "error";
-          const entryWait = entry === headerTool ? heldWait : heldWriteOf(entry);
-          const entryParked = parkedOnPersonOf(entry, suspendedCallIds);
-          const InlineRenderer = isErrored || entryWait || entryParked ? null : getInlineRenderer(entry.toolName);
-          return /* @__PURE__ */ React.createElement("div", { key: entry.callId }, entries.length > 1 && /* @__PURE__ */ React.createElement("div", { className: "mb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground" }, groupDisplayName), entryParked ? /* @__PURE__ */ React.createElement(
-            ParkedOnPersonCard,
-            {
-              actionRequestId: entryParked.actionRequestId,
-              conversationId: conversationId ?? null
-            }
-          ) : entryWait ? /* @__PURE__ */ React.createElement(
-            RecordChangeApprovalCard,
-            {
-              wait: entryWait,
-              callId: entry.callId,
-              ...conversationId ? { conversationId } : {},
-              ...conversationId && !readOnly ? {
-                // THE LOOP CLOSES ITSELF (AGENTS-ON-DATA item 2): a decision taken on
-                // this card tells the agent, so it carries on with the rest of the
-                // job instead of waiting for the person to type "go on".
-                onDecided: ({ choice, sentence }) => {
-                  const text = choice === "approve" ? `Approved \u2014 ${sentence} Carry on.` : `Refused \u2014 ${sentence} Do not make that change; tell me what you will do instead.`;
-                  void dispatch(
-                    smartExecute({
-                      conversationId,
-                      submission: {
-                        text,
-                        messageParts: [],
-                        resources: [],
-                        resourceIds: [],
-                        editorResourceXml: "",
-                        userValues: {}
-                      }
-                    })
-                  );
-                }
-              } : {},
-              ...entry === headerTool && heldTableName ? { tableName: heldTableName } : {}
-            }
-          ) : isErrored || !InlineRenderer ? /* @__PURE__ */ React.createElement(
-            ToolErrorCard,
-            {
-              entry,
-              onOpenOverlay: handleOpenOverlay,
-              toolGroupId: entry.callId
-            }
-          ) : /* @__PURE__ */ React.createElement(
-            InlineRenderer,
-            {
-              entry,
-              events: entry.events,
-              onOpenOverlay: handleOpenOverlay,
-              onOpenWindowPanel: handleOpenWindowPanel,
-              toolGroupId: entry.callId,
-              isPersisted,
-              conversationId,
-              requestId,
-              attached: !!artifact,
-              readOnly
-            }
-          ));
-        })
-      ))
-    ),
-    /* @__PURE__ */ React.createElement(
-      ToolUpdatesOverlay,
-      {
-        isOpen: isOverlayOpen,
-        onClose: () => {
-          setIsOverlayOpen(false);
-          setInitialOverlayTab(void 0);
-        },
-        entries,
-        initialTab: initialOverlayTab,
-        conversationId
-      }
-    )
+      ]
+    }
   );
 };
 const ToolCallVisualization = ({
@@ -439,7 +456,7 @@ const ToolCallVisualization = ({
   isPersisted,
   className,
   readOnly
-}) => /* @__PURE__ */ React.createElement(
+}) => /* @__PURE__ */ jsx(
   ToolCallVisualizationInner,
   {
     entries,

package/dist/tool-call-visualization/components/ToolConversationContext.js

@@ -1,7 +1,8 @@
 "use client";
-import React, { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
 const ToolConversationContext = createContext(null);
-const ToolConversationProvider = ({ conversationId, children }) => /* @__PURE__ */ React.createElement(ToolConversationContext.Provider, { value: conversationId ?? null }, children);
+const ToolConversationProvider = ({ conversationId, children }) => /* @__PURE__ */ jsx(ToolConversationContext.Provider, { value: conversationId ?? null, children });
 function useToolConversationId() {
   return useContext(ToolConversationContext);
 }