@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/canvas/workspace/ShellChatDock.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useEffectEvent, useRef, useState } from "react";
 import { Maximize2, PictureInPicture2 } from "lucide-react";
 import { usePathname, useSearchParams } from "../../host/navigation.js";
@@ -272,7 +273,7 @@ function ShellChatDock({ initialChat, initialWidth, initialMode = null, signedIn
     reveal: show
   });
   if (!signedIn) return null;
-  const column = /* @__PURE__ */ React.createElement(
+  const column = /* @__PURE__ */ jsx(
     CanvasChatColumn,
     {
       conversation: chat.conversation,
@@ -284,62 +285,78 @@ function ShellChatDock({ initialChat, initialWidth, initialMode = null, signedIn
     }
   );
   if (compact) {
-    return /* @__PURE__ */ React.createElement(Drawer, { open: sheetOpen, onOpenChange: setSheetOpen }, /* @__PURE__ */ React.createElement(DrawerContent, { className: "flex h-[92dvh] flex-col pb-safe" }, /* @__PURE__ */ React.createElement(DrawerHeader, { className: "flex-row items-center gap-2 py-2" }, /* @__PURE__ */ React.createElement(DrawerTitle, { className: "min-w-0 flex-1 truncate text-left text-sm" }, chatTitle), /* @__PURE__ */ React.createElement(ComposerModeSwitch, { size: "panel", initialMode }), /* @__PURE__ */ React.createElement(DrawerDescription, { className: "sr-only" }, "The chat for the page you are on.")), /* @__PURE__ */ React.createElement("div", { className: "flex min-h-0 flex-1 flex-col" }, sheetOpen ? column : null)));
+    return /* @__PURE__ */ jsx(Drawer, { open: sheetOpen, onOpenChange: setSheetOpen, children: /* @__PURE__ */ jsxs(DrawerContent, { className: "flex h-[92dvh] flex-col pb-safe", children: [
+      /* @__PURE__ */ jsxs(DrawerHeader, { className: "flex-row items-center gap-2 py-2", children: [
+        /* @__PURE__ */ jsx(DrawerTitle, { className: "min-w-0 flex-1 truncate text-left text-sm", children: chatTitle }),
+        /* @__PURE__ */ jsx(ComposerModeSwitch, { size: "panel", initialMode }),
+        /* @__PURE__ */ jsx(DrawerDescription, { className: "sr-only", children: "The chat for the page you are on." })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex min-h-0 flex-1 flex-col", children: sheetOpen ? column : null })
+    ] }) });
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, viewportCompact === null && !open ? null : /* @__PURE__ */ React.createElement(
-    DockedSidePanel,
-    {
-      panelId: CANVAS_PANEL_IDS.chat,
-      edge: "left",
-      open: docked,
-      sizes: CANVAS_CHAT_SIZES,
-      initialWidth,
-      publishWidthAs: "--shell-chat-w",
-      onCollapse: hide,
-      "aria-label": "Chat",
-      outerClassName: "shell-chat-dock max-lg:hidden",
-      className: "bg-card"
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "shell-chat-dock-header flex h-11 shrink-0 items-center gap-1 pr-2" }, /* @__PURE__ */ React.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React.createElement(ChatPanelTitleMenu, { conversationId, onNewChat: chat.startNew, onOpenConversation: chat.openExisting })), /* @__PURE__ */ React.createElement("div", { className: "shrink-0" }, /* @__PURE__ */ React.createElement(ComposerModeSwitch, { size: "panel", initialMode })), /* @__PURE__ */ React.createElement(
-      Button,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    viewportCompact === null && !open ? null : /* @__PURE__ */ jsxs(
+      DockedSidePanel,
       {
-        variant: "quiet",
-        icon: /* @__PURE__ */ React.createElement(PictureInPicture2, null),
-        "aria-label": "Pop out chat",
-        title: "Pop out chat",
-        onClick: () => setPlacement("floating"),
-        className: "shrink-0"
+        panelId: CANVAS_PANEL_IDS.chat,
+        edge: "left",
+        open: docked,
+        sizes: CANVAS_CHAT_SIZES,
+        initialWidth,
+        publishWidthAs: "--shell-chat-w",
+        onCollapse: hide,
+        "aria-label": "Chat",
+        outerClassName: "shell-chat-dock max-lg:hidden",
+        className: "bg-card",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "shell-chat-dock-header flex h-11 shrink-0 items-center gap-1 pr-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx(ChatPanelTitleMenu, { conversationId, onNewChat: chat.startNew, onOpenConversation: chat.openExisting }) }),
+            /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(ComposerModeSwitch, { size: "panel", initialMode }) }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "quiet",
+                icon: /* @__PURE__ */ jsx(PictureInPicture2, {}),
+                "aria-label": "Pop out chat",
+                title: "Pop out chat",
+                onClick: () => setPlacement("floating"),
+                className: "shrink-0"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex min-h-0 flex-1 flex-col", children: placement === "side" && (chatOnScreen || conversationId) ? column : null })
+        ]
       }
-    )),
-    /* @__PURE__ */ React.createElement("div", { className: "flex min-h-0 flex-1 flex-col" }, placement === "side" && (chatOnScreen || conversationId) ? column : null)
-  ), floating ? /* @__PURE__ */ React.createElement(
-    MatrxFloatingFrame,
-    {
-      key: `${home.layoutId}:${floatingSize.width}x${floatingSize.height}`,
-      id: `canvas-chat:${home.layoutId}`,
-      title: chatTitle,
-      width: floatingSize.width,
-      height: floatingSize.height,
-      minWidth: 300,
-      minHeight: 260,
-      initialFocus: false,
-      onClose: hide,
-      contentClassName: "flex flex-col overflow-hidden p-0",
-      className: "shell-chat-floating max-lg:hidden",
-      headerActions: /* @__PURE__ */ React.createElement(
-        Button,
-        {
-          variant: "quiet",
-          icon: /* @__PURE__ */ React.createElement(Maximize2, null),
-          "aria-label": "Dock the chat",
-          title: "Dock the chat",
-          onClick: () => setPlacement("side"),
-          className: "shrink-0"
-        }
-      )
-    },
-    column
-  ) : null);
+    ),
+    floating ? /* @__PURE__ */ jsx(
+      MatrxFloatingFrame,
+      {
+        id: `canvas-chat:${home.layoutId}`,
+        title: chatTitle,
+        width: floatingSize.width,
+        height: floatingSize.height,
+        minWidth: 300,
+        minHeight: 260,
+        initialFocus: false,
+        onClose: hide,
+        contentClassName: "flex flex-col overflow-hidden p-0",
+        className: "shell-chat-floating max-lg:hidden",
+        headerActions: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "quiet",
+            icon: /* @__PURE__ */ jsx(Maximize2, {}),
+            "aria-label": "Dock the chat",
+            title: "Dock the chat",
+            onClick: () => setPlacement("side"),
+            className: "shrink-0"
+          }
+        ),
+        children: column
+      },
+      `${home.layoutId}:${floatingSize.width}x${floatingSize.height}`
+    ) : null
+  ] });
 }
 export {
   ShellChatDock

package/dist/context-menu/types.d.ts

@@ -1,5 +1,4 @@
 import type React from "react";
-import type { LucideIcon } from "lucide-react";
 import type { SourceFeature } from "../agents/types/instance.types.js";
 import type { Scope } from "../agents/redux/shared/scope.js";
 import type { ApplicationScope } from "../agents/types/scope.types.js";
@@ -57,12 +56,19 @@ export declare const DEFAULT_MENU_DENSITY: ContextMenuDensity;
  * structure/behavior changes.
  */
 export declare const CANONICAL_MENU_VERSION_V3 = 2;
+/**
+ * Any component that draws itself from a className — a lucide icon, or the design-system's
+ * `ItemMenuIcon` an item menu carries. Typing it as `LucideIcon` rejected the latter.
+ */
+export type ContextMenuIcon = React.ComponentType<{
+    className?: string;
+}>;
 /** A single injectable menu entry contributed by a surface. */
 export type ContextMenuExtraItem = {
     kind: "item";
     id: string;
     label: string;
-    icon?: LucideIcon;
+    icon?: ContextMenuIcon;
     /** Optional second line of muted helper text. */
     description?: string;
     onSelect: () => void;
@@ -75,7 +81,7 @@ export type ContextMenuExtraItem = {
     kind: "submenu";
     id: string;
     label: string;
-    icon?: LucideIcon;
+    icon?: ContextMenuIcon;
     disabled?: boolean;
     children: ContextMenuExtraItem[];
 } | {
@@ -84,7 +90,7 @@ export type ContextMenuExtraItem = {
     kind: "checkbox";
     id: string;
     label: string;
-    icon?: LucideIcon;
+    icon?: ContextMenuIcon;
     description?: string;
     checked: boolean;
     onCheckedChange: (next: boolean) => void;
@@ -96,7 +102,7 @@ export type ContextMenuExtraItem = {
     kind: "link";
     id: string;
     label: string;
-    icon?: LucideIcon;
+    icon?: ContextMenuIcon;
     description?: string;
     href: string;
     target?: string;
@@ -123,7 +129,7 @@ export interface ContextMenuExtraSection {
      * Optional icon. In the tiered/command layouts a long section folds into ONE
      * submenu named by `label`; this is that submenu's icon (default: ellipsis).
      */
-    icon?: LucideIcon;
+    icon?: ContextMenuIcon;
     anchor?: ExtraSectionAnchor;
     /**
      * THE THING THE USER RIGHT-CLICKED (Arman, 2026-09-17: "make it clear what

package/dist/cx-chat/components/ChatConversationSkeleton.js

@@ -1,10 +1,43 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Skeleton } from "@ai-matrx/design-system";
 function ConversationShellSkeleton() {
-  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col h-full overflow-hidden bg-textured w-full" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-1 overflow-hidden min-h-0" }, /* @__PURE__ */ React.createElement("div", { className: "flex-1 overflow-y-auto overscroll-contain min-h-0" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-[800px] mx-auto w-full px-4 pt-6 space-y-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex justify-end" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "h-4 w-48" })), /* @__PURE__ */ React.createElement("div", { className: "flex justify-start" }, /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "h-4 w-64" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "h-4 w-40" })))))), /* @__PURE__ */ React.createElement("div", { className: "flex-shrink-0 p-2 pb-safe" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-[800px] mx-auto" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-0 border border-border rounded-3xl py-2 bg-background" }, /* @__PURE__ */ React.createElement("div", { className: "flex-1 py-[9px] px-3" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "h-[18px] w-32" })), /* @__PURE__ */ React.createElement("div", { className: "w-8 h-8 rounded-full bg-blue-600/40 mr-1" })))));
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full overflow-hidden bg-textured w-full", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex flex-1 overflow-hidden min-h-0", children: /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto overscroll-contain min-h-0", children: /* @__PURE__ */ jsxs("div", { className: "max-w-[800px] mx-auto w-full px-4 pt-6 space-y-6", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex justify-start", children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-64" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-40" })
+      ] }) })
+    ] }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 p-2 pb-safe", children: /* @__PURE__ */ jsx("div", { className: "max-w-[800px] mx-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0 border border-border rounded-3xl py-2 bg-background", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex-1 py-[9px] px-3", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-[18px] w-32" }) }),
+      /* @__PURE__ */ jsx("div", { className: "w-8 h-8 rounded-full bg-blue-600/40 mr-1" })
+    ] }) }) })
+  ] });
 }
 function ChatConversationSkeleton() {
-  return /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-h-0 flex flex-col overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "flex-1 overflow-hidden min-h-0" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-[800px] mx-auto w-full px-4 pt-6 space-y-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex justify-end" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-[75%] space-y-2" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "h-4 w-48 ml-auto" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "h-4 w-32 ml-auto" }))), /* @__PURE__ */ React.createElement("div", { className: "flex justify-start" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-[75%] space-y-2" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "h-4 w-64" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "h-4 w-56" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "h-4 w-40" }))), /* @__PURE__ */ React.createElement("div", { className: "flex justify-end" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-[75%] space-y-2" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "h-4 w-36 ml-auto" }))), /* @__PURE__ */ React.createElement("div", { className: "flex justify-start" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-[75%] space-y-2" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "h-4 w-72" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "h-4 w-60" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "h-4 w-48" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "h-4 w-32" }))))), /* @__PURE__ */ React.createElement("div", { className: "flex-shrink-0 p-2 pb-safe" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-[800px] mx-auto" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "h-12 w-full rounded-xl" }))));
+  return /* @__PURE__ */ jsxs("div", { className: "flex-1 min-h-0 flex flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-hidden min-h-0", children: /* @__PURE__ */ jsxs("div", { className: "max-w-[800px] mx-auto w-full px-4 pt-6 space-y-6", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs("div", { className: "max-w-[75%] space-y-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48 ml-auto" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32 ml-auto" })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex justify-start", children: /* @__PURE__ */ jsxs("div", { className: "max-w-[75%] space-y-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-64" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-56" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-40" })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx("div", { className: "max-w-[75%] space-y-2", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-36 ml-auto" }) }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex justify-start", children: /* @__PURE__ */ jsxs("div", { className: "max-w-[75%] space-y-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-72" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-60" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" })
+      ] }) })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 p-2 pb-safe", children: /* @__PURE__ */ jsx("div", { className: "max-w-[800px] mx-auto", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full rounded-xl" }) }) })
+  ] });
 }
 export {
   ChatConversationSkeleton,

package/dist/cx-chat/components/ChatHeaderControls.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Share2, Blocks, Camera } from "lucide-react";
 import { ShareModal } from "../../host/ui-slots.js";
