@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/window-panels/windows/agents/AgentMemoryWindow.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useClipboard } from "@ai-matrx/kit/clipboard";
 import { toast as copyToast } from "../../../host/notify.js";
 import { WindowPanel } from "../../../host/ui-slots.js";
@@ -59,12 +60,15 @@ function AgentMemoryWindow({
       }
     ]
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     WindowPanel,
     {
       id: WINDOW_ID,
       overlayId: OVERLAY_ID,
-      titleNode: /* @__PURE__ */ React.createElement("span", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ React.createElement(Brain, { className: "h-3.5 w-3.5 text-primary" }), "Memory"),
+      titleNode: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx(Brain, { className: "h-3.5 w-3.5 text-primary" }),
+        "Memory"
+      ] }),
       onClose,
       width: 860,
       height: 600,
@@ -72,30 +76,30 @@ function AgentMemoryWindow({
       minWidth: 560,
       minHeight: 400,
       bodyClassName: "flex min-h-0 flex-1 flex-col overflow-hidden p-0",
-      sidebar: /* @__PURE__ */ React.createElement(AgentMemorySidebar, { state }),
+      sidebar: /* @__PURE__ */ jsx(AgentMemorySidebar, { state }),
       sidebarDefaultSize: 240,
       sidebarMinSize: 180,
-      footer: /* @__PURE__ */ React.createElement(AgentMemoryFooter, { state })
-    },
-    /* @__PURE__ */ React.createElement(
-      NonEditableContextMenu,
-      {
-        sourceFeature: "agent-builder",
-        contentSource: { type: "raw" },
-        contextData: { content: selected ? `${displayTitleForMemory(selected)}
+      footer: /* @__PURE__ */ jsx(AgentMemoryFooter, { state }),
+      children: /* @__PURE__ */ jsx(
+        NonEditableContextMenu,
+        {
+          sourceFeature: "agent-builder",
+          contentSource: { type: "raw" },
+          contextData: { content: selected ? `${displayTitleForMemory(selected)}
 
 ${selected.content}` : "" },
-        entity: selected ? { type: "cx_agent_memory", id: selected.id, title: displayTitleForMemory(selected) } : void 0,
-        resolveContextOnOpen: () => selected ? {
-          content: `${displayTitleForMemory(selected)}
+          entity: selected ? { type: "cx_agent_memory", id: selected.id, title: displayTitleForMemory(selected) } : void 0,
+          resolveContextOnOpen: () => selected ? {
+            content: `${displayTitleForMemory(selected)}
 
 ${selected.content}`,
-          [CONTEXT_MENU_ENTITY_KEY]: { type: "cx_agent_memory", id: selected.id, title: displayTitleForMemory(selected) }
-        } : null,
-        extraSections: [memorySection]
-      },
-      /* @__PURE__ */ React.createElement(AgentMemoryBody, { state })
-    )
+            [CONTEXT_MENU_ENTITY_KEY]: { type: "cx_agent_memory", id: selected.id, title: displayTitleForMemory(selected) }
+          } : null,
+          extraSections: [memorySection],
+          children: /* @__PURE__ */ jsx(AgentMemoryBody, { state })
+        }
+      )
+    }
   );
 }
 export {

package/dist/window-panels/windows/agents/AgentPickerFrame.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { AgentListPanel } from "@ai-matrx/agents/catalog/react";
 import { WindowPanel } from "../../../host/ui-slots.js";
 const AGENT_PICKER_WINDOW_CONSUMER_ID = "agent-picker-window";
@@ -16,7 +17,7 @@ function AgentPickerFrame({
   footerLeft,
   footerRight
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     WindowPanel,
     {
       id,
@@ -28,18 +29,18 @@ function AgentPickerFrame({
       height: OPEN_HEIGHT,
       bodyClassName: "p-0",
       ...footerLeft ? { footerLeft } : {},
-      ...footerRight ? { footerRight } : {}
-    },
-    children ?? /* @__PURE__ */ React.createElement(
-      AgentListPanel,
-      {
-        consumerId,
-        onSelect,
-        fill: true,
-        ...activeAgentId !== void 0 ? { activeAgentId } : {},
-        showPinnedAgent: Boolean(activeAgentId)
-      }
-    )
+      ...footerRight ? { footerRight } : {},
+      children: children ?? /* @__PURE__ */ jsx(
+        AgentListPanel,
+        {
+          consumerId,
+          onSelect,
+          fill: true,
+          ...activeAgentId !== void 0 ? { activeAgentId } : {},
+          showPinnedAgent: Boolean(activeAgentId)
+        }
+      )
+    }
   );
 }
 export {

package/dist/window-panels/windows/agents/AgentRunHistoryWindow.js

@@ -1,6 +1,7 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { ArchivedDisclosure } from "@ai-matrx/design-system";
-import React, {
+import {
   useCallback,
   useEffect,
   useMemo,
@@ -82,16 +83,22 @@ function VersionGroupRow({
   const hasActive = group.conversations.some(
     (c) => c.conversationId === selectedId
   );
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Button, { variant: "quiet", pressed: hasActive, icon: open ? /* @__PURE__ */ React.createElement(ChevronDown, null) : /* @__PURE__ */ React.createElement(ChevronRight, null), onClick: () => setOpen((v) => !v), className: "w-full" }, /* @__PURE__ */ React.createElement("span", { className: "text-[11px] font-semibold text-muted-foreground uppercase tracking-wide flex-1 min-w-0 truncate" }, group.versionNumber ? `Version ${group.versionNumber}` : "Latest"), /* @__PURE__ */ React.createElement("span", { className: "text-[10px] text-muted-foreground/60 shrink-0 ml-1" }, group.conversations.length)), open && /* @__PURE__ */ React.createElement("div", { className: "pl-2" }, group.conversations.map((conv) => /* @__PURE__ */ React.createElement(
-    VersionConversationRow,
-    {
-      key: conv.conversationId,
-      conv,
-      agentId,
-      isActive: conv.conversationId === selectedId,
-      onSelect
-    }
-  ))));
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs(Button, { variant: "quiet", pressed: hasActive, icon: open ? /* @__PURE__ */ jsx(ChevronDown, {}) : /* @__PURE__ */ jsx(ChevronRight, {}), onClick: () => setOpen((v) => !v), className: "w-full", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-[11px] font-semibold text-muted-foreground uppercase tracking-wide flex-1 min-w-0 truncate", children: group.versionNumber ? `Version ${group.versionNumber}` : "Latest" }),
+      /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground/60 shrink-0 ml-1", children: group.conversations.length })
+    ] }),
+    open && /* @__PURE__ */ jsx("div", { className: "pl-2", children: group.conversations.map((conv) => /* @__PURE__ */ jsx(
+      VersionConversationRow,
+      {
+        conv,
+        agentId,
+        isActive: conv.conversationId === selectedId,
+        onSelect
+      },
+      conv.conversationId
+    )) })
+  ] });
 }
 function VersionConversationRow({
   conv,
@@ -102,7 +109,7 @@ function VersionConversationRow({
   const dispatch = useAppDispatch();
   const date = formatDate(conv.updatedAt);
   const href = `/agents/go/${agentId}/run?conversationId=${conv.conversationId}`;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ItemRow,
     {
       sourceFeature: "agent-runner",
@@ -129,7 +136,11 @@ function VersionConversationRow({
           })
         )
       },
-      trailing: /* @__PURE__ */ React.createElement("span", { className: "flex items-center gap-1 text-[10px] text-muted-foreground/70" }, /* @__PURE__ */ React.createElement(MessageSquare, { className: "w-2.5 h-2.5 shrink-0" }), conv.messageCount, date ? ` \xB7 ${date}` : "")
+      trailing: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-[10px] text-muted-foreground/70", children: [
+        /* @__PURE__ */ jsx(MessageSquare, { className: "w-2.5 h-2.5 shrink-0" }),
+        conv.messageCount,
+        date ? ` \xB7 ${date}` : ""
+      ] })
     }
   );
 }
