@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/action-requests/components/ActionRequestInlineAnswer.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckCircle2 } from "lucide-react";
 import {
   ActionRequestAnswerForm,
@@ -16,9 +17,15 @@ function ActionRequestInlineAnswer({
     () => onAnswered?.()
   );
   if (done) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex items-start gap-2 p-4" }, /* @__PURE__ */ React.createElement(CheckCircle2, { className: "mt-0.5 size-4 shrink-0 text-green-600 dark:text-green-400" }), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm font-medium" }, done.message), done.next ? /* @__PURE__ */ React.createElement("p", { className: "text-sm text-muted-foreground" }, done.next) : null));
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 p-4", children: [
+      /* @__PURE__ */ jsx(CheckCircle2, { className: "mt-0.5 size-4 shrink-0 text-green-600 dark:text-green-400" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: done.message }),
+        done.next ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: done.next }) : null
+      ] })
+    ] });
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ActionRequestAnswerForm,
     {
       render: request.render,

package/dist/action-requests/components/ParkedOnPersonCard.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
 import { HandHelping } from "lucide-react";
 import { Button } from "@ai-matrx/design-system/controls";
@@ -49,15 +50,27 @@ function ParkedOnPersonCard({
     return () => document.removeEventListener("visibilitychange", onVisible);
   }, [openId, conversationId, dispatch]);
   if (lookup.phase === "open") {
-    return /* @__PURE__ */ React.createElement("div", { "data-parked-ask": "", className: "rounded-md border border-border bg-card" }, /* @__PURE__ */ React.createElement("p", { className: "flex items-center gap-2 px-4 pt-4 text-sm font-medium" }, /* @__PURE__ */ React.createElement(HandHelping, { className: "size-4 shrink-0 text-amber-600 dark:text-amber-400" }), lookup.request.render.title), /* @__PURE__ */ React.createElement(ActionRequestInlineAnswer, { request: lookup.request, onAnswered: reread }));
+    return /* @__PURE__ */ jsxs("div", { "data-parked-ask": "", className: "rounded-md border border-border bg-card", children: [
+      /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-2 px-4 pt-4 text-sm font-medium", children: [
+        /* @__PURE__ */ jsx(HandHelping, { className: "size-4 shrink-0 text-amber-600 dark:text-amber-400" }),
+        lookup.request.render.title
+      ] }),
+      /* @__PURE__ */ jsx(ActionRequestInlineAnswer, { request: lookup.request, onAnswered: reread })
+    ] });
   }
   if (lookup.phase === "unreachable") {
-    return /* @__PURE__ */ React.createElement("div", { "data-parked-ask": "", className: "flex items-center justify-between gap-3 p-4" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm text-muted-foreground" }, "This call is waiting for you, and we could not load what it needs just now. Nothing was lost \u2014 try again.", /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, null)), /* @__PURE__ */ React.createElement(Button, { variant: "outline", onClick: lookup.retry }, "Try again"));
+    return /* @__PURE__ */ jsxs("div", { "data-parked-ask": "", className: "flex items-center justify-between gap-3 p-4", children: [
+      /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+        "This call is waiting for you, and we could not load what it needs just now. Nothing was lost \u2014 try again.",
+        /* @__PURE__ */ jsx(ErrorAlchemyMenu, {})
+      ] }),
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: lookup.retry, children: "Try again" })
+    ] });
   }
   if (closed) {
-    return /* @__PURE__ */ React.createElement("p", { className: "p-4 text-sm text-muted-foreground" }, "This ask has been answered. Your agent is picking the work back up.");
+    return /* @__PURE__ */ jsx("p", { className: "p-4 text-sm text-muted-foreground", children: "This ask has been answered. Your agent is picking the work back up." });
   }
