@ai-matrx/chat 0.5.0 → 0.5.3

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

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { CircleAlert } from "lucide-react";
 import { useRouter } from "../../../host/navigation.js";
 import { AgentListDropdown } from "@ai-matrx/agents/catalog/react";
@@ -23,39 +24,49 @@ function ChatNewClient({
   const defaultMandateKey = useDefaultChatMandateKey();
   const { mandate } = useMandate(defaultMandateKey, { optional: true });
   if (pinned && agentId) {
-    return /* @__PURE__ */ React.createElement(ChatNewBody, { agentId, composer, pinned: true });
+    return /* @__PURE__ */ jsx(ChatNewBody, { agentId, composer, pinned: true });
   }
   const effectiveAgentId = mandate?.agentId ?? agentId;
-  return effectiveAgentId ? /* @__PURE__ */ React.createElement(ChatNewBody, { agentId: effectiveAgentId, composer }) : /* @__PURE__ */ React.createElement(ChatNewClientResolved, { composer });
+  return effectiveAgentId ? /* @__PURE__ */ jsx(ChatNewBody, { agentId: effectiveAgentId, composer }) : /* @__PURE__ */ jsx(ChatNewClientResolved, { composer });
 }
 function ChatNewClientResolved({
   composer
 }) {
   const defaultMandateKey = useDefaultChatMandateKey();
   const { mandate, loading, error, organizationPending } = useMandate(defaultMandateKey);
-  if (loading) return /* @__PURE__ */ React.createElement(ChatNewLandingSkeleton, null);
+  if (loading) return /* @__PURE__ */ jsx(ChatNewLandingSkeleton, {});
   if (organizationPending) {
-    return /* @__PURE__ */ React.createElement(WorkspaceGate, { blocked: true, sentence: "Chat needs a workspace to open." }, /* @__PURE__ */ React.createElement(ChatNewLandingSkeleton, null));
+    return /* @__PURE__ */ jsx(WorkspaceGate, { blocked: true, sentence: "Chat needs a workspace to open.", children: /* @__PURE__ */ jsx(ChatNewLandingSkeleton, {}) });
   }
-  if (error || !mandate) return /* @__PURE__ */ React.createElement(ChatMandateUnavailable, { error });
-  return /* @__PURE__ */ React.createElement(ChatNewBody, { agentId: mandate.agentId, composer });
+  if (error || !mandate) return /* @__PURE__ */ jsx(ChatMandateUnavailable, { error });
+  return /* @__PURE__ */ jsx(ChatNewBody, { agentId: mandate.agentId, composer });
 }
 function ChatMandateUnavailable({ error }) {
   const router = useRouter();
   const store = useAppStore();
-  return /* @__PURE__ */ React.createElement("div", { className: "h-full overflow-hidden bg-textured" }, /* @__PURE__ */ React.createElement("div", { className: "flex min-h-full flex-col items-center justify-center px-4 py-10" }, /* @__PURE__ */ React.createElement("div", { className: "mx-auto max-w-xl rounded-md border border-warning/30 bg-warning/5 px-4 py-6 text-center" }, /* @__PURE__ */ React.createElement(CircleAlert, { className: "mx-auto h-6 w-6 text-warning" }), /* @__PURE__ */ React.createElement("p", { className: "mt-2 text-sm font-medium text-foreground" }, "Chat is unavailable right now."), /* @__PURE__ */ React.createElement("p", { className: "mx-auto mt-1 max-w-md text-xs text-muted-foreground" }, "The default chat agent could not be resolved", asClause(error ? ` \u2014 ${error}` : ""), ". Check your chat settings, or try again shortly.", /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, null)), /* @__PURE__ */ React.createElement("div", { className: "mt-4 flex justify-center" }, /* @__PURE__ */ React.createElement(
-    AgentListDropdown,
-    {
-      label: "Chat with another agent",
-      onSelect: (agentId) => stageChatAgentSwitch({
-        dispatch: store.dispatch,
-        router,
-        getState: store.getState,
-        targetAgentId: agentId
-      }),
-      compact: true
-    }
-  )))));
+  return /* @__PURE__ */ jsx("div", { className: "h-full overflow-hidden bg-textured", children: /* @__PURE__ */ jsx("div", { className: "flex min-h-full flex-col items-center justify-center px-4 py-10", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-xl rounded-md border border-warning/30 bg-warning/5 px-4 py-6 text-center", children: [
+    /* @__PURE__ */ jsx(CircleAlert, { className: "mx-auto h-6 w-6 text-warning" }),
+    /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm font-medium text-foreground", children: "Chat is unavailable right now." }),
+    /* @__PURE__ */ jsxs("p", { className: "mx-auto mt-1 max-w-md text-xs text-muted-foreground", children: [
+      "The default chat agent could not be resolved",
+      asClause(error ? ` \u2014 ${error}` : ""),
+      ". Check your chat settings, or try again shortly.",
+      /* @__PURE__ */ jsx(ErrorAlchemyMenu, {})
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsx(
+      AgentListDropdown,
+      {
+        label: "Chat with another agent",
+        onSelect: (agentId) => stageChatAgentSwitch({
+          dispatch: store.dispatch,
+          router,
+          getState: store.getState,
+          targetAgentId: agentId
+        }),
+        compact: true
+      }
+    ) })
+  ] }) }) });
 }
 function ChatNewBody({
   agentId,
@@ -64,13 +75,13 @@ function ChatNewBody({
 }) {
   const defaultMandateKey = useDefaultChatMandateKey();
   const surfaceKey = chatRouteSurfaceKey(agentId);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ChatRoomClient,
     {
       agentId,
       mandateKey: pinned ? void 0 : defaultMandateKey,
       composer,
-      landingContent: (conversationId, composerPresentation) => composerPresentation ? /* @__PURE__ */ React.createElement(
+      landingContent: (conversationId, composerPresentation) => composerPresentation ? /* @__PURE__ */ jsx(
         NewChatGreeting,
         {
           sourceConversationId: conversationId,
@@ -82,7 +93,11 @@ function ChatNewBody({
   );
 }
 function ChatNewLandingSkeleton() {
-  return /* @__PURE__ */ React.createElement("div", { className: "h-full overflow-hidden bg-textured" }, /* @__PURE__ */ React.createElement("div", { className: "flex min-h-full flex-col items-center justify-center px-4 py-10" }, /* @__PURE__ */ React.createElement("div", { className: "flex w-full max-w-[760px] flex-col items-center gap-4" }, /* @__PURE__ */ React.createElement(ComposerGreeting, { className: "mb-4" }), /* @__PURE__ */ React.createElement(ChatSplashComposerShell, null), /* @__PURE__ */ React.createElement(ComposerQuickActionsSkeleton, { className: "w-full max-w-[720px]" }))));
+  return /* @__PURE__ */ jsx("div", { className: "h-full overflow-hidden bg-textured", children: /* @__PURE__ */ jsx("div", { className: "flex min-h-full flex-col items-center justify-center px-4 py-10", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[760px] flex-col items-center gap-4", children: [
+    /* @__PURE__ */ jsx(ComposerGreeting, { className: "mb-4" }),
+    /* @__PURE__ */ jsx(ChatSplashComposerShell, {}),
+    /* @__PURE__ */ jsx(ComposerQuickActionsSkeleton, { className: "w-full max-w-[720px]" })
+  ] }) }) });
 }
 export {
   ChatMandateUnavailable,

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

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { ChatRunHeader } from "./ChatRunHeader.js";
 import { useDefaultChatMandateKey } from "./default-chat-mandate.js";
 import { useMandate } from "../../../mandates/useMandate.js";
@@ -7,21 +8,21 @@ function ChatNewHeader({
   initialAgentName,
   composerMode
 }) {
-  return agentId ? /* @__PURE__ */ React.createElement(
+  return agentId ? /* @__PURE__ */ jsx(
     ChatRunHeader,
     {
       activeAgentId: agentId,
       initialAgentName,
       composerMode
     }
-  ) : /* @__PURE__ */ React.createElement(ChatNewHeaderResolved, { composerMode });
+  ) : /* @__PURE__ */ jsx(ChatNewHeaderResolved, { composerMode });
 }
 function ChatNewHeaderResolved({
   composerMode
 }) {
   const defaultMandateKey = useDefaultChatMandateKey();
   const { mandate } = useMandate(defaultMandateKey);
-  return /* @__PURE__ */ React.createElement(ChatRunHeader, { activeAgentId: mandate?.agentId, composerMode });
+  return /* @__PURE__ */ jsx(ChatRunHeader, { activeAgentId: mandate?.agentId, composerMode });
 }
 export {
   ChatNewHeader

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

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { logFailure } from "../../../ui/expectedRefusal.js";
 import { usePreparedResourceSeed } from "./usePreparedResourceSeed.js";
 import { Suspense, useEffect, useRef, useState } from "react";
@@ -417,7 +418,7 @@ function ChatRoomClient({
   const conversationId = conversationIdProp ?? liveConversationId ?? null;
   const canRenderLandingDuringInit = !!landingContent && !conversationIdProp && !!conversationId;
   if (isFreshRoute && !mandateKey && agentLoadFailure && agentLoadFailure.agentId === agentId && !executionPayload.isReady) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex h-full flex-col overflow-hidden bg-textured" }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx("div", { className: "flex h-full flex-col overflow-hidden bg-textured", children: /* @__PURE__ */ jsx(
       AccessGate,
       {
         token: "agent",
@@ -427,13 +428,13 @@ function ChatRoomClient({
         fallbackHref: "/agents/all",
         fallbackLabel: "Your agents"
       }
-    ));
+    ) });
   }
   if (!conversationId || isInitializing && !canRenderLandingDuringInit) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex h-full flex-col overflow-hidden bg-textured" }, /* @__PURE__ */ React.createElement(ChatRoomSkeleton, null));
+    return /* @__PURE__ */ jsx("div", { className: "flex h-full flex-col overflow-hidden bg-textured", children: /* @__PURE__ */ jsx(ChatRoomSkeleton, {}) });
   }
   if (conversationIdProp && isColdLoadingConversation) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex h-full flex-col overflow-hidden bg-textured" }, /* @__PURE__ */ React.createElement(ChatRoomSkeleton, null));
+    return /* @__PURE__ */ jsx("div", { className: "flex h-full flex-col overflow-hidden bg-textured", children: /* @__PURE__ */ jsx(ChatRoomSkeleton, {}) });
   }
   const composerPresentation = composerOptions ? {
     size: "page",
@@ -464,39 +465,41 @@ function ChatRoomClient({
       placeholder: hasShownMessages ? "Reply" : "How can I help you today?"
     }
   );
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     ChatConversationSurface,
     {
       conversationId,
       agentId,
-      surfaceKey
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "flex h-full flex-col overflow-hidden bg-textured" }, /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-h-0 overflow-hidden flex" }, /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-w-0 min-h-0 overflow-hidden flex justify-center" }, /* @__PURE__ */ React.createElement(
-      AgentConversationColumn,
-      {
-        conversationId,
-        surfaceKey,
-        audience,
-        constrainWidth: true,
-        edgeToEdgeScroll: true,
-        deferColdMarkdown: !!conversationIdProp,
-        smartInputProps: {
-          variablesPanelStyle,
-          composer: composerPresentation
-        },
-        landingContent: typeof landingContent === "function" ? landingContent(conversationId, composerPresentation) : landingContent,
-        aboveInput: typeof aboveInput === "function" ? aboveInput(conversationId) : aboveInput
-      }
-    )))),
-    /* @__PURE__ */ React.createElement(SandboxCanvasOpener, { conversationId }),
-    /* @__PURE__ */ React.createElement(ToolResultCanvasOpener, { conversationId }),
-    isFreshRoute && /* @__PURE__ */ React.createElement(Suspense, { fallback: null }, /* @__PURE__ */ React.createElement(
-      AttachDocDeepLink,
-      {
-        conversationId: liveConversationId,
-        ready: authReady
-      }
-    ))
+      surfaceKey,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "flex h-full flex-col overflow-hidden bg-textured", children: /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 overflow-hidden flex", children: /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0 min-h-0 overflow-hidden flex justify-center", children: /* @__PURE__ */ jsx(
+          AgentConversationColumn,
+          {
+            conversationId,
+            surfaceKey,
+            audience,
+            constrainWidth: true,
+            edgeToEdgeScroll: true,
+            deferColdMarkdown: !!conversationIdProp,
+            smartInputProps: {
+              variablesPanelStyle,
+              composer: composerPresentation
+            },
+            landingContent: typeof landingContent === "function" ? landingContent(conversationId, composerPresentation) : landingContent,
+            aboveInput: typeof aboveInput === "function" ? aboveInput(conversationId) : aboveInput
+          }
+        ) }) }) }),
+        /* @__PURE__ */ jsx(SandboxCanvasOpener, { conversationId }),
+        /* @__PURE__ */ jsx(ToolResultCanvasOpener, { conversationId }),
+        isFreshRoute && /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+          AttachDocDeepLink,
+          {
+            conversationId: liveConversationId,
+            ready: authReady
+          }
+        ) })
+      ]
+    }
   );
 }
 function AttachDocDeepLink({

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

@@ -1,50 +1,67 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@ai-matrx/design-system";
 function ChatRoomSkeleton() {
-  return /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-h-0 overflow-hidden flex justify-center" }, /* @__PURE__ */ React.createElement("div", { className: "w-full max-w-3xl flex flex-col h-full px-4 py-3" }, /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-h-0 overflow-hidden pt-12" }, /* @__PURE__ */ React.createElement("div", { className: "min-h-full flex flex-col justify-end space-y-7 pb-[25dvh]" }, /* @__PURE__ */ React.createElement(
-    SkeletonMessage,
-    {
-      align: "left",
-      widths: [82, 94, 74, 88, 56],
-      className: "opacity-35"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    SkeletonMessage,
-    {
-      align: "right",
-      widths: [54, 38, 26],
-      className: "max-w-[78%] ml-auto"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    SkeletonMessage,
-    {
-      align: "left",
-      widths: [96, 88, 92, 74, 90, 66, 84, 62, 38]
-    }
-  ))), /* @__PURE__ */ React.createElement("div", { className: "shrink-0 mt-3" }, /* @__PURE__ */ React.createElement("div", { className: "rounded-lg border border-border bg-card/60 p-3" }, /* @__PURE__ */ React.createElement("div", { className: "h-3.5 w-1/2 rounded bg-muted/50 animate-pulse" }), /* @__PURE__ */ React.createElement("div", { className: "mt-8 flex items-center justify-between" }, /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement("div", { className: "h-7 w-7 rounded-md bg-muted/45 animate-pulse" }), /* @__PURE__ */ React.createElement("div", { className: "h-7 w-7 rounded-md bg-muted/40 animate-pulse" })), /* @__PURE__ */ React.createElement("div", { className: "h-8 w-8 rounded-full bg-primary/25 animate-pulse" }))))));
+  return /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 overflow-hidden flex justify-center", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-3xl flex flex-col h-full px-4 py-3", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 overflow-hidden pt-12", children: /* @__PURE__ */ jsxs("div", { className: "min-h-full flex flex-col justify-end space-y-7 pb-[25dvh]", children: [
+      /* @__PURE__ */ jsx(
+        SkeletonMessage,
+        {
+          align: "left",
+          widths: [82, 94, 74, 88, 56],
+          className: "opacity-35"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SkeletonMessage,
+        {
+          align: "right",
+          widths: [54, 38, 26],
+          className: "max-w-[78%] ml-auto"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SkeletonMessage,
+        {
+          align: "left",
+          widths: [96, 88, 92, 74, 90, 66, 84, 62, 38]
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "shrink-0 mt-3", children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border bg-card/60 p-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-3.5 w-1/2 rounded bg-muted/50 animate-pulse" }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-8 flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "h-7 w-7 rounded-md bg-muted/45 animate-pulse" }),
+          /* @__PURE__ */ jsx("div", { className: "h-7 w-7 rounded-md bg-muted/40 animate-pulse" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "h-8 w-8 rounded-full bg-primary/25 animate-pulse" })
+      ] })
+    ] }) })
+  ] }) });
 }
 function SkeletonMessage({
   align,
   widths,
   className
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: cn(
         "flex flex-col gap-2",
         align === "right" && "items-end",
         className
-      )
-    },
-    widths.map((w, i) => /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        key: i,
-        className: "h-3.5 rounded bg-muted/55 animate-pulse",
-        style: { width: `${w}%` }
-      }
-    ))
+      ),
+      children: widths.map((w, i) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "h-3.5 rounded bg-muted/55 animate-pulse",
+          style: { width: `${w}%` }
+        },
+        i
+      ))
+    }
   );
 }
 export {

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

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useRouter } from "../../../host/navigation.js";
 import { useAppStore } from "../../../store/hooks.js";
 import { AgentListDropdown } from "@ai-matrx/agents/catalog/react";
