@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/agents/components/messages-display/AgentConversationDisplay.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useConversationAbilities } from "../../redux/execution-system/host-conversations/conversation-abilities.js";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { useAppDispatch, useAppSelector } from "../../../store/hooks.js";
@@ -194,7 +195,7 @@ function AgentConversationDisplay({
   const resolveMenuContext = (target) => resolveMarkdownContext(target, conversationId);
   if (displayGroups.length === 0) {
     if (hydrationFailure) {
-      return /* @__PURE__ */ React.createElement("div", { className: "p-4" }, /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx(
         StaleDataNotice,
         {
           hasData: false,
@@ -210,128 +211,128 @@ function AgentConversationDisplay({
             );
           }
         }
-      ));
+      ) });
     }
-    return /* @__PURE__ */ React.createElement(AgentEmptyMessageDisplay, { conversationId });
+    return /* @__PURE__ */ jsx(AgentEmptyMessageDisplay, { conversationId });
   }
   const renderGroupBody = (group) => {
     if (group.kind === "user") {
       const isLastUser = group.key === lastUserKey;
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         ErrorBoundaryWithCapture,
         {
-          key: group.key,
           boundary: "AgentConversationDisplayGroup",
           relation: group.key,
-          resetKeys: [group.key]
+          resetKeys: [group.key],
+          children: /* @__PURE__ */ jsx("div", { ref: isLastUser ? lastUserRef : void 0, children: /* @__PURE__ */ jsx(
+            AgentUserMessage,
+            {
+              conversationId,
+              messageId: group.messageId,
+              surfaceKey,
+              compact
+            }
+          ) })
         },
-        /* @__PURE__ */ React.createElement("div", { ref: isLastUser ? lastUserRef : void 0 }, /* @__PURE__ */ React.createElement(
-          AgentUserMessage,
-          {
-            conversationId,
-            messageId: group.messageId,
-            surfaceKey,
-            compact
-          }
-        ))
+        group.key
       );
     }
     if (group.kind === "examples") {
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         ErrorBoundaryWithCapture,
         {
-          key: group.key,
           boundary: "AgentConversationDisplayGroup",
           relation: group.key,
-          resetKeys: [group.key]
+          resetKeys: [group.key],
+          children: /* @__PURE__ */ jsx(ExampleTurnsGroup, { count: group.members.length, children: group.members.map(
+            (member) => member.role === "user" ? /* @__PURE__ */ jsx(
+              AgentUserMessage,
+              {
+                conversationId,
+                messageId: member.messageId,
+                surfaceKey,
+                compact: true
+              },
+              member.messageId
+            ) : /* @__PURE__ */ jsx(
+              AgentAssistantMessage,
+              {
+                conversationId,
+                messageId: member.messageId,
+                isStreamActive: false,
+                surfaceKey,
+                compact: true,
+                hideActionBar: true,
+                deferColdMarkdown
+              },
+              member.messageId
+            )
+          ) })
         },
-        /* @__PURE__ */ React.createElement(ExampleTurnsGroup, { count: group.members.length }, group.members.map(
-          (member) => member.role === "user" ? /* @__PURE__ */ React.createElement(
-            AgentUserMessage,
-            {
-              key: member.messageId,
-              conversationId,
-              messageId: member.messageId,
-              surfaceKey,
-              compact: true
-            }
-          ) : /* @__PURE__ */ React.createElement(
-            AgentAssistantMessage,
-            {
-              key: member.messageId,
-              conversationId,
-              messageId: member.messageId,
-              isStreamActive: false,
-              surfaceKey,
-              compact: true,
-              hideActionBar: true,
-              deferColdMarkdown
-            }
-          )
-        ))
+        group.key
       );
     }
     if (group.kind === "collab-note") {
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         ErrorBoundaryWithCapture,
         {
-          key: group.key,
           boundary: "AgentConversationDisplayGroup",
           relation: group.key,
-          resetKeys: [group.key]
+          resetKeys: [group.key],
+          children: /* @__PURE__ */ jsx(
+            CollabNoteMessage,
+            {
+              conversationId,
+              messageId: group.messageId,
+              compact
+            }
+          )
         },
-        /* @__PURE__ */ React.createElement(
-          CollabNoteMessage,
-          {
-            conversationId,
-            messageId: group.messageId,
-            compact
-          }
-        )
+        group.key
       );
     }
     if (group.kind === "assistant-failed") {
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         ErrorBoundaryWithCapture,
         {
-          key: group.key,
           boundary: "AgentConversationDisplayGroup",
           relation: group.key,
-          resetKeys: [group.key]
+          resetKeys: [group.key],
+          children: /* @__PURE__ */ jsx(
+            AgentAssistantMessage,
+            {
+              conversationId,
+              requestId: group.requestId ?? void 0,
+              messageId: group.messageId ?? void 0,
+              isStreamActive: group.isStreamActive,
+              surfaceKey,
+              compact,
+              canRetry: group.canRetry,
+              deferColdMarkdown
+            }
+          )
         },
-        /* @__PURE__ */ React.createElement(
-          AgentAssistantMessage,
+        group.key
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      ErrorBoundaryWithCapture,
+      {
+        boundary: "AgentConversationDisplayGroup",
+        relation: group.key,
+        resetKeys: [group.key],
+        children: /* @__PURE__ */ jsx(
+          AssistantTurnGroup,
           {
             conversationId,
-            requestId: group.requestId ?? void 0,
-            messageId: group.messageId ?? void 0,
-            isStreamActive: group.isStreamActive,
             surfaceKey,
             compact,
-            canRetry: group.canRetry,
+            members: group.members,
             deferColdMarkdown
           }
         )
-      );
-    }
-    return /* @__PURE__ */ React.createElement(
-      ErrorBoundaryWithCapture,
-      {
-        key: group.key,
-        boundary: "AgentConversationDisplayGroup",
-        relation: group.key,
-        resetKeys: [group.key]
       },
-      /* @__PURE__ */ React.createElement(
-        AssistantTurnGroup,
-        {
-          conversationId,
-          surfaceKey,
-          compact,
-          members: group.members,
-          deferColdMarkdown
-        }
-      )
+      group.key
     );
   };
   const wrapGroup = (group, index, body) => {
@@ -341,34 +342,36 @@ function AgentConversationDisplay({
     const pinPending = ids.some((id) => pendingPinIds.has(id));
     const who = group.kind === "user" ? "Your message" : group.kind === "collab-note" ? "Note" : group.kind === "examples" ? "Example turns" : "Assistant answer";
     const showFollowUps = group.kind === "assistant" && group.key === latestAssistantKey && !isActive && !pinnedOnly && primaryId;
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxs(
       "div",
       {
-        key: group.key,
         "data-message-group": "",
         "data-primary-message-id": primaryId,
         "data-message-ids": ids.join(" "),
         tabIndex: index === visibleGroups.length - 1 ? 0 : -1,
         role: "article",
         "aria-label": `${who}${pinned ? ", pinned" : ""}`,
-        className: "relative rounded-lg outline-none focus-visible:ring-2 focus-visible:ring-ring/60 focus-visible:ring-offset-2 focus-visible:ring-offset-background"
+        className: "relative rounded-lg outline-none focus-visible:ring-2 focus-visible:ring-ring/60 focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+        children: [
+          (pinned || pinPending) && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "data-find-ignore": "",
+              "aria-hidden": "true",
+              title: pinPending ? pinned ? "Unpinning\u2026" : "Pinning\u2026" : "Pinned",
+              className: `pointer-events-none absolute -right-1.5 -top-1.5 z-10 flex h-4 w-4 items-center justify-center rounded-full bg-background shadow-sm ring-1 ring-amber-500/40 ${pinPending ? "animate-pulse" : ""}`,
+              children: /* @__PURE__ */ jsx(Pin, { className: "h-2.5 w-2.5 fill-current text-amber-500 dark:text-amber-400" })
+            }
+          ),
+          body,
+          showFollowUps && /* @__PURE__ */ jsx(FollowUpSuggestions, { conversationId, messageId: primaryId })
+        ]
       },
-      (pinned || pinPending) && /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          "data-find-ignore": "",
-          "aria-hidden": "true",
-          title: pinPending ? pinned ? "Unpinning\u2026" : "Pinning\u2026" : "Pinned",
-          className: `pointer-events-none absolute -right-1.5 -top-1.5 z-10 flex h-4 w-4 items-center justify-center rounded-full bg-background shadow-sm ring-1 ring-amber-500/40 ${pinPending ? "animate-pulse" : ""}`
-        },
-        /* @__PURE__ */ React.createElement(Pin, { className: "h-2.5 w-2.5 fill-current text-amber-500 dark:text-amber-400" })
-      ),
-      body,
-      showFollowUps && /* @__PURE__ */ React.createElement(FollowUpSuggestions, { conversationId, messageId: primaryId })
+      group.key
     );
   };
   const spacingClass = compact ? "space-y-2 pb-12" : "space-y-6 pb-[25dvh]";
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     NonEditableContextMenu,
     {
       sourceFeature: "chat",
@@ -376,28 +379,36 @@ function AgentConversationDisplay({
       suppressed: isActive,
       placementMode: { "content-block": "hide" },
       contextData: { conversationId },
-      resolveContextOnOpen: resolveMenuContext
-    },
-    findOpen && /* @__PURE__ */ React.createElement("div", { className: "sticky top-0 z-30 h-0", "data-find-ignore": "" }, /* @__PURE__ */ React.createElement("div", { className: "absolute right-2 top-1 w-[min(28rem,calc(100%-1rem))]" }, /* @__PURE__ */ React.createElement(
-      ConversationFindBar,
-      {
-        rootRef: transcriptRef,
-        history: findHistory,
-        onClose: () => setFindOpen(false)
-      }
-    ))),
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        ref: transcriptRef,
-        "aria-label": "Conversation",
-        className: `${spacingClass} p-2 scrollbar-hide ${bottomPinned ? "min-h-full flex flex-col justify-end" : ""}`
-      },
-      visibleGroups.map(
-        (group, index) => wrapGroup(group, index, renderGroupBody(group))
-      ),
-      pinnedOnly && visibleGroups.length === 0 && /* @__PURE__ */ React.createElement("div", { className: "py-10 text-center text-sm text-muted-foreground" }, "Nothing pinned in this conversation.", " ", /* @__PURE__ */ React.createElement(Button, { variant: "quiet", tone: "primary", onClick: () => setPinnedOnly(false) }, "Show all messages"))
-    )
+      resolveContextOnOpen: resolveMenuContext,
+      children: [
+        findOpen && /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-30 h-0", "data-find-ignore": "", children: /* @__PURE__ */ jsx("div", { className: "absolute right-2 top-1 w-[min(28rem,calc(100%-1rem))]", children: /* @__PURE__ */ jsx(
+          ConversationFindBar,
+          {
+            rootRef: transcriptRef,
+            history: findHistory,
+            onClose: () => setFindOpen(false)
+          }
+        ) }) }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref: transcriptRef,
+            "aria-label": "Conversation",
+            className: `${spacingClass} p-2 scrollbar-hide ${bottomPinned ? "min-h-full flex flex-col justify-end" : ""}`,
+            children: [
+              visibleGroups.map(
+                (group, index) => wrapGroup(group, index, renderGroupBody(group))
+              ),
+              pinnedOnly && visibleGroups.length === 0 && /* @__PURE__ */ jsxs("div", { className: "py-10 text-center text-sm text-muted-foreground", children: [
+                "Nothing pinned in this conversation.",
+                " ",
+                /* @__PURE__ */ jsx(Button, { variant: "quiet", tone: "primary", onClick: () => setPinnedOnly(false), children: "Show all messages" })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
   );
 }
 export {

package/dist/agents/components/messages-display/MessageAttachmentStrip.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx } from "react/jsx-runtime";
 import { cn } from "@ai-matrx/design-system";
 import { FileResourceChip } from "../../../host/ui-slots.js";
 import { contextItemsListKey, useContextItemsTab } from "../context-items/contextItemsTab.js";
@@ -10,7 +11,7 @@ function AttachmentItem({
   pressed,
   onOpen
 }) {
-  const tile = item.refs.fileId ? /* @__PURE__ */ React.createElement(
+  const tile = item.refs.fileId ? /* @__PURE__ */ jsx(
     FileResourceChip,
     {
       fileId: item.refs.fileId,
@@ -20,7 +21,7 @@ function AttachmentItem({
       size: "xs",
       onOpen
     }
-  ) : /* @__PURE__ */ React.createElement(
+  ) : /* @__PURE__ */ jsx(
     ResourceAttachmentTile,
     {
       typeLabel: item.caption ?? item.typeLabel,
@@ -31,7 +32,7 @@ function AttachmentItem({
       onClick: onOpen
     }
   );
-  return /* @__PURE__ */ React.createElement(BlockHoverPreview, { item, side: "top", align: "start" }, tile);
+  return /* @__PURE__ */ jsx(BlockHoverPreview, { item, side: "top", align: "start", children: tile });
 }
 function MessageAttachmentStrip({
   conversationId,
@@ -43,15 +44,15 @@ function MessageAttachmentStrip({
   );
   const tab = useContextItemsTab(contextItemsListKey(conversationId, items));
   if (items.length === 0) return null;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: cn("flex flex-wrap gap-1.5", className) }, items.map((item) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap gap-1.5", className), children: items.map((item) => /* @__PURE__ */ jsx(
     AttachmentItem,
     {
-      key: item.id,
       item,
       pressed: tab.isShowing(item.id),
       onOpen: () => tab.open(items, item.id)
-    }
-  ))));
+    },
+    item.id
+  )) }) });
 }
 export {
   MessageAttachmentStrip

package/dist/agents/components/messages-display/MessageTimestamp.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import {
   formatAbsoluteDate,
@@ -43,16 +44,18 @@ function MessageTimestamp({ timestamp }) {
     return () => window.clearInterval(timer);
   }, [timestamp]);
   if (!display) return null;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "span",
     {
       tabIndex: 0,
       "aria-label": `${display.absolute} (${display.relative})`,
       title: `${display.absolute} (${display.relative})`,
-      className: "shrink-0 whitespace-nowrap [@media(hover:none)]:hidden text-[10px] font-normal text-muted-foreground/65 opacity-0 transition-opacity focus:opacity-100 [@media(hover:hover)]:group-hover/assistant-msg:opacity-100 [@media(hover:hover)]:group-focus-within/assistant-msg:opacity-100"
-    },
-    /* @__PURE__ */ React.createElement("span", { className: "@min-[420px]/message-footer:hidden" }, display.compact),
-    /* @__PURE__ */ React.createElement("span", { className: "hidden @min-[420px]/message-footer:inline" }, display.short)
+      className: "shrink-0 whitespace-nowrap [@media(hover:none)]:hidden text-[10px] font-normal text-muted-foreground/65 opacity-0 transition-opacity focus:opacity-100 [@media(hover:hover)]:group-hover/assistant-msg:opacity-100 [@media(hover:hover)]:group-focus-within/assistant-msg:opacity-100",
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "@min-[420px]/message-footer:hidden", children: display.compact }),
+        /* @__PURE__ */ jsx("span", { className: "hidden @min-[420px]/message-footer:inline", children: display.short })
+      ]
+    }
   );
 }
 export {

package/dist/agents/components/messages-display/TranscriptIntegrityCopyButton.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useClipboard } from "@ai-matrx/kit/clipboard";
 import { toast as copyToast } from "../../../host/notify.js";
 import { useEffect } from "react";
@@ -17,7 +18,7 @@ import { Button } from "@ai-matrx/design-system/controls";
 function TranscriptIntegrityCopyButton(props) {
   const isSuperAdmin = useAppSelector(selectIsSuperAdmin);
   if (!isSuperAdmin) return null;
-  return /* @__PURE__ */ React.createElement(TranscriptIntegrityCopyButtonInner, { ...props });
+  return /* @__PURE__ */ jsx(TranscriptIntegrityCopyButtonInner, { ...props });
 }
 function TranscriptIntegrityCopyButtonInner({
   conversationId,
@@ -71,11 +72,11 @@ function TranscriptIntegrityCopyButtonInner({
     ))
       return;
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Button,
     {
       variant: "quiet",
-      icon: /* @__PURE__ */ React.createElement(Stethoscope, null),
+      icon: /* @__PURE__ */ jsx(Stethoscope, {}),
       onClick: () => void copy(),
       title: "Copy transcript integrity report (admin) \u2014 paste it to an agent when a message is missing",
       "aria-label": "Copy transcript integrity report",