@ai-matrx/chat 0.6.6 → 0.7.1

package/dist/cx-chat/components/messages/MessageErrorBoundary.js

@@ -1,40 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import React from "react";
-import { TriangleAlert } from "lucide-react";
-import { captureReactRenderError } from "../../../host/diagnostics.js";
-import { ErrorAlchemyMenu } from "../../../host/ui-slots.js";
-class MessageErrorBoundary extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false };
-  }
-  static getDerivedStateFromError() {
-    return { hasError: true };
-  }
-  componentDidCatch(error, info) {
-    console.error("[MessageErrorBoundary] Render error in message", this.props.messageId, error, info);
-    captureReactRenderError(error, {
-      boundary: "MessageErrorBoundary",
-      componentStack: info.componentStack ?? null,
-      relation: this.props.messageId
-    });
-  }
-  render() {
-    if (this.state.hasError) {
-      return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 p-3 rounded-lg bg-amber-50 dark:bg-amber-950/20 border border-amber-200 dark:border-amber-800", children: [
-        /* @__PURE__ */ jsx(TriangleAlert, { className: "h-4 w-4 text-amber-600 dark:text-amber-400 flex-shrink-0 mt-0.5" }),
-        /* @__PURE__ */ jsxs("p", { className: "text-xs text-amber-700 dark:text-amber-300", children: [
-          "This message could not be displayed. The data may be in an unexpected format.",
-          /* @__PURE__ */ jsx(ErrorAlchemyMenu, {})
-        ] })
-      ] });
-    }
-    return this.props.children;
-  }
-}
-var MessageErrorBoundary_default = MessageErrorBoundary;
-export {
-  MessageErrorBoundary,
-  MessageErrorBoundary_default as default
-};

package/dist/cx-chat/components/variable-inputs/CheckboxGroupInput.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-interface CheckboxGroupInputProps {
-    value: string;
-    onChange: (value: string) => void;
-    options: string[];
-    variableName: string;
-    allowOther?: boolean;
-    compact?: boolean;
-}
-/**
- * Checkbox Group Input - Multi-select that returns selected options as newline-separated text
- */
-export declare function CheckboxGroupInput({ value, onChange, options, variableName, allowOther, compact }: CheckboxGroupInputProps): React.JSX.Element;
-export {};

package/dist/cx-chat/components/variable-inputs/CheckboxGroupInput.js

