@ai-matrx/agents 0.59.214 → 0.59.215

package/dist/settings/react/index.js

@@ -398,116 +398,70 @@ import { ErrorBox } from "@ai-matrx/design-system";
 import { Button, Switch } from "@ai-matrx/design-system/controls";
 
 // settings/react/settings-icons.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function Svg({ className, children }) {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      className,
-      children
-    }
-  );
-}
-var CircleCheckGlyph = ({ className }) => /* @__PURE__ */ jsxs(Svg, { className, children: [
-  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
-  /* @__PURE__ */ jsx("path", { d: "m16 9-5.5 5.5L8 12" })
-] });
-var TriangleAlertGlyph = ({ className }) => /* @__PURE__ */ jsxs(Svg, { className, children: [
-  /* @__PURE__ */ jsx("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
-  /* @__PURE__ */ jsx("path", { d: "M12 9v4" }),
-  /* @__PURE__ */ jsx("path", { d: "M12 17h.01" })
-] });
-var VariableGlyph = ({ className }) => /* @__PURE__ */ jsxs(Svg, { className, children: [
-  /* @__PURE__ */ jsx("path", { d: "M8 21s-4-3-4-9 4-9 4-9" }),
-  /* @__PURE__ */ jsx("path", { d: "M16 3s4 3 4 9-4 9-4 9" }),
-  /* @__PURE__ */ jsx("line", { x1: "15", x2: "9", y1: "9", y2: "15" }),
-  /* @__PURE__ */ jsx("line", { x1: "9", x2: "15", y1: "9", y2: "15" })
-] });
-var UnlinkGlyph = ({ className }) => /* @__PURE__ */ jsxs(Svg, { className, children: [
-  /* @__PURE__ */ jsx("path", { d: "m18.84 12.25 1.72-1.71h-.02a5.004 5.004 0 0 0-.12-7.07 5.006 5.006 0 0 0-6.95 0l-1.72 1.71" }),
-  /* @__PURE__ */ jsx("path", { d: "m5.17 11.75-1.71 1.71a5.004 5.004 0 0 0 .12 7.07 5.006 5.006 0 0 0 6.95 0l1.71-1.71" }),
-  /* @__PURE__ */ jsx("line", { x1: "8", x2: "8", y1: "2", y2: "5" }),
-  /* @__PURE__ */ jsx("line", { x1: "2", x2: "5", y1: "8", y2: "8" }),
-  /* @__PURE__ */ jsx("line", { x1: "16", x2: "16", y1: "19", y2: "22" }),
-  /* @__PURE__ */ jsx("line", { x1: "19", x2: "22", y1: "16", y2: "16" })
-] });
-var WrenchGlyph = ({ className }) => /* @__PURE__ */ jsx(Svg, { className, children: /* @__PURE__ */ jsx("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z" }) });
-var Trash2Glyph = ({ className }) => /* @__PURE__ */ jsxs(Svg, { className, children: [
-  /* @__PURE__ */ jsx("path", { d: "M10 11v6" }),
-  /* @__PURE__ */ jsx("path", { d: "M14 11v6" }),
-  /* @__PURE__ */ jsx("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
-  /* @__PURE__ */ jsx("path", { d: "M3 6h18" }),
-  /* @__PURE__ */ jsx("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
-] });
-var RotateCcwGlyph = ({ className }) => /* @__PURE__ */ jsxs(Svg, { className, children: [
-  /* @__PURE__ */ jsx("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
-  /* @__PURE__ */ jsx("path", { d: "M3 3v5h5" })
-] });
-var ImageGlyph = ({ className }) => /* @__PURE__ */ jsxs(Svg, { className, children: [
-  /* @__PURE__ */ jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2" }),
-  /* @__PURE__ */ jsx("circle", { cx: "9", cy: "9", r: "2" }),
-  /* @__PURE__ */ jsx("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })
-] });
-var FileTextGlyph = ({ className }) => /* @__PURE__ */ jsxs(Svg, { className, children: [
-  /* @__PURE__ */ jsx("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
-  /* @__PURE__ */ jsx("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }),
-  /* @__PURE__ */ jsx("path", { d: "M10 9H8" }),
-  /* @__PURE__ */ jsx("path", { d: "M16 13H8" }),
-  /* @__PURE__ */ jsx("path", { d: "M16 17H8" })
-] });
-var YoutubeGlyph = ({ className }) => /* @__PURE__ */ jsxs(Svg, { className, children: [
-  /* @__PURE__ */ jsx("path", { d: "M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17" }),
-  /* @__PURE__ */ jsx("path", { d: "m10 15 5-3-5-3z" })
-] });
+import {
+  AlertTriangleIcon as GAlertTriangleIcon,
+  CircleCheckIcon as GCircleCheckIcon,
+  FileTextIcon as GFileTextIcon,
+  ImageIcon as GImageIcon,
+  RotateCcwIcon as GRotateCcwIcon,
+  Trash2Icon as GTrash2Icon,
+  UnlinkIcon as GUnlinkIcon,
+  VariableIcon as GVariableIcon,
+  WrenchIcon as GWrenchIcon,
+  YoutubeIcon as GYoutubeIcon
+} from "@ai-matrx/design-system/icons";
+var sized = (Glyph) => Glyph;
+var CircleCheckGlyph = sized(GCircleCheckIcon);
+var TriangleAlertGlyph = sized(GAlertTriangleIcon);
+var VariableGlyph = sized(GVariableIcon);
+var UnlinkGlyph = sized(GUnlinkIcon);
+var WrenchGlyph = sized(GWrenchIcon);
+var Trash2Glyph = sized(GTrash2Icon);
+var RotateCcwGlyph = sized(GRotateCcwIcon);
+var ImageGlyph = sized(GImageIcon);
+var FileTextGlyph = sized(GFileTextIcon);
+var YoutubeGlyph = sized(GYoutubeIcon);
 
 // settings/react/SettingRowFrame.tsx
 import { Label } from "@ai-matrx/design-system";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var cn = (...parts) => parts.filter(Boolean).join(" ");
+import { cn } from "@ai-matrx/design-system/cn";
+import { jsx, jsxs } from "react/jsx-runtime";
 function formatSettingValue(value) {
   if (typeof value === "boolean") return value ? "On" : "Off";
   if (value !== null && typeof value === "object") return JSON.stringify(value);
   return String(value);
 }
 function SettingRowFrame({ rowKey, state, leading, label, children, actions }) {
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       "data-setting-row": rowKey,
       "data-setting-state": state,
       className: "grid grid-cols-[1rem_minmax(0,1fr)_auto] items-start gap-x-2 gap-y-1 py-1 @md:grid-cols-[1rem_9rem_minmax(0,1fr)_auto]",
       children: [
-        /* @__PURE__ */ jsx2("div", { className: "flex h-7 items-center", children: leading }),
-        /* @__PURE__ */ jsx2("div", { className: "flex min-h-7 min-w-0 items-center", children: label }),
-        children !== void 0 ? /* @__PURE__ */ jsx2("div", { className: "col-span-2 col-start-2 row-start-2 min-w-0 @md:col-span-1 @md:col-start-3 @md:row-start-1", children }) : null,
-        /* @__PURE__ */ jsx2("div", { className: "col-start-3 row-start-1 flex min-h-7 items-center justify-end @md:col-start-4", children: actions })
+        /* @__PURE__ */ jsx("div", { className: "flex h-7 items-center", children: leading }),
+        /* @__PURE__ */ jsx("div", { className: "flex min-h-7 min-w-0 items-center", children: label }),
+        children !== void 0 ? /* @__PURE__ */ jsx("div", { className: "col-span-2 col-start-2 row-start-2 min-w-0 @md:col-span-1 @md:col-start-3 @md:row-start-1", children }) : null,
+        /* @__PURE__ */ jsx("div", { className: "col-start-3 row-start-1 flex min-h-7 items-center justify-end @md:col-start-4", children: actions })
       ]
     }
   );
 }
 function RowLabel({ htmlFor, muted, children }) {
-  return /* @__PURE__ */ jsx2(Label, { htmlFor, className: cn("min-w-0 truncate type-body", muted ? "text-muted-foreground" : "text-foreground"), children });
+  return /* @__PURE__ */ jsx(Label, { htmlFor, className: cn("min-w-0 truncate type-body", muted ? "text-muted-foreground" : "text-foreground"), children });
 }
 function RowText({ children, mono }) {
-  return /* @__PURE__ */ jsx2("span", { className: cn("flex min-h-7 items-center truncate type-secondary text-muted-foreground", mono && "font-mono"), children });
+  return /* @__PURE__ */ jsx("span", { className: cn("flex min-h-7 items-center truncate type-secondary text-muted-foreground", mono && "font-mono"), children });
 }
 function SettingsGroupSection({ id, title, children }) {
-  return /* @__PURE__ */ jsxs2("section", { "data-settings-group": id, className: title ? "mt-2 border-t border-border pt-2" : void 0, children: [
-    title ? /* @__PURE__ */ jsx2("h3", { className: "pb-1 type-title text-foreground", children: title }) : null,
+  return /* @__PURE__ */ jsxs("section", { "data-settings-group": id, className: title ? "mt-2 border-t border-border pt-2" : void 0, children: [
+    title ? /* @__PURE__ */ jsx("h3", { className: "pb-1 type-title text-foreground", children: title }) : null,
     children
   ] });
 }
 
 // settings/react/InputCapabilitiesEditor.tsx
-import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var GATE_META = {
   image_urls: {
     label: "Image URLs",
@@ -536,24 +490,24 @@ function InputCapabilitiesEditor({
   title = "Input Capabilities",
   disabled = false
 }) {
-  return /* @__PURE__ */ jsxs3(SettingsGroupSection, { id: "input-capabilities", title, children: [
+  return /* @__PURE__ */ jsxs2(SettingsGroupSection, { id: "input-capabilities", title, children: [
     UI_GATE_EDITABLE_KEYS.map((key) => {
       const { label, description, Icon } = GATE_META[key];
       const switchId = `${idPrefix}-${key}`;
       const changed = changedKeys?.has(key) === true;
-      return /* @__PURE__ */ jsx3(
+      return /* @__PURE__ */ jsx2(
         SettingRowFrame,
         {
           rowKey: key,
           state: values[key] === true ? "on" : "off",
-          leading: /* @__PURE__ */ jsx3(Icon, { className: "h-4 w-4 text-muted-foreground" }),
-          label: /* @__PURE__ */ jsx3(RowLabel, { htmlFor: switchId, children: label }),
-          actions: /* @__PURE__ */ jsxs3(Fragment, { children: [
-            changed && onReset ? /* @__PURE__ */ jsx3(
+          leading: /* @__PURE__ */ jsx2(Icon, { className: "h-4 w-4 text-muted-foreground" }),
+          label: /* @__PURE__ */ jsx2(RowLabel, { htmlFor: switchId, children: label }),
+          actions: /* @__PURE__ */ jsxs2(Fragment, { children: [
+            changed && onReset ? /* @__PURE__ */ jsx2(
               Button,
               {
                 variant: "quiet",
-                icon: /* @__PURE__ */ jsx3(RotateCcwGlyph, {}),
+                icon: /* @__PURE__ */ jsx2(RotateCcwGlyph, {}),
                 onClick: () => onReset(key),
                 disabled,
                 "aria-label": `${resetLabel}: ${label}`,
@@ -561,7 +515,7 @@ function InputCapabilitiesEditor({
                 "data-setting-reset": key
               }
             ) : null,
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx2(
               Switch,
               {
                 id: switchId,
@@ -571,12 +525,12 @@ function InputCapabilitiesEditor({
               }
             )
           ] }),
-          children: /* @__PURE__ */ jsx3(RowText, { children: description })
+          children: /* @__PURE__ */ jsx2(RowText, { children: description })
         },
         key
       );
     }),
-    error ? /* @__PURE__ */ jsx3(ErrorBox, { as: "p", className: "py-1 type-meta text-destructive", message: error }) : null
+    error ? /* @__PURE__ */ jsx2(ErrorBox, { as: "p", className: "py-1 type-meta text-destructive", message: error }) : null
   ] });
 }
 
@@ -599,7 +553,7 @@ import {
   TooltipTrigger
 } from "@ai-matrx/design-system";
 import { AspectRatioSelect, OptionCombobox, isAspectRatioOptionSet } from "@ai-matrx/design-system/controls";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var SELECT_MAX_OPTIONS = 12;
 function choiceFor(options) {
   if (isAspectRatioOptionSet(options)) return "aspect-ratio";
@@ -607,10 +561,10 @@ function choiceFor(options) {
   return "select";
 }
 function WarningIcon({ className }) {
-  return /* @__PURE__ */ jsxs4("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", className, children: [
-    /* @__PURE__ */ jsx4("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
-    /* @__PURE__ */ jsx4("path", { d: "M12 9v4" }),
-    /* @__PURE__ */ jsx4("path", { d: "M12 17h.01" })
+  return /* @__PURE__ */ jsxs3("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", className, children: [
+    /* @__PURE__ */ jsx3("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
+    /* @__PURE__ */ jsx3("path", { d: "M12 9v4" }),
+    /* @__PURE__ */ jsx3("path", { d: "M12 17h.01" })
   ] });
 }
 function flattenTypeObject(value) {
@@ -634,7 +588,7 @@ function SettingControlInput({
     const isValueMismatch = stringValue !== "" && !control.enum.includes(stringValue);
     const emit = (v) => onChange(settingKey === "response_format" ? { type: v } : v);
     const choice = choiceFor(control.enum);
-    const picker = choice === "aspect-ratio" ? /* @__PURE__ */ jsx4(
+    const picker = choice === "aspect-ratio" ? /* @__PURE__ */ jsx3(
       AspectRatioSelect,
       {
         value: isValueMismatch ? "" : stringValue,
@@ -645,7 +599,7 @@ function SettingControlInput({
         id: inputId,
         placeholder: "Default"
       }
-    ) : choice === "searchable" ? /* @__PURE__ */ jsx4(
+    ) : choice === "searchable" ? /* @__PURE__ */ jsx3(
       OptionCombobox,
       {
         value: isValueMismatch ? "" : stringValue,
@@ -657,23 +611,23 @@ function SettingControlInput({
         placeholder: "Default"
       }
     ) : null;
-    return /* @__PURE__ */ jsxs4("div", { className: "flex flex-1 items-center gap-1.5", children: [
-      picker ?? /* @__PURE__ */ jsxs4(
+    return /* @__PURE__ */ jsxs3("div", { className: "flex flex-1 items-center gap-1.5", children: [
+      picker ?? /* @__PURE__ */ jsxs3(
         Select,
         {
           value: isValueMismatch ? "" : stringValue,
           onValueChange: emit,
           disabled,
           children: [
-            /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsx3(
               SelectTrigger,
               {
                 id: inputId,
                 className: "h-7 flex-1 border-0 bg-transparent px-1 text-xs font-medium text-foreground shadow-none hover:bg-transparent focus:ring-0 pointer-coarse:h-11 [&_svg]:h-3 [&_svg]:w-3",
-                children: /* @__PURE__ */ jsx4(SelectValue, { placeholder: isValueMismatch ? stringValue : "Default" })
+                children: /* @__PURE__ */ jsx3(SelectValue, { placeholder: isValueMismatch ? stringValue : "Default" })
               }
             ),
-            /* @__PURE__ */ jsx4(SelectContent, { className: "text-xs", children: control.enum.map((option) => /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsx3(SelectContent, { className: "text-xs", children: control.enum.map((option) => /* @__PURE__ */ jsx3(
               SelectItem,
               {
                 value: option,
@@ -685,9 +639,9 @@ function SettingControlInput({
           ]
         }
       ),
-      isValueMismatch && /* @__PURE__ */ jsx4(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs4(Tooltip, { children: [
-        /* @__PURE__ */ jsx4(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx4("span", { className: "shrink-0 cursor-help text-amber-500", children: /* @__PURE__ */ jsx4(WarningIcon, { className: "h-3.5 w-3.5" }) }) }),
-        /* @__PURE__ */ jsxs4(TooltipContent, { side: "top", className: "max-w-[220px] type-secondary", children: [
+      isValueMismatch && /* @__PURE__ */ jsx3(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs3(Tooltip, { children: [
+        /* @__PURE__ */ jsx3(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx3("span", { className: "shrink-0 cursor-help text-amber-500", children: /* @__PURE__ */ jsx3(WarningIcon, { className: "h-3.5 w-3.5" }) }) }),
+        /* @__PURE__ */ jsxs3(TooltipContent, { side: "top", className: "max-w-[220px] type-secondary", children: [
           '"',
           stringValue,
           '" is not a recognized option for this model'
@@ -696,8 +650,8 @@ function SettingControlInput({
     ] });
   }
   if (control.type === "boolean") {
-    return /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx3(
         Checkbox,
         {
           id: inputId,
@@ -707,7 +661,7 @@ function SettingControlInput({
           className: "cursor-pointer"
         }
       ),
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx3(
         Label2,
         {
           htmlFor: inputId,
@@ -720,7 +674,7 @@ function SettingControlInput({
   if (control.type === "number" || control.type === "integer") {
     const numeric = typeof value === "number" ? value : void 0;
     const hasRange = control.min !== void 0 && control.max !== void 0;
-    return /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx3(
       NumberInput,
       {
         value: numeric,
@@ -738,7 +692,7 @@ function SettingControlInput({
   }
   if (control.type === "string_array") {
     const arrayValue = Array.isArray(value) ? value.join("\n") : "";
-    return /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx3(
       Textarea,
       {
         id: inputId,
@@ -751,7 +705,7 @@ function SettingControlInput({
     );
   }
   if (control.type === "array" || control.type === "object_array" || typeof value === "object" && value !== null) {
-    return /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx3(
       JsonValueInput,
       {
         id: inputId,
@@ -761,7 +715,7 @@ function SettingControlInput({
       }
     );
   }
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     Input,
     {
       id: inputId,
@@ -786,8 +740,8 @@ function JsonValueInput({
     setDraft(toText(value));
     setJsonError(null);
   }, [JSON.stringify(value)]);
-  return /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsx3(
       Textarea,
       {
         id,
@@ -814,7 +768,7 @@ function JsonValueInput({
         spellCheck: false
       }
     ),
-    jsonError && /* @__PURE__ */ jsx4("p", { className: "type-meta text-amber-600 dark:text-amber-400", children: jsonError })
+    jsonError && /* @__PURE__ */ jsx3("p", { className: "type-meta text-amber-600 dark:text-amber-400", children: jsonError })
   ] });
 }
 function NumberInput({
@@ -848,12 +802,12 @@ function NumberInput({
     } else setDraft(shown);
   };
   if (withSlider) {
-    return /* @__PURE__ */ jsxs4(
+    return /* @__PURE__ */ jsxs3(
       "div",
       {
         className: "grid grid-cols-[1fr_4.5rem] items-center gap-2",
         children: [
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx3(
             Slider,
             {
               ...min !== void 0 ? { min } : {},
@@ -871,7 +825,7 @@ function NumberInput({
               disabled
             }
           ),
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx3(
             Input,
             {
               type: "text",
@@ -892,7 +846,7 @@ function NumberInput({
       }
     );
   }
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     Input,
     {
       type: "text",
@@ -912,28 +866,28 @@ function NumberInput({
 }
 
 // settings/react/ModelSettingsPanel.tsx
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function StatusGlyph({ issue, source }) {
   const title = issue ? issue.message : source ? `Valid \xB7 ${source}` : "Valid";
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     "span",
     {
       className: cn("inline-flex h-7 w-6 shrink-0 items-center justify-center", issue ? "text-warning" : "text-success"),
       role: "img",
       "aria-label": title,
       title,
-      children: issue ? /* @__PURE__ */ jsx5(TriangleAlertGlyph, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx5(CircleCheckGlyph, { className: "h-3.5 w-3.5" })
+      children: issue ? /* @__PURE__ */ jsx4(TriangleAlertGlyph, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx4(CircleCheckGlyph, { className: "h-3.5 w-3.5" })
     }
   );
 }
 function ModelSettingRow({ row, control, target, idPrefix, disabled }) {
   const read = target.read(row.key, control);
   const resetLabel = target.resetLabel ?? "Reset to agent";
-  const reset = read.changedHere && target.resetToInherited ? /* @__PURE__ */ jsx5(
+  const reset = read.changedHere && target.resetToInherited ? /* @__PURE__ */ jsx4(
     Button2,
     {
       variant: "quiet",
-      icon: /* @__PURE__ */ jsx5(RotateCcwGlyph, {}),
+      icon: /* @__PURE__ */ jsx4(RotateCcwGlyph, {}),
       onClick: () => target.resetToInherited?.(row.key),
       disabled,
       "aria-label": `${resetLabel}: ${row.label}`,
@@ -942,20 +896,20 @@ function ModelSettingRow({ row, control, target, idPrefix, disabled }) {
     }
   ) : null;
   if (read.state === "bound") {
-    return /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ jsx4(
       SettingRowFrame,
       {
         rowKey: row.key,
         state: "bound",
-        leading: /* @__PURE__ */ jsx5(Checkbox2, { checked: true, disabled: true, "aria-label": `${row.label} is a run input` }),
-        label: /* @__PURE__ */ jsx5(RowLabel, { children: row.label }),
-        actions: /* @__PURE__ */ jsxs5(Fragment2, { children: [
+        leading: /* @__PURE__ */ jsx4(Checkbox2, { checked: true, disabled: true, "aria-label": `${row.label} is a run input` }),
+        label: /* @__PURE__ */ jsx4(RowLabel, { children: row.label }),
+        actions: /* @__PURE__ */ jsxs4(Fragment2, { children: [
           reset,
-          target.unbind ? /* @__PURE__ */ jsx5(
+          target.unbind ? /* @__PURE__ */ jsx4(
             Button2,
             {
               variant: "quiet",
-              icon: /* @__PURE__ */ jsx5(UnlinkGlyph, {}),
+              icon: /* @__PURE__ */ jsx4(UnlinkGlyph, {}),
               onClick: () => target.unbind?.(row.key, control),
               disabled,
               "aria-label": `Make ${row.label} a fixed setting`,
@@ -963,9 +917,9 @@ function ModelSettingRow({ row, control, target, idPrefix, disabled }) {
             }
           ) : null
         ] }),
-        children: /* @__PURE__ */ jsxs5("span", { className: "flex min-h-7 min-w-0 items-center gap-2", "data-bound-control": row.key, children: [
-          /* @__PURE__ */ jsx5(Chip, { tone: "primary", icon: /* @__PURE__ */ jsx5(VariableGlyph, {}), label: `{{${read.variableName}}}` }),
-          /* @__PURE__ */ jsx5("span", { className: "truncate type-meta text-muted-foreground", children: read.value === void 0 || read.value === null || read.value === "" ? "Model default" : formatSettingValue(read.value) })
+        children: /* @__PURE__ */ jsxs4("span", { className: "flex min-h-7 min-w-0 items-center gap-2", "data-bound-control": row.key, children: [
+          /* @__PURE__ */ jsx4(Chip, { tone: "primary", icon: /* @__PURE__ */ jsx4(VariableGlyph, {}), label: `{{${read.variableName}}}` }),
+          /* @__PURE__ */ jsx4("span", { className: "truncate type-meta text-muted-foreground", children: read.value === void 0 || read.value === null || read.value === "" ? "Model default" : formatSettingValue(read.value) })
         ] })
       }
     );
@@ -975,12 +929,12 @@ function ModelSettingRow({ row, control, target, idPrefix, disabled }) {
   const isOff = isSet && isOffValue(value, control);
   const checkboxId = `${idPrefix}-setting-${row.key}`;
   const canBind = Boolean(target.bind) && (target.canBind?.(row.key) ?? true);
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     SettingRowFrame,
     {
       rowKey: row.key,
       state: isOff ? "off" : read.state,
-      leading: /* @__PURE__ */ jsx5(
+      leading: /* @__PURE__ */ jsx4(
         Checkbox2,
         {
           id: checkboxId,
@@ -989,14 +943,14 @@ function ModelSettingRow({ row, control, target, idPrefix, disabled }) {
           onCheckedChange: (next) => next === true ? target.turnOn(row.key, control) : target.clear(row.key)
         }
       ),
-      label: /* @__PURE__ */ jsx5(RowLabel, { htmlFor: checkboxId, muted: !isSet, children: row.label }),
-      actions: /* @__PURE__ */ jsxs5(Fragment2, { children: [
-        /* @__PURE__ */ jsx5(StatusGlyph, { issue: read.issue, source: read.source }),
-        canBind ? /* @__PURE__ */ jsx5(
+      label: /* @__PURE__ */ jsx4(RowLabel, { htmlFor: checkboxId, muted: !isSet, children: row.label }),
+      actions: /* @__PURE__ */ jsxs4(Fragment2, { children: [
+        /* @__PURE__ */ jsx4(StatusGlyph, { issue: read.issue, source: read.source }),
+        canBind ? /* @__PURE__ */ jsx4(
           Button2,
           {
             variant: "quiet",
-            icon: /* @__PURE__ */ jsx5(VariableGlyph, {}),
+            icon: /* @__PURE__ */ jsx4(VariableGlyph, {}),
             onClick: () => target.bind?.(row.key, control),
             disabled,
             "aria-label": `Make ${row.label} a run input`,
@@ -1004,11 +958,11 @@ function ModelSettingRow({ row, control, target, idPrefix, disabled }) {
             "data-bind-control": row.key
           }
         ) : null,
-        isSet && read.issue?.fixable && target.fix ? /* @__PURE__ */ jsx5(
+        isSet && read.issue?.fixable && target.fix ? /* @__PURE__ */ jsx4(
           Button2,
           {
             variant: "quiet",
-            icon: /* @__PURE__ */ jsx5(WrenchGlyph, {}),
+            icon: /* @__PURE__ */ jsx4(WrenchGlyph, {}),
             onClick: () => target.fix?.(row.key),
             disabled,
             "aria-label": `Fix ${row.label} automatically`,
@@ -1016,12 +970,12 @@ function ModelSettingRow({ row, control, target, idPrefix, disabled }) {
           }
         ) : null,
         reset,
-        isSet ? /* @__PURE__ */ jsx5(
+        isSet ? /* @__PURE__ */ jsx4(
           Button2,
           {
             variant: "quiet",
             removes: true,
-            icon: /* @__PURE__ */ jsx5(Trash2Glyph, {}),
+            icon: /* @__PURE__ */ jsx4(Trash2Glyph, {}),
             onClick: () => target.clear(row.key),
             disabled,
             "aria-label": `Clear ${row.label} to not set`,
@@ -1030,8 +984,8 @@ function ModelSettingRow({ row, control, target, idPrefix, disabled }) {
           }
         ) : null
       ] }),
-      children: isSet ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
-        /* @__PURE__ */ jsx5(
+      children: isSet ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
+        /* @__PURE__ */ jsx4(
           SettingControlInput,
           {
             settingKey: row.key,
@@ -1042,40 +996,40 @@ function ModelSettingRow({ row, control, target, idPrefix, disabled }) {
             id: `${idPrefix}-control-${row.key}`
           }
         ),
-        read.issue ? /* @__PURE__ */ jsx5("p", { className: "pt-1 type-meta text-warning-ink", children: read.issue.message }) : null
-      ] }) : /* @__PURE__ */ jsx5(RowText, { children: read.modelDefault !== void 0 && read.modelDefault !== null ? `Not set \xB7 Model default: ${formatSettingValue(read.modelDefault)}` : "Not set" })
+        read.issue ? /* @__PURE__ */ jsx4("p", { className: "pt-1 type-meta text-warning-ink", children: read.issue.message }) : null
+      ] }) : /* @__PURE__ */ jsx4(RowText, { children: read.modelDefault !== void 0 && read.modelDefault !== null ? `Not set \xB7 Model default: ${formatSettingValue(read.modelDefault)}` : "Not set" })
     }
   );
 }
 function ExtraSettingRow({ rowKey, label, value, kind, onClear, onReset, resetLabel = "Reset to agent", disabled = false }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     SettingRowFrame,
     {
       rowKey,
       state: kind,
-      label: /* @__PURE__ */ jsx5(RowLabel, { children: label }),
-      actions: /* @__PURE__ */ jsxs5(Fragment2, { children: [
-        kind === "translated" ? /* @__PURE__ */ jsx5(Chip, { tone: "sky", label: "Translated", title: "Kept as set and sent as this model's closest equivalent" }) : /* @__PURE__ */ jsx5(Chip, { tone: "warning", label: "Not on this model", title: "This model has no such setting" }),
-        onReset ? /* @__PURE__ */ jsx5(Button2, { variant: "quiet", icon: /* @__PURE__ */ jsx5(RotateCcwGlyph, {}), onClick: onReset, disabled, "aria-label": `${resetLabel}: ${label}`, title: resetLabel, "data-setting-reset": rowKey }) : /* @__PURE__ */ jsx5(Button2, { variant: "quiet", removes: true, icon: /* @__PURE__ */ jsx5(Trash2Glyph, {}), onClick: onClear, disabled, "aria-label": `Clear ${label}`, title: "Clear to not set", "data-setting-clear": rowKey })
+      label: /* @__PURE__ */ jsx4(RowLabel, { children: label }),
+      actions: /* @__PURE__ */ jsxs4(Fragment2, { children: [
+        kind === "translated" ? /* @__PURE__ */ jsx4(Chip, { tone: "sky", label: "Translated", title: "Kept as set and sent as this model's closest equivalent" }) : /* @__PURE__ */ jsx4(Chip, { tone: "warning", label: "Not on this model", title: "This model has no such setting" }),
+        onReset ? /* @__PURE__ */ jsx4(Button2, { variant: "quiet", icon: /* @__PURE__ */ jsx4(RotateCcwGlyph, {}), onClick: onReset, disabled, "aria-label": `${resetLabel}: ${label}`, title: resetLabel, "data-setting-reset": rowKey }) : /* @__PURE__ */ jsx4(Button2, { variant: "quiet", removes: true, icon: /* @__PURE__ */ jsx4(Trash2Glyph, {}), onClick: onClear, disabled, "aria-label": `Clear ${label}`, title: "Clear to not set", "data-setting-clear": rowKey })
       ] }),
-      children: /* @__PURE__ */ jsx5(RowText, { mono: value !== void 0 && value !== null, children: value === void 0 || value === null ? "Not set" : isOffValue(value, null) ? "Off" : formatSettingValue(value) })
+      children: /* @__PURE__ */ jsx4(RowText, { mono: value !== void 0 && value !== null, children: value === void 0 || value === null ? "Not set" : isOffValue(value, null) ? "Off" : formatSettingValue(value) })
     }
   );
 }
 function ModelRow({ model, resetLabel, idPrefix, disabled }) {
   const off = disabled || model.disabled === true;
   const oneMessageId = `${idPrefix}-model-one-message`;
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     SettingRowFrame,
     {
       rowKey: "model",
       state: model.value ? "set" : "unset",
-      label: /* @__PURE__ */ jsx5(RowLabel, { children: "Model" }),
-      actions: model.changedHere && model.resetToInherited ? /* @__PURE__ */ jsx5(
+      label: /* @__PURE__ */ jsx4(RowLabel, { children: "Model" }),
+      actions: model.changedHere && model.resetToInherited ? /* @__PURE__ */ jsx4(
         Button2,
         {
           variant: "quiet",
-          icon: /* @__PURE__ */ jsx5(RotateCcwGlyph, {}),
+          icon: /* @__PURE__ */ jsx4(RotateCcwGlyph, {}),
           onClick: () => model.resetToInherited?.(),
           disabled: off,
           "aria-label": `${resetLabel}: Model`,
@@ -1083,8 +1037,8 @@ function ModelRow({ model, resetLabel, idPrefix, disabled }) {
           "data-setting-reset": "model"
         }
       ) : null,
-      children: /* @__PURE__ */ jsxs5("div", { className: "flex min-h-7 min-w-0 flex-wrap items-center gap-x-2", children: [
-        /* @__PURE__ */ jsx5(
+      children: /* @__PURE__ */ jsxs4("div", { className: "flex min-h-7 min-w-0 flex-wrap items-center gap-x-2", children: [
+        /* @__PURE__ */ jsx4(
           ModelListDropdown,
           {
             "aria-label": "Model",
@@ -1100,8 +1054,8 @@ function ModelRow({ model, resetLabel, idPrefix, disabled }) {
             ...model.disabledTitle ? { disabledTitle: model.disabledTitle } : {}
           }
         ),
-        model.oneMessage ? /* @__PURE__ */ jsxs5("label", { htmlFor: oneMessageId, className: "flex min-h-7 items-center gap-1 type-secondary text-muted-foreground", title: "Use this model for the next message, then go back", children: [
-          /* @__PURE__ */ jsx5(
+        model.oneMessage ? /* @__PURE__ */ jsxs4("label", { htmlFor: oneMessageId, className: "flex min-h-7 items-center gap-1 type-secondary text-muted-foreground", title: "Use this model for the next message, then go back", children: [
+          /* @__PURE__ */ jsx4(
             Switch2,
             {
               id: oneMessageId,
@@ -1131,7 +1085,7 @@ function ModelSettingsPanel({
   const groups = controls ? buildSettingsRows(controls, values).filter((group) => group.rows.length > 0) : [];
   const extras = extraSettingKeys(controls, values, target.changedKeys);
   const resetLabel = target.resetLabel ?? "Reset to agent";
-  const extraRow = (key, kind) => /* @__PURE__ */ jsx5(
+  const extraRow = (key, kind) => /* @__PURE__ */ jsx4(
     ExtraSettingRow,
     {
       rowKey: key,
@@ -1145,17 +1099,17 @@ function ModelSettingsPanel({
     },
     key
   );
-  return /* @__PURE__ */ jsxs5("div", { "data-model-settings-panel": "", className: "@container flex min-w-0 flex-col", children: [
-    model ? /* @__PURE__ */ jsx5(ModelRow, { model, resetLabel, idPrefix, disabled }) : null,
+  return /* @__PURE__ */ jsxs4("div", { "data-model-settings-panel": "", className: "@container flex min-w-0 flex-col", children: [
+    model ? /* @__PURE__ */ jsx4(ModelRow, { model, resetLabel, idPrefix, disabled }) : null,
     notices,
     extras.unsupported.map((key) => extraRow(key, "unsupported")),
-    extras.translated.length > 0 ? /* @__PURE__ */ jsx5(SettingsGroupSection, { id: "translated", title: "Translated for this model", children: /* @__PURE__ */ jsx5("div", { "data-translated-settings": "", children: extras.translated.map((key) => extraRow(key, "translated")) }) }) : null,
-    groups.length === 0 && emptyNote ? /* @__PURE__ */ jsx5("div", { className: "py-2 type-secondary text-muted-foreground", children: emptyNote }) : null,
-    groups.map((group) => /* @__PURE__ */ jsx5(SettingsGroupSection, { id: group.id, title: group.label || void 0, children: group.rows.map((row) => {
+    extras.translated.length > 0 ? /* @__PURE__ */ jsx4(SettingsGroupSection, { id: "translated", title: "Translated for this model", children: /* @__PURE__ */ jsx4("div", { "data-translated-settings": "", children: extras.translated.map((key) => extraRow(key, "translated")) }) }) : null,
+    groups.length === 0 && emptyNote ? /* @__PURE__ */ jsx4("div", { className: "py-2 type-secondary text-muted-foreground", children: emptyNote }) : null,
+    groups.map((group) => /* @__PURE__ */ jsx4(SettingsGroupSection, { id: group.id, title: group.label || void 0, children: group.rows.map((row) => {
       const custom = renderRow?.(row);
-      if (custom !== void 0) return /* @__PURE__ */ jsx5("div", { children: custom }, row.key);
+      if (custom !== void 0) return /* @__PURE__ */ jsx4("div", { children: custom }, row.key);
       if (!row.control) return null;
-      return /* @__PURE__ */ jsx5(
+      return /* @__PURE__ */ jsx4(
         ModelSettingRow,
         {
           row,
@@ -1167,7 +1121,7 @@ function ModelSettingsPanel({
         row.key
       );
     }) }, group.id)),
-    capabilities ? /* @__PURE__ */ jsx5(
+    capabilities ? /* @__PURE__ */ jsx4(
       InputCapabilitiesEditor,
       {
         values: capabilities.values,