@ai-matrx/chat 0.5.0 → 0.5.3

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

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useFileUpload } from "@ai-matrx/media/files/engine/handler/hooks/useFileUpload";
 import { useCallback, useRef, useState } from "react";
 import {
@@ -147,135 +148,185 @@ function MediaVariableInput({
   const onClear = () => onChange("");
   const openLibrary = () => setLibraryOpen(true);
   const hasThumbnail = meta.canThumbnail && !!previewSrc && /^https?:\/\//.test(previewSrc);
-  return /* @__PURE__ */ React.createElement("div", { className: cn("space-y-1.5", compact && "space-y-1") }, stored && isFileId && /* @__PURE__ */ React.createElement("div", { className: "space-y-1.5 rounded-md border border-border bg-muted/40 p-2" }, /* @__PURE__ */ React.createElement("div", { className: "flex min-w-0 items-center justify-between gap-2" }, /* @__PURE__ */ React.createElement(
-    FileResourceChip,
-    {
-      fileId: stored,
-      onRemove: onClear,
-      className: "min-w-0 max-w-full"
-    }
-  ), mediaKind === "document" ? /* @__PURE__ */ React.createElement(
-    FileRagBadge,
-    {
-      fileId: stored,
-      showRagStatus: true,
-      iconOnly: false,
-      className: "shrink-0"
-    }
-  ) : null), mediaKind === "document" ? /* @__PURE__ */ React.createElement("p", { className: "text-[10px] leading-snug text-muted-foreground" }, documentState.status === "loading" ? "Checking processed document\u2026" : documentState.status === "found" ? "Processed document detected \u2014 existing clean/raw text, Knowledge, pages, and derivations are discoverable by the agent automatically." : documentState.status === "absent" ? "Original file selected. Process it for Knowledge to add clean/raw text, search, pages, and derivations." : documentState.status === "unavailable" ? "File selected; processed-document status is temporarily unavailable." : "File selected by file_id.") : null, /* @__PURE__ */ React.createElement(
-    ResourceFamilyPolicyEditor,
-    {
-      fileId: stored,
-      value: effectiveResourceContext,
-      onChange: conversationId ? (policy) => dispatch(
-        setRuntimeVariableResourcePolicy({
-          conversationId,
-          name: policyKey,
-          policy
-        })
-      ) : void 0,
-      compact
-    }
-  )), stored && !isFileId && /* @__PURE__ */ React.createElement("div", { className: "flex items-stretch gap-2 px-2 py-1.5 rounded-md border border-border bg-muted/40" }, hasThumbnail ? /* @__PURE__ */ React.createElement(
-    InlineMediaRef,
-    {
-      ref: isFileId ? stored : previewSrc,
-      size: { width: 40, height: 40 },
-      fit: "cover",
-      rounded: "none",
-      alt: variableName,
-      className: "rounded border border-border shrink-0"
-    }
-  ) : /* @__PURE__ */ React.createElement("div", { className: "h-10 w-10 rounded bg-background flex items-center justify-center shrink-0 border border-border" }, /* @__PURE__ */ React.createElement(Icon, { className: "w-4 h-4 text-muted-foreground" })), /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-w-0 flex flex-col justify-center" }, /* @__PURE__ */ React.createElement(
-    "span",
-    {
-      className: "text-xs font-medium text-foreground truncate",
-      title: stored
-    },
-    describeValue(stored)
-  ), /* @__PURE__ */ React.createElement("span", { className: "text-[10px] text-muted-foreground capitalize" }, meta.label)), /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "ghost",
-      size: "sm",
-      className: "h-6 w-6 p-0 shrink-0 self-start",
-      onClick: onClear,
-      title: `Clear ${meta.label}`
-    },
-    /* @__PURE__ */ React.createElement(X, { className: "w-3 h-3" })
-  )), stored && /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      type: "button",
-      variant: "outline",
-      size: "sm",
-      className: "h-7 w-full text-xs",
-      onClick: openLibrary
-    },
-    /* @__PURE__ */ React.createElement(FolderOpen, { className: "mr-1.5 h-3.5 w-3.5" }),
-    "Choose a different file"
-  ), !stored && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      onDrop,
-      onDragOver,
-      onDragLeave,
-      onClick: onPickFile,
-      role: "button",
-      tabIndex: 0,
-      onKeyDown: (e) => {
-        if (e.key === "Enter" || e.key === " ") onPickFile();
-      },
-      className: cn(
-        "flex items-center gap-2 px-3 py-3 rounded-md border border-dashed cursor-pointer transition-colors",
-        isDragging ? "border-primary bg-primary/5" : "border-border hover:border-foreground/40 hover:bg-muted/40",
-        uploading && "pointer-events-none opacity-60"
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-1.5", compact && "space-y-1"), children: [
+    stored && isFileId && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 rounded-md border border-border bg-muted/40 p-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsx(
+          FileResourceChip,
+          {
+            fileId: stored,
+            onRemove: onClear,
+            className: "min-w-0 max-w-full"
+          }
+        ),
+        mediaKind === "document" ? /* @__PURE__ */ jsx(
+          FileRagBadge,
+          {
+            fileId: stored,
+            showRagStatus: true,
+            iconOnly: false,
+            className: "shrink-0"
+          }
+        ) : null
+      ] }),
+      mediaKind === "document" ? /* @__PURE__ */ jsx("p", { className: "text-[10px] leading-snug text-muted-foreground", children: documentState.status === "loading" ? "Checking processed document\u2026" : documentState.status === "found" ? "Processed document detected \u2014 existing clean/raw text, Knowledge, pages, and derivations are discoverable by the agent automatically." : documentState.status === "absent" ? "Original file selected. Process it for Knowledge to add clean/raw text, search, pages, and derivations." : documentState.status === "unavailable" ? "File selected; processed-document status is temporarily unavailable." : "File selected by file_id." }) : null,
+      /* @__PURE__ */ jsx(
+        ResourceFamilyPolicyEditor,
+        {
+          fileId: stored,
+          value: effectiveResourceContext,
+          onChange: conversationId ? (policy) => dispatch(
+            setRuntimeVariableResourcePolicy({
+              conversationId,
+              name: policyKey,
+              policy
+            })
+          ) : void 0,
+          compact
+        }
       )
