@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/agents/components/ambient-assistant/ScrollVoiceAssistantLauncherImpl.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { usePathname } from "../../../host/navigation.js";
 import { AudioLines, Keyboard, Mic, MicOff, Square, X } from "lucide-react";
@@ -35,32 +36,35 @@ function AmbientTextMode({
   surfaceKey,
   onVoice
 }) {
-  return /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 opacity-75 transition-opacity hover:opacity-100 focus-within:opacity-100" }, /* @__PURE__ */ React.createElement("div", { className: "pointer-events-auto min-w-0 flex-1" }, /* @__PURE__ */ React.createElement(
-    SmartAgentInput,
-    {
-      conversationId,
-      composer: LAUNCHER_COMPOSER,
-      surfaceKey,
-      enablePasteImages: false
-    }
-  )), /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      icon: /* @__PURE__ */ React.createElement(AudioLines, null),
-      type: "button",
-      variant: "quiet",
-      className: "pointer-events-auto shrink-0",
-      onClick: onVoice,
-      "aria-label": "Switch to voice"
-    },
-    "Voice"
-  ));
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 opacity-75 transition-opacity hover:opacity-100 focus-within:opacity-100", children: [
+    /* @__PURE__ */ jsx("div", { className: "pointer-events-auto min-w-0 flex-1", children: /* @__PURE__ */ jsx(
+      SmartAgentInput,
+      {
+        conversationId,
+        composer: LAUNCHER_COMPOSER,
+        surfaceKey,
+        enablePasteImages: false
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        icon: /* @__PURE__ */ jsx(AudioLines, {}),
+        type: "button",
+        variant: "quiet",
+        className: "pointer-events-auto shrink-0",
+        onClick: onVoice,
+        "aria-label": "Switch to voice",
+        children: "Voice"
+      }
+    )
+  ] });
 }
 function DismissButton({ onDismiss }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Button,
     {
-      icon: /* @__PURE__ */ React.createElement(X, null),
+      icon: /* @__PURE__ */ jsx(X, {}),
       type: "button",
       variant: "quiet",
       className: "pointer-events-auto absolute -right-2 -top-2 z-20",
@@ -77,27 +81,33 @@ function GuestAmbientVoiceAssistant({
     featureName: "Education assistant",
     featureDescription: "Sign in to ask or talk with the AI Matrx assistant on any Education page."
   });
-  return /* @__PURE__ */ React.createElement("div", { className: "ambient-assistant-dock fixed left-1/2 z-[35] w-[min(470px,calc(100vw-2rem))] -translate-x-1/2 animate-in fade-in slide-in-from-bottom-2 duration-200" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 opacity-75 transition-opacity hover:opacity-100 focus-within:opacity-100" }, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      type: "button",
-      variant: "quiet",
-      className: "pointer-events-auto min-w-0 flex-1 justify-start",
-      onClick: requestSignIn
-    },
-    "Ask AI Matrx"
-  ), /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      icon: /* @__PURE__ */ React.createElement(AudioLines, null),
-      type: "button",
-      variant: "quiet",
-      className: "pointer-events-auto shrink-0",
-      onClick: requestSignIn,
-      "aria-label": "Sign in to use voice"
-    },
-    "Voice"
-  )), /* @__PURE__ */ React.createElement(DismissButton, { onDismiss }));
+  return /* @__PURE__ */ jsxs("div", { className: "ambient-assistant-dock fixed left-1/2 z-[35] w-[min(470px,calc(100vw-2rem))] -translate-x-1/2 animate-in fade-in slide-in-from-bottom-2 duration-200", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 opacity-75 transition-opacity hover:opacity-100 focus-within:opacity-100", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "quiet",
+          className: "pointer-events-auto min-w-0 flex-1 justify-start",
+          onClick: requestSignIn,
+          children: "Ask AI Matrx"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          icon: /* @__PURE__ */ jsx(AudioLines, {}),
+          type: "button",
+          variant: "quiet",
+          className: "pointer-events-auto shrink-0",
+          onClick: requestSignIn,
+          "aria-label": "Sign in to use voice",
+          children: "Voice"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(DismissButton, { onDismiss })
+  ] });
 }
 function ActiveAmbientVoiceAssistant({
   primaryAgentId,
@@ -139,14 +149,17 @@ function ActiveAmbientVoiceAssistant({
     });
   }, [conversationId, mode, openQuickChat, quickChatOpen, submissionPhase]);
   if (quickChatOpen && mode === "text") return null;