@@ -1,160 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { Label } from "@ai-matrx/design-system";
-import { Checkbox } from "../../../ui/checkbox.js";
-import { Textarea } from "@ai-matrx/design-system";
-const EMPTY_VALUE_PLACEHOLDER = "(empty)";
-const isEmptyOrWhitespace = (value) => {
-  return !value || value.trim() === "";
-};
-const toDisplayValue = (value) => {
-  return isEmptyOrWhitespace(value) ? EMPTY_VALUE_PLACEHOLDER : value;
-};
-const fromDisplayValue = (displayValue) => {
-  return displayValue === EMPTY_VALUE_PLACEHOLDER ? "" : displayValue;
-};
-function CheckboxGroupInput({
-  value,
-  onChange,
-  options,
-  variableName,
-  allowOther = false,
-  compact = false
-}) {
-  const selectedItems = value ? value.split("\n").filter(Boolean) : [];
-  const otherItem = selectedItems.find((item) => item.startsWith("Other: "));
-  const otherText = otherItem ? otherItem.substring(7) : "";
-  const isOtherChecked = !!otherItem;
-  const regularSelectedItems = selectedItems.filter((item) => !item.startsWith("Other: "));
-  const displayOptions = options.map(toDisplayValue);
-  const hasNonOptionValues = regularSelectedItems.some((item) => {
-    const displayItem = toDisplayValue(item);
-    return !displayOptions.includes(displayItem) && !options.includes(item);
-  });
-  const [customText, setCustomText] = useState(otherText);
-  useEffect(() => {
-    if (otherItem) {
-      setCustomText(otherItem.substring(7));
-    } else {
-      setCustomText("");
-    }
-  }, [otherItem]);
-  const handleToggle = (displayOption, checked) => {
-    const actualOption = fromDisplayValue(displayOption);
-    let newSelected;
-    if (checked) {
-      newSelected = [...selectedItems.filter((item) => item !== actualOption && !item.startsWith("Other: ")), actualOption];
-      if (isOtherChecked) {
-        newSelected.push(`Other: ${customText}`);
-      }
-    } else {
-      newSelected = selectedItems.filter((item) => item !== actualOption);
-    }
-    onChange(newSelected.join("\n"));
-  };
-  const handleOtherToggle = (checked) => {
-    let newSelected;
-    if (checked) {
-      newSelected = [...regularSelectedItems, `Other: ${customText}`];
-    } else {
-      newSelected = regularSelectedItems;
-    }
-    onChange(newSelected.join("\n"));
-  };
-  const handleCustomTextChange = (text) => {
-    setCustomText(text);
-    const newSelected = [...regularSelectedItems, `Other: ${text}`];
-    onChange(newSelected.join("\n"));
-  };
-  return /* @__PURE__ */ jsxs("div", { className: compact ? "space-y-1" : "space-y-4", children: [
-    value && hasNonOptionValues && /* @__PURE__ */ jsxs("div", { className: compact ? "p-1.5 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded" : "p-3 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded-lg", children: [
-      /* @__PURE__ */ jsx("p", { className: compact ? "text-[11px] font-medium text-amber-800 dark:text-amber-300 mb-0.5" : "text-xs font-medium text-amber-800 dark:text-amber-300 mb-1", children: "Current values:" }),
-      /* @__PURE__ */ jsx("div", { className: compact ? "text-xs text-amber-900 dark:text-amber-200 space-y-0.5" : "text-sm text-amber-900 dark:text-amber-200 space-y-0.5", children: regularSelectedItems.map((item, idx) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        !options.includes(item) && /* @__PURE__ */ jsx("span", { className: compact ? "text-[11px] bg-amber-200 dark:bg-amber-800 px-1 rounded" : "text-xs bg-amber-200 dark:bg-amber-800 px-1 rounded", children: "Custom" }),
-        /* @__PURE__ */ jsx("span", { children: item })
-      ] }, idx)) }),
-      /* @__PURE__ */ jsx("p", { className: compact ? "text-[11px] text-amber-700 dark:text-amber-400 mt-0.5" : "text-xs text-amber-700 dark:text-amber-400 mt-1", children: "Select options below to replace" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: compact ? "space-y-1" : "space-y-2", children: [
-      options.map((option, index) => {
-        const displayOption = toDisplayValue(option);
-        const actualOption = option;
-        const isChecked = regularSelectedItems.includes(actualOption);
-        const itemKey = isEmptyOrWhitespace(option) ? `empty-${index}` : option;
-        const itemId = `${variableName}-${displayOption}-${index}`;
-        return /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: compact ? "flex items-center space-x-2 p-1 bg-background rounded border-border hover:border-gray-300 dark:hover:border-gray-600 transition-colors cursor-pointer" : "flex items-center space-x-3 p-3 bg-background rounded-lg border-border hover:border-gray-300 dark:hover:border-gray-600 transition-colors cursor-pointer",
-            onClick: () => handleToggle(displayOption, !isChecked),
-            children: [
-              /* @__PURE__ */ jsx(
-                Checkbox,
-                {
-                  checked: isChecked,
-                  onCheckedChange: (checked) => handleToggle(displayOption, checked),
-                  id: itemId
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Label,
-                {
-                  htmlFor: itemId,
-                  className: compact ? "flex-1 text-xs cursor-pointer" : "flex-1 text-sm cursor-pointer",
-                  children: displayOption
-                }
-              )
-            ]
-          },
-          itemKey
-        );
-      }),
-      allowOther && /* @__PURE__ */ jsxs("div", { className: compact ? "space-y-1" : "space-y-2", children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: compact ? "flex items-center space-x-2 p-1 bg-background rounded border-border hover:border-gray-300 dark:hover:border-gray-600 transition-colors cursor-pointer" : "flex items-center space-x-3 p-3 bg-background rounded-lg border-border hover:border-gray-300 dark:hover:border-gray-600 transition-colors cursor-pointer",
-            onClick: () => handleOtherToggle(!isOtherChecked),
-            children: [
-              /* @__PURE__ */ jsx(
-                Checkbox,
-                {
-                  checked: isOtherChecked,
-                  onCheckedChange: (checked) => handleOtherToggle(checked),
-                  id: `${variableName}-other`
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Label,
-                {
-                  htmlFor: `${variableName}-other`,
-                  className: compact ? "flex-1 text-xs cursor-pointer" : "flex-1 text-sm cursor-pointer",
-                  children: "Other"
-                }
-              )
-            ]
-          }
-        ),
-        isOtherChecked && /* @__PURE__ */ jsx("div", { className: compact ? "ml-6 pl-2" : "ml-9 pl-3", children: /* @__PURE__ */ jsx(
-          Textarea,
-          {
-            value: customText,
-            onChange: (e) => handleCustomTextChange(e.target.value),
-            placeholder: "Enter custom value...",
-            className: compact ? "min-h-[60px] text-xs" : "min-h-[80px] text-sm",
-            autoFocus: true
-          }
-        ) })
-      ] })
-    ] }),
-    !compact && selectedItems.length > 0 && /* @__PURE__ */ jsx("div", { className: "pt-2 border-t border-border", children: /* @__PURE__ */ jsxs("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: [
-      "Selected: ",
-      selectedItems.length,
-      " item",
-      selectedItems.length !== 1 ? "s" : ""
-    ] }) })
-  ] });
-}
-export {
-  CheckboxGroupInput
-};