-  return /* @__PURE__ */ React.createElement("p", { "data-parked-ask": "", className: "p-4 text-sm text-muted-foreground" }, "Getting what your agent needs from you\u2026");
+  return /* @__PURE__ */ jsx("p", { "data-parked-ask": "", className: "p-4 text-sm text-muted-foreground", children: "Getting what your agent needs from you\u2026" });
 }
 export {
   ParkedOnPersonCard

package/dist/action-requests/hooks/useToolAction.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { CheckCircle2 } from "lucide-react";
 import {
@@ -112,7 +113,7 @@ function useToolAction(toolName) {
     },
     [execute, toolName]
   );
-  const approvalDialog = asking ? /* @__PURE__ */ React.createElement(
+  const approvalDialog = asking ? /* @__PURE__ */ jsx(
     ToolActionApprovalDialog,
     {
       approval: asking,
@@ -156,7 +157,7 @@ function ToolActionApprovalDialog({
   );
   const render = approval.render;
   if (!render) return null;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Dialog,
     {
       open: true,
@@ -164,19 +165,28 @@ function ToolActionApprovalDialog({
         if (open || busy) return;
         void declineQuietly(approval);
         onSettled({ spendApprovalId: null, declined: false });
-      }
-    },
-    /* @__PURE__ */ React.createElement(DialogContent, { className: "max-w-md" }, /* @__PURE__ */ React.createElement(DialogHeader, null, /* @__PURE__ */ React.createElement(DialogTitle, null, render.title), approval.what_it_buys ? /* @__PURE__ */ React.createElement(DialogDescription, null, approval.what_it_buys) : null), done ? /* @__PURE__ */ React.createElement("div", { className: "flex items-start gap-2 p-4" }, /* @__PURE__ */ React.createElement(CheckCircle2, { className: "mt-0.5 size-4 shrink-0 text-green-600 dark:text-green-400" }), /* @__PURE__ */ React.createElement("p", { className: "text-sm font-medium" }, done.message)) : /* @__PURE__ */ React.createElement(
-      ActionRequestAnswerForm,
-      {
-        render,
-        askKey: approval.action_request_id,
-        busy,
-        refusal,
-        onSubmit: submit,
-        layout: "card"
-      }
-    ))
+      },
+      children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-md", children: [
+        /* @__PURE__ */ jsxs(DialogHeader, { children: [
+          /* @__PURE__ */ jsx(DialogTitle, { children: render.title }),
+          approval.what_it_buys ? /* @__PURE__ */ jsx(DialogDescription, { children: approval.what_it_buys }) : null
+        ] }),
+        done ? /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 p-4", children: [
+          /* @__PURE__ */ jsx(CheckCircle2, { className: "mt-0.5 size-4 shrink-0 text-green-600 dark:text-green-400" }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: done.message })
+        ] }) : /* @__PURE__ */ jsx(
+          ActionRequestAnswerForm,
+          {
+            render,
+            askKey: approval.action_request_id,
+            busy,
+            refusal,
+            onSubmit: submit,
+            layout: "card"
+          }
+        )
+      ] })
+    }
   );
 }
 export {

package/dist/agent-copy/AlchemySurfaceBridge.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useEffect, useId, useRef } from "react";
 import {
   createSurfaceTransferHandle
@@ -39,7 +40,7 @@ function AlchemySurfaceBridge({
   children
 }) {
   const handle = useAlchemySurfaceHandle(surfaceName, getScope);
-  return /* @__PURE__ */ React.createElement(ContentTransferSurfaceProvider, { handle }, children);
+  return /* @__PURE__ */ jsx(ContentTransferSurfaceProvider, { handle, children });
 }
 export {
   AlchemySurfaceBridge,

package/dist/agent-copy/RichCopySplit.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { ContentActions } from "@ai-matrx/rich-content/copy/ContentActions";
 import { copyRichContent } from "@ai-matrx/rich-content/copy/copy-commands";
@@ -14,21 +15,25 @@ function RichCopySplit(props) {
   );
   const splitSize = size === "xs" || size === "icon" ? "xs" : "sm";
   const exportKey = useExportPaletteKey();
-  return /* @__PURE__ */ React.createElement("span", { className: cn("inline-flex shrink-0 items-center", className) }, /* @__PURE__ */ React.createElement(
-    ContentActions,
-    {
-      content: () => {
-        const value = typeof human === "function" ? human() : human;
-        return typeof value === "string" ? value : String(value ?? "");
-      },
-      copy,
-      size: splitSize,
-      label: `Copy ${props.label ?? ""}`.trim(),
-      title: props.exportTitle ?? props.label,
-      viewKey: props.viewKey,
-      onTransform: () => void openExportPalette(exportKey)
-    }
-  ), /* @__PURE__ */ React.createElement(ExportPaletteAnchor, { exportKey, controllerRef: palette }), /* @__PURE__ */ React.createElement(CopyButtons, { ...props, className: void 0, contentFlavor: "markdown", richCopyFlavors: [], triggerHidden: true, controllerRef: palette }));
+  return /* @__PURE__ */ jsxs("span", { className: cn("inline-flex shrink-0 items-center", className), children: [
+    /* @__PURE__ */ jsx(
+      ContentActions,
+      {
+        content: () => {
+          const value = typeof human === "function" ? human() : human;
+          return typeof value === "string" ? value : String(value ?? "");
+        },
+        copy,
+        size: splitSize,
+        label: `Copy ${props.label ?? ""}`.trim(),
+        title: props.exportTitle ?? props.label,
+        viewKey: props.viewKey,
+        onTransform: () => void openExportPalette(exportKey)
+      }
+    ),
+    /* @__PURE__ */ jsx(ExportPaletteAnchor, { exportKey, controllerRef: palette }),
+    /* @__PURE__ */ jsx(CopyButtons, { ...props, className: void 0, contentFlavor: "markdown", richCopyFlavors: [], triggerHidden: true, controllerRef: palette })
+  ] });
 }
 export {
   RichCopySplit

package/dist/agents/coding-session-reply/CodingReplyNotice.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertTriangle, Info, Loader2 } from "lucide-react";
 import { ErrorAlchemyMenu } from "../../host/ui-slots.js";
 import { replyDoorErrorSentence, replyDoorView } from "./reply-door.js";
@@ -11,24 +11,49 @@ function CodingReplyNotice({
   const warn = "flex items-start gap-2 text-xs text-amber-700 dark:text-amber-300";
   let line = null;
   if (state.status === "loading") {
-    line = /* @__PURE__ */ React.createElement("p", { className: "flex items-center gap-2 text-xs text-muted-foreground", "data-testid": "reply-door-checking" }, /* @__PURE__ */ React.createElement(Loader2, { className: "h-3.5 w-3.5 shrink-0 animate-spin" }), /* @__PURE__ */ React.createElement("span", null, "Checking who answers here\u2026"));
+    line = /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-2 text-xs text-muted-foreground", "data-testid": "reply-door-checking", children: [
+      /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 shrink-0 animate-spin" }),
+      /* @__PURE__ */ jsx("span", { children: "Checking who answers here\u2026" })
+    ] });
   } else if (state.status === "error") {
-    line = /* @__PURE__ */ React.createElement("p", { className: warn, "data-testid": "reply-door-error" }, /* @__PURE__ */ React.createElement(AlertTriangle, { className: "mt-0.5 h-3.5 w-3.5 shrink-0" }), /* @__PURE__ */ React.createElement("span", null, replyDoorErrorSentence(state.error), " ", /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, { error: state.error })));
+    line = /* @__PURE__ */ jsxs("p", { className: warn, "data-testid": "reply-door-error", children: [
+      /* @__PURE__ */ jsx(AlertTriangle, { className: "mt-0.5 h-3.5 w-3.5 shrink-0" }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        replyDoorErrorSentence(state.error),
+        " ",
+        /* @__PURE__ */ jsx(ErrorAlchemyMenu, { error: state.error })
+      ] })
+    ] });
   } else if (door.label) {
-    line = /* @__PURE__ */ React.createElement("p", { id: labelId, className: warn, "data-testid": "reply-door-label" }, /* @__PURE__ */ React.createElement(AlertTriangle, { className: "mt-0.5 h-3.5 w-3.5 shrink-0" }), /* @__PURE__ */ React.createElement("span", null, door.label));
+    line = /* @__PURE__ */ jsxs("p", { id: labelId, className: warn, "data-testid": "reply-door-label", children: [
+      /* @__PURE__ */ jsx(AlertTriangle, { className: "mt-0.5 h-3.5 w-3.5 shrink-0" }),
+      /* @__PURE__ */ jsx("span", { children: door.label })
+    ] });
   } else if (door.refusalSentence) {
-    line = /* @__PURE__ */ React.createElement("p", { id: labelId, className: warn, "data-testid": "reply-door-label" }, /* @__PURE__ */ React.createElement(AlertTriangle, { className: "mt-0.5 h-3.5 w-3.5 shrink-0" }), /* @__PURE__ */ React.createElement("span", null, door.refusalSentence, " ", /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, { error: door.refusalSentence })));
+    line = /* @__PURE__ */ jsxs("p", { id: labelId, className: warn, "data-testid": "reply-door-label", children: [
+      /* @__PURE__ */ jsx(AlertTriangle, { className: "mt-0.5 h-3.5 w-3.5 shrink-0" }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        door.refusalSentence,
+        " ",
+        /* @__PURE__ */ jsx(ErrorAlchemyMenu, { error: door.refusalSentence })
+      ] })
+    ] });
   }
   if (!line && !door.standInNotice) return null;
