@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/agents/components/agent-widgets/chat-assistant/CompactAssistantInput.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useRef, useEffect } from "react";
 import { formatDurationSeconds } from "@ai-matrx/kit/format";
 import { useAppDispatch, useAppSelector } from "../../../../store/hooks.js";
@@ -116,81 +117,98 @@ ${result.text}` : result.text;
   };
   const handlePasteImage = usePasteImageResource(conversationId);
   useClipboardPaste({ textareaRef, onPasteImage: handlePasteImage });
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     SmartInputFileDropTarget,
     {
       conversationId,
-      className: "shrink-0 border-t border-border/40 bg-muted/10"
-    },
-    /* @__PURE__ */ React.createElement(InboxQueueStrip, { conversationId }),
-    /* @__PURE__ */ React.createElement(SmartAgentResourceChips, { conversationId }),
-    /* @__PURE__ */ React.createElement(AttachedDocumentChips, { conversationId }),
-    /* @__PURE__ */ React.createElement("div", { className: "px-2 pt-1" }, /* @__PURE__ */ React.createElement(
-      "textarea",
-      {
-        ref: textareaRef,
-        value: visibleText,
-        onChange: (e) => dispatch(setUserInputText({ conversationId, text: e.target.value })),
-        onKeyDown: handleKeyDown,
-        placeholder: "Ask anything...",
-        className: "w-full bg-transparent border-none outline-none text-xs text-foreground placeholder:text-muted-foreground/50 resize-none overflow-y-auto scrollbar-hide disabled:opacity-60",
-        style: { minHeight: 20, maxHeight: 100, fontSize: "16px" },
-        rows: 1
-      }
-    )),
-    /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between px-1.5 pb-1.5" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-0" }, isTranscribing && !isRecording ? /* @__PURE__ */ React.createElement("div", { className: "px-1" }, /* @__PURE__ */ React.createElement(
-      TranscriptionLoader,
-      {
-        message: "Transcribing",
-        duration,
-        size: "sm"
-      }
-    )) : isRecording ? /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1 bg-blue-50 dark:bg-blue-900/20 rounded px-1.5 py-0.5 animate-pulse" }, /* @__PURE__ */ React.createElement("div", { className: "w-1.5 h-1.5 rounded-full bg-red-500 animate-pulse" }), /* @__PURE__ */ React.createElement("span", { className: "text-[10px] font-medium text-blue-700 dark:text-blue-300" }, formatDurationSeconds(duration, { style: "clock" })), /* @__PURE__ */ React.createElement(Button, { variant: "quiet", onClick: stopRecording }, "Stop")) : /* @__PURE__ */ React.createElement(React.Fragment, null, hasVariables && /* @__PURE__ */ React.createElement(
-      ToolbarButton,
-      {
-        icon: Braces,
-        tooltip: "Toggle variables",
-        onClick: () => dispatch(toggleVariablePanel(conversationId))
-      }
-    ), /* @__PURE__ */ React.createElement(
-      ToolbarButton,
-      {
-        icon: Mic,
-        tooltip: "Record voice",
-        onClick: handleMicClick
-      }
-    ), /* @__PURE__ */ React.createElement(SmartAgentResourcePickerButton, { conversationId }))), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-0" }, touchOnly ? null : /* @__PURE__ */ React.createElement(
-      ToolbarButton,
-      {
-        icon: CornerDownLeft,
-        tooltip: submitOnEnter ? "Enter submits (click to disable)" : "Enter adds newline (click to enable)",
-        onClick: () => dispatch(
-          setSubmitOnEnter({ conversationId, value: !submitOnEnter })
-        ),
-        active: submitOnEnter
-      }
-    ), isExecuting && /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        icon: /* @__PURE__ */ React.createElement(CircleStop, null),
-        "aria-label": "Stop the run (everything streamed so far is kept)",
-        variant: "primary",
-        className: "shrink-0 ml-0.5",
-        onClick: () => dispatch(cancelExecution(conversationId)),
-        title: "Stop the run (everything streamed so far is kept)"
-      }
-    ), /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        icon: /* @__PURE__ */ React.createElement(ArrowUp, null),
-        "aria-label": isExecuting ? "Queue message \u2014 sends when the agent finishes" : voiceBusy ? "Finish recording to send" : !allResourcesResolved ? "Wait for attachments to finish uploading" : "Send",
-        variant: "primary",
-        className: "shrink-0 ml-0.5",
-        disabled: isSendDisabled,
-        onClick: handleSend,
-        title: isExecuting ? "Queue message \u2014 sends when the agent finishes" : voiceBusy ? "Finish recording to send" : !allResourcesResolved ? "Wait for attachments to finish uploading" : "Send"
-      }
-    )))
+      className: "shrink-0 border-t border-border/40 bg-muted/10",
+      children: [
+        /* @__PURE__ */ jsx(InboxQueueStrip, { conversationId }),
+        /* @__PURE__ */ jsx(SmartAgentResourceChips, { conversationId }),
+        /* @__PURE__ */ jsx(AttachedDocumentChips, { conversationId }),
+        /* @__PURE__ */ jsx("div", { className: "px-2 pt-1", children: /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            ref: textareaRef,
+            value: visibleText,
+            onChange: (e) => dispatch(setUserInputText({ conversationId, text: e.target.value })),
+            onKeyDown: handleKeyDown,
+            placeholder: "Ask anything...",
+            className: "w-full bg-transparent border-none outline-none text-xs text-foreground placeholder:text-muted-foreground/50 resize-none overflow-y-auto scrollbar-hide disabled:opacity-60",
+            style: { minHeight: 20, maxHeight: 100, fontSize: "16px" },
+            rows: 1
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-1.5 pb-1.5", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-0", children: isTranscribing && !isRecording ? /* @__PURE__ */ jsx("div", { className: "px-1", children: /* @__PURE__ */ jsx(
+            TranscriptionLoader,
+            {
+              message: "Transcribing",
+              duration,
+              size: "sm"
+            }
+          ) }) : isRecording ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 bg-blue-50 dark:bg-blue-900/20 rounded px-1.5 py-0.5 animate-pulse", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 rounded-full bg-red-500 animate-pulse" }),
+            /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium text-blue-700 dark:text-blue-300", children: formatDurationSeconds(duration, { style: "clock" }) }),
+            /* @__PURE__ */ jsx(Button, { variant: "quiet", onClick: stopRecording, children: "Stop" })
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            hasVariables && /* @__PURE__ */ jsx(
+              ToolbarButton,
+              {
+                icon: Braces,
+                tooltip: "Toggle variables",
+                onClick: () => dispatch(toggleVariablePanel(conversationId))
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ToolbarButton,
+              {
+                icon: Mic,
+                tooltip: "Record voice",
+                onClick: handleMicClick
+              }
+            ),
+            /* @__PURE__ */ jsx(SmartAgentResourcePickerButton, { conversationId })
+          ] }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0", children: [
+            touchOnly ? null : /* @__PURE__ */ jsx(
+              ToolbarButton,
+              {
+                icon: CornerDownLeft,
+                tooltip: submitOnEnter ? "Enter submits (click to disable)" : "Enter adds newline (click to enable)",
+                onClick: () => dispatch(
+                  setSubmitOnEnter({ conversationId, value: !submitOnEnter })
+                ),
+                active: submitOnEnter
+              }
+            ),
+            isExecuting && /* @__PURE__ */ jsx(
+              Button,
+              {
+                icon: /* @__PURE__ */ jsx(CircleStop, {}),
+                "aria-label": "Stop the run (everything streamed so far is kept)",
+                variant: "primary",
+                className: "shrink-0 ml-0.5",
+                onClick: () => dispatch(cancelExecution(conversationId)),
+                title: "Stop the run (everything streamed so far is kept)"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                icon: /* @__PURE__ */ jsx(ArrowUp, {}),
+                "aria-label": isExecuting ? "Queue message \u2014 sends when the agent finishes" : voiceBusy ? "Finish recording to send" : !allResourcesResolved ? "Wait for attachments to finish uploading" : "Send",
+                variant: "primary",
+                className: "shrink-0 ml-0.5",
+                disabled: isSendDisabled,
+                onClick: handleSend,
+                title: isExecuting ? "Queue message \u2014 sends when the agent finishes" : voiceBusy ? "Finish recording to send" : !allResourcesResolved ? "Wait for attachments to finish uploading" : "Send"
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
   );
 }
 function ToolbarButton({
@@ -199,7 +217,7 @@ function ToolbarButton({
   onClick,
   active = false
 }) {
-  return /* @__PURE__ */ React.createElement(Button, { variant: "quiet", pressed: !!active, icon: /* @__PURE__ */ React.createElement(Icon, null), onClick, title: tooltip, "aria-label": tooltip });
+  return /* @__PURE__ */ jsx(Button, { variant: "quiet", pressed: !!active, icon: /* @__PURE__ */ jsx(Icon, {}), onClick, title: tooltip, "aria-label": tooltip });
 }
 export {
   CompactAssistantInput

package/dist/agents/components/agent-widgets/chat-assistant/StatusCard.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Loader2 } from "lucide-react";
 const PHASE_LABELS = {
   connecting: "Connecting...",
@@ -7,7 +8,13 @@ const PHASE_LABELS = {
   idle: "Waiting..."
 };
 function StatusCard({ phase }) {
-  return /* @__PURE__ */ React.createElement("div", { className: "w-72 bg-card border border-border rounded-xl shadow-sm animate-in slide-in-from-bottom-2 duration-200 overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "px-3 py-3 flex items-center gap-2" }, /* @__PURE__ */ React.createElement(Loader2, { className: "w-3.5 h-3.5 text-primary animate-spin shrink-0" }), /* @__PURE__ */ React.createElement("div", { className: "flex-1 space-y-1.5" }, /* @__PURE__ */ React.createElement("span", { className: "text-xs text-muted-foreground" }, PHASE_LABELS[phase]), /* @__PURE__ */ React.createElement("div", { className: "h-1 rounded-full bg-muted overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "h-full w-2/3 rounded-full bg-primary/30 animate-pulse" })))));
+  return /* @__PURE__ */ jsx("div", { className: "w-72 bg-card border border-border rounded-xl shadow-sm animate-in slide-in-from-bottom-2 duration-200 overflow-hidden", children: /* @__PURE__ */ jsxs("div", { className: "px-3 py-3 flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx(Loader2, { className: "w-3.5 h-3.5 text-primary animate-spin shrink-0" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-1.5", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: PHASE_LABELS[phase] }),
+      /* @__PURE__ */ jsx("div", { className: "h-1 rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "h-full w-2/3 rounded-full bg-primary/30 animate-pulse" }) })
+    ] })
+  ] }) });
 }
 export {
   StatusCard

package/dist/agents/components/agent-widgets/chat-assistant/UserMessageCard.js

@@ -1,6 +1,10 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 function UserMessageCard({ content, timestamp }) {
-  return /* @__PURE__ */ React.createElement("div", { className: "flex justify-end animate-in slide-in-from-bottom-2 duration-200" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-[85%] bg-primary/10 border border-primary/20 rounded-xl px-3 py-1.5" }, /* @__PURE__ */ React.createElement("p", { className: "text-xs text-foreground leading-relaxed whitespace-pre-wrap break-words" }, content), timestamp && /* @__PURE__ */ React.createElement("span", { className: "text-[10px] text-muted-foreground block mt-0.5 text-right" }, timestamp)));
+  return /* @__PURE__ */ jsx("div", { className: "flex justify-end animate-in slide-in-from-bottom-2 duration-200", children: /* @__PURE__ */ jsxs("div", { className: "max-w-[85%] bg-primary/10 border border-primary/20 rounded-xl px-3 py-1.5", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-foreground leading-relaxed whitespace-pre-wrap break-words", children: content }),
+    timestamp && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground block mt-0.5 text-right", children: timestamp })
+  ] }) });
 }
 export {
   UserMessageCard

package/dist/agents/components/agent-widgets/execution-gates/AgentGateInput.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { ArrowLeftFromLine } from "lucide-react";
 import { useAppSelector, useAppDispatch } from "../../../../store/hooks.js";
@@ -89,11 +90,11 @@ function AgentGateBody({
     closeGate();
     onClose();
   };
-  const footerRight = /* @__PURE__ */ React.createElement(Button, { onClick: handleContinue, size: "icon", variant: "primary" }, /* @__PURE__ */ React.createElement(PaperPlaneIcon, null));
-  const footerLeft = /* @__PURE__ */ React.createElement(Button, { onClick: handleCancel, size: "icon", variant: "secondary" }, /* @__PURE__ */ React.createElement(ArrowLeftFromLine, null));
+  const footerRight = /* @__PURE__ */ jsx(Button, { onClick: handleContinue, size: "icon", variant: "primary", children: /* @__PURE__ */ jsx(PaperPlaneIcon, {}) });
+  const footerLeft = /* @__PURE__ */ jsx(Button, { onClick: handleCancel, size: "icon", variant: "secondary", children: /* @__PURE__ */ jsx(ArrowLeftFromLine, {}) });
   const baseTitle = preExecutionMessage || agentName || "Provide Details";
   const title = secondsLeft !== null && secondsLeft > 0 ? `${baseTitle} \xB7 auto-continue in ${secondsLeft}s` : baseTitle;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     WindowPanel,
     {
       id: `agent-gate-${windowInstanceId}`,
@@ -108,40 +109,40 @@ function AgentGateBody({
       footerRight,
       footerLeft,
       overlayId: CHAT_WINDOWS.agentGateWindow,
-      onCollectData: () => ({ conversationId })
-    },
-    /* @__PURE__ */ React.createElement(
-      SurfaceRuntimeProvider,
-      {
-        surfaceName: AGENT_GATE_SURFACE_NAME,
-        getScope: () => createAgentGateScope({
-          conversation_id: conversationId,
-          agent_name: agentName ?? void 0,
-          pre_execution_message: preExecutionMessage ?? void 0,
-          bypass_gate_seconds: bypassGateSeconds > 0 ? bypassGateSeconds : void 0
-        }),
-        isEditable: false
-      },
-      /* @__PURE__ */ React.createElement(
-        "div",
+      onCollectData: () => ({ conversationId }),
+      children: /* @__PURE__ */ jsx(
+        SurfaceRuntimeProvider,
         {
-          className: "flex flex-col flex-1 min-h-0 justify-end",
-          onKeyDown: cancelCountdown,
-          onPointerDown: cancelCountdown
-        },
-        /* @__PURE__ */ React.createElement(
-          SmartAgentInput,
-          {
-            conversationId,
-            compact: true,
-            composer: { size: "compact", mode: composerMode },
-            showSendButton: false,
-            showVariableIcon: false,
-            disableSend: true
-          }
-        )
+          surfaceName: AGENT_GATE_SURFACE_NAME,
+          getScope: () => createAgentGateScope({
+            conversation_id: conversationId,
+            agent_name: agentName ?? void 0,
+            pre_execution_message: preExecutionMessage ?? void 0,
+            bypass_gate_seconds: bypassGateSeconds > 0 ? bypassGateSeconds : void 0
+          }),
+          isEditable: false,
+          children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "flex flex-col flex-1 min-h-0 justify-end",
+              onKeyDown: cancelCountdown,
+              onPointerDown: cancelCountdown,
+              children: /* @__PURE__ */ jsx(
+                SmartAgentInput,
+                {
+                  conversationId,
+                  compact: true,
+                  composer: { size: "compact", mode: composerMode },
+                  showSendButton: false,
+                  showVariableIcon: false,
+                  disableSend: true
+                }
+              )
+            }
+          )
+        }
       )
-    )
+    }
   );
 }
 export {

package/dist/agents/components/agent-widgets/execution-gates/PreExecutionCard.js

@@ -1,3 +1,4 @@
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { createPortal } from "react-dom";
 import { Check, X } from "lucide-react";
@@ -33,35 +34,46 @@ function PreExecutionCard({
     dispatch(destroyInstanceIfAllowed(conversationId));
     onClose();
   };
-  const card = /* @__PURE__ */ React.createElement("div", { className: "fixed inset-0 z-50 flex items-start justify-center pt-[15dvh]" }, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: "absolute inset-0 bg-black/20 backdrop-blur-[2px]",
-      onClick: handleCancel
-    }
-  ), /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: cn(
-        "relative z-10 w-full max-w-sm mx-4",
-        "rounded-xl bg-card/98 backdrop-blur-md border border-border shadow-2xl",
-        // Cap + scroll: a long pre-execution message / tall input must not push the
-        // Cancel/Continue buttons (in the header) off-screen on mobile.
-        "max-h-[80dvh] overflow-y-auto overscroll-contain"
-      )
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between px-4 pt-3 pb-1" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm font-medium text-foreground truncate flex-1" }, agentName ?? "Please enter details..."), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1 shrink-0 ml-2" }, /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(X, null), onClick: handleCancel, title: "Cancel", "aria-label": "Cancel" }), /* @__PURE__ */ React.createElement(Button, { variant: "quiet", tone: "primary", icon: /* @__PURE__ */ React.createElement(Check, null), onClick: handleContinue, title: hasInput ? "Continue" : "Skip", "aria-label": hasInput ? "Continue" : "Skip" }))),
-    preExecutionMessage && /* @__PURE__ */ React.createElement("div", { className: "px-4 pb-1" }, /* @__PURE__ */ React.createElement("p", { className: "text-xs text-muted-foreground leading-relaxed" }, preExecutionMessage)),
-    /* @__PURE__ */ React.createElement("div", { className: "px-3 pt-0.5 pb-3" }, /* @__PURE__ */ React.createElement(
-      SmartAgentInput,
+  const card = /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 flex items-start justify-center pt-[15dvh]", children: [
+    /* @__PURE__ */ jsx(
+      "div",
       {
-        conversationId,
-        compact: true,
-        composer: { size: "compact", mode: composerMode },
-        disableSend: true
+        className: "absolute inset-0 bg-black/20 backdrop-blur-[2px]",
+        onClick: handleCancel
       }
-    ))
-  ));
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "relative z-10 w-full max-w-sm mx-4",
+          "rounded-xl bg-card/98 backdrop-blur-md border border-border shadow-2xl",
+          // Cap + scroll: a long pre-execution message / tall input must not push the
+          // Cancel/Continue buttons (in the header) off-screen on mobile.
+          "max-h-[80dvh] overflow-y-auto overscroll-contain"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 pt-3 pb-1", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground truncate flex-1", children: agentName ?? "Please enter details..." }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 shrink-0 ml-2", children: [
+              /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(X, {}), onClick: handleCancel, title: "Cancel", "aria-label": "Cancel" }),
+              /* @__PURE__ */ jsx(Button, { variant: "quiet", tone: "primary", icon: /* @__PURE__ */ jsx(Check, {}), onClick: handleContinue, title: hasInput ? "Continue" : "Skip", "aria-label": hasInput ? "Continue" : "Skip" })
+            ] })
+          ] }),
+          preExecutionMessage && /* @__PURE__ */ jsx("div", { className: "px-4 pb-1", children: /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground leading-relaxed", children: preExecutionMessage }) }),
+          /* @__PURE__ */ jsx("div", { className: "px-3 pt-0.5 pb-3", children: /* @__PURE__ */ jsx(
+            SmartAgentInput,
+            {
+              conversationId,
+              compact: true,
+              composer: { size: "compact", mode: composerMode },
+              disableSend: true
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
   return portalTarget ? createPortal(card, portalTarget) : null;
 }
 export {

package/dist/agents/components/ambient-assistant/ScrollAssistantLauncher.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { ScrollAssistantLauncherImpl, ScrollVoiceAssistantLauncherImpl } from "../../../ui/lazy/ScrollAssistantLaunchers.js";
 import { usePathname } from "../../../host/navigation.js";
 import { useEffect, useState } from "react";
@@ -80,9 +81,9 @@ function ScrollAssistantLauncher({
   }, [isIncludedPath, isMobile, revealed]);
   if (!isIncludedPath || isMobile || !revealed) return null;
   if (inputVariant === "text-voice") {
-    return /* @__PURE__ */ React.createElement(ScrollVoiceAssistantLauncherImpl, null);
+    return /* @__PURE__ */ jsx(ScrollVoiceAssistantLauncherImpl, {});
   }
-  return /* @__PURE__ */ React.createElement(ScrollAssistantLauncherImpl, { inputVariant });
+  return /* @__PURE__ */ jsx(ScrollAssistantLauncherImpl, { inputVariant });
 }
 export {
   ScrollAssistantLauncher,