package/dist/cx-chat/components/variable-inputs/NumberInput.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-interface NumberInputProps {
-    value: string;
-    onChange: (value: string) => void;
-    min?: number;
-    max?: number;
-    step?: number;
-    variableName: string;
-    compact?: boolean;
-}
-/**
- * Number Input - Returns number as text with optional min/max/step controls
- */
-export declare function NumberInput({ value, onChange, min, max, step, variableName, compact }: NumberInputProps): React.JSX.Element;
-export {};

package/dist/cx-chat/components/variable-inputs/NumberInput.js

@@ -1,79 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Input } from "@ai-matrx/design-system/controls";
-import { Button } from "@ai-matrx/design-system/controls";
-import { Minus, Plus } from "lucide-react";
-function NumberInput({
-  value,
-  onChange,
-  min,
-  max,
-  step = 1,
-  variableName,
-  compact = false
-}) {
-  const numValue = parseFloat(value) || 0;
-  const isValidNumber = !isNaN(parseFloat(value));
-  const handleIncrement = () => {
-    const newValue = numValue + step;
-    if (max === void 0 || newValue <= max) {
-      onChange(newValue.toString());
-    }
-  };
-  const handleDecrement = () => {
-    const newValue = numValue - step;
-    if (min === void 0 || newValue >= min) {
-      onChange(newValue.toString());
-    }
-  };
-  const handleInputChange = (e) => {
-    const newValue = e.target.value;
-    if (newValue === "" || newValue === "-" || !isNaN(parseFloat(newValue))) {
-      onChange(newValue);
-    }
-  };
-  const canDecrement = min === void 0 || numValue > min;
-  const canIncrement = max === void 0 || numValue < max;
-  return /* @__PURE__ */ jsxs("div", { className: compact ? "space-y-1" : "space-y-4", children: [
-    value && !isValidNumber && /* @__PURE__ */ jsxs("div", { className: compact ? "p-1.5 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded" : "p-3 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded-lg", children: [
-      /* @__PURE__ */ jsx("p", { className: compact ? "text-[11px] font-medium text-amber-800 dark:text-amber-300 mb-0.5" : "text-xs font-medium text-amber-800 dark:text-amber-300 mb-1", children: "Current value:" }),
-      /* @__PURE__ */ jsx("p", { className: compact ? "text-xs text-amber-900 dark:text-amber-200" : "text-sm text-amber-900 dark:text-amber-200", children: value }),
-      /* @__PURE__ */ jsx("p", { className: compact ? "text-[11px] text-amber-700 dark:text-amber-400 mt-0.5" : "text-xs text-amber-700 dark:text-amber-400 mt-1", children: "Enter a valid number below to replace" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: compact ? "flex items-center gap-1" : "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          variant: "outline",
-          onClick: handleDecrement,
-          disabled: !canDecrement,
-          children: /* @__PURE__ */ jsx(Minus, { className: compact ? "w-3 h-3" : "w-4 h-4" })
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          type: "text",
-          value,
-          onChange: handleInputChange,
-          numeric: true,
-          align: "center",
-          placeholder: "0"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          variant: "outline",
-          onClick: handleIncrement,
-          disabled: !canIncrement,
-          children: /* @__PURE__ */ jsx(Plus, { className: compact ? "w-3 h-3" : "w-4 h-4" })
-        }
-      )
-    ] })
-  ] });
-}
-export {
-  NumberInput
-};