-  return /* @__PURE__ */ React.createElement("div", { className, "data-testid": "coding-reply-notice" }, line, door.standInNotice ? /* @__PURE__ */ React.createElement(
-    "p",
-    {
-      className: "mt-1 flex items-start gap-2 text-[11px] leading-relaxed text-muted-foreground",
-      "data-testid": "reply-door-stand-in"
-    },
-    /* @__PURE__ */ React.createElement(Info, { className: "mt-0.5 h-3 w-3 shrink-0" }),
-    /* @__PURE__ */ React.createElement("span", null, door.standInNotice)
-  ) : null);
+  return /* @__PURE__ */ jsxs("div", { className, "data-testid": "coding-reply-notice", children: [
+    line,
+    door.standInNotice ? /* @__PURE__ */ jsxs(
+      "p",
+      {
+        className: "mt-1 flex items-start gap-2 text-[11px] leading-relaxed text-muted-foreground",
+        "data-testid": "reply-door-stand-in",
+        children: [
+          /* @__PURE__ */ jsx(Info, { className: "mt-0.5 h-3 w-3 shrink-0" }),
+          /* @__PURE__ */ jsx("span", { children: door.standInNotice })
+        ]
+      }
+    ) : null
+  ] });
 }
 export {
   CodingReplyNotice

package/dist/agents/components/AutoSubmitForm.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
 function AutoSubmitForm({ action }) {
   const submitted = useRef(false);
@@ -8,7 +9,7 @@ function AutoSubmitForm({ action }) {
     const form = document.getElementById("auto-submit");
     form?.requestSubmit();
   }, []);
-  return /* @__PURE__ */ React.createElement("form", { id: "auto-submit", action, className: "hidden" });
+  return /* @__PURE__ */ jsx("form", { id: "auto-submit", action, className: "hidden" });
 }
 export {
   AutoSubmitForm

package/dist/agents/components/agent-widgets/AgentChatBubble.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { useAppSelector } from "../../../store/hooks.js";
 import { selectIsExecuting } from "../../redux/execution-system/selectors/aggregate.selectors.js";
@@ -12,43 +13,54 @@ function AgentChatBubble({
   const [expanded, setExpanded] = useState(true);
   const isExecuting = useAppSelector(selectIsExecuting(conversationId));
   if (!expanded) {
-    return /* @__PURE__ */ React.createElement("div", { className: "fixed bottom-4 right-4 z-50" }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx("div", { className: "fixed bottom-4 right-4 z-50", children: /* @__PURE__ */ jsxs(
       Button,
       {
         size: "icon",
         className: "h-12 w-12 rounded-full shadow-lg",
-        onClick: () => setExpanded(true)
-      },
-      /* @__PURE__ */ React.createElement(MessageSquare, { className: "w-5 h-5" }),
-      isExecuting && /* @__PURE__ */ React.createElement("span", { className: "absolute -top-1 -right-1 w-3 h-3 bg-primary rounded-full animate-pulse" })
-    ));
+        onClick: () => setExpanded(true),
+        children: [
+          /* @__PURE__ */ jsx(MessageSquare, { className: "w-5 h-5" }),
+          isExecuting && /* @__PURE__ */ jsx("span", { className: "absolute -top-1 -right-1 w-3 h-3 bg-primary rounded-full animate-pulse" })
+        ]
+      }
+    ) });
   }
-  return /* @__PURE__ */ React.createElement("div", { className: "fixed bottom-4 right-4 z-50 w-[min(24rem,calc(100vw-2rem))] h-[min(500px,calc(100dvh-2rem))] bg-card border border-border rounded-xl shadow-2xl flex flex-col overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between px-3 py-2 border-b border-border shrink-0 bg-muted/30" }, /* @__PURE__ */ React.createElement("span", { className: "text-xs font-medium" }, "Agent Chat"), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "ghost",
-      size: "icon",
-      className: "h-6 w-6",
-      onClick: () => setExpanded(false)
-    },
-    /* @__PURE__ */ React.createElement(Minimize2, { className: "w-3 h-3" })
-  ), /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "ghost",
-      size: "icon",
-      className: "h-6 w-6",
-      onClick: onClose
-    },
-    /* @__PURE__ */ React.createElement(X, { className: "w-3 h-3" })
-  ))), /* @__PURE__ */ React.createElement(
-    AgentRunner,
-    {
-      conversationId,
-      compact: true,
-      className: "flex-1 min-h-0"
-    }
-  ));
+  return /* @__PURE__ */ jsxs("div", { className: "fixed bottom-4 right-4 z-50 w-[min(24rem,calc(100vw-2rem))] h-[min(500px,calc(100dvh-2rem))] bg-card border border-border rounded-xl shadow-2xl flex flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-3 py-2 border-b border-border shrink-0 bg-muted/30", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-xs font-medium", children: "Agent Chat" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "h-6 w-6",
+            onClick: () => setExpanded(false),
+            children: /* @__PURE__ */ jsx(Minimize2, { className: "w-3 h-3" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "h-6 w-6",
+            onClick: onClose,
+            children: /* @__PURE__ */ jsx(X, { className: "w-3 h-3" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      AgentRunner,
+      {
+        conversationId,
+        compact: true,
+        className: "flex-1 min-h-0"
+      }
+    )
+  ] });
 }
 export {
   AgentChatBubble

package/dist/agents/components/agent-widgets/AgentChatHistorySidebar.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { ArchivedDisclosure } from "@ai-matrx/design-system";
 import { useAppDispatch, useAppSelector } from "../../../store/hooks.js";
@@ -33,32 +34,50 @@ function AgentChatHistorySidebar({
       dispatch(fetchAgentConversations({ agentId, versionFilter: null }));
     }
   }, [agentId, status, dispatch]);
-  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col h-full" }, /* @__PURE__ */ React.createElement("div", { className: "px-3 py-2 border-b border-border/50 shrink-0" }, /* @__PURE__ */ React.createElement("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide" }, "History")), /* @__PURE__ */ React.createElement(ScrollArea, { className: "flex-1" }, /* @__PURE__ */ React.createElement("div", { className: "py-1" }, status === "loading" && /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center py-8" }, /* @__PURE__ */ React.createElement(Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" })), status === "failed" && /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center gap-2 py-8 px-3 text-center" }, /* @__PURE__ */ React.createElement(AlertCircle, { className: "h-4 w-4 text-destructive" }), /* @__PURE__ */ React.createElement("span", { className: "text-xs text-muted-foreground" }, error ?? "Failed to load", /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, { error }))), (status === "succeeded" || status === "idle") && conversations.length === 0 && archived.length === 0 && /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center gap-2 py-8 px-3 text-center" }, /* @__PURE__ */ React.createElement(MessageSquare, { className: "h-4 w-4 text-muted-foreground/50" }), /* @__PURE__ */ React.createElement("span", { className: "text-xs text-muted-foreground" }, "No conversations yet")), agentId && conversations.map((conv) => /* @__PURE__ */ React.createElement(
-    ConversationRow,
-    {
-      key: conv.conversationId,
-      conv,
-      agentId,
-      dispatch
-    }
-  )), agentId && /* @__PURE__ */ React.createElement(
-    ArchivedDisclosure,
-    {
-      count: archived.length,
-      open: showArchived,
-      onOpenChange: setShowArchived,
-      className: "mx-1 mt-1"
-    },
-    archived.map((conv) => /* @__PURE__ */ React.createElement(
-      ConversationRow,
-      {
-        key: conv.conversationId,
-        conv,
-        agentId,
-        dispatch
-      }
-    ))
-  ))));
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ jsx("div", { className: "px-3 py-2 border-b border-border/50 shrink-0", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: "History" }) }),
+    /* @__PURE__ */ jsx(ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsxs("div", { className: "py-1", children: [
+      status === "loading" && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" }) }),
+      status === "failed" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2 py-8 px-3 text-center", children: [
+        /* @__PURE__ */ jsx(AlertCircle, { className: "h-4 w-4 text-destructive" }),
+        /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+          error ?? "Failed to load",
+          /* @__PURE__ */ jsx(ErrorAlchemyMenu, { error })
+        ] })
+      ] }),
+      (status === "succeeded" || status === "idle") && conversations.length === 0 && archived.length === 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2 py-8 px-3 text-center", children: [
+        /* @__PURE__ */ jsx(MessageSquare, { className: "h-4 w-4 text-muted-foreground/50" }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "No conversations yet" })
+      ] }),
+      agentId && conversations.map((conv) => /* @__PURE__ */ jsx(
+        ConversationRow,
+        {
+          conv,
+          agentId,
+          dispatch
+        },
+        conv.conversationId
+      )),
+      agentId && /* @__PURE__ */ jsx(
+        ArchivedDisclosure,
+        {
+          count: archived.length,
+          open: showArchived,
+          onOpenChange: setShowArchived,
+          className: "mx-1 mt-1",
+          children: archived.map((conv) => /* @__PURE__ */ jsx(
+            ConversationRow,
+            {
+              conv,
+              agentId,
+              dispatch
+            },
+            conv.conversationId
+          ))
+        }
+      )
+    ] }) })
+  ] });
 }
 function ConversationRow({
   conv,
@@ -71,7 +90,7 @@ function ConversationRow({
   }) : null;
   const href = `/agents/go/${agentId}/run?conversationId=${conv.conversationId}`;
   const secondary = [`${conv.messageCount} msg`, date].filter(Boolean).join(" \xB7 ");
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ItemRow,
     {
       sourceFeature: "conversation",

package/dist/agents/components/agent-widgets/AgentCompactModal.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useAppSelector } from "../../../store/hooks.js";
 import { selectInstanceDisplayTitle } from "../../redux/execution-system/instance-ui-state/instance-ui-state.selectors.js";
 import { Dialog, DialogContent } from "@ai-matrx/design-system";
@@ -14,7 +15,7 @@ function AgentCompactModal({
     selectHasUnsentComposerDraft(conversationId)
   );
   useAgentShellAddress(conversationId, "modal-compact");
-  return /* @__PURE__ */ React.createElement(Dialog, { open: true, onOpenChange: (open) => !open && onClose() }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(Dialog, { open: true, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(
     DialogContent,
     {
       className: "max-w-md h-[50dvh] max-h-[70dvh] flex flex-col p-0 gap-0",
@@ -23,18 +24,20 @@ function AgentCompactModal({
       },
       onInteractOutside: (e) => {
         if (hasUnsentDraft) e.preventDefault();
-      }
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between px-4 py-2 border-b border-border shrink-0" }, /* @__PURE__ */ React.createElement("span", { className: "text-sm font-medium text-foreground truncate" }, title ?? "Agent")),
-    /* @__PURE__ */ React.createElement(
-      AgentRunner,
-      {
-        conversationId,
-        compact: true,
-        className: "flex-1 min-h-0 bg-background"
-      }
-    )
-  ));
+      },
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-4 py-2 border-b border-border shrink-0", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground truncate", children: title ?? "Agent" }) }),
+        /* @__PURE__ */ jsx(
+          AgentRunner,
+          {
+            conversationId,
+            compact: true,
+            className: "flex-1 min-h-0 bg-background"
+          }
+        )
+      ]
+    }
+  ) });
 }
 export {
   AgentCompactModal

package/dist/agents/components/agent-widgets/AgentFlexiblePanel.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useAppSelector } from "../../../store/hooks.js";
 import { selectInstanceDisplayTitle } from "../../redux/execution-system/instance-ui-state/instance-ui-state.selectors.js";
 import { WindowPanel } from "../../../host/ui-slots.js";
