@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/agents/components/inputs/DataBoundVariableChips.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown, Lock } from "lucide-react";
 import {
   Popover,
@@ -21,34 +22,46 @@ function DataBoundVariableChips({
     (d) => isCustomDataBinding(d.binding) ? [{ name: d.name, binding: d.binding }] : []
   );
   if (bound.length === 0) return null;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, bound.map((b) => /* @__PURE__ */ React.createElement(DataBoundChip, { key: b.name, name: b.name, binding: b.binding })));
+  return /* @__PURE__ */ jsx(Fragment, { children: bound.map((b) => /* @__PURE__ */ jsx(DataBoundChip, { name: b.name, binding: b.binding }, b.name)) });
 }
 function DataBoundChip({
   name,
   binding
 }) {
-  return /* @__PURE__ */ React.createElement(Popover, null, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      type: "button",
-      className: "inline-flex max-w-[280px] min-w-0 items-center gap-1.5 rounded-full border border-border bg-muted/60 py-0.5 pl-2 pr-2 text-xs text-foreground transition-colors hover:bg-muted",
-      title: `${humanizeIdentifier(name)} \u2014 filled from your data when the agent runs. It can't be changed here.`
-    },
-    /* @__PURE__ */ React.createElement(Lock, { className: "h-3 w-3 shrink-0 opacity-70" }),
-    /* @__PURE__ */ React.createElement("span", { className: "shrink-0 font-medium" }, humanizeIdentifier(name)),
-    /* @__PURE__ */ React.createElement(CustomDataBindingSummary, { binding, className: "min-w-0" }),
-    /* @__PURE__ */ React.createElement(ChevronDown, { className: "h-3 w-3 shrink-0 opacity-60" })
-  )), /* @__PURE__ */ React.createElement(
-    PopoverContent,
-    {
-      sizing: "content",
-      className: "rounded-2xl p-3",
-      align: "start",
-      side: "top",
-      sideOffset: 6
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement("p", { className: "text-xs text-muted-foreground" }, /* @__PURE__ */ React.createElement("span", { className: "font-medium text-foreground" }, humanizeIdentifier(name)), " ", "is filled from your data each run, so it is locked."), /* @__PURE__ */ React.createElement(CustomDataBindingPreview, { binding, variableName: name }))
-  ));
+  return /* @__PURE__ */ jsxs(Popover, { children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: "inline-flex max-w-[280px] min-w-0 items-center gap-1.5 rounded-full border border-border bg-muted/60 py-0.5 pl-2 pr-2 text-xs text-foreground transition-colors hover:bg-muted",
+        title: `${humanizeIdentifier(name)} \u2014 filled from your data when the agent runs. It can't be changed here.`,
+        children: [
+          /* @__PURE__ */ jsx(Lock, { className: "h-3 w-3 shrink-0 opacity-70" }),
+          /* @__PURE__ */ jsx("span", { className: "shrink-0 font-medium", children: humanizeIdentifier(name) }),
+          /* @__PURE__ */ jsx(CustomDataBindingSummary, { binding, className: "min-w-0" }),
+          /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3 shrink-0 opacity-60" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        sizing: "content",
+        className: "rounded-2xl p-3",
+        align: "start",
+        side: "top",
+        sideOffset: 6,
+        children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: humanizeIdentifier(name) }),
+            " ",
+            "is filled from your data each run, so it is locked."
+          ] }),
+          /* @__PURE__ */ jsx(CustomDataBindingPreview, { binding, variableName: name })
+        ] })
+      }
+    )
+  ] });
 }
 export {
   DataBoundVariableChips

package/dist/agents/components/inputs/PreExecutionAgentInput.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, X } from "lucide-react";
 import { useAppDispatch, useAppSelector } from "../../../store/hooks.js";
 import { setPreExecutionSatisfied } from "../../redux/execution-system/instance-ui-state/instance-ui-state.slice.js";