package/dist/cx-chat/components/variable-inputs/RadioGroupInput.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-interface RadioGroupInputProps {
-    value: string;
-    onChange: (value: string) => void;
-    options: string[];
-    variableName: string;
-    allowOther?: boolean;
-    compact?: boolean;
-}
-/**
- * Radio Group Input - Single select that returns selected option as text
- */
-export declare function RadioGroupInput({ value, onChange, options, variableName, allowOther, compact }: RadioGroupInputProps): React.JSX.Element;
-export {};

package/dist/cx-chat/components/variable-inputs/RadioGroupInput.js

@@ -1,125 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { Label } from "@ai-matrx/design-system";
-import { RadioGroup, RadioGroupItem } from "@ai-matrx/design-system";
-import { Textarea } from "@ai-matrx/design-system";
-const EMPTY_VALUE_PLACEHOLDER = "(empty)";
-const isEmptyOrWhitespace = (value) => {
-  return !value || value.trim() === "";
-};
-const toDisplayValue = (value) => {
-  return isEmptyOrWhitespace(value) ? EMPTY_VALUE_PLACEHOLDER : value;
-};
-const fromDisplayValue = (displayValue) => {
-  return displayValue === EMPTY_VALUE_PLACEHOLDER ? "" : displayValue;
-};
-function RadioGroupInput({
-  value,
-  onChange,
-  options,
-  variableName,
-  allowOther = false,
-  compact = false
-}) {
-  const displayOptions = options.map(toDisplayValue);
-  const displayValue = toDisplayValue(value);
-  const isValueInOptions = displayOptions.includes(displayValue);
-  const isOtherValue = value.startsWith("Other: ");
-  const otherText = isOtherValue ? value.substring(7) : "";
-  const [selectedOption, setSelectedOption] = useState(() => {
-    if (isValueInOptions) return displayValue;
-    if (isOtherValue) return "Other";
-    return "";
-  });
-  const [customText, setCustomText] = useState(otherText);
-  useEffect(() => {
-    const newDisplayValue = toDisplayValue(value);
-    if (isValueInOptions) {
-      setSelectedOption(newDisplayValue);
-      setCustomText("");
-    } else if (isOtherValue) {
-      setSelectedOption("Other");
-      setCustomText(value.substring(7));
-    }
-  }, [value, isValueInOptions, isOtherValue]);
-  const handleOptionChange = (newDisplayValue) => {
-    setSelectedOption(newDisplayValue);
-    if (newDisplayValue === "Other") {
-      onChange(customText ? `Other: ${customText}` : "Other: ");
-    } else {
-      const actualValue = fromDisplayValue(newDisplayValue);
-      onChange(actualValue);
-      setCustomText("");
-    }
-  };
-  const handleCustomTextChange = (text) => {
-    setCustomText(text);
-    onChange(`Other: ${text}`);
-  };
-  const showNonMatchingValue = value && !isValueInOptions && !isOtherValue;
-  return /* @__PURE__ */ jsxs("div", { className: compact ? "space-y-0" : "space-y-4", children: [
-    showNonMatchingValue && /* @__PURE__ */ jsxs("div", { className: compact ? "p-1.5 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded" : "p-3 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded-lg", children: [
-      /* @__PURE__ */ jsx("p", { className: compact ? "text-[11px] font-medium text-amber-800 dark:text-amber-300 mb-0.5" : "text-xs font-medium text-amber-800 dark:text-amber-300 mb-1", children: "Current value:" }),
-      /* @__PURE__ */ jsx("p", { className: compact ? "text-xs text-amber-900 dark:text-amber-200" : "text-sm text-amber-900 dark:text-amber-200", children: value || "(empty)" }),
-      /* @__PURE__ */ jsx("p", { className: compact ? "text-[11px] text-amber-700 dark:text-amber-400 mt-0.5" : "text-xs text-amber-700 dark:text-amber-400 mt-1", children: "Select an option below to replace" })
-    ] }),
-    /* @__PURE__ */ jsx(RadioGroup, { value: selectedOption, onValueChange: handleOptionChange, children: /* @__PURE__ */ jsxs("div", { className: compact ? "space-y-0" : "space-y-1", children: [
-      options.map((option, index) => {
-        const displayOption = toDisplayValue(option);
-        const itemKey = isEmptyOrWhitespace(option) ? `empty-${index}` : option;
-        return /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: compact ? "flex items-center space-x-2 p-1 bg-background rounded border-border hover:border-gray-300 dark:hover:border-gray-600 transition-colors cursor-pointer" : "flex items-center space-x-3 p-3 bg-background rounded-lg border-border hover:border-gray-300 dark:hover:border-gray-600 transition-colors cursor-pointer",
-            onClick: () => handleOptionChange(displayOption),
-            children: [
-              /* @__PURE__ */ jsx(RadioGroupItem, { value: displayOption, id: `${variableName}-${displayOption}-${index}` }),
-              /* @__PURE__ */ jsx(
-                Label,
-                {
-                  htmlFor: `${variableName}-${displayOption}-${index}`,
-                  className: compact ? "flex-1 text-xs cursor-pointer" : "flex-1 text-sm cursor-pointer",
-                  children: displayOption
-                }
-              )
-            ]
-          },
-          itemKey
-        );
-      }),
-      allowOther && /* @__PURE__ */ jsxs("div", { className: compact ? "space-y-1" : "space-y-2", children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: compact ? "flex items-center space-x-2 p-1 bg-background rounded border-border hover:border-gray-300 dark:hover:border-gray-600 transition-colors cursor-pointer" : "flex items-center space-x-3 p-3 bg-background rounded-lg border-border hover:border-gray-300 dark:hover:border-gray-600 transition-colors cursor-pointer",
-            onClick: () => handleOptionChange("Other"),
-            children: [
-              /* @__PURE__ */ jsx(RadioGroupItem, { value: "Other", id: `${variableName}-other` }),
-              /* @__PURE__ */ jsx(
-                Label,
-                {
-                  htmlFor: `${variableName}-other`,
-                  className: compact ? "flex-1 text-xs cursor-pointer" : "flex-1 text-sm cursor-pointer",
-                  children: "Other"
-                }
-              )
-            ]
-          }
-        ),
-        selectedOption === "Other" && /* @__PURE__ */ jsx("div", { className: compact ? "ml-6 pl-2" : "ml-9 pl-3", children: /* @__PURE__ */ jsx(
-          Textarea,
-          {
-            value: customText,
-            onChange: (e) => handleCustomTextChange(e.target.value),
-            placeholder: "Enter custom value...",
-            className: compact ? "min-h-[60px] text-xs" : "min-h-[80px] text-sm",
-            autoFocus: true
-          }
-        ) })
-      ] })
-    ] }) })
-  ] });
-}
-export {
-  RadioGroupInput
-};