@@ -16,7 +17,7 @@ function AgentFlexiblePanel({
   const surfaceName = useAppSelector(
     (state) => state.conversations.byConversationId[conversationId]?.surfaceName ?? null
   );
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     WindowPanel,
     {
       id: instanceId,
@@ -31,15 +32,15 @@ function AgentFlexiblePanel({
       bodyClassName: "p-0",
       urlSyncKey: "agent",
       urlSyncId: conversationId,
-      urlSyncArgs: agentPanelUrlArgs("flexible-panel", surfaceName)
-    },
-    /* @__PURE__ */ React.createElement(
-      AgentRunner,
-      {
-        conversationId,
-        className: "h-full bg-background"
-      }
-    )
+      urlSyncArgs: agentPanelUrlArgs("flexible-panel", surfaceName),
+      children: /* @__PURE__ */ jsx(
+        AgentRunner,
+        {
+          conversationId,
+          className: "h-full bg-background"
+        }
+      )
+    }
   );
 }
 export {

package/dist/agents/components/agent-widgets/AgentFloatingChat.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useAppSelector } from "../../../store/hooks.js";
 import { selectInstanceDisplayTitle } from "../../redux/execution-system/instance-ui-state/instance-ui-state.selectors.js";
 import { WindowPanel } from "../../../host/ui-slots.js";
@@ -17,7 +18,7 @@ function AgentFloatingChat({
   const surfaceName = useAppSelector(
     (state) => state.conversations.byConversationId[conversationId]?.surfaceName ?? null
   );
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     WindowPanel,
     {
       id: instanceId,
@@ -33,13 +34,13 @@ function AgentFloatingChat({
       urlSyncKey: "agent",
       urlSyncId: conversationId,
       urlSyncArgs: agentPanelUrlArgs("fc", surfaceName),
-      sidebar: /* @__PURE__ */ React.createElement(AgentChatHistorySidebar, { conversationId }),
+      sidebar: /* @__PURE__ */ jsx(AgentChatHistorySidebar, { conversationId }),
       sidebarDefaultSize: 250,
       sidebarMinSize: 150,
       defaultSidebarOpen: false,
-      sidebarExpandsWindow: true
-    },
-    /* @__PURE__ */ React.createElement(AgentRunner, { conversationId, compact: true, className: "h-full" })
+      sidebarExpandsWindow: true,
+      children: /* @__PURE__ */ jsx(AgentRunner, { conversationId, compact: true, className: "h-full" })
+    }
   );
 }
 export {