@@ -34,29 +35,40 @@ function ChatHeaderControls() {
   const showShare = isAuthenticated && !!conversationId;
   const showGauge = isAuthenticated && !!conversationId;
   if (!showShare && !isAdmin && !showGauge) return null;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(PageHeaderPortal, null, /* @__PURE__ */ React.createElement("div", { className: "hidden lg:flex items-center justify-end w-full gap-1" }, showGauge && conversationId && /* @__PURE__ */ React.createElement(ContextGaugeWidget, { conversationId }), isAdmin && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button, { variant: "quiet", pressed: !!blockMode, icon: /* @__PURE__ */ React.createElement(Blocks, null), onClick: () => dispatch(setUseBlockMode(!blockMode)), title: blockMode ? "Block mode ON \u2014 click to disable." : "Block mode OFF \u2014 click to enable.", "aria-label": blockMode ? "Block mode ON \u2014 click to disable." : "Block mode OFF \u2014 click to enable." }), /* @__PURE__ */ React.createElement(Button, { variant: "quiet", pressed: !!snapshot, icon: /* @__PURE__ */ React.createElement(Camera, null), onClick: () => dispatch(setUseSnapshot(!snapshot)), title: snapshot ? "Snapshot ON \u2014 every request stamps snapshot:true. Click to disable." : "Snapshot OFF \u2014 click to capture full server-side snapshots per request.", "aria-label": snapshot ? "Snapshot ON \u2014 every request stamps snapshot:true. Click to disable." : "Snapshot OFF \u2014 click to capture full server-side snapshots per request." })), showShare && /* @__PURE__ */ React.createElement(
-    IconButton,
-    {
-      icon: /* @__PURE__ */ React.createElement(Share2, null),
-      onClick: () => setIsShareOpen(true),
-      label: "Share conversation"
-    }
-  ), isAuthenticated && conversationId && /* @__PURE__ */ React.createElement(
-    ConversationPageMenu,
-    {
-      conversationId,
-      href: `/demos/chat/c/${conversationId}`
-    }
-  ))), isShareOpen && conversationId && /* @__PURE__ */ React.createElement(
-    ShareModal,
-    {
-      isOpen: isShareOpen,
-      onClose: () => setIsShareOpen(false),
-      resourceType: "conversation",
-      resourceId: conversationId,
-      resourceName: "Chat"
-    }
-  ));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(PageHeaderPortal, { children: /* @__PURE__ */ jsxs("div", { className: "hidden lg:flex items-center justify-end w-full gap-1", children: [
+      showGauge && conversationId && /* @__PURE__ */ jsx(ContextGaugeWidget, { conversationId }),
+      isAdmin && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "quiet", pressed: !!blockMode, icon: /* @__PURE__ */ jsx(Blocks, {}), onClick: () => dispatch(setUseBlockMode(!blockMode)), title: blockMode ? "Block mode ON \u2014 click to disable." : "Block mode OFF \u2014 click to enable.", "aria-label": blockMode ? "Block mode ON \u2014 click to disable." : "Block mode OFF \u2014 click to enable." }),
+        /* @__PURE__ */ jsx(Button, { variant: "quiet", pressed: !!snapshot, icon: /* @__PURE__ */ jsx(Camera, {}), onClick: () => dispatch(setUseSnapshot(!snapshot)), title: snapshot ? "Snapshot ON \u2014 every request stamps snapshot:true. Click to disable." : "Snapshot OFF \u2014 click to capture full server-side snapshots per request.", "aria-label": snapshot ? "Snapshot ON \u2014 every request stamps snapshot:true. Click to disable." : "Snapshot OFF \u2014 click to capture full server-side snapshots per request." })
+      ] }),
+      showShare && /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          icon: /* @__PURE__ */ jsx(Share2, {}),
+          onClick: () => setIsShareOpen(true),
+          label: "Share conversation"
+        }
+      ),
+      isAuthenticated && conversationId && /* @__PURE__ */ jsx(
+        ConversationPageMenu,
+        {
+          conversationId,
+          href: `/demos/chat/c/${conversationId}`
+        }
+      )
+    ] }) }),
+    isShareOpen && conversationId && /* @__PURE__ */ jsx(
+      ShareModal,
+      {
+        isOpen: isShareOpen,
+        onClose: () => setIsShareOpen(false),
+        resourceType: "conversation",
+        resourceId: conversationId,
+        resourceName: "Chat"
+      }
+    )
+  ] });
 }
 export {
   ChatHeaderControls as default

package/dist/cx-chat/components/ChatInstanceManager.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { useAppDispatch } from "../../store/hooks.js";
 import { fetchAgentExecutionMinimal } from "../../agents/redux/agent-definition/thunks.js";
@@ -58,7 +59,7 @@ function ChatInstanceManager(props) {
   }, [agentId, urlConversationId]);
   if (!resolvedId) return null;
   if (props.mode === "welcome") {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       ChatWelcomeClient,
       {
         agentId: props.agentId,
@@ -68,7 +69,7 @@ function ChatInstanceManager(props) {
       }
     );
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ChatConversationClient,
     {
       conversationId: props.conversationId,

package/dist/cx-chat/components/ChatMobileAdminToggles.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Chip, Button } from "@ai-matrx/design-system/controls";
 import { Blocks, Camera } from "lucide-react";
 import { useAppSelector, useAppDispatch } from "../../store/hooks.js";
@@ -36,17 +37,21 @@ function ChatMobileAdminToggles() {
   const handleToggleSnapshot = () => {
     dispatch(setUseSnapshot(!snapshot));
   };
-  return /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1" }, loopbackAllowed && /* @__PURE__ */ React.createElement(
-    Chip,
-    {
-      asChild: true,
-      pressed: isUsingLocalhost,
-      tone: "warning",
-      label: "local",
-      title: isUsingLocalhost ? "Using localhost \u2014 click to switch to production" : "Using production \u2014 click to switch to localhost"
-    },
-    /* @__PURE__ */ React.createElement("button", { type: "button", onClick: handleToggleLocalhost })
-  ), /* @__PURE__ */ React.createElement(Button, { variant: "quiet", pressed: !!blockMode, icon: /* @__PURE__ */ React.createElement(Blocks, null), onClick: handleToggleBlockMode, title: blockMode ? "Block mode ON \u2014 using agents-blocks endpoint. Click to disable." : "Block mode OFF \u2014 using standard agents endpoint. Click to enable.", "aria-label": blockMode ? "Block mode ON \u2014 using agents-blocks endpoint. Click to disable." : "Block mode OFF \u2014 using standard agents endpoint. Click to enable." }), /* @__PURE__ */ React.createElement(Button, { variant: "quiet", pressed: !!snapshot, icon: /* @__PURE__ */ React.createElement(Camera, null), onClick: handleToggleSnapshot, title: snapshot ? "Snapshot ON \u2014 every request stamps snapshot:true. Click to disable." : "Snapshot OFF \u2014 click to capture full server-side snapshots per request.", "aria-label": snapshot ? "Snapshot ON \u2014 every request stamps snapshot:true. Click to disable." : "Snapshot OFF \u2014 click to capture full server-side snapshots per request." }));
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+    loopbackAllowed && /* @__PURE__ */ jsx(
+      Chip,
+      {
+        asChild: true,
+        pressed: isUsingLocalhost,
+        tone: "warning",
+        label: "local",
+        title: isUsingLocalhost ? "Using localhost \u2014 click to switch to production" : "Using production \u2014 click to switch to localhost",
+        children: /* @__PURE__ */ jsx("button", { type: "button", onClick: handleToggleLocalhost })
+      }
+    ),
+    /* @__PURE__ */ jsx(Button, { variant: "quiet", pressed: !!blockMode, icon: /* @__PURE__ */ jsx(Blocks, {}), onClick: handleToggleBlockMode, title: blockMode ? "Block mode ON \u2014 using agents-blocks endpoint. Click to disable." : "Block mode OFF \u2014 using standard agents endpoint. Click to enable.", "aria-label": blockMode ? "Block mode ON \u2014 using agents-blocks endpoint. Click to disable." : "Block mode OFF \u2014 using standard agents endpoint. Click to enable." }),
+    /* @__PURE__ */ jsx(Button, { variant: "quiet", pressed: !!snapshot, icon: /* @__PURE__ */ jsx(Camera, {}), onClick: handleToggleSnapshot, title: snapshot ? "Snapshot ON \u2014 every request stamps snapshot:true. Click to disable." : "Snapshot OFF \u2014 click to capture full server-side snapshots per request.", "aria-label": snapshot ? "Snapshot ON \u2014 every request stamps snapshot:true. Click to disable." : "Snapshot OFF \u2014 click to capture full server-side snapshots per request." })
+  ] });
 }
 export {
   ChatMobileAdminToggles as default

package/dist/cx-chat/components/ChatMobileAgentName.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
 import { ChevronDown } from "lucide-react";
 import { usePathname, useSearchParams, useRouter } from "../../host/navigation.js";
@@ -24,15 +25,18 @@ function ChatMobileAgentName() {
     },
     [router]
   );
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    AgentPickerSheet,
-    {
-      open: isPickerOpen,
-      onOpenChange: setIsPickerOpen,
-      selectedAgent: agentIdFromUrl && agentName ? { promptId: agentIdFromUrl, name: agentName } : null,
-      onSelect: handleAgentSelect
-    }
-  ), /* @__PURE__ */ React.createElement(Button, { variant: "quiet", iconEnd: /* @__PURE__ */ React.createElement(ChevronDown, null), onClick: () => setIsPickerOpen(true), style: { WebkitTapHighlightColor: "transparent" }, "aria-label": "Change AI agent", className: "min-w-0" }, displayName));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      AgentPickerSheet,
+      {
+        open: isPickerOpen,
+        onOpenChange: setIsPickerOpen,
+        selectedAgent: agentIdFromUrl && agentName ? { promptId: agentIdFromUrl, name: agentName } : null,
+        onSelect: handleAgentSelect
+      }
+    ),
+    /* @__PURE__ */ jsx(Button, { variant: "quiet", iconEnd: /* @__PURE__ */ jsx(ChevronDown, {}), onClick: () => setIsPickerOpen(true), style: { WebkitTapHighlightColor: "transparent" }, "aria-label": "Change AI agent", className: "min-w-0", children: displayName })
+  ] });
 }
 export {
   ChatMobileAgentName as default

package/dist/cx-chat/components/ChatMobileHeaderBar.js

@@ -1,3 +1,4 @@
+import { jsx, jsxs } from "react/jsx-runtime";
 import { AppLink } from "../../host/ui-slots.js";
 import {
   MenuTapButton,
@@ -6,31 +7,33 @@ import {
 import ChatMobileAgentName from "./ChatMobileAgentName.js";
 import ChatMobileAdminToggles from "./ChatMobileAdminToggles.js";
 function ChatMobileHeaderBar() {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: "lg:hidden fixed top-0 left-0 right-0 z-[41] flex items-center pr-11 pointer-events-none",
-      style: { height: "var(--shell-header-h)" }
-    },
-    /* @__PURE__ */ React.createElement("span", { className: "pointer-events-auto flex-shrink-0" }, /* @__PURE__ */ React.createElement(
-      MenuTapButton,
-      {
-        as: "label",
-        htmlFor: "shell-panel-mobile",
-        ariaLabel: "Open chat menu"
-      }
-    )),
-    /* @__PURE__ */ React.createElement(
-      AppLink,
-      {
-        href: "/demos/chat",
-        "aria-label": "New chat",
-        className: "flex-shrink-0 pointer-events-auto"
-      },
-      /* @__PURE__ */ React.createElement(SquarePenTapButton, { ariaLabel: "New chat" })
-    ),
-    /* @__PURE__ */ React.createElement("div", { className: "flex-1 flex items-center justify-center min-w-0 pointer-events-auto" }, /* @__PURE__ */ React.createElement(ChatMobileAgentName, null)),
-    /* @__PURE__ */ React.createElement("span", { className: "pointer-events-auto flex-shrink-0" }, /* @__PURE__ */ React.createElement(ChatMobileAdminToggles, null))
+      style: { height: "var(--shell-header-h)" },
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-auto flex-shrink-0", children: /* @__PURE__ */ jsx(
+          MenuTapButton,
+          {
+            as: "label",
+            htmlFor: "shell-panel-mobile",
+            ariaLabel: "Open chat menu"
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          AppLink,
+          {
+            href: "/demos/chat",
+            "aria-label": "New chat",
+            className: "flex-shrink-0 pointer-events-auto",
+            children: /* @__PURE__ */ jsx(SquarePenTapButton, { ariaLabel: "New chat" })
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "flex-1 flex items-center justify-center min-w-0 pointer-events-auto", children: /* @__PURE__ */ jsx(ChatMobileAgentName, {}) }),
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-auto flex-shrink-0", children: /* @__PURE__ */ jsx(ChatMobileAdminToggles, {}) })
+      ]
+    }
   );
 }
 export {

package/dist/cx-chat/components/ChatPanelBackButton.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { ChevronLeftTapButton } from "@ai-matrx/tap-target/buttons";
 function ChatPanelBackButton() {
   function handleBack() {
@@ -11,7 +12,7 @@ function ChatPanelBackButton() {
     if (panelCheckbox) panelCheckbox.checked = false;
     if (menuCheckbox) menuCheckbox.checked = true;
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ChevronLeftTapButton,
     {
       variant: "transparent",