package/dist/cx-chat/components/variable-inputs/SelectInput.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-interface SelectInputProps {
-    value: string;
-    onChange: (value: string) => void;
-    options: string[];
-    variableName: string;
-    allowOther?: boolean;
-    compact?: boolean;
-}
-/**
- * Select Input - Dropdown single select that returns selected option as text
- */
-export declare function SelectInput({ value, onChange, options, variableName, allowOther, compact }: SelectInputProps): React.JSX.Element;
-export {};

package/dist/cx-chat/components/variable-inputs/SelectInput.js

@@ -1,92 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@ai-matrx/design-system";
-import { Textarea } from "@ai-matrx/design-system";
-const EMPTY_VALUE_PLACEHOLDER = "(empty)";
-const isEmptyOrWhitespace = (value) => {
-  return !value || value.trim() === "";
-};
-const toDisplayValue = (value) => {
-  return isEmptyOrWhitespace(value) ? EMPTY_VALUE_PLACEHOLDER : value;
-};
-const fromDisplayValue = (displayValue) => {
-  return displayValue === EMPTY_VALUE_PLACEHOLDER ? "" : displayValue;
-};
-function SelectInput({
-  value,
-  onChange,
-  options,
-  variableName,
-  allowOther = false,
-  compact = false
-}) {
-  const displayOptions = options.map(toDisplayValue);
-  const displayValue = toDisplayValue(value);
-  const isValueInOptions = displayOptions.includes(displayValue);
-  const isOtherValue = value.startsWith("Other: ");
-  const otherText = isOtherValue ? value.substring(7) : "";
-  const [selectedOption, setSelectedOption] = useState(() => {
-    if (isValueInOptions) return displayValue;
-    if (isOtherValue) return "Other";
-    return displayValue;
-  });
-  const [customText, setCustomText] = useState(otherText);
-  useEffect(() => {
-    const newDisplayValue = toDisplayValue(value);
-    if (isValueInOptions) {
-      setSelectedOption(newDisplayValue);
-      setCustomText("");
-    } else if (isOtherValue) {
-      setSelectedOption("Other");
-      setCustomText(value.substring(7));
-    }
-  }, [value, isValueInOptions, isOtherValue]);
-  const handleSelectChange = (newDisplayValue) => {
-    setSelectedOption(newDisplayValue);
-    if (newDisplayValue === "Other") {
-      onChange(customText ? `Other: ${customText}` : "Other: ");
-    } else {
-      const actualValue = fromDisplayValue(newDisplayValue);
-      onChange(actualValue);
-      setCustomText("");
-    }
-  };
-  const handleCustomTextChange = (text) => {
-    setCustomText(text);
-    onChange(`Other: ${text}`);
-  };
-  const showNonMatchingValue = value && !isValueInOptions && !isOtherValue;
-  return /* @__PURE__ */ jsxs("div", { className: compact ? "space-y-1" : "space-y-4", children: [
-    showNonMatchingValue && /* @__PURE__ */ jsxs("div", { className: compact ? "p-1.5 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded" : "p-3 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded-lg", children: [
-      /* @__PURE__ */ jsx("p", { className: compact ? "text-[11px] font-medium text-amber-800 dark:text-amber-300 mb-0.5" : "text-xs font-medium text-amber-800 dark:text-amber-300 mb-1", children: "Current value:" }),
-      /* @__PURE__ */ jsx("p", { className: compact ? "text-xs text-amber-900 dark:text-amber-200" : "text-sm text-amber-900 dark:text-amber-200", children: value || "(empty)" }),
-      /* @__PURE__ */ jsx("p", { className: compact ? "text-[11px] text-amber-700 dark:text-amber-400 mt-0.5" : "text-xs text-amber-700 dark:text-amber-400 mt-1", children: "Select an option below to replace" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: compact ? "space-y-1" : "space-y-3", children: [
-      /* @__PURE__ */ jsxs(Select, { value: selectedOption, onValueChange: handleSelectChange, children: [
-        /* @__PURE__ */ jsx(SelectTrigger, { className: compact ? "w-full h-8 text-xs" : "w-full", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Choose an option..." }) }),
-        /* @__PURE__ */ jsxs(SelectContent, { children: [
-          options.map((option, index) => {
-            const displayOption = toDisplayValue(option);
-            const itemKey = isEmptyOrWhitespace(option) ? `empty-${index}` : option;
-            return /* @__PURE__ */ jsx(SelectItem, { value: displayOption, children: displayOption }, itemKey);
-          }),
-          allowOther && /* @__PURE__ */ jsx(SelectItem, { value: "Other", children: "Other" })
-        ] })
-      ] }),
-      selectedOption === "Other" && /* @__PURE__ */ jsx("div", { className: compact ? "pt-1" : "pt-2", children: /* @__PURE__ */ jsx(
-        Textarea,
-        {
-          value: customText,
-          onChange: (e) => handleCustomTextChange(e.target.value),
-          placeholder: "Enter custom value...",
-          className: compact ? "min-h-[60px] text-xs" : "min-h-[80px] text-sm",
-          autoFocus: true
-        }
-      ) })
-    ] })
-  ] });
-}
-export {
-  SelectInput
-};

package/dist/cx-chat/components/variable-inputs/TextareaInput.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-interface TextareaInputProps {
-    value: string;
-    onChange: (value: string) => void;
-    variableName: string;
-    onRequestClose?: () => void;
-    compact?: boolean;
-}
-/**
- * Textarea Input - Multi-line text input with voice input capability
- * Protection against accidental transcription loss is built-in
- */
-export declare function TextareaInput({ value, onChange, variableName, onRequestClose, compact }: TextareaInputProps): React.JSX.Element;
-export {};

package/dist/cx-chat/components/variable-inputs/TextareaInput.js

@@ -1,46 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useRef } from "react";
-import { VoiceTextarea } from "../../../host/ui-slots.js";
-import { toast } from "../../../host/notify.js";
-import { variableInputPlaceholder } from "../../../agents/components/inputs/input-components/variablePlaceholder.js";
-function TextareaInput({
-  value,
-  onChange,
-  variableName,
-  onRequestClose,
-  compact = false
-}) {
-  const hasSelectedRef = useRef(false);
-  const handleFocus = (e) => {
-    if (!hasSelectedRef.current && e.target.value) {
-      e.target.select();
-      hasSelectedRef.current = true;
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    VoiceTextarea,
-    {
-      value,
-      onChange: (e) => onChange(e.target.value),
-      onFocus: handleFocus,
-      placeholder: variableInputPlaceholder(),
-      className: compact ? "min-h-[65px] text-xs" : "min-h-[200px] text-sm",
-      rows: compact ? 2 : void 0,
-      autoFocus: true,
-      appendTranscript: true,
-      onRequestClose,
-      protectTranscription: true,
-      onTranscriptionComplete: (text) => {
-        toast.success("Voice input added");
-      },
-      onTranscriptionError: (error) => {
-        toast.error("Voice input failed", {
-          description: error
-        });
-      }
-    }
-  );
-}
-export {
-  TextareaInput
-};

package/dist/cx-chat/components/variable-inputs/ToggleInput.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-interface ToggleInputProps {
-    value: string;
-    onChange: (value: string) => void;
-    offLabel?: string;
-    onLabel?: string;
-    variableName: string;
-    compact?: boolean;
-}
-/**
- * Toggle Input - Returns text value based on toggle state
- */
-export declare function ToggleInput({ value, onChange, offLabel, onLabel, variableName, compact }: ToggleInputProps): React.JSX.Element;
-export {};