@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/surfaces/runtime/StaticSurfaceRuntimeProvider.js

@@ -1,11 +1,12 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { SurfaceRuntimeProvider } from "./SurfaceRuntimeContext.js";
 function StaticSurfaceRuntimeProvider({
   surfaceName,
   scope,
   children
 }) {
-  return /* @__PURE__ */ React.createElement(SurfaceRuntimeProvider, { surfaceName, getScope: () => scope }, children);
+  return /* @__PURE__ */ jsx(SurfaceRuntimeProvider, { surfaceName, getScope: () => scope, children });
 }
 export {
   StaticSurfaceRuntimeProvider

package/dist/surfaces/runtime/SurfaceRuntimeContext.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { announceUndeclaredLoadedValues } from "./loaded-value-check.js";
 import { liveValueOf, liveValues } from "@ai-matrx/alchemy/surface";
 import { getManifest } from "./registry.js";
@@ -220,7 +221,7 @@ function SurfaceActivity({
 }) {
   const parentDormant = useContext(SurfaceDormantContext);
   const parentCapture = useContext(SurfaceCaptureContext);
-  return /* @__PURE__ */ React.createElement(SurfaceDormantContext.Provider, { value: parentDormant || !active }, /* @__PURE__ */ React.createElement(SurfaceCaptureContext.Provider, { value: capture ?? parentCapture }, children));
+  return /* @__PURE__ */ jsx(SurfaceDormantContext.Provider, { value: parentDormant || !active, children: /* @__PURE__ */ jsx(SurfaceCaptureContext.Provider, { value: capture ?? parentCapture, children }) });
 }
 function useSurfaceDormant() {
   return useContext(SurfaceDormantContext);
@@ -406,13 +407,13 @@ const SurfaceLayerContext = createContext(false);
 const SURFACE_LAYER_DEPTH_BASE = 1e3;
 function SurfaceLayerBoundary({ children }) {
   const parentDepth = useContext(SurfaceRuntimeDepthContext);
-  return /* @__PURE__ */ React.createElement(SurfaceLayerContext.Provider, { value: true }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(SurfaceLayerContext.Provider, { value: true, children: /* @__PURE__ */ jsx(
     SurfaceRuntimeDepthContext.Provider,
     {
-      value: Math.max(parentDepth, SURFACE_LAYER_DEPTH_BASE)
-    },
-    children
-  ));
+      value: Math.max(parentDepth, SURFACE_LAYER_DEPTH_BASE),
+      children
+    }
+  ) });
 }
 function SurfaceRuntimeProvider({
   children,
@@ -462,7 +463,7 @@ function SurfaceRuntimeProvider({
   const identity = JSON.stringify([surfaceName, isEditable ?? null, layer, depth]);
   useRegistrationIn(live, identity, add);
   useRegistrationIn(capture, identity, add);
-  return /* @__PURE__ */ React.createElement(SurfaceRuntimeDepthContext.Provider, { value: depth }, /* @__PURE__ */ React.createElement(AlchemySurfaceBridge, { surfaceName, getScope: mergedGetScope }, children));
+  return /* @__PURE__ */ jsx(SurfaceRuntimeDepthContext.Provider, { value: depth, children: /* @__PURE__ */ jsx(AlchemySurfaceBridge, { surfaceName, getScope: mergedGetScope, children }) });
 }
 function useSurfaceRuntimeRegistration(value) {
   const depth = useContext(SurfaceRuntimeDepthContext) + 1;

package/dist/surfaces/runtime/intelligence.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 const SLOT = /* @__PURE__ */ Symbol.for("@ai-matrx/chat/surfaces/intelligence-port");
 function slot() {
   const holder = globalThis;
@@ -42,7 +43,7 @@ function hasSurfaceIntelligence() {
 }
 function IntelligenceIndicator(props) {
   const Indicator = port().Indicator;
-  return /* @__PURE__ */ React.createElement(Indicator, { ...props });
+  return /* @__PURE__ */ jsx(Indicator, { ...props });
 }
 function declaredKeysForRoute(pathname) {
   return port().declaredKeysForRoute(pathname);

package/dist/testing/chat-host-test-provider.js

@@ -1,3 +1,4 @@
+import { jsx } from "react/jsx-runtime";
 import { ChatProvider } from "../host/react.js";
 import { createFakeDb } from "./fake-db.js";
 const TEST_HOST = {
@@ -8,7 +9,7 @@ function ChatHostTestProvider({
   children,
   store
 }) {
-  return /* @__PURE__ */ React.createElement(ChatProvider, { host: TEST_HOST, store }, children);
+  return /* @__PURE__ */ jsx(ChatProvider, { host: TEST_HOST, store, children });
 }
 export {
   ChatHostTestProvider

package/dist/testing/render-hook.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { act } from "react";
 import { createRoot } from "react-dom/client";
 globalThis.IS_REACT_ACT_ENVIRONMENT = true;
@@ -14,7 +14,7 @@ async function renderHook(hook, options = {}) {
   }
   await act(async () => {
     root = createRoot(container);
-    root.render(Wrapper ? /* @__PURE__ */ React.createElement(Wrapper, null, /* @__PURE__ */ React.createElement(Probe, null)) : /* @__PURE__ */ React.createElement(Probe, null));
+    root.render(Wrapper ? /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsx(Probe, {}) }) : /* @__PURE__ */ jsx(Probe, {}));
   });
   return {
     get current() {

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

@@ -1,5 +1,6 @@
 "use client";
-import React, { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import { ChevronDown, ChevronRight } from "lucide-react";
 import { cn } from "@ai-matrx/design-system";
 import { useAppSelector } from "../../store/hooks.js";
@@ -46,16 +47,19 @@ const AgentWorkGroup = ({
   const headerDurationMs = turn ? turn.totalDurationMs : durationMs;
   const headerStepCount = turn ? turn.totalStepCount || stepCount : stepCount;
   const label = headerDurationMs !== null ? `Worked for ${formatWorkDuration(headerDurationMs)}` : `Worked through ${headerStepCount} ${headerStepCount === 1 ? "step" : "steps"}`;
-  return /* @__PURE__ */ React.createElement("div", { className: cn("group/agentwork relative w-full mb-2", className) }, showHeader && /* @__PURE__ */ React.createElement(Tile, { variant: "quiet", title: label, end: isExpanded ? /* @__PURE__ */ React.createElement(ChevronDown, null) : /* @__PURE__ */ React.createElement(ChevronRight, null), onClick: toggle }), 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"
-      )
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: cn(showHeader && "mt-1", "space-y-4") }, children))
-  ));
+  return /* @__PURE__ */ jsxs("div", { className: cn("group/agentwork relative w-full mb-2", className), children: [
+    showHeader && /* @__PURE__ */ jsx(Tile, { variant: "quiet", title: label, end: isExpanded ? /* @__PURE__ */ jsx(ChevronDown, {}) : /* @__PURE__ */ jsx(ChevronRight, {}), onClick: toggle }),
+    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", { className: cn(showHeader && "mt-1", "space-y-4"), children }) })
+      }
+    )
+  ] });
 };
 var AgentWorkGroup_default = AgentWorkGroup;
 export {

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

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import {
   ChevronDown,
   FileText,
@@ -71,7 +72,7 @@ function ArtifactResultBar({
   return (
     /* The whole header toggles the peek; role=button (not <button>) so the
        dropdown trigger can nest inside without invalid button-in-button. */
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ jsxs(
       "div",
       {
         role: "button",
@@ -89,57 +90,83 @@ function ArtifactResultBar({
           // Collapsed: a full pill. Expanded: the letterhead of the attached
           // document — square bottom, no bottom border, the body continues it.
           peekExpanded ? "rounded-t-xl border-b-0" : "rounded-xl"
-        )
-      },
-      /* @__PURE__ */ React.createElement(
-        meta.Icon,
-        {
-          className: cn("size-[18px] shrink-0", meta.iconTint),
-          strokeWidth: 2.25
-        }
-      ),
-      /* @__PURE__ */ React.createElement("span", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React.createElement("span", { className: "block truncate text-sm font-medium text-foreground" }, title), /* @__PURE__ */ React.createElement("span", { className: "block truncate text-xs text-muted-foreground" }, meta.noun, " \xB7 ", artifact.verbPast)),
-      /* @__PURE__ */ React.createElement(DropdownMenu, null, /* @__PURE__ */ React.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          role: "button",
-          tabIndex: 0,
-          onClick: (e) => e.stopPropagation(),
-          onKeyDown: (e) => e.stopPropagation(),
-          className: "flex shrink-0 cursor-pointer items-center gap-1.5 rounded-xl border border-border/70 bg-background/60 px-2.5 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent/40 hover:text-foreground",
-          "aria-label": "Open options"
-        },
-        /* @__PURE__ */ React.createElement(PanelRightOpen, { className: "size-3.5" }),
-        "Open",
-        /* @__PURE__ */ React.createElement(ChevronDown, { className: "size-3" })
-      )), /* @__PURE__ */ React.createElement(
-        DropdownMenuContent,
-        {
-          align: "end",
-          onClick: (e) => e.stopPropagation()
-        },
-        artifact.kind === "working_document" && conversationId && /* @__PURE__ */ React.createElement(DropdownMenuItem, { onClick: openCanvas, className: "gap-2" }, /* @__PURE__ */ React.createElement(Frame, { className: "size-4" }), "Canvas"),
-        /* @__PURE__ */ React.createElement(DropdownMenuItem, { onClick: openEdit, className: "gap-2" }, /* @__PURE__ */ React.createElement(Pencil, { className: "size-4" }), "Edit"),
-        /* @__PURE__ */ React.createElement(DropdownMenuSeparator, null),
-        onOpenWindowPanel && /* @__PURE__ */ React.createElement(
-          DropdownMenuItem,
-          {
-            onClick: () => onOpenWindowPanel(),
-            className: "gap-2"
-          },
-          /* @__PURE__ */ React.createElement(PanelRightOpen, { className: "size-4" }),
-          "Window Panel"
         ),
-        onOpenOverlay && /* @__PURE__ */ React.createElement(
-          DropdownMenuItem,
-          {
-            onClick: () => onOpenOverlay(),
-            className: "gap-2"
-          },
-          /* @__PURE__ */ React.createElement(Wrench, { className: "size-4" }),
-          "Tool Admin"
-        )
-      ))
+        children: [
+          /* @__PURE__ */ jsx(
+            meta.Icon,
+            {
+              className: cn("size-[18px] shrink-0", meta.iconTint),
+              strokeWidth: 2.25
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "block truncate text-sm font-medium text-foreground", children: title }),
+            /* @__PURE__ */ jsxs("span", { className: "block truncate text-xs text-muted-foreground", children: [
+              meta.noun,
+              " \xB7 ",
+              artifact.verbPast
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+            /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+              "span",
+              {
+                role: "button",
+                tabIndex: 0,
+                onClick: (e) => e.stopPropagation(),
+                onKeyDown: (e) => e.stopPropagation(),
+                className: "flex shrink-0 cursor-pointer items-center gap-1.5 rounded-xl border border-border/70 bg-background/60 px-2.5 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent/40 hover:text-foreground",
+                "aria-label": "Open options",
+                children: [
+                  /* @__PURE__ */ jsx(PanelRightOpen, { className: "size-3.5" }),
+                  "Open",
+                  /* @__PURE__ */ jsx(ChevronDown, { className: "size-3" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsxs(
+              DropdownMenuContent,
+              {
+                align: "end",
+                onClick: (e) => e.stopPropagation(),
+                children: [
+                  artifact.kind === "working_document" && conversationId && /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: openCanvas, className: "gap-2", children: [
+                    /* @__PURE__ */ jsx(Frame, { className: "size-4" }),
+                    "Canvas"
+                  ] }),
+                  /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: openEdit, className: "gap-2", children: [
+                    /* @__PURE__ */ jsx(Pencil, { className: "size-4" }),
+                    "Edit"
+                  ] }),
+                  /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+                  onOpenWindowPanel && /* @__PURE__ */ jsxs(
+                    DropdownMenuItem,
+                    {
+                      onClick: () => onOpenWindowPanel(),
+                      className: "gap-2",
+                      children: [
+                        /* @__PURE__ */ jsx(PanelRightOpen, { className: "size-4" }),
+                        "Window Panel"
+                      ]
+                    }
+                  ),
+                  onOpenOverlay && /* @__PURE__ */ jsxs(
+                    DropdownMenuItem,
+                    {
+                      onClick: () => onOpenOverlay(),
+                      className: "gap-2",
+                      children: [
+                        /* @__PURE__ */ jsx(Wrench, { className: "size-4" }),
+                        "Tool Admin"
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
+          ] })
+        ]
+      }
     )
   );
 }

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

@@ -1,10 +1,10 @@
 "use client";
-import React from "react";
+import { jsx } from "react/jsx-runtime";
 function ChatResultColumn({
   children,
   className
 }) {
-  return /* @__PURE__ */ React.createElement("div", { className: "mx-auto w-full max-w-3xl px-2" + (className ? ` ${className}` : "") }, children);
+  return /* @__PURE__ */ jsx("div", { className: "mx-auto w-full max-w-3xl px-2" + (className ? ` ${className}` : ""), children });
 }
 export {
   ChatResultColumn

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

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useAppSelector } from "../../store/hooks.js";
 import { ToolCallVisualization } from "./ToolCallVisualization.js";
 function LiveToolCallCard({
@@ -11,7 +12,7 @@ function LiveToolCallCard({
     (state) => state.activeRequests.byRequestId[requestId]?.toolLifecycle[callId]
   );
   if (!entry) return null;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ToolCallVisualization,
     {
       entries: [entry],

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

@@ -1,5 +1,6 @@
 "use client";
-import React, { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
 import { ChevronDown, ChevronRight } from "lucide-react";
 import { cn } from "@ai-matrx/design-system";
 import { useAppSelector } from "../../store/hooks.js";
@@ -85,7 +86,7 @@ const ToolCallBatch = ({
     const browserEntries = turnBrowserRun?.entries ?? entries;
     const compact = turnBrowserRun?.compact ?? false;
     const browserExpanded = compact && userChoice === null ? false : isExpanded;
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       CloudBrowserRunCard,
       {
         entries: browserEntries,
@@ -104,7 +105,7 @@ const ToolCallBatch = ({
   if (uniformToolName === "fs_list" && !anyActive) {
     const listings = entries.map(asFsListing);
     if (listings.every((l) => l !== null)) {
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         FsBatchCard,
         {
           listings: listings.filter((l) => l !== null),
@@ -113,34 +114,39 @@ const ToolCallBatch = ({
       );
     }
   }
-  return /* @__PURE__ */ React.createElement("div", { className: cn("group/toolbatch relative w-full mb-2", className) }, /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      type: "button",
-      onClick: () => {
-        setToolCardUserChoice(batchKey, !isExpanded);
-        setUserChoiceState(!isExpanded);
-      },
-      className: "flex w-full items-center gap-1.5 text-left"
-    },
-    streamingNow ? /* @__PURE__ */ React.createElement(
-      ShimmerText,
+  return /* @__PURE__ */ jsxs("div", { className: cn("group/toolbatch relative w-full mb-2", className), children: [
+    /* @__PURE__ */ jsxs(
+      "button",
       {
-        text: `Running ${count} tools\u2026`,
-        className: "truncate font-sans text-sm leading-relaxed tracking-wide"
+        type: "button",
+        onClick: () => {
+          setToolCardUserChoice(batchKey, !isExpanded);
+          setUserChoiceState(!isExpanded);
+        },
+        className: "flex w-full items-center gap-1.5 text-left",
+        children: [
+          streamingNow ? /* @__PURE__ */ jsx(
+            ShimmerText,
+            {
+              text: `Running ${count} tools\u2026`,
+              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", children: label }),
+          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" })
+        ]
+      }
+    ),
+    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", { className: "mt-1", children }) })
       }
-    ) : /* @__PURE__ */ React.createElement("span", { className: "truncate font-sans text-sm leading-relaxed tracking-wide text-muted-foreground" }, label),
-    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" })
-  ), 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"
-      )
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "mt-1" }, children))
-  ));
+    )
+  ] });
 };
 var ToolCallBatch_default = ToolCallBatch;
 export {