@@ -45,37 +46,44 @@ function ChatRunHeader({
     sourceAgentId: activeAgentId,
     sourceConversationId: conversationId
   });
-  const actions = /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ConversationRoomNotice, { conversationId }), conversationId && /* @__PURE__ */ React.createElement(ConversationRecordsChip, { conversationId }), conversationId && /* @__PURE__ */ React.createElement(ConversationAttachmentsChip, { conversationId }), conversationId && /* @__PURE__ */ React.createElement(ConversationPageMenu, { conversationId, href: `/chat/${conversationId}` }));
+  const actions = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ConversationRoomNotice, { conversationId }),
+    conversationId && /* @__PURE__ */ jsx(ConversationRecordsChip, { conversationId }),
+    conversationId && /* @__PURE__ */ jsx(ConversationAttachmentsChip, { conversationId }),
+    conversationId && /* @__PURE__ */ jsx(ConversationPageMenu, { conversationId, href: `/chat/${conversationId}` })
+  ] });
   if (composerMode) {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       RouteHeader,
       {
-        center: /* @__PURE__ */ React.createElement(ComposerModeSwitch, { initialMode: composerMode.initialMode }),
+        center: /* @__PURE__ */ jsx(ComposerModeSwitch, { initialMode: composerMode.initialMode }),
         centerOnPhone: "row",
         right: actions
       }
     );
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     RouteHeader,
     {
-      left: /* @__PURE__ */ React.createElement(
+      left: /* @__PURE__ */ jsxs(
         "div",
         {
           className: "flex min-w-0 items-center gap-1 overflow-hidden",
-          onClickCapture: interceptAgentLinks
-        },
-        /* @__PURE__ */ React.createElement("div", { "data-chat-agent-picker-trigger": true, className: "flex min-w-0 items-center" }, /* @__PURE__ */ React.createElement(
-          AgentListDropdown,
-          {
-            onSelect: handleAgentSelect,
-            label,
-            activeAgentId,
-            compact: true,
-            noBorder: true
-          }
-        )),
-        /* @__PURE__ */ React.createElement(ActiveContextLensChip, { conversationId, className: "min-w-0" })
+          onClickCapture: interceptAgentLinks,
+          children: [
+            /* @__PURE__ */ jsx("div", { "data-chat-agent-picker-trigger": true, className: "flex min-w-0 items-center", children: /* @__PURE__ */ jsx(
+              AgentListDropdown,
+              {
+                onSelect: handleAgentSelect,
+                label,
+                activeAgentId,
+                compact: true,
+                noBorder: true
+              }
+            ) }),
+            /* @__PURE__ */ jsx(ActiveContextLensChip, { conversationId, className: "min-w-0" })
+          ]
+        }
       ),
       right: actions
     }