-  return /* @__PURE__ */ React.createElement("div", { className: "ambient-assistant-dock fixed left-1/2 z-[35] w-[min(470px,calc(100vw-2rem))] -translate-x-1/2 animate-in fade-in slide-in-from-bottom-2 duration-200" }, mode === "text" ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    AmbientTextMode,
-    {
-      conversationId,
-      surfaceKey,
-      onVoice: () => setMode("voice")
-    }
-  ), /* @__PURE__ */ React.createElement(DismissButton, { onDismiss })) : /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { className: "ambient-assistant-dock fixed left-1/2 z-[35] w-[min(470px,calc(100vw-2rem))] -translate-x-1/2 animate-in fade-in slide-in-from-bottom-2 duration-200", children: mode === "text" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      AmbientTextMode,
+      {
+        conversationId,
+        surfaceKey,
+        onVoice: () => setMode("voice")
+      }
+    ),
+    /* @__PURE__ */ jsx(DismissButton, { onDismiss })
+  ] }) : /* @__PURE__ */ jsx(
     AmbientVoiceSession,
     {
       primaryAgentId,
@@ -157,7 +170,7 @@ function ActiveAmbientVoiceAssistant({
       onText: () => setMode("text"),
       onDismiss
     }
-  ));
+  ) });
 }
 function AmbientTextOnlyAssistant({
   primaryAgentId,
@@ -176,15 +189,18 @@ function AmbientTextOnlyAssistant({
     config: { allowChat: true, responseDensity: "compact" },
     runtime: { variables: guidanceValues }
   });
-  return /* @__PURE__ */ React.createElement("div", { className: "ambient-assistant-dock fixed left-1/2 z-[35] w-[min(470px,calc(100vw-2rem))] -translate-x-1/2" }, /* @__PURE__ */ React.createElement("div", { className: "pointer-events-auto opacity-75 transition-opacity hover:opacity-100 focus-within:opacity-100" }, /* @__PURE__ */ React.createElement(
-    SmartAgentInput,
-    {
-      conversationId,
-      composer: LAUNCHER_COMPOSER,
-      surfaceKey,
-      enablePasteImages: false
-    }
-  )), /* @__PURE__ */ React.createElement(DismissButton, { onDismiss }));
+  return /* @__PURE__ */ jsxs("div", { className: "ambient-assistant-dock fixed left-1/2 z-[35] w-[min(470px,calc(100vw-2rem))] -translate-x-1/2", children: [
+    /* @__PURE__ */ jsx("div", { className: "pointer-events-auto opacity-75 transition-opacity hover:opacity-100 focus-within:opacity-100", children: /* @__PURE__ */ jsx(
+      SmartAgentInput,
+      {
+        conversationId,
+        composer: LAUNCHER_COMPOSER,
+        surfaceKey,
+        enablePasteImages: false
+      }
+    ) }),
+    /* @__PURE__ */ jsx(DismissButton, { onDismiss })
+  ] });
 }
 function AmbientVoiceSession({
   primaryAgentId,
@@ -218,69 +234,79 @@ function AmbientVoiceSession({
     onDismiss();
   };
   const voiceLabel = relay.error ? relay.error.message : relay.brainBusy ? "The agent is thinking" : relay.status === "idle" ? "Tap the mic and speak" : relay.status === "requesting-mic" ? "Allow microphone access" : relay.status === "connecting" ? "Connecting" : relay.status === "listening" ? relay.micMuted ? "Microphone muted" : "Listening" : relay.status === "thinking" ? "Understanding" : relay.status === "speaking" ? "Speaking" : relay.status === "interrupting" ? "One moment" : "Tap to try again";
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      "data-ambient-voice": "true",
-      className: cn(
-        "pointer-events-auto relative flex h-12 items-center gap-2 overflow-hidden rounded-full border bg-glass px-1.5 shadow-glass-lg backdrop-blur-glass backdrop-saturate-glass",
-        relay.error ? "border-destructive/45" : "border-primary/45 ring-2 ring-primary/10"
-      )
-    },
-    /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        icon: /* @__PURE__ */ React.createElement(Keyboard, null),
-        type: "button",
-        variant: "quiet",
-        className: "relative z-10 shrink-0",
-        onClick: switchToText,
-        "aria-label": "Switch to text"
-      },
-      "Text"
-    ),
-    /* @__PURE__ */ React.createElement("div", { className: "h-5 w-px shrink-0 bg-border/60" }),
-    /* @__PURE__ */ React.createElement(
-      SurfaceButton,
-      {
-        type: "button",
-        variant: "ghost",
-        size: "icon",
-        className: cn(
-          "relative z-10 flex h-9 w-9 shrink-0 items-center justify-center rounded-full border transition-[border-color,background-color,transform] hover:scale-105 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50",
-          voiceLive ? "border-primary/55 bg-primary text-primary-foreground" : "border-primary/35 bg-card text-primary hover:border-primary/70"
-        ),
-        onClick: relay.toggle,
-        "aria-label": voiceLive ? "End voice conversation" : "Start voice conversation",
-        title: voiceLive ? "End voice conversation" : "Start voice conversation"
-      },
-      /* @__PURE__ */ React.createElement(VoiceOrb, { status: relay.status, size: 58 }),
-      voiceLive ? /* @__PURE__ */ React.createElement(Square, { className: "relative z-10 h-3.5 w-3.5 fill-current" }) : /* @__PURE__ */ React.createElement(Mic, { className: "relative z-10 h-4 w-4" })
-    ),
-    /* @__PURE__ */ React.createElement("div", { className: "relative z-10 min-w-0 flex-1" }, /* @__PURE__ */ React.createElement(
-      "p",
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
       {
+        "data-ambient-voice": "true",
         className: cn(
-          "truncate text-xs font-medium",
-          relay.error ? "text-destructive" : "text-foreground"
+          "pointer-events-auto relative flex h-12 items-center gap-2 overflow-hidden rounded-full border bg-glass px-1.5 shadow-glass-lg backdrop-blur-glass backdrop-saturate-glass",
+          relay.error ? "border-destructive/45" : "border-primary/45 ring-2 ring-primary/10"
         ),
-        "aria-live": "polite"
-      },
-      voiceLabel
-    ), /* @__PURE__ */ React.createElement("p", { className: "truncate text-[0.6875rem] text-muted-foreground" }, "Same agent, same page context")),
-    voiceLive ? /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        icon: relay.micMuted ? /* @__PURE__ */ React.createElement(MicOff, null) : /* @__PURE__ */ React.createElement(Mic, null),
-        type: "button",
-        variant: "quiet",
-        className: "relative z-10 shrink-0",
-        onClick: relay.toggleMute,
-        "aria-label": relay.micMuted ? "Unmute microphone" : "Mute microphone",
-        title: relay.micMuted ? "Unmute microphone" : "Mute microphone"
+        children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              icon: /* @__PURE__ */ jsx(Keyboard, {}),
+              type: "button",
+              variant: "quiet",
+              className: "relative z-10 shrink-0",
+              onClick: switchToText,
+              "aria-label": "Switch to text",
+              children: "Text"
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "h-5 w-px shrink-0 bg-border/60" }),
+          /* @__PURE__ */ jsxs(
+            SurfaceButton,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "icon",
+              className: cn(
+                "relative z-10 flex h-9 w-9 shrink-0 items-center justify-center rounded-full border transition-[border-color,background-color,transform] hover:scale-105 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50",
+                voiceLive ? "border-primary/55 bg-primary text-primary-foreground" : "border-primary/35 bg-card text-primary hover:border-primary/70"
+              ),
+              onClick: relay.toggle,
+              "aria-label": voiceLive ? "End voice conversation" : "Start voice conversation",
+              title: voiceLive ? "End voice conversation" : "Start voice conversation",
+              children: [
+                /* @__PURE__ */ jsx(VoiceOrb, { status: relay.status, size: 58 }),
+                voiceLive ? /* @__PURE__ */ jsx(Square, { className: "relative z-10 h-3.5 w-3.5 fill-current" }) : /* @__PURE__ */ jsx(Mic, { className: "relative z-10 h-4 w-4" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "relative z-10 min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx(
+              "p",
+              {
+                className: cn(
+                  "truncate text-xs font-medium",
+                  relay.error ? "text-destructive" : "text-foreground"
+                ),
+                "aria-live": "polite",
+                children: voiceLabel
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { className: "truncate text-[0.6875rem] text-muted-foreground", children: "Same agent, same page context" })
+          ] }),
+          voiceLive ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              icon: relay.micMuted ? /* @__PURE__ */ jsx(MicOff, {}) : /* @__PURE__ */ jsx(Mic, {}),
+              type: "button",
+              variant: "quiet",
+              className: "relative z-10 shrink-0",
+              onClick: relay.toggleMute,
+              "aria-label": relay.micMuted ? "Unmute microphone" : "Mute microphone",
+              title: relay.micMuted ? "Unmute microphone" : "Mute microphone"
+            }
+          ) : null
+        ]
       }