@@ -203,61 +214,79 @@ function RunHistorySidebar({
     versionGroups
   ]);
   useEffect(() => () => onScope(null), [onScope]);
-  return /* @__PURE__ */ React.createElement("div", { className: "h-full min-h-0 flex flex-col" }, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: "px-2 py-1.5 border-b border-border shrink-0",
-      "data-surface-value": "agent_name"
-    },
-    /* @__PURE__ */ React.createElement(
-      AgentListDropdown,
+  return /* @__PURE__ */ jsxs("div", { className: "h-full min-h-0 flex flex-col", children: [
+    /* @__PURE__ */ jsx(
+      "div",
       {
-        onSelect: onAgentSelect,
-        label: agentName?.trim() || subjectLabel?.trim() || "Select agent\u2026",
-        className: "w-full"
+        className: "px-2 py-1.5 border-b border-border shrink-0",
+        "data-surface-value": "agent_name",
+        children: /* @__PURE__ */ jsx(
+          AgentListDropdown,
+          {
+            onSelect: onAgentSelect,
+            label: agentName?.trim() || subjectLabel?.trim() || "Select agent\u2026",
+            className: "w-full"
+          }
+        )
       }
-    )
-  ), agentId && /* @__PURE__ */ React.createElement("div", { className: "px-2 py-1 border-b border-border/50 shrink-0 flex items-center justify-between" }, /* @__PURE__ */ React.createElement("span", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wide" }, "Conversations"), status === "loading" && /* @__PURE__ */ React.createElement(Loader2, { className: "w-3 h-3 animate-spin text-muted-foreground" })), /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: "flex-1 min-h-0 overflow-y-auto",
-      "data-surface-value": "run_history"
-    },
-    !agentId && /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center justify-center py-10 px-3 text-center gap-2" }, /* @__PURE__ */ React.createElement(Clock, { className: "w-6 h-6 text-muted-foreground opacity-25" }), /* @__PURE__ */ React.createElement("p", { className: "text-xs text-muted-foreground" }, "Choose an agent above to see its run history")),
-    agentId && status === "failed" && /* @__PURE__ */ React.createElement("p", { className: "px-3 py-2 text-[10px] text-destructive" }, error ?? "Failed to load", /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, { error })),
-    agentId && status === "succeeded" && conversations.length === 0 && archived.length === 0 && /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center justify-center py-8 px-3 text-center" }, /* @__PURE__ */ React.createElement(History, { className: "w-6 h-6 text-muted-foreground mb-2 opacity-40" }), /* @__PURE__ */ React.createElement("p", { className: "text-xs text-muted-foreground" }, "No conversations yet")),
-    agentId && versionGroups.map((group, i) => /* @__PURE__ */ React.createElement(
-      VersionGroupRow,
+    ),
+    agentId && /* @__PURE__ */ jsxs("div", { className: "px-2 py-1 border-b border-border/50 shrink-0 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wide", children: "Conversations" }),
+      status === "loading" && /* @__PURE__ */ jsx(Loader2, { className: "w-3 h-3 animate-spin text-muted-foreground" })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "div",
       {
-        key: group.versionNumber,
-        group,
-        agentId,
-        selectedId: selectedConversationId,
-        onSelect,
-        defaultOpen: i === 0
+        className: "flex-1 min-h-0 overflow-y-auto",
+        "data-surface-value": "run_history",
+        children: [
+          !agentId && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-10 px-3 text-center gap-2", children: [
+            /* @__PURE__ */ jsx(Clock, { className: "w-6 h-6 text-muted-foreground opacity-25" }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Choose an agent above to see its run history" })
+          ] }),
+          agentId && status === "failed" && /* @__PURE__ */ jsxs("p", { className: "px-3 py-2 text-[10px] text-destructive", children: [
+            error ?? "Failed to load",
+            /* @__PURE__ */ jsx(ErrorAlchemyMenu, { error })
+          ] }),
+          agentId && status === "succeeded" && conversations.length === 0 && archived.length === 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-8 px-3 text-center", children: [
+            /* @__PURE__ */ jsx(History, { className: "w-6 h-6 text-muted-foreground mb-2 opacity-40" }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "No conversations yet" })
+          ] }),
+          agentId && versionGroups.map((group, i) => /* @__PURE__ */ jsx(
+            VersionGroupRow,
+            {
+              group,
+              agentId,
+              selectedId: selectedConversationId,
+              onSelect,
+              defaultOpen: i === 0
+            },
+            group.versionNumber
+          )),
+          agentId && /* @__PURE__ */ jsx(
+            ArchivedDisclosure,
+            {
+              count: archived.length,
+              open: showArchived,
+              onOpenChange: setShowArchived,
+              className: "mx-1 mt-1",
+              children: archivedGroups.map((group) => /* @__PURE__ */ jsx(
+                VersionGroupRow,
+                {
+                  group,
+                  agentId,
+                  selectedId: selectedConversationId,
+                  onSelect,
+                  defaultOpen: false
+                },
+                group.versionNumber
+              ))
+            }
+          )
+        ]
       }