-    },
-    uploading ? /* @__PURE__ */ React.createElement(Loader2, { className: "w-4 h-4 text-muted-foreground animate-spin shrink-0" }) : /* @__PURE__ */ React.createElement(Upload, { className: "w-4 h-4 text-muted-foreground shrink-0" }),
-    /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React.createElement("div", { className: "text-xs font-medium text-foreground" }, uploading ? `Uploading ${meta.label}\u2026` : `Drop ${meta.label} here or click to upload`), /* @__PURE__ */ React.createElement("div", { className: "text-[10px] text-muted-foreground" }, "Files are uploaded privately to your library")),
-    /* @__PURE__ */ React.createElement(
-      "input",
+    ] }),
+    stored && !isFileId && /* @__PURE__ */ jsxs("div", { className: "flex items-stretch gap-2 px-2 py-1.5 rounded-md border border-border bg-muted/40", children: [
+      hasThumbnail ? /* @__PURE__ */ jsx(
+        InlineMediaRef,
+        {
+          ref: isFileId ? stored : previewSrc,
+          size: { width: 40, height: 40 },
+          fit: "cover",
+          rounded: "none",
+          alt: variableName,
+          className: "rounded border border-border shrink-0"
+        }
+      ) : /* @__PURE__ */ jsx("div", { className: "h-10 w-10 rounded bg-background flex items-center justify-center shrink-0 border border-border", children: /* @__PURE__ */ jsx(Icon, { className: "w-4 h-4 text-muted-foreground" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 flex flex-col justify-center", children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "text-xs font-medium text-foreground truncate",
+            title: stored,
+            children: describeValue(stored)
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground capitalize", children: meta.label })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          className: "h-6 w-6 p-0 shrink-0 self-start",
+          onClick: onClear,
+          title: `Clear ${meta.label}`,
+          children: /* @__PURE__ */ jsx(X, { className: "w-3 h-3" })
+        }
+      )
+    ] }),
+    stored && /* @__PURE__ */ jsxs(
+      Button,
       {
-        ref: fileInputRef,
-        type: "file",
-        accept: meta.accept,
-        onChange: onFileInputChange,
-        className: "hidden"
-      }
-    )
-  ), /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      type: "button",
-      variant: "outline",
-      size: "sm",
-      className: "h-8 w-full text-xs",
-      disabled: uploading,
-      onClick: openLibrary
-    },
-    /* @__PURE__ */ React.createElement(FolderOpen, { className: "mr-1.5 h-3.5 w-3.5" }),
-    "Choose from Files"
-  ), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1.5 text-[10px] text-muted-foreground" }, /* @__PURE__ */ React.createElement("span", { className: "flex-1 border-t border-border" }), /* @__PURE__ */ React.createElement("span", null, "or paste URL"), /* @__PURE__ */ React.createElement("span", { className: "flex-1 border-t border-border" })), /* @__PURE__ */ React.createElement(
-    Input,
-    {
-      mono: true,
-      value: stored,
-      onChange: (e) => onChange(e.target.value),
-      placeholder: meta.urlPlaceholder,
-      "aria-label": `${meta.label} URL for ${variableName}`
-    }
-  )), error && /* @__PURE__ */ React.createElement("div", { className: "flex items-start gap-1.5 px-2 py-1.5 rounded-md bg-destructive/10 text-destructive-ink" }, /* @__PURE__ */ React.createElement(AlertCircle, { className: "w-3 h-3 mt-0.5 shrink-0" }), /* @__PURE__ */ React.createElement("span", { className: "text-[11px]" }, error.message), /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, { error: error.message })), /* @__PURE__ */ React.createElement(Dialog, { open: libraryOpen, onOpenChange: setLibraryOpen }, /* @__PURE__ */ React.createElement(DialogContent, { className: "sm:max-w-[480px] p-0 gap-0 overflow-hidden [&>button]:hidden" }, /* @__PURE__ */ React.createElement(DialogTitle, { className: "sr-only" }, "Choose ", meta.label, " from Cloud Files"), libraryOpen && /* @__PURE__ */ React.createElement(
-    FilesResourcePicker,
-    {
-      onBack: () => setLibraryOpen(false),
-      initialFilter: meta.libraryFilter,
-      onSelect: (selection) => {
-        if (selection.fileId) onChange(selection.fileId);
-        setLibraryOpen(false);
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        className: "h-7 w-full text-xs",
+        onClick: openLibrary,
+        children: [
+          /* @__PURE__ */ jsx(FolderOpen, { className: "mr-1.5 h-3.5 w-3.5" }),
+          "Choose a different file"
+        ]
       }
-    }
-  ))));
+    ),
+    !stored && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          onDrop,
+          onDragOver,
+          onDragLeave,
+          onClick: onPickFile,
+          role: "button",
+          tabIndex: 0,
+          onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") onPickFile();
+          },
+          className: cn(
+            "flex items-center gap-2 px-3 py-3 rounded-md border border-dashed cursor-pointer transition-colors",
+            isDragging ? "border-primary bg-primary/5" : "border-border hover:border-foreground/40 hover:bg-muted/40",
+            uploading && "pointer-events-none opacity-60"
+          ),
+          children: [
+            uploading ? /* @__PURE__ */ jsx(Loader2, { className: "w-4 h-4 text-muted-foreground animate-spin shrink-0" }) : /* @__PURE__ */ jsx(Upload, { className: "w-4 h-4 text-muted-foreground shrink-0" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-foreground", children: uploading ? `Uploading ${meta.label}\u2026` : `Drop ${meta.label} here or click to upload` }),
+              /* @__PURE__ */ jsx("div", { className: "text-[10px] text-muted-foreground", children: "Files are uploaded privately to your library" })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                ref: fileInputRef,
+                type: "file",
+                accept: meta.accept,
+                onChange: onFileInputChange,
+                className: "hidden"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          className: "h-8 w-full text-xs",
+          disabled: uploading,
+          onClick: openLibrary,
+          children: [
+            /* @__PURE__ */ jsx(FolderOpen, { className: "mr-1.5 h-3.5 w-3.5" }),
+            "Choose from Files"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-[10px] text-muted-foreground", children: [
+        /* @__PURE__ */ jsx("span", { className: "flex-1 border-t border-border" }),
+        /* @__PURE__ */ jsx("span", { children: "or paste URL" }),
+        /* @__PURE__ */ jsx("span", { className: "flex-1 border-t border-border" })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          mono: true,
+          value: stored,
+          onChange: (e) => onChange(e.target.value),
+          placeholder: meta.urlPlaceholder,
+          "aria-label": `${meta.label} URL for ${variableName}`
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-1.5 px-2 py-1.5 rounded-md bg-destructive/10 text-destructive-ink", children: [
+      /* @__PURE__ */ jsx(AlertCircle, { className: "w-3 h-3 mt-0.5 shrink-0" }),
+      /* @__PURE__ */ jsx("span", { className: "text-[11px]", children: error.message }),
+      /* @__PURE__ */ jsx(ErrorAlchemyMenu, { error: error.message })
+    ] }),
+    /* @__PURE__ */ jsx(Dialog, { open: libraryOpen, onOpenChange: setLibraryOpen, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-[480px] p-0 gap-0 overflow-hidden [&>button]:hidden", children: [
+      /* @__PURE__ */ jsxs(DialogTitle, { className: "sr-only", children: [
+        "Choose ",
+        meta.label,
+        " from Cloud Files"
+      ] }),
+      libraryOpen && /* @__PURE__ */ jsx(
+        FilesResourcePicker,
+        {
+          onBack: () => setLibraryOpen(false),
+          initialFilter: meta.libraryFilter,
+          onSelect: (selection) => {
+            if (selection.fileId) onChange(selection.fileId);
+            setLibraryOpen(false);
+          }
+        }
+      )
+    ] }) })
+  ] });
 }
 export {
   MediaVariableInput

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

@@ -1,4 +1,4 @@
-import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Input } from "@ai-matrx/design-system/controls";
 import { Button } from "@ai-matrx/design-system";
 import { Minus, Plus } from "lucide-react";