-    ) : null
-  ), /* @__PURE__ */ React.createElement(DismissButton, { onDismiss: dismiss }));
+    ),
+    /* @__PURE__ */ jsx(DismissButton, { onDismiss: dismiss })
+  ] });
 }
 function AuthenticatedAmbientVoiceAssistant({
   pathname,
@@ -311,44 +337,56 @@ function AuthenticatedAmbientVoiceAssistant({
   const primaryMandate = primary.mandate;
   const communicatorMandate = communicator.mandate;
   if (loading) {
-    return /* @__PURE__ */ React.createElement("div", { className: "ambient-assistant-dock fixed left-1/2 z-[35] h-9 w-[min(470px,calc(100vw-2rem))] -translate-x-1/2 animate-pulse rounded-full bg-glass shadow-glass backdrop-blur-glass" });
+    return /* @__PURE__ */ jsx("div", { className: "ambient-assistant-dock fixed left-1/2 z-[35] h-9 w-[min(470px,calc(100vw-2rem))] -translate-x-1/2 animate-pulse rounded-full bg-glass shadow-glass backdrop-blur-glass" });
   }
   const organizationPending = primary.organizationPending || communicator.organizationPending;
   if (organizationPending) {
-    return /* @__PURE__ */ React.createElement("div", { className: "ambient-assistant-dock fixed left-1/2 z-[35] w-[min(470px,calc(100vw-2rem))] -translate-x-1/2" }, /* @__PURE__ */ React.createElement(
-      OrganizationContextNotice,
-      {
-        state: organizationState === "ready" ? "resolving" : organizationState,
-        onRetry: retryOrganization,
-        compact: true,
-        what: "The page assistant",
-        description: "Pick the organization you are working in and it is ready.",
-        className: "pointer-events-auto rounded-xl border border-border bg-card shadow-glass"
-      }
-    ), /* @__PURE__ */ React.createElement(DismissButton, { onDismiss }));
+    return /* @__PURE__ */ jsxs("div", { className: "ambient-assistant-dock fixed left-1/2 z-[35] w-[min(470px,calc(100vw-2rem))] -translate-x-1/2", children: [
+      /* @__PURE__ */ jsx(
+        OrganizationContextNotice,
+        {
+          state: organizationState === "ready" ? "resolving" : organizationState,
+          onRetry: retryOrganization,
+          compact: true,
+          what: "The page assistant",
+          description: "Pick the organization you are working in and it is ready.",
+          className: "pointer-events-auto rounded-xl border border-border bg-card shadow-glass"
+        }
+      ),
+      /* @__PURE__ */ jsx(DismissButton, { onDismiss })
+    ] });
   }
   if (primary.error || !primaryMandate) {
-    return /* @__PURE__ */ React.createElement("div", { className: "ambient-assistant-dock fixed left-1/2 z-[35] w-[min(470px,calc(100vw-2rem))] -translate-x-1/2" }, /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        role: "alert",
-        className: "pointer-events-auto flex min-h-10 items-center gap-2 rounded-full border border-border bg-card/95 py-1 pl-4 pr-1 text-xs text-muted-foreground shadow-glass backdrop-blur-glass"
-      },
-      /* @__PURE__ */ React.createElement("span", { className: "min-w-0 flex-1 truncate" }, "The page assistant didn't load", primary.error ? ` \u2014 ${primary.error}` : ".", /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, { error: primary.error ?? "The page assistant didn't load", operation: "Load the page assistant" })),
-      /* @__PURE__ */ React.createElement(
-        Button,
+    return /* @__PURE__ */ jsxs("div", { className: "ambient-assistant-dock fixed left-1/2 z-[35] w-[min(470px,calc(100vw-2rem))] -translate-x-1/2", children: [
+      /* @__PURE__ */ jsxs(
+        "div",
         {
-          type: "button",
-          variant: "outline",
-          className: "shrink-0",
-          onClick: onRetry
-        },
-        "Try again"
-      )
-    ), /* @__PURE__ */ React.createElement(DismissButton, { onDismiss }));
+          role: "alert",
+          className: "pointer-events-auto flex min-h-10 items-center gap-2 rounded-full border border-border bg-card/95 py-1 pl-4 pr-1 text-xs text-muted-foreground shadow-glass backdrop-blur-glass",
+          children: [
+            /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1 truncate", children: [
+              "The page assistant didn't load",
+              primary.error ? ` \u2014 ${primary.error}` : ".",
+              /* @__PURE__ */ jsx(ErrorAlchemyMenu, { error: primary.error ?? "The page assistant didn't load", operation: "Load the page assistant" })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                className: "shrink-0",
+                onClick: onRetry,
+                children: "Try again"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(DismissButton, { onDismiss })
+    ] });
   }
   if (communicator.error || !communicatorMandate) {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       AmbientTextOnlyAssistant,
       {
         primaryAgentId: primaryMandate.agentId,
@@ -360,7 +398,7 @@ function AuthenticatedAmbientVoiceAssistant({
       }
     );
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ActiveAmbientVoiceAssistant,
     {
       primaryAgentId: primaryMandate.agentId,
@@ -381,20 +419,20 @@ function ScrollVoiceAssistantLauncherImpl() {
   const [attempt, setAttempt] = useState(0);
   if (dismissed) return null;
   if (!isAuthenticated) {
-    return /* @__PURE__ */ React.createElement(GuestAmbientVoiceAssistant, { onDismiss: () => setDismissed(true) });
+    return /* @__PURE__ */ jsx(GuestAmbientVoiceAssistant, { onDismiss: () => setDismissed(true) });
   }
   const routeSlug = pathname.split("/").filter(Boolean)[0] ?? "chat";
   const sourceFeature = sourceFeatureFromSurfaceName(runtime?.surfaceName) ?? sourceFeatureFromSurfaceName(`matrx-user/${routeSlug}`) ?? "chat";
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     AuthenticatedAmbientVoiceAssistant,
     {
-      key: attempt,
       onRetry: () => setAttempt((n) => n + 1),
       pathname,
       surfaceKey: `ambient-voice-assistant:${pathname}`,
       sourceFeature,
       onDismiss: () => setDismissed(true)
-    }
+    },
+    attempt
   );
 }
 export {

package/dist/agents/components/chat/ChatConversationRoom.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { ChatRoomClient } from "./ChatRoomClient.js";
 import { ChatMandateUnavailable, ChatNewLandingSkeleton } from "./ChatNewClient.js";
 import { useDefaultChatMandateKey } from "./default-chat-mandate.js";
@@ -14,7 +15,7 @@ function ChatConversationRoom({
 }) {
   const defaultMandateKey = useDefaultChatMandateKey();
   if (agentId && !ownedByMandate) {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       ChatRoomClient,
       {
         agentId,
@@ -25,7 +26,7 @@ function ChatConversationRoom({
     );
   }
   if (agentId) {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       ChatRoomClient,
       {
         agentId,
@@ -36,7 +37,7 @@ function ChatConversationRoom({
       }
     );
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ChatConversationRoomResolved,
     {
       conversationId,
@@ -57,12 +58,12 @@ function ChatConversationRoomResolved({
     defaultMandateKey,
     organizationId ? { organizationId } : {}
   );
-  if (loading) return /* @__PURE__ */ React.createElement(ChatNewLandingSkeleton, null);
+  if (loading) return /* @__PURE__ */ jsx(ChatNewLandingSkeleton, {});
   if (organizationPending) {
-    return /* @__PURE__ */ React.createElement(WorkspaceGate, { blocked: true, sentence: "This chat needs a workspace to open." }, /* @__PURE__ */ React.createElement(ChatNewLandingSkeleton, null));
+    return /* @__PURE__ */ jsx(WorkspaceGate, { blocked: true, sentence: "This chat needs a workspace to open.", children: /* @__PURE__ */ jsx(ChatNewLandingSkeleton, {}) });
   }
-  if (error || !mandate) return /* @__PURE__ */ React.createElement(ChatMandateUnavailable, { error });
-  return /* @__PURE__ */ React.createElement(
+  if (error || !mandate) return /* @__PURE__ */ jsx(ChatMandateUnavailable, { error });
+  return /* @__PURE__ */ jsx(
     ChatRoomClient,
     {
       agentId: mandate.agentId,

package/dist/agents/components/chat/ChatConversationSurface.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useAppDispatch, useAppSelector, useAppStore } from "../../../store/hooks.js";
 import { useCanvasLauncherEntry } from "@ai-matrx/canvas/react";
 import { CONVERSATION_DOCUMENTS_KIND } from "../../../host/canvas-tabs.js";
@@ -438,16 +439,16 @@ function ChatConversationSurface({
       }
     }
   });
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     SurfaceRuntimeProvider,
     {
       surfaceName: CHAT_CONTEXT_MENU_PROPS.surfaceName,
       getScope: getChatScope,
       getWriteHandlers: getSurfaceWriteHandlers,
       ownConversationId: conversationId,
-      isEditable: true
-    },
-    children
+      isEditable: true,
+      children
+    }
   );
 }
 export {

package/dist/agents/components/chat/ChatHistorySidebar.js

@@ -1,5 +1,5 @@
 "use client";
-import React from "react";
+import { jsx } from "react/jsx-runtime";
 import { ConversationHistorySidebar } from "../conversation-history/ConversationHistorySidebar.js";
 function ChatHistorySidebar({
   scopeId,
@@ -14,7 +14,7 @@ function ChatHistorySidebar({
   hideSearchAffordance = false,
   className
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ConversationHistorySidebar,
     {
       variant: "consumer",

package/dist/agents/components/chat/ChatIncognitoHeaderButton.js

@@ -1,11 +1,12 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { GhostTapButton } from "@ai-matrx/tap-target/buttons";
 import { PageHeaderRightPortal } from "../../../host/chrome.js";
 import { useChatIncognito } from "./ChatIncognitoProvider.js";
 function ChatIncognitoHeaderButton() {
   const { isIncognito, toggleIncognito, canUseIncognito } = useChatIncognito();
   if (!canUseIncognito) return null;
-  return /* @__PURE__ */ React.createElement(PageHeaderRightPortal, null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(PageHeaderRightPortal, { children: /* @__PURE__ */ jsx(
     GhostTapButton,
     {
       ariaLabel: isIncognito ? "Exit incognito chat" : "Incognito chat",
@@ -16,7 +17,7 @@ function ChatIncognitoHeaderButton() {
       hoverBgColor: isIncognito ? "hover:bg-foreground/90" : void 0,
       onClick: toggleIncognito
     }
-  ));
+  ) });
 }
 export {
   ChatIncognitoHeaderButton

package/dist/agents/components/chat/ChatIncognitoProvider.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { createContext, useContext, useEffect } from "react";
 import { usePathname } from "../../../host/navigation.js";
 import { useAppDispatch, useAppSelector } from "../../../store/hooks.js";
@@ -50,7 +51,7 @@ function ChatIncognitoProvider({
     toggleIncognito: toggleIncognitoMode,
     canUseIncognito
   };
-  return /* @__PURE__ */ React.createElement(ChatIncognitoContext.Provider, { value }, children);
+  return /* @__PURE__ */ jsx(ChatIncognitoContext.Provider, { value, children });
 }
 export {
   ChatIncognitoProvider,