@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/agents/components/inputs/smart-input/SmartAgentInputStacked.js

@@ -1,5 +1,6 @@
 "use client";
-import React, { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import { ArrowUp } from "lucide-react";
 import { SmartAgentVariables } from "../variable-input-variations/SmartAgentVariables.js";
 import { AgentTextarea } from "./AgentTextarea.js";
@@ -54,7 +55,7 @@ function SmartAgentInputStacked({
   );
   const sendBlocked = disableSend || voiceBusy || !allResourcesResolved;
   if (!conversationId) {
-    return /* @__PURE__ */ React.createElement(UninitializedShell, null);
+    return /* @__PURE__ */ jsx(UninitializedShell, {});
   }
   const handleSubmit = () => {
     if (!sendBlocked) dispatch(smartExecute({ conversationId, surfaceKey }));
@@ -62,7 +63,7 @@ function SmartAgentInputStacked({
   if (!showFreeformInput) {
     const handleStop = () => dispatch(cancelExecution(conversationId));
     const formCompact = composer.size === "compact" || composer.size === "launcher";
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "div",
       {
         className: cn(
@@ -72,56 +73,66 @@ function SmartAgentInputStacked({
         ),
         "data-composer-size": composer.size,
         "data-composer-style": "form",
-        "data-assist-dock-avoid": ""
-      },
-      /* @__PURE__ */ React.createElement(
-        SmartInputFileDropTarget,
-        {
-          conversationId,
-          uploadRoot,
-          uploadPath,
-          pasteFiles: enablePasteImages,
-          className: cn(
-            "relative flex w-full min-h-0 flex-col gap-1.5 border border-border bg-card transition-colors focus-within:border-foreground/25",
-            "[&_[data-variable-row]]:px-1.5 [&_[data-variable-heading]]:px-1.5 [&>input[type=file]]:!hidden",
-            formCompact ? "rounded-[14px] p-1.5" : "rounded-[22px] p-2 shadow-[0_2px_10px_rgba(0,0,0,0.05)]"
-          )
-        },
-        /* @__PURE__ */ React.createElement(
-          ConversationContextRail,
+        "data-assist-dock-avoid": "",
+        children: /* @__PURE__ */ jsxs(
+          SmartInputFileDropTarget,
           {
             conversationId,
-            className: "px-0 pb-0",
-            presentation: contextRailPresentation,
-            attachedItems: contextRailAttachedItems,
-            surfaceValueName: surfaceValueAnchors?.context,
-            withAttachments: true,
-            attachmentsSurfaceValueName: surfaceValueAnchors?.resources,
-            withValueGroupChip: false
-          }
-        ),
-        /* @__PURE__ */ React.createElement(
-          SmartAgentVariables,
-          {
-            conversationId,
-            compact: formCompact,
-            onSubmit: handleSubmit,
-            styleOverride: variablesPanelStyle,
-            surfaceValueName: surfaceValueAnchors?.variables
+            uploadRoot,
+            uploadPath,
+            pasteFiles: enablePasteImages,
+            className: cn(
+              "relative flex w-full min-h-0 flex-col gap-1.5 border border-border bg-card transition-colors focus-within:border-foreground/25",
+              "[&_[data-variable-row]]:px-1.5 [&_[data-variable-heading]]:px-1.5 [&>input[type=file]]:!hidden",
+              formCompact ? "rounded-[14px] p-1.5" : "rounded-[22px] p-2 shadow-[0_2px_10px_rgba(0,0,0,0.05)]"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                ConversationContextRail,
+                {
+                  conversationId,
+                  className: "px-0 pb-0",
+                  presentation: contextRailPresentation,
+                  attachedItems: contextRailAttachedItems,
+                  surfaceValueName: surfaceValueAnchors?.context,
+                  withAttachments: true,
+                  attachmentsSurfaceValueName: surfaceValueAnchors?.resources,
+                  withValueGroupChip: false
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                SmartAgentVariables,
+                {
+                  conversationId,
+                  compact: formCompact,
+                  onSubmit: handleSubmit,
+                  styleOverride: variablesPanelStyle,
+                  surfaceValueName: surfaceValueAnchors?.variables
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center justify-between gap-1.5", children: [
+                /* @__PURE__ */ jsx(ComposerValueGroupChip, { conversationId }),
+                /* @__PURE__ */ jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: [
+                  extraRightControls,
+                  isExecuting ? /* @__PURE__ */ jsx(ComposerStopButton, { onStop: handleStop }) : /* @__PURE__ */ jsxs(
+                    Button,
+                    {
+                      size: "sm",
+                      onClick: handleSubmit,
+                      disabled: sendBlocked,
+                      className: "h-8 gap-1.5 rounded-full px-3",
+                      children: [
+                        /* @__PURE__ */ jsx(ArrowUp, { className: "h-3.5 w-3.5" }),
+                        "Run"
+                      ]
+                    }
+                  )
+                ] })
+              ] })
+            ]
           }
-        ),
-        /* @__PURE__ */ React.createElement("div", { className: "flex min-w-0 items-center justify-between gap-1.5" }, /* @__PURE__ */ React.createElement(ComposerValueGroupChip, { conversationId }), /* @__PURE__ */ React.createElement("div", { className: "ml-auto flex shrink-0 items-center gap-1.5" }, extraRightControls, isExecuting ? /* @__PURE__ */ React.createElement(ComposerStopButton, { onStop: handleStop }) : /* @__PURE__ */ React.createElement(
-          Button,
-          {
-            size: "sm",
-            onClick: handleSubmit,
-            disabled: sendBlocked,
-            className: "h-8 gap-1.5 rounded-full px-3"
-          },
-          /* @__PURE__ */ React.createElement(ArrowUp, { className: "h-3.5 w-3.5" }),
-          "Run"
-        )))
-      )
+        )
+      }
     );
   }
   const isCompact = composer.size === "compact";
@@ -137,11 +148,10 @@ function SmartAgentInputStacked({
     "[&>input[type=file]]:!hidden [&_textarea]:block",
     isCompact ? "rounded-[14px] p-1.5 gap-1.5" : "rounded-[22px] p-2 gap-0 shadow-[0_2px_10px_rgba(0,0,0,0.05)] dark:shadow-[0_1px_0_0_rgba(255,255,255,0.04)_inset,0_1px_2px_0_rgba(0,0,0,0.4)]"
   );
-  const textarea = /* @__PURE__ */ React.createElement(
+  const textarea = /* @__PURE__ */ jsx(
     AgentTextarea,
     {
       draftAlias,
-      key: `composer-${composer.size}-${expandRequestKey}`,
       conversationId,
       compact: isCompact,
       uploadRoot,
@@ -157,7 +167,8 @@ function SmartAgentInputStacked({
       composerType: true,
       composerRows: !isCompact,
       flush: true
-    }
+    },
+    `composer-${composer.size}-${expandRequestKey}`
   );
   const buttonsProps = {
     conversationId,
@@ -170,82 +181,87 @@ function SmartAgentInputStacked({
   };
   const composerParts = { size: composer.size, mode: composer.mode, folded, sourceFeature: composer.sourceFeature, liveAudioStartsOn: composer.liveAudioStartsOn };
   if (composer.size === "launcher") {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "div",
       {
         ref: composerRootRef,
         className: cn(touchOnly && "matrx-touch-targets", "mx-auto flex w-full min-w-0 max-w-[420px] shrink-0 flex-col"),
         "data-composer-size": composer.size,
         "data-composer-mode": composer.mode,
-        "data-assist-dock-avoid": ""
-      },
-      /* @__PURE__ */ React.createElement(
-        SmartInputFileDropTarget,
-        {
-          conversationId,
-          uploadRoot,
-          uploadPath,
-          pasteFiles: enablePasteImages,
-          className: cn(
-            "relative flex w-full min-h-0 flex-col gap-1 rounded-[18px] border p-1.5",
-            "border-glass-edge bg-glass shadow-glass backdrop-blur-glass backdrop-saturate-glass transition-[border-color,background-color,box-shadow]",
-            "focus-within:border-primary/70 focus-within:bg-card focus-within:ring-2 focus-within:ring-primary/15 focus-within:shadow-glass-lg",
-            "[&_[data-variable-row]]:px-2 [&_[data-variable-heading]]:px-2",
-            "[&>input[type=file]]:!hidden [&_textarea]:block"
-          )
-        },
-        /* @__PURE__ */ React.createElement(
-          ConversationContextRail,
+        "data-assist-dock-avoid": "",
+        children: /* @__PURE__ */ jsxs(
+          SmartInputFileDropTarget,
           {
             conversationId,
-            presentation: "overflow-only",
-            attachedItems: contextRailAttachedItems,
-            surfaceValueName: surfaceValueAnchors?.context,
-            withValueGroupChip: false,
-            className: "px-0 pb-0"
-          }
-        ),
-        /* @__PURE__ */ React.createElement(
-          SmartAgentVariables,
-          {
-            conversationId,
-            compact: true,
-            onSubmit: handleSubmit,
-            styleOverride: variablesPanelStyle,
-            surfaceValueName: surfaceValueAnchors?.variables
-          }
-        ),
-        /* @__PURE__ */ React.createElement("div", { className: "flex min-w-0 items-end gap-1.5" }, /* @__PURE__ */ React.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React.createElement(
-          AgentTextarea,
-          {
-            draftAlias,
-            key: `composer-launcher-${expandRequestKey}`,
-            conversationId,
-            compact: true,
             uploadRoot,
             uploadPath,
-            surfaceKey,
-            disableSend: sendBlocked,
-            autoFocus: false,
-            showExpandToggle: false,
-            placeholder: composer.placeholder,
-            maxHeightPx: composer.maxInputHeightPx,
-            minHeightPx: 32,
-            composerType: true,
-            flush: true
+            pasteFiles: enablePasteImages,
+            className: cn(
+              "relative flex w-full min-h-0 flex-col gap-1 rounded-[18px] border p-1.5",
+              "border-glass-edge bg-glass shadow-glass backdrop-blur-glass backdrop-saturate-glass transition-[border-color,background-color,box-shadow]",
+              "focus-within:border-primary/70 focus-within:bg-card focus-within:ring-2 focus-within:ring-primary/15 focus-within:shadow-glass-lg",
+              "[&_[data-variable-row]]:px-2 [&_[data-variable-heading]]:px-2",
+              "[&>input[type=file]]:!hidden [&_textarea]:block"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                ConversationContextRail,
+                {
+                  conversationId,
+                  presentation: "overflow-only",
+                  attachedItems: contextRailAttachedItems,
+                  surfaceValueName: surfaceValueAnchors?.context,
+                  withValueGroupChip: false,
+                  className: "px-0 pb-0"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                SmartAgentVariables,
+                {
+                  conversationId,
+                  compact: true,
+                  onSubmit: handleSubmit,
+                  styleOverride: variablesPanelStyle,
+                  surfaceValueName: surfaceValueAnchors?.variables
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-end gap-1.5", children: [
+                /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx(
+                  AgentTextarea,
+                  {
+                    draftAlias,
+                    conversationId,
+                    compact: true,
+                    uploadRoot,
+                    uploadPath,
+                    surfaceKey,
+                    disableSend: sendBlocked,
+                    autoFocus: false,
+                    showExpandToggle: false,
+                    placeholder: composer.placeholder,
+                    maxHeightPx: composer.maxInputHeightPx,
+                    minHeightPx: 32,
+                    composerType: true,
+                    flush: true
+                  },
+                  `composer-launcher-${expandRequestKey}`
+                ) }),
+                /* @__PURE__ */ jsx(
+                  InputActionButtons,
+                  {
+                    ...buttonsProps,
+                    onVoiceBusyChange: setVoiceBusy,
+                    composer: { ...composerParts, part: "launcher" }
+                  }
+                )
+              ] })
+            ]
           }
-        )), /* @__PURE__ */ React.createElement(
-          InputActionButtons,
-          {
-            ...buttonsProps,
-            onVoiceBusyChange: setVoiceBusy,
-            composer: { ...composerParts, part: "launcher" }
-          }
-        ))
-      )
+        )
+      }
     );
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       ref: composerRootRef,
@@ -260,67 +276,77 @@ function SmartAgentInputStacked({
       "data-composer-size": composer.size,
       "data-composer-mode": composer.mode,
       "data-composer-folded": folded ? "" : void 0,
-      "data-assist-dock-avoid": ""
-    },
-    composer.meta !== "none" && composerShows(composer.mode, "chips.row") ? /* @__PURE__ */ React.createElement(ComposerChipsRow, { conversationId, mode: composer.mode, menuSide, chipShape: composer.chipShape }) : null,
-    /* @__PURE__ */ React.createElement(
-      SmartInputFileDropTarget,
-      {
-        conversationId,
-        uploadRoot,
-        uploadPath,
-        pasteFiles: enablePasteImages,
-        className: cardClassName
-      },
-      /* @__PURE__ */ React.createElement(
-        ConversationContextRail,
-        {
-          conversationId,
-          presentation: contextRailPresentation,
-          attachedItems: contextRailAttachedItems,
-          surfaceValueName: surfaceValueAnchors?.context,
-          withAttachments: true,
-          attachmentsSurfaceValueName: surfaceValueAnchors?.resources,
-          withValueGroupChip: false,
-          className: "px-0 pb-1"
-        }
-      ),
-      /* @__PURE__ */ React.createElement(
-        SmartAgentVariables,
-        {
-          conversationId,
-          compact: isCompact,
-          onSubmit: handleSubmit,
-          styleOverride: variablesPanelStyle,
-          surfaceValueName: surfaceValueAnchors?.variables
-        }
-      ),
-      isCompact ? /* @__PURE__ */ React.createElement("div", { className: "flex min-w-0 items-end gap-1.5" }, /* @__PURE__ */ React.createElement("div", { className: "min-w-0 flex-1" }, textarea), /* @__PURE__ */ React.createElement(InputActionButtons, { ...buttonsProps, composer: { ...composerParts, part: "send" } })) : /* @__PURE__ */ React.createElement(React.Fragment, null, textarea, /* @__PURE__ */ React.createElement(
-        InputActionButtons,
-        {
-          ...buttonsProps,
-          onVoiceBusyChange: setVoiceBusy,
-          extraRightControls,
-          onRequestInputExpand: () => setExpandRequestKey((key) => key + 1),
-          composer: composerParts
-        }
-      ))
-    ),
-    isCompact ? /* @__PURE__ */ React.createElement(
-      InputActionButtons,
-      {
-        ...buttonsProps,
-        onVoiceBusyChange: setVoiceBusy,
-        extraRightControls,
-        onRequestInputExpand: () => setExpandRequestKey((key) => key + 1),
-        composer: {
-          ...composerParts,
-          part: "controls",
-          leading: composer.meta === "none" ? void 0 : /* @__PURE__ */ React.createElement(ComposerScopeCluster, { conversationId, composer, folded }),
-          trailing: composer.meta === "none" ? void 0 : /* @__PURE__ */ React.createElement(ComposerPills, { conversationId, composer, menuSide, folded })
-        }
-      }
-    ) : composer.meta === "none" ? null : /* @__PURE__ */ React.createElement(ComposerMetaRow, { conversationId, composer, menuSide, folded })
+      "data-assist-dock-avoid": "",
+      children: [
+        composer.meta !== "none" && composerShows(composer.mode, "chips.row") ? /* @__PURE__ */ jsx(ComposerChipsRow, { conversationId, mode: composer.mode, menuSide, chipShape: composer.chipShape }) : null,
+        /* @__PURE__ */ jsxs(
+          SmartInputFileDropTarget,
+          {
+            conversationId,
+            uploadRoot,
+            uploadPath,
+            pasteFiles: enablePasteImages,
+            className: cardClassName,
+            children: [
+              /* @__PURE__ */ jsx(
+                ConversationContextRail,
+                {
+                  conversationId,
+                  presentation: contextRailPresentation,
+                  attachedItems: contextRailAttachedItems,
+                  surfaceValueName: surfaceValueAnchors?.context,
+                  withAttachments: true,
+                  attachmentsSurfaceValueName: surfaceValueAnchors?.resources,
+                  withValueGroupChip: false,
+                  className: "px-0 pb-1"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                SmartAgentVariables,
+                {
+                  conversationId,
+                  compact: isCompact,
+                  onSubmit: handleSubmit,
+                  styleOverride: variablesPanelStyle,
+                  surfaceValueName: surfaceValueAnchors?.variables
+                }
+              ),
+              isCompact ? /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-end gap-1.5", children: [
+                /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: textarea }),
+                /* @__PURE__ */ jsx(InputActionButtons, { ...buttonsProps, composer: { ...composerParts, part: "send" } })
+              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                textarea,
+                /* @__PURE__ */ jsx(
+                  InputActionButtons,
+                  {
+                    ...buttonsProps,
+                    onVoiceBusyChange: setVoiceBusy,
+                    extraRightControls,
+                    onRequestInputExpand: () => setExpandRequestKey((key) => key + 1),
+                    composer: composerParts
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        isCompact ? /* @__PURE__ */ jsx(
+          InputActionButtons,
+          {
+            ...buttonsProps,
+            onVoiceBusyChange: setVoiceBusy,
+            extraRightControls,
+            onRequestInputExpand: () => setExpandRequestKey((key) => key + 1),
+            composer: {
+              ...composerParts,
+              part: "controls",
+              leading: composer.meta === "none" ? void 0 : /* @__PURE__ */ jsx(ComposerScopeCluster, { conversationId, composer, folded }),
+              trailing: composer.meta === "none" ? void 0 : /* @__PURE__ */ jsx(ComposerPills, { conversationId, composer, menuSide, folded })
+            }
+          }
+        ) : composer.meta === "none" ? null : /* @__PURE__ */ jsx(ComposerMetaRow, { conversationId, composer, menuSide, folded })
+      ]
+    }
   );
 }
 export {

package/dist/agents/components/inputs/smart-input/SmartInputFileDropTarget.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useDropzone } from "react-dropzone";
 import { Loader2, Upload } from "lucide-react";
 import { cn } from "@ai-matrx/design-system";
@@ -6,9 +7,9 @@ import { useUploadAgentResources } from "../resources/usePasteImageResource.js";
 import { useConversationAbilities } from "../../../redux/execution-system/host-conversations/conversation-abilities.js";
 function SmartInputFileDropTarget(props) {
   const { database } = useConversationAbilities();
-  if (database) return /* @__PURE__ */ React.createElement(SmartInputFileDropTargetBody, { ...props });
+  if (database) return /* @__PURE__ */ jsx(SmartInputFileDropTargetBody, { ...props });
   const { conversationId: _c, uploadRoot: _r, uploadPath: _p, pasteFiles: _f, className, children, ...rootProps } = props;
-  return /* @__PURE__ */ React.createElement("div", { ...rootProps, className: cn("relative", className), "data-agent-input-shell": true }, children);
+  return /* @__PURE__ */ jsx("div", { ...rootProps, className: cn("relative", className), "data-agent-input-shell": true, children });
 }
 function SmartInputFileDropTargetBody({
   conversationId,
@@ -29,7 +30,7 @@ function SmartInputFileDropTargetBody({
     noKeyboard: true,
     noPaste: !pasteFiles
   });
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       ...getRootProps({
@@ -37,24 +38,32 @@ function SmartInputFileDropTargetBody({
         className: cn("relative", className)
       }),
       "data-agent-input-shell": true,
-      "data-drop-active": isDragActive ? "true" : void 0
-    },
-    /* @__PURE__ */ React.createElement("input", { ...getInputProps() }),
-    children,
-    isDragActive ? /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: "pointer-events-none absolute inset-0 z-30 flex items-center justify-center rounded-[inherit] border-2 border-dashed border-primary bg-background/90 backdrop-blur-sm",
-        "aria-live": "polite"
-      },
-      /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 font-medium text-primary" }, /* @__PURE__ */ React.createElement("span", { className: "relative" }, /* @__PURE__ */ React.createElement(Upload, { className: "h-6 w-6", "aria-hidden": "true" }), /* @__PURE__ */ React.createElement(
-        Loader2,
-        {
-          className: "absolute -bottom-1 -right-1 h-3.5 w-3.5 animate-spin rounded-full bg-background",
-          "aria-hidden": "true"
-        }
-      )), "Drop files to attach")
-    ) : null
+      "data-drop-active": isDragActive ? "true" : void 0,
+      children: [
+        /* @__PURE__ */ jsx("input", { ...getInputProps() }),
+        children,
+        isDragActive ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "pointer-events-none absolute inset-0 z-30 flex items-center justify-center rounded-[inherit] border-2 border-dashed border-primary bg-background/90 backdrop-blur-sm",
+            "aria-live": "polite",
+            children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 font-medium text-primary", children: [
+              /* @__PURE__ */ jsxs("span", { className: "relative", children: [
+                /* @__PURE__ */ jsx(Upload, { className: "h-6 w-6", "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx(
+                  Loader2,
+                  {
+                    className: "absolute -bottom-1 -right-1 h-3.5 w-3.5 animate-spin rounded-full bg-background",
+                    "aria-hidden": "true"
+                  }
+                )
+              ] }),
+              "Drop files to attach"
+            ] })
+          }
+        ) : null
+      ]
+    }
   );
 }
 export {

package/dist/agents/components/inputs/smart-input/UninitializedShell.js

@@ -1,26 +1,29 @@
-import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { ArrowUp } from "lucide-react";
 import { Button } from "@ai-matrx/design-system";
 const SEND_BTN_CLASS = "h-9 w-9 p-0 shrink-0 rounded-full bg-foreground text-background hover:bg-foreground/90 disabled:opacity-25 disabled:shadow-none shadow-[0_1px_0_0_rgba(255,255,255,0.25)_inset,0_1px_2px_0_rgba(0,0,0,0.25)]";
 function UninitializedShell() {
-  return /* @__PURE__ */ React.createElement("div", { className: "bg-card rounded-[20px] border border-border overflow-hidden shadow-[0_2px_16px_-4px_rgba(0,0,0,0.08)] dark:shadow-[0_1px_0_0_rgba(255,255,255,0.04)_inset,0_1px_2px_0_rgba(0,0,0,0.4)]" }, /* @__PURE__ */ React.createElement("div", { className: "px-3 pt-3" }, /* @__PURE__ */ React.createElement(
-    "textarea",
-    {
-      disabled: true,
-      placeholder: "Initializing...",
-      className: "w-full bg-transparent border-none outline-none text-base text-muted-foreground/50 placeholder:text-muted-foreground/40 resize-none leading-7",
-      style: { minHeight: 40, maxHeight: 200 },
-      rows: 1
-    }
-  )), /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-end px-2 pb-2" }, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      disabled: true,
-      className: SEND_BTN_CLASS,
-      "aria-label": "Send message (still initializing)"
-    },
-    /* @__PURE__ */ React.createElement(ArrowUp, { className: "w-5 h-5" })
-  )));
+  return /* @__PURE__ */ jsxs("div", { className: "bg-card rounded-[20px] border border-border overflow-hidden shadow-[0_2px_16px_-4px_rgba(0,0,0,0.08)] dark:shadow-[0_1px_0_0_rgba(255,255,255,0.04)_inset,0_1px_2px_0_rgba(0,0,0,0.4)]", children: [
+    /* @__PURE__ */ jsx("div", { className: "px-3 pt-3", children: /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        disabled: true,
+        placeholder: "Initializing...",
+        className: "w-full bg-transparent border-none outline-none text-base text-muted-foreground/50 placeholder:text-muted-foreground/40 resize-none leading-7",
+        style: { minHeight: 40, maxHeight: 200 },
+        rows: 1
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end px-2 pb-2", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        disabled: true,
+        className: SEND_BTN_CLASS,
+        "aria-label": "Send message (still initializing)",
+        children: /* @__PURE__ */ jsx(ArrowUp, { className: "w-5 h-5" })
+      }
+    ) })
+  ] });
 }
 export {
   UninitializedShell

package/dist/agents/components/inputs/smart-input/ViewOnlyComposerBar.js

@@ -1,16 +1,19 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Eye } from "lucide-react";
 function ViewOnlyComposerBar() {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       role: "status",
       "data-testid": "view-only-composer",
       className: "mx-auto mb-2 flex w-full items-center gap-2 rounded-xl border border-border bg-card px-3 py-2.5 text-sm text-muted-foreground",
-      title: "Ask the owner for edit access to reply here."
-    },
-    /* @__PURE__ */ React.createElement(Eye, { className: "h-4 w-4 shrink-0", "aria-hidden": true }),
-    /* @__PURE__ */ React.createElement("span", { className: "truncate" }, "View only \u2014 you can read this chat, not reply")
+      title: "Ask the owner for edit access to reply here.",
+      children: [
+        /* @__PURE__ */ jsx(Eye, { className: "h-4 w-4 shrink-0", "aria-hidden": true }),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: "View only \u2014 you can read this chat, not reply" })
+      ]
+    }
   );
 }
 export {

package/dist/agents/components/inputs/smart-input/composer/ComposerAgentPeek.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { AgentDetailCard, useAgentCatalogState } from "@ai-matrx/agents/catalog/react";
 import { useAppDispatch, useAppSelector } from "../../../../../store/hooks.js";
@@ -36,11 +37,11 @@ function ComposerAgentPeek({ agentId, onDone }) {
     orchestra: null
   } : null);
   if (!agent) return null;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     AgentDetailCard,
     {
       agent,
-      actions: /* @__PURE__ */ React.createElement(AgentPeekDuplicateButton, { agentId, onStart: onDone })
+      actions: /* @__PURE__ */ jsx(AgentPeekDuplicateButton, { agentId, onStart: onDone })
     }
   );
 }