@@ -42,54 +42,59 @@ function NumberInput({
   };
   const canDecrement = min === void 0 || numValue > min;
   const canIncrement = max === void 0 || numValue < max;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: compact ? "flex items-center gap-1" : "flex items-center gap-2"
-    },
-    /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        type: "button",
-        variant: "outline",
-        size: "sm",
-        onClick: handleDecrement,
-        disabled: !canDecrement,
-        className: compact ? "h-7 w-7 rounded-full p-0" : "h-10 w-10 rounded-full p-0"
-      },
-      /* @__PURE__ */ React.createElement(Minus, { className: compact ? "w-3 h-3" : "w-4 h-4" })
-    ),
-    /* @__PURE__ */ React.createElement("div", { className: "relative min-w-0 flex-1" }, /* @__PURE__ */ React.createElement(
-      Input,
-      {
-        type: "text",
-        value,
-        onChange: handleInputChange,
-        onBlur: handleBlur,
-        inputMode: "decimal",
-        numeric: true,
-        align: "center",
-        placeholder: "0"
-      }
-    ), unit && /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        className: compact ? "pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-xs text-muted-foreground" : "pointer-events-none absolute right-4 top-1/2 -translate-y-1/2 text-sm text-muted-foreground"
-      },
-      unit
-    )),
-    /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        type: "button",
-        variant: "outline",
-        size: "sm",
-        onClick: handleIncrement,
-        disabled: !canIncrement,
-        className: compact ? "h-7 w-7 rounded-full p-0" : "h-10 w-10 rounded-full p-0"
-      },
-      /* @__PURE__ */ React.createElement(Plus, { className: compact ? "w-3 h-3" : "w-4 h-4" })
-    )
+      className: compact ? "flex items-center gap-1" : "flex items-center gap-2",
+      children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            onClick: handleDecrement,
+            disabled: !canDecrement,
+            className: compact ? "h-7 w-7 rounded-full p-0" : "h-10 w-10 rounded-full p-0",
+            children: /* @__PURE__ */ jsx(Minus, { className: compact ? "w-3 h-3" : "w-4 h-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "relative min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "text",
+              value,
+              onChange: handleInputChange,
+              onBlur: handleBlur,
+              inputMode: "decimal",
+              numeric: true,
+              align: "center",
+              placeholder: "0"
+            }
+          ),
+          unit && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: compact ? "pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-xs text-muted-foreground" : "pointer-events-none absolute right-4 top-1/2 -translate-y-1/2 text-sm text-muted-foreground",
+              children: unit
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            onClick: handleIncrement,
+            disabled: !canIncrement,
+            className: compact ? "h-7 w-7 rounded-full p-0" : "h-10 w-10 rounded-full p-0",
+            children: /* @__PURE__ */ jsx(Plus, { className: compact ? "w-3 h-3" : "w-4 h-4" })
+          }
+        )
+      ]
+    }
   );
 }
 export {

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

@@ -1,5 +1,5 @@
 "use client";
-import React from "react";
+import { jsx } from "react/jsx-runtime";
 import { readStructuredList } from "../../../utils/variable-customcomponent.js";
 import { SelectInput } from "./SelectInput.js";
 import { RadioGroupInput } from "./RadioGroupInput.js";
@@ -28,7 +28,7 @@ function PicklistVariableInput({
     binding?.groupName
   );
   if (!binding) {
-    return /* @__PURE__ */ React.createElement("p", { className: "text-xs text-muted-foreground italic" }, "This variable is not bound to a picklist.");
+    return /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground italic", children: "This variable is not bound to a picklist." });
   }
   const listId = binding.listId;
   const multiple = !!binding.multiple;
@@ -75,16 +75,16 @@ function PicklistVariableInput({
     ...selection.otherText.map((t) => `${OTHER_PREFIX}${t}`)
   ].filter(Boolean).join("\n") : selection.refs[0]?.label ?? (selection.otherText[0] ? `${OTHER_PREFIX}${selection.otherText[0]}` : "");
   if (loading) {
-    return /* @__PURE__ */ React.createElement(Skeleton, { className: compact ? "h-8 w-full" : "h-9 w-full" });
+    return /* @__PURE__ */ jsx(Skeleton, { className: compact ? "h-8 w-full" : "h-9 w-full" });
   }
   if (error) {
-    return /* @__PURE__ */ React.createElement(ReadFailure, { error, what: "this list's options", className: "m-0", onRetry: retry });
+    return /* @__PURE__ */ jsx(ReadFailure, { error, what: "this list's options", className: "m-0", onRetry: retry });
   }
   if (unavailable || options.length === 0) {
-    return /* @__PURE__ */ React.createElement("p", { className: "text-xs text-muted-foreground italic" }, unavailable ? "This list is no longer available." : "No options in this list yet.");
+    return /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground italic", children: unavailable ? "This list is no longer available." : "No options in this list yet." });
   }
   if (multiple) {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       CheckboxGroupInput,
       {
         value: innerValue,
@@ -98,7 +98,7 @@ function PicklistVariableInput({
   }
   switch (customComponent.type) {
     case "radio":
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         RadioGroupInput,
         {
           value: innerValue,
@@ -110,7 +110,7 @@ function PicklistVariableInput({
         }
       );
     case "pill-toggle":
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         PillToggleInput,
         {
           value: innerValue,
@@ -121,7 +121,7 @@ function PicklistVariableInput({
         }
       );
     case "selection-list":
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         SelectInput,
         {
           value: innerValue,
@@ -135,7 +135,7 @@ function PicklistVariableInput({
         }
       );
     case "buttons":
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         SelectInput,
         {
           value: innerValue,
@@ -150,7 +150,7 @@ function PicklistVariableInput({
       );
     case "select":
     default:
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         SelectInput,
         {
           value: innerValue,

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

@@ -1,4 +1,4 @@
-import React from "react";
+import { jsx } from "react/jsx-runtime";
 import { humanizeIdentifier } from "@ai-matrx/kit/text-case";
 import { SegmentedControl } from "@ai-matrx/design-system/controls";
 function PillToggleInput({
@@ -12,7 +12,7 @@ function PillToggleInput({
   const height = compact ? "min-h-7" : "min-h-8";
   const textSize = compact ? "text-xs" : "text-sm";
   const px = compact ? "px-2.5" : "px-3";
-  return /* @__PURE__ */ React.createElement(SegmentedControl, { "aria-label": humanizeIdentifier(variableName), fill: true, value, onValueChange: onChange, data: options.map((option) => ({ value: option, label: option })) });
+  return /* @__PURE__ */ jsx(SegmentedControl, { "aria-label": humanizeIdentifier(variableName), fill: true, value, onValueChange: onChange, data: options.map((option) => ({ value: option, label: option })) });
 }
 export {
   PillToggleInput

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

@@ -1,4 +1,4 @@
-import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { RadioGroup, RadioGroupItem } from "@ai-matrx/design-system";
 import { calcCols } from "./useContainerColumns.js";
 import { ProTextarea } from "../../../../host/ui-slots.js";
@@ -33,54 +33,64 @@ function RadioGroupInput({
   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(RadioGroup, { value: selectedOption, onValueChange: handleOptionChange }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { className: compact ? "space-y-1" : "space-y-2", children: /* @__PURE__ */ jsx(RadioGroup, { value: selectedOption, onValueChange: handleOptionChange, children: /* @__PURE__ */ jsxs(
     "div",
     {
       style: isMultiCol ? {
         display: "grid",
         gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,
         gap
-      } : { display: "flex", flexDirection: "column", gap }
-    },
-    options.map((option, index) => /* @__PURE__ */ React.createElement(
-      "label",
-      {
-        key: `${option}-${index}`,
-        htmlFor: `${variableName}-${option}-${index}`,
-        className: itemClass
-      },
-      /* @__PURE__ */ React.createElement(
-        RadioGroupItem,
-        {
-          value: option,
-          id: `${variableName}-${option}-${index}`
-        }
-      ),
-      /* @__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: itemClass }, /* @__PURE__ */ React.createElement(RadioGroupItem, { value: "Other", 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"
-    )), selectedOption === "Other" && /* @__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) => /* @__PURE__ */ jsxs(
+          "label",
+          {
+            htmlFor: `${variableName}-${option}-${index}`,
+            className: itemClass,
+            children: [
+              /* @__PURE__ */ jsx(
+                RadioGroupItem,
+                {
+                  value: option,
+                  id: `${variableName}-${option}-${index}`
+                }
+              ),
+              /* @__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: itemClass, children: [
+            /* @__PURE__ */ jsx(RadioGroupItem, { value: "Other", 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"
+              }
+            )
+          ] }),
+          selectedOption === "Other" && /* @__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
+            }
+          ) })
+        ] })
+      ]
+    }
+  ) }) });
 }
 export {
   RadioGroupInput