-    )),
-    agentId && /* @__PURE__ */ React.createElement(
-      ArchivedDisclosure,
-      {
-        count: archived.length,
-        open: showArchived,
-        onOpenChange: setShowArchived,
-        className: "mx-1 mt-1"
-      },
-      archivedGroups.map((group) => /* @__PURE__ */ React.createElement(
-        VersionGroupRow,
-        {
-          key: group.versionNumber,
-          group,
-          agentId,
-          selectedId: selectedConversationId,
-          onSelect,
-          defaultOpen: false
-        }
-      ))
     )
-  ));
+  ] });
 }
 function RunHistoryBody({
   agentId,
@@ -267,9 +296,13 @@ function RunHistoryBody({
     (state) => selectedConversationId ? selectConversationTitle(selectedConversationId)(state) : null
   );
   if (!selectedConversationId) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center justify-center h-full text-center px-6 text-muted-foreground" }, /* @__PURE__ */ React.createElement(Workflow, { className: "w-10 h-10 mb-3 opacity-20" }), /* @__PURE__ */ React.createElement("p", { className: "text-sm font-medium" }, "Select a conversation"), /* @__PURE__ */ React.createElement("p", { className: "text-xs opacity-60 mt-1" }, "Choose a run from the sidebar to view the conversation"));
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center h-full text-center px-6 text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Workflow, { className: "w-10 h-10 mb-3 opacity-20" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Select a conversation" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs opacity-60 mt-1", children: "Choose a run from the sidebar to view the conversation" })
+    ] });
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     NonEditableContextMenu,
     {
       sourceFeature: "agent-builder",
@@ -278,16 +311,16 @@ function RunHistoryBody({
         type: "conversation",
         id: selectedConversationId,
         title: runTitle?.trim() || "Run"
-      }
-    },
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: "h-full min-h-0",
-        "data-surface-value": "selected_run_transcript"
       },