@@ -26,15 +27,25 @@ function PreExecutionAgentInput({
   const handleCancel = () => {
     dispatch(destroyInstanceIfAllowed(conversationId));
   };
-  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col max-w-[400px] h-[300px] border border-red-500" }, /* @__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" }, title ?? "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 border border-blue-500" }, /* @__PURE__ */ React.createElement(
-    SmartAgentInput,
-    {
-      conversationId,
-      compact: true,
-      composer: { size: "compact", mode: composerMode },
-      disableSend: true
-    }
-  )));
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col max-w-[400px] h-[300px] border border-red-500", 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: title ?? "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 border border-blue-500", children: /* @__PURE__ */ jsx(
+      SmartAgentInput,
+      {
+        conversationId,
+        compact: true,
+        composer: { size: "compact", mode: composerMode },
+        disableSend: true
+      }
+    ) })
+  ] });
 }
 export {
   PreExecutionAgentInput

package/dist/agents/components/inputs/RowChoicesButton.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Check, ChevronDown } from "lucide-react";
 import {
@@ -32,28 +33,33 @@ function RowChoicesButton({
     onChange(option);
     setOpen(false);
   };
-  return /* @__PURE__ */ React.createElement(Popover, { open, onOpenChange: setOpen }, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(Button, { variant: "quiet", pressed: !!open, icon: /* @__PURE__ */ React.createElement(ChevronDown, null), "aria-label": `Choose ${label}`, title: "Show choices", "data-row-choices": true, className: "shrink-0" })), /* @__PURE__ */ React.createElement(PopoverContent, { align: "end", sizing: "content", className: "p-0" }, /* @__PURE__ */ React.createElement(Command, null, /* @__PURE__ */ React.createElement(CommandList, { className: "max-h-72" }, /* @__PURE__ */ React.createElement(CommandGroup, null, options.map((option) => {
-    const selected = picked.has(option);
-    return /* @__PURE__ */ React.createElement(
-      CommandItem,
-      {
-        key: option,
-        value: option,
-        onSelect: () => pick(option),
-        className: "text-sm"
-      },
-      /* @__PURE__ */ React.createElement(
-        Check,
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "quiet", pressed: !!open, icon: /* @__PURE__ */ jsx(ChevronDown, {}), "aria-label": `Choose ${label}`, title: "Show choices", "data-row-choices": true, className: "shrink-0" }) }),
+    /* @__PURE__ */ jsx(PopoverContent, { align: "end", sizing: "content", className: "p-0", children: /* @__PURE__ */ jsx(Command, { children: /* @__PURE__ */ jsx(CommandList, { className: "max-h-72", children: /* @__PURE__ */ jsx(CommandGroup, { children: options.map((option) => {
+      const selected = picked.has(option);
+      return /* @__PURE__ */ jsxs(
+        CommandItem,
         {
-          className: cn(
-            "h-3.5 w-3.5 shrink-0",
-            selected ? "opacity-100" : "opacity-0"
-          )
-        }
-      ),
-      /* @__PURE__ */ React.createElement("span", { className: "min-w-0 break-words" }, option)
-    );
-  }))))));
+          value: option,
+          onSelect: () => pick(option),
+          className: "text-sm",
+          children: [
+            /* @__PURE__ */ jsx(
+              Check,
+              {
+                className: cn(
+                  "h-3.5 w-3.5 shrink-0",
+                  selected ? "opacity-100" : "opacity-0"
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 break-words", children: option })
+          ]
+        },
+        option
+      );
+    }) }) }) }) })
+  ] });
 }
 export {
   RowChoicesButton

package/dist/agents/components/inputs/input-components/AudioVariableInput.js

@@ -1,9 +1,10 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import {
   MediaVariableInput
 } from "./MediaVariableInput.js";
 function AudioVariableInput(props) {
-  return /* @__PURE__ */ React.createElement(MediaVariableInput, { ...props, mediaKind: "audio" });
+  return /* @__PURE__ */ jsx(MediaVariableInput, { ...props, mediaKind: "audio" });
 }
 export {
   AudioVariableInput

package/dist/agents/components/inputs/input-components/CheckboxGroupInput.js

@@ -1,4 +1,4 @@
-import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Checkbox } from "../../../../ui/checkbox.js";
 import { calcCols } from "./useContainerColumns.js";
 import { ProTextarea } from "../../../../host/ui-slots.js";
@@ -56,74 +56,83 @@ function CheckboxGroupInput({
   const cols = calcCols(containerWidth, options, wrap, compact);
   const isMultiCol = cols > 1;
   const gap = compact ? 4 : 6;
-  return /* @__PURE__ */ React.createElement("div", { className: compact ? "space-y-1" : "space-y-2" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { className: compact ? "space-y-1" : "space-y-2", children: /* @__PURE__ */ jsxs(
     "div",
     {
       style: isMultiCol ? {
         display: "grid",
         gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,
         gap
-      } : { display: "flex", flexDirection: "column", gap }
-    },
-    options.map((option, index) => {
-      const isChecked = regularSelectedItems.includes(option);
-      const itemId = `${variableName}-${option}-${index}`;
-      return /* @__PURE__ */ React.createElement(
-        "label",
-        {
-          key: `${option}-${index}`,
-          htmlFor: itemId,
-          className: `${checkboxClass} cursor-pointer`
-        },
-        /* @__PURE__ */ React.createElement(
-          Checkbox,
-          {
-            checked: isChecked,
-            onCheckedChange: (checked) => handleToggle(option, checked),
-            id: itemId
-          }
-        ),
-        /* @__PURE__ */ React.createElement(
-          "span",
-          {
-            className: compact ? "min-w-0 flex-1 break-words text-xs" : "min-w-0 flex-1 break-words text-sm"
-          },
-          option || "(empty)"
-        )
-      );
-    }),
-    allowOther && /* @__PURE__ */ React.createElement("div", { style: isMultiCol ? { gridColumn: "1 / -1" } : void 0 }, /* @__PURE__ */ React.createElement(
-      "label",
-      {
-        htmlFor: `${variableName}-other`,
-        className: `${checkboxClass} cursor-pointer`
-      },
-      /* @__PURE__ */ React.createElement(
-        Checkbox,
-        {
-          checked: isOtherChecked,
-          onCheckedChange: (checked) => handleOtherToggle(checked),
-          id: `${variableName}-other`
-        }
-      ),
-      /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          className: compact ? "min-w-0 flex-1 break-words text-xs" : "min-w-0 flex-1 break-words text-sm"
-        },
-        "Other"
-      )
-    ), isOtherChecked && /* @__PURE__ */ React.createElement("div", { className: "pt-1" }, /* @__PURE__ */ React.createElement(
-      ProTextarea,
-      {
-        value: customText,
-        onChange: (e) => handleCustomTextChange(e.target.value),
-        placeholder: "Enter any text, markdown, or custom value...",
-        className: compact ? "min-h-[80px] text-xs" : "min-h-[100px] text-sm",
-        ref: focusWithoutScroll
-      }
-    )))
-  ));
+      } : { display: "flex", flexDirection: "column", gap },
+      children: [
+        options.map((option, index) => {
+          const isChecked = regularSelectedItems.includes(option);
+          const itemId = `${variableName}-${option}-${index}`;
+          return /* @__PURE__ */ jsxs(
+            "label",
+            {
+              htmlFor: itemId,
+              className: `${checkboxClass} cursor-pointer`,
+              children: [
+                /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    checked: isChecked,
+                    onCheckedChange: (checked) => handleToggle(option, checked),
+                    id: itemId
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: compact ? "min-w-0 flex-1 break-words text-xs" : "min-w-0 flex-1 break-words text-sm",
+                    children: option || "(empty)"
+                  }
+                )
+              ]
+            },
+            `${option}-${index}`
+          );
+        }),
+        allowOther && /* @__PURE__ */ jsxs("div", { style: isMultiCol ? { gridColumn: "1 / -1" } : void 0, children: [
+          /* @__PURE__ */ jsxs(
+            "label",
+            {
+              htmlFor: `${variableName}-other`,
+              className: `${checkboxClass} cursor-pointer`,
+              children: [
+                /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    checked: isOtherChecked,
+                    onCheckedChange: (checked) => handleOtherToggle(checked),
+                    id: `${variableName}-other`
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: compact ? "min-w-0 flex-1 break-words text-xs" : "min-w-0 flex-1 break-words text-sm",
+                    children: "Other"
+                  }
+                )
+              ]
+            }
+          ),
+          isOtherChecked && /* @__PURE__ */ jsx("div", { className: "pt-1", children: /* @__PURE__ */ jsx(
+            ProTextarea,
+            {
+              value: customText,
+              onChange: (e) => handleCustomTextChange(e.target.value),
+              placeholder: "Enter any text, markdown, or custom value...",
+              className: compact ? "min-h-[80px] text-xs" : "min-h-[100px] text-sm",
+              ref: focusWithoutScroll
+            }
+          ) })
+        ] })
+      ]
+    }
+  ) });
 }
 function parseSelected(value, options) {
   if (!value) return [];

package/dist/agents/components/inputs/input-components/CurrencyVariableInput.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Input } from "@ai-matrx/design-system/controls";
 import {
   Select,
@@ -51,38 +52,43 @@ function CurrencyVariableInput({
     }
     onChange(next);
   };
-  return /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement(
-    Input,
-    {
-      type: "number",
-      inputMode: "decimal",
-      value: amount == null ? "" : String(amount),
-      onChange: (e) => {
-        const raw = e.target.value;
-        emit({ amount: raw === "" ? null : Number(raw), currency });
-      },
-      placeholder: "0.00",
-      disabled,
-      "aria-label": `${variableName} amount`,
-      className: "flex-1"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Select,
-    {
-      value: currency,
-      onValueChange: (c) => emit({ amount, currency: c }),
-      disabled
-    },
-    /* @__PURE__ */ React.createElement(
-      SelectTrigger,
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx(
+      Input,
       {
-        className: "w-24 shrink-0",
-        "aria-label": `${variableName} currency`
-      },
-      /* @__PURE__ */ React.createElement(SelectValue, null)
+        type: "number",
+        inputMode: "decimal",
+        value: amount == null ? "" : String(amount),
+        onChange: (e) => {
+          const raw = e.target.value;
+          emit({ amount: raw === "" ? null : Number(raw), currency });
+        },
+        placeholder: "0.00",
+        disabled,
+        "aria-label": `${variableName} amount`,
+        className: "flex-1"
+      }
     ),
-    /* @__PURE__ */ React.createElement(SelectContent, null, CURRENCY_CODES.map((c) => /* @__PURE__ */ React.createElement(SelectItem, { key: c, value: c }, c)))
-  ));
+    /* @__PURE__ */ jsxs(
+      Select,
+      {
+        value: currency,
+        onValueChange: (c) => emit({ amount, currency: c }),
+        disabled,
+        children: [
+          /* @__PURE__ */ jsx(
+            SelectTrigger,
+            {
+              className: "w-24 shrink-0",
+              "aria-label": `${variableName} currency`,
+              children: /* @__PURE__ */ jsx(SelectValue, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(SelectContent, { children: CURRENCY_CODES.map((c) => /* @__PURE__ */ jsx(SelectItem, { value: c, children: c }, c)) })
+        ]
+      }
+    )
+  ] });
 }
 var CurrencyVariableInput_default = CurrencyVariableInput;
 export {

package/dist/agents/components/inputs/input-components/DocumentVariableInput.js

@@ -1,9 +1,10 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import {
   MediaVariableInput
 } from "./MediaVariableInput.js";
 function DocumentVariableInput(props) {
-  return /* @__PURE__ */ React.createElement(MediaVariableInput, { ...props, mediaKind: "document" });
+  return /* @__PURE__ */ jsx(MediaVariableInput, { ...props, mediaKind: "document" });
 }
 export {
   DocumentVariableInput

package/dist/agents/components/inputs/input-components/ImageVariableInput.js

@@ -1,9 +1,10 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import {
   MediaVariableInput
 } from "./MediaVariableInput.js";
 function ImageVariableInput(props) {
-  return /* @__PURE__ */ React.createElement(MediaVariableInput, { ...props, mediaKind: "image" });
+  return /* @__PURE__ */ jsx(MediaVariableInput, { ...props, mediaKind: "image" });
 }
 export {
   ImageVariableInput