-      /* @__PURE__ */ React.createElement(AgentConversationDisplay, { conversationId: selectedConversationId })
-    )
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "h-full min-h-0",
+          "data-surface-value": "selected_run_transcript",
+          children: /* @__PURE__ */ jsx(AgentConversationDisplay, { conversationId: selectedConversationId })
+        }
+      )
+    }
   );
 }
 function AgentRunHistoryWindow({
@@ -298,7 +331,7 @@ function AgentRunHistoryWindow({
   subject
 }) {
   if (!isOpen) return null;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     AgentRunHistoryWindowInner,
     {
       onClose,
@@ -393,48 +426,54 @@ function AgentRunHistoryWindowInner({
      * one out-depths whatever page sits behind the overlay: while the Run
      * History window is open, ITS scope wins.
      */
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ jsx(
       SurfaceRuntimeProvider,
       {
         surfaceName: AGENT_RUN_HISTORY_SURFACE_NAME,
-        getScope: buildSurfaceScope
-      },
-      /* @__PURE__ */ React.createElement(
-        WindowPanel,
-        {
-          id: "agent-run-history-window",
-          closeOnEscape: true,
-          title: windowTitle,
-          onClose,
-          width: 900,
-          height: 640,
-          minWidth: 520,
-          minHeight: 360,
-          overlayId: CHAT_WINDOWS.agentRunHistoryWindow,
-          onCollectData: collectData,
-          sidebar: /* @__PURE__ */ React.createElement(
-            RunHistorySidebar,
-            {
-              agentId,
-              subjectLabel: agentId === initialAgentId ? subject : null,
-              selectedConversationId,
-              onSelect: handleSelect,
-              onAgentSelect: handleAgentSelect,
-              onScope: publishHistory
-            }
-          ),
-          sidebarDefaultSize: 320,
-          sidebarMinSize: 160,
-          defaultSidebarOpen: true
-        },
-        agentId ? /* @__PURE__ */ React.createElement(
-          RunHistoryBody,
+        getScope: buildSurfaceScope,
+        children: /* @__PURE__ */ jsx(
+          WindowPanel,
           {
-            agentId,
-            selectedConversationId
+            id: "agent-run-history-window",
+            closeOnEscape: true,
+            title: windowTitle,
+            onClose,
+            width: 900,
+            height: 640,
+            minWidth: 520,
+            minHeight: 360,
+            overlayId: CHAT_WINDOWS.agentRunHistoryWindow,
+            onCollectData: collectData,
+            sidebar: /* @__PURE__ */ jsx(
+              RunHistorySidebar,
+              {
+                agentId,
+                subjectLabel: agentId === initialAgentId ? subject : null,
+                selectedConversationId,
+                onSelect: handleSelect,
+                onAgentSelect: handleAgentSelect,
+                onScope: publishHistory
+              }
+            ),
+            sidebarDefaultSize: 320,
+            sidebarMinSize: 160,
+            defaultSidebarOpen: true,
+            children: agentId ? /* @__PURE__ */ jsx(
+              RunHistoryBody,
+              {
+                agentId,
+                selectedConversationId
+              }
+            ) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center h-full gap-3 px-6 text-center text-muted-foreground", children: [
+              /* @__PURE__ */ jsx(Workflow, { className: "w-12 h-12 opacity-15" }),
+              /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: "No agent selected" }),
+                /* @__PURE__ */ jsx("p", { className: "text-xs opacity-60", children: "Pick an agent in the sidebar." })
+              ] })
+            ] })
           }
-        ) : /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center justify-center h-full gap-3 px-6 text-center text-muted-foreground" }, /* @__PURE__ */ React.createElement(Workflow, { className: "w-12 h-12 opacity-15" }), /* @__PURE__ */ React.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm font-medium text-foreground" }, "No agent selected"), /* @__PURE__ */ React.createElement("p", { className: "text-xs opacity-60" }, "Pick an agent in the sidebar.")))
-      )
+        )
+      }
     )
   );
 }