@qredence/fleet 0.6.2 → 0.6.4

package/dist/web/server/{settings-dialog-BCEfmgtP-T3WQEZHB.js → settings-dialog-CzeangBl-YKL7CLPF.js}

@@ -1,91 +1,97 @@
 import {
-  Keyboard,
-  Monitor,
-  Moon,
-  Sun
-} from "./chunk-LJ6Y7DBH.js";
-import {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogTitle,
   ArrowLeft,
   Cpu,
   PROVIDER_METADATA,
   ProviderBrandIcon,
   Settings,
-  Spinner,
-  Trash2,
+  Trash,
   formatProviderLabel
-} from "./chunk-ZOVXMNJM.js";
+} from "./chunk-IIPUA4LB.js";
+import {
+  isModelPatternEnabled,
+  modelMatchesPattern,
+  modelPattern
+} from "./chunk-WTYNN6EV.js";
+import {
+  applyUiPreferencesToDocument,
+  readUiPreferences,
+  writeUiPreferences
+} from "./chunk-4EBSM4JR.js";
 import {
   Pencil
-} from "./chunk-M5RSPNYN.js";
+} from "./chunk-LOFZS555.js";
 import {
   COMPACT_ACTION_BUTTON_CLASS,
   HIT_AREA_EXPAND_CLASS,
   HIT_AREA_EXPAND_DENSE_CLASS,
   rowSurface
-} from "./chunk-7HXCGBUP.js";
+} from "./chunk-CIE2PLNB.js";
+import {
+  Keyboard,
+  Monitor,
+  Moon,
+  Sun
+} from "./chunk-KABZXD6N.js";
 import {
   Plus,
   useChatPanelDataContext,
   useSettingsActionsContext
-} from "./chunk-33QA7BQJ.js";
-import {
-  isModelPatternEnabled,
-  modelMatchesPattern,
-  modelPattern
-} from "./chunk-WTYNN6EV.js";
-import {
-  applyUiPreferencesToDocument,
-  readUiPreferences,
-  writeUiPreferences
-} from "./chunk-4EBSM4JR.js";
+} from "./chunk-PYTU4DGR.js";
 import {
   RefreshCw
-} from "./chunk-OKL5ZRVB.js";
+} from "./chunk-NZ5YXXQ5.js";
 import {
   notify
-} from "./chunk-BUXJSBE3.js";
-import "./chunk-UCA4WN66.js";
+} from "./chunk-UIUZ4ETR.js";
 import {
   Info
-} from "./chunk-IXGLKAPN.js";
+} from "./chunk-VHLBXWEN.js";
+import "./chunk-3OOZPQZF.js";
 import {
   Eye
-} from "./chunk-2ST2ULW7.js";
+} from "./chunk-JEQQEY6O.js";
 import {
   ExternalLink,
   Globe,
   Sparkles
-} from "./chunk-OSMP55KI.js";
+} from "./chunk-DIVIHC5K.js";
 import {
   HardDrive
-} from "./chunk-D7ELZVTI.js";
-import "./chunk-SZJUXVWG.js";
+} from "./chunk-ZJIELDZL.js";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogTitle
+} from "./chunk-GR765UTQ.js";
+import "./chunk-RWYAKZCZ.js";
+import {
+  Spinner
+} from "./chunk-X5AQ7KHU.js";
 import {
   InputGroup,
   InputGroupAddon,
   InputGroupButton,
   InputGroupInput,
   Textarea
-} from "./chunk-CW6KZUKT.js";
+} from "./chunk-4LBXVBM7.js";
 import {
   Search
-} from "./chunk-JIULUYHT.js";
+} from "./chunk-ZNI5AL4B.js";
+import "./chunk-SZJUXVWG.js";
 import {
   RotateCcw
-} from "./chunk-OOXWPL22.js";
-import {
-  LoaderCircle
-} from "./chunk-TNL4YV63.js";
+} from "./chunk-CMOAC245.js";
+import "./chunk-HFN4TNR3.js";
 import {
   ChevronRight
-} from "./chunk-3C4CFCIS.js";
+} from "./chunk-7SZKAHLD.js";
+import {
+  LoaderCircle
+} from "./chunk-FOMB2JR7.js";
 import {
   Alert,
   AlertDescription,
@@ -94,7 +100,7 @@ import {
   FieldGroup,
   FieldLabel,
   Switch
-} from "./chunk-WB2LJC3R.js";
+} from "./chunk-L2SVMQWB.js";
 import {
   Select,
   clamp,
@@ -102,198 +108,266 @@ import {
   styleDisableScrollbar,
   useCSPContext,
   useDirection
-} from "./chunk-6SOMNRAX.js";
+} from "./chunk-22XP6PHK.js";
 import {
   isCustomProviderId,
   isNamedOccInstanceId,
   isOccProviderId
 } from "./chunk-RJOANOT4.js";
+import "./chunk-G3WQTXJY.js";
 import {
   Input
-} from "./chunk-43S5N7SH.js";
+} from "./chunk-FVWPODLT.js";
 import {
   Dialog,
   DialogContent,
   DialogDescription,
   DialogHeader,
   DialogTitle
-} from "./chunk-JVOW2NWC.js";
+} from "./chunk-I36LJXNY.js";
+import {
+  Check
+} from "./chunk-Z4OTKGMN.js";
+import "./chunk-C2YGLMFE.js";
+import "./chunk-XZCIEF54.js";
+import "./chunk-5VPNOUVY.js";
 import {
   Button,
   contains,
   getTarget,
   useTimeout,
   webkit
-} from "./chunk-HQ5TEXHT.js";
-import "./chunk-TLNZNR7C.js";
-import {
-  Check
-} from "./chunk-4QD4PCVP.js";
-import "./chunk-JBLHIEVG.js";
-import "./chunk-WWJF4RO2.js";
-import "./chunk-OVJYUWSQ.js";
+} from "./chunk-UXS5E6OE.js";
+import "./chunk-UUDBEYKV.js";
 import {
   useBaseUiId
-} from "./chunk-E5HALE4M.js";
+} from "./chunk-OYWUPJ72.js";
 import {
   addEventListener,
   formatErrorMessage,
   useIsoLayoutEffect,
   useRenderElement,
   useStableCallback
-} from "./chunk-XJ6TGSUB.js";
+} from "./chunk-EKVRPCBJ.js";
 import {
   Plug
-} from "./chunk-AHTO6GDS.js";
-import "./chunk-HFQZLPU2.js";
+} from "./chunk-RPGWRA2X.js";
+import "./chunk-SGMJ5CGW.js";
 import {
   createLucideIcon
-} from "./chunk-4ZIEVI5O.js";
+} from "./chunk-JVXQQYXB.js";
 import {
   cn
-} from "./chunk-CHEC7TWB.js";
-import "./chunk-JDCCC7A7.js";
+} from "./chunk-JCK6B7ZW.js";
+import "./chunk-RPWKCJHL.js";
 import "./chunk-L547YHC4.js";
 import "./chunk-MLKGABMK.js";
 
-// web/app/dist/server/assets/settings-dialog-BCEfmgtP.js
+// web/app/dist/server/assets/settings-dialog-CzeangBl.js
 import * as React$1 from "react";
 import { useCallback, useEffect as useEffect2, useId, useMemo as useMemo2, useRef as useRef2, useState as useState2 } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-var Box = createLucideIcon("box", [
-  ["path", {
-    d: "M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z",
-    key: "hh9hay"
-  }],
-  ["path", {
-    d: "m3.3 7 8.7 5 8.7-5",
-    key: "g66t2b"
-  }],
-  ["path", {
-    d: "M12 22V12",
-    key: "d0xqtd"
-  }]
-]);
-var EyeOff = createLucideIcon("eye-off", [
-  ["path", {
-    d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",
-    key: "ct8e1f"
-  }],
-  ["path", {
-    d: "M14.084 14.158a3 3 0 0 1-4.242-4.242",
-    key: "151rxh"
-  }],
-  ["path", {
-    d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143",
-    key: "13bj9a"
-  }],
-  ["path", {
-    d: "m2 2 20 20",
-    key: "1ooewy"
-  }]
-]);
-var KeyRound = createLucideIcon("key-round", [["path", {
-  d: "M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z",
-  key: "1s6t7t"
-}], ["circle", {
-  cx: "16.5",
-  cy: "7.5",
-  r: ".5",
-  fill: "currentColor",
-  key: "w0ekpg"
-}]]);
-var Layers = createLucideIcon("layers", [
-  ["path", {
-    d: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z",
-    key: "zw3jo"
-  }],
-  ["path", {
-    d: "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",
-    key: "1wduqc"
-  }],
-  ["path", {
-    d: "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",
-    key: "kqbvx6"
-  }]
-]);
-var Lock = createLucideIcon("lock", [["rect", {
-  width: "18",
-  height: "11",
-  x: "3",
-  y: "11",
-  rx: "2",
-  ry: "2",
-  key: "1w4ew1"
-}], ["path", {
-  d: "M7 11V7a5 5 0 0 1 10 0v4",
-  key: "fwvmzm"
-}]]);
-var MessageSquare = createLucideIcon("message-square", [["path", {
-  d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z",
-  key: "18887p"
-}]]);
-var Paintbrush = createLucideIcon("paintbrush", [
-  ["path", {
-    d: "m14.622 17.897-10.68-2.913",
-    key: "vj2p1u"
-  }],
-  ["path", {
-    d: "M18.376 2.622a1 1 0 1 1 3.002 3.002L17.36 9.643a.5.5 0 0 0 0 .707l.944.944a2.41 2.41 0 0 1 0 3.408l-.944.944a.5.5 0 0 1-.707 0L8.354 7.348a.5.5 0 0 1 0-.707l.944-.944a2.41 2.41 0 0 1 3.408 0l.944.944a.5.5 0 0 0 .707 0z",
-    key: "18tc5c"
-  }],
-  ["path", {
-    d: "M9 8c-1.804 2.71-3.97 3.46-6.583 3.948a.507.507 0 0 0-.302.819l7.32 8.883a1 1 0 0 0 1.185.204C12.735 20.405 16 16.792 16 15",
-    key: "ytzfxy"
-  }]
-]);
-var Save = createLucideIcon("save", [
-  ["path", {
-    d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",
-    key: "1c8476"
-  }],
-  ["path", {
-    d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7",
-    key: "1ydtos"
-  }],
-  ["path", {
-    d: "M7 3v4a1 1 0 0 0 1 1h7",
-    key: "t51u73"
-  }]
-]);
-var Star = createLucideIcon("star", [["path", {
-  d: "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",
-  key: "r04s7s"
-}]]);
-var Tag = createLucideIcon("tag", [["path", {
-  d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",
-  key: "vktsd0"
-}], ["circle", {
-  cx: "7.5",
-  cy: "7.5",
-  r: ".5",
-  fill: "currentColor",
-  key: "kqv944"
-}]]);
-var Users = createLucideIcon("users", [
-  ["path", {
-    d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",
-    key: "1yyitq"
-  }],
-  ["path", {
-    d: "M16 3.128a4 4 0 0 1 0 7.744",
-    key: "16gr8j"
-  }],
-  ["path", {
-    d: "M22 21v-2a4 4 0 0 0-3-3.87",
-    key: "kshegd"
-  }],
-  ["circle", {
-    cx: "9",
-    cy: "7",
-    r: "4",
-    key: "nufk8"
-  }]
-]);
+var __iconData$10 = {
+  name: "box",
+  size: 24,
+  node: [
+    ["path", {
+      d: "M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z",
+      key: "hh9hay"
+    }],
+    ["path", {
+      d: "m3.3 7 8.7 5 8.7-5",
+      key: "g66t2b"
+    }],
+    ["path", {
+      d: "M12 22V12",
+      key: "d0xqtd"
+    }]
+  ]
+};
+__iconData$10.node;
+var Box = createLucideIcon(__iconData$10);
+var __iconData$9 = {
+  name: "eye-off",
+  size: 24,
+  node: [
+    ["path", {
+      d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",
+      key: "ct8e1f"
+    }],
+    ["path", {
+      d: "M14.084 14.158a3 3 0 0 1-4.242-4.242",
+      key: "151rxh"
+    }],
+    ["path", {
+      d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143",
+      key: "13bj9a"
+    }],
+    ["path", {
+      d: "m2 2 20 20",
+      key: "1ooewy"
+    }]
+  ]
+};
+__iconData$9.node;
+var EyeOff = createLucideIcon(__iconData$9);
+var __iconData$8 = {
+  name: "key-round",
+  size: 24,
+  node: [["path", {
+    d: "M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z",
+    key: "1s6t7t"
+  }], ["circle", {
+    cx: "16.5",
+    cy: "7.5",
+    r: ".5",
+    fill: "currentColor",
+    key: "w0ekpg"
+  }]]
+};
+__iconData$8.node;
+var KeyRound = createLucideIcon(__iconData$8);
+var __iconData$7 = {
+  name: "layers",
+  size: 24,
+  node: [
+    ["path", {
+      d: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z",
+      key: "zw3jo"
+    }],
+    ["path", {
+      d: "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",
+      key: "1wduqc"
+    }],
+    ["path", {
+      d: "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",
+      key: "kqbvx6"
+    }]
+  ],
+  aliases: ["layers-3"]
+};
+__iconData$7.node;
+var Layers = createLucideIcon(__iconData$7);
+var __iconData$6 = {
+  name: "lock",
+  size: 24,
+  node: [["rect", {
+    width: "18",
+    height: "11",
+    x: "3",
+    y: "11",
+    rx: "2",
+    ry: "2",
+    key: "1w4ew1"
+  }], ["path", {
+    d: "M7 11V7a5 5 0 0 1 10 0v4",
+    key: "fwvmzm"
+  }]]
+};
+__iconData$6.node;
+var Lock = createLucideIcon(__iconData$6);
+var __iconData$5 = {
+  name: "message-square",
+  size: 24,
+  node: [["path", {
+    d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z",
+    key: "18887p"
+  }]]
+};
+__iconData$5.node;
+var MessageSquare = createLucideIcon(__iconData$5);
+var __iconData$4 = {
+  name: "paintbrush",
+  size: 24,
+  node: [
+    ["path", {
+      d: "m14.622 17.897-10.68-2.913",
+      key: "vj2p1u"
+    }],
+    ["path", {
+      d: "M18.376 2.622a1 1 0 1 1 3.002 3.002L17.36 9.643a.5.5 0 0 0 0 .707l.944.944a2.41 2.41 0 0 1 0 3.408l-.944.944a.5.5 0 0 1-.707 0L8.354 7.348a.5.5 0 0 1 0-.707l.944-.944a2.41 2.41 0 0 1 3.408 0l.944.944a.5.5 0 0 0 .707 0z",
+      key: "18tc5c"
+    }],
+    ["path", {
+      d: "M9 8c-1.804 2.71-3.97 3.46-6.583 3.948a.507.507 0 0 0-.302.819l7.32 8.883a1 1 0 0 0 1.185.204C12.735 20.405 16 16.792 16 15",
+      key: "ytzfxy"
+    }]
+  ]
+};
+__iconData$4.node;
+var Paintbrush = createLucideIcon(__iconData$4);
+var __iconData$3 = {
+  name: "save",
+  size: 24,
+  node: [
+    ["path", {
+      d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",
+      key: "1c8476"
+    }],
+    ["path", {
+      d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7",
+      key: "1ydtos"
+    }],
+    ["path", {
+      d: "M7 3v4a1 1 0 0 0 1 1h7",
+      key: "t51u73"
+    }]
+  ]
+};
+__iconData$3.node;
+var Save = createLucideIcon(__iconData$3);
+var __iconData$2 = {
+  name: "star",
+  size: 24,
+  node: [["path", {
+    d: "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",
+    key: "r04s7s"
+  }]]
+};
+__iconData$2.node;
+var Star = createLucideIcon(__iconData$2);
+var __iconData$1 = {
+  name: "tag",
+  size: 24,
+  node: [["path", {
+    d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",
+    key: "vktsd0"
+  }], ["circle", {
+    cx: "7.5",
+    cy: "7.5",
+    r: ".5",
+    fill: "currentColor",
+    key: "kqv944"
+  }]]
+};
+__iconData$1.node;
+var Tag = createLucideIcon(__iconData$1);
+var __iconData = {
+  name: "users",
+  size: 24,
+  node: [
+    ["path", {
+      d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",
+      key: "1yyitq"
+    }],
+    ["path", {
+      d: "M16 3.128a4 4 0 0 1 0 7.744",
+      key: "16gr8j"
+    }],
+    ["path", {
+      d: "M22 21v-2a4 4 0 0 0-3-3.87",
+      key: "kshegd"
+    }],
+    ["circle", {
+      cx: "9",
+      cy: "7",
+      r: "4",
+      key: "nufk8"
+    }]
+  ]
+};
+__iconData.node;
+var Users = createLucideIcon(__iconData);
 function Breadcrumb({ className, ...props }) {
   return /* @__PURE__ */ jsx("nav", {
     "aria-label": "breadcrumb",
@@ -1086,6 +1160,154 @@ function ItemRow({ icon, title, subtitle, trailing, className, interactive = tru
     ]
   });
 }
+function isFieldInvalid(value, attemptedSave, required = true) {
+  return attemptedSave && required && value.trim().length === 0;
+}
+function SecretCredentialField({ attemptedSave, label, onChange, onToggleVisibility, placeholder, required = true, showPassword, value }) {
+  const controlId = useId();
+  const invalid = isFieldInvalid(value, attemptedSave, required);
+  return /* @__PURE__ */ jsxs(Field, {
+    "data-invalid": invalid || void 0,
+    children: [/* @__PURE__ */ jsx(FieldLabel, {
+      htmlFor: controlId,
+      children: label
+    }), /* @__PURE__ */ jsxs(InputGroup, { children: [
+      /* @__PURE__ */ jsx(InputGroupAddon, {
+        align: "inline-start",
+        children: /* @__PURE__ */ jsx(Lock, {})
+      }),
+      /* @__PURE__ */ jsx(InputGroupInput, {
+        id: controlId,
+        type: showPassword ? "text" : "password",
+        placeholder,
+        value,
+        onChange: (event) => onChange(event.target.value),
+        "aria-label": label,
+        "aria-invalid": invalid || void 0
+      }),
+      /* @__PURE__ */ jsx(InputGroupAddon, {
+        align: "inline-end",
+        children: /* @__PURE__ */ jsx(InputGroupButton, {
+          size: "icon-xs",
+          className: cn(HIT_AREA_EXPAND_CLASS, "transition-[background-color,transform] duration-150 active:scale-[0.96]"),
+          "aria-label": showPassword ? "Hide value" : "Show value",
+          onClick: onToggleVisibility,
+          children: showPassword ? /* @__PURE__ */ jsx(EyeOff, {}) : /* @__PURE__ */ jsx(Eye, {})
+        })
+      })
+    ] })]
+  });
+}
+function TextCredentialField({ attemptedSave, icon: Icon, inputType = "text", label, onChange, placeholder, required = true, value }) {
+  const controlId = useId();
+  const invalid = isFieldInvalid(value, attemptedSave, required);
+  return /* @__PURE__ */ jsxs(Field, {
+    "data-invalid": invalid || void 0,
+    children: [/* @__PURE__ */ jsx(FieldLabel, {
+      htmlFor: controlId,
+      children: label
+    }), /* @__PURE__ */ jsxs(InputGroup, { children: [/* @__PURE__ */ jsx(InputGroupAddon, {
+      align: "inline-start",
+      children: /* @__PURE__ */ jsx(Icon, {})
+    }), /* @__PURE__ */ jsx(InputGroupInput, {
+      id: controlId,
+      type: inputType,
+      placeholder,
+      value,
+      onChange: (event) => onChange(event.target.value),
+      "aria-label": label,
+      "aria-invalid": invalid || void 0
+    })] })]
+  });
+}
+var STATUS_COPY = {
+  unconfigured: "Add a key below to turn this on.",
+  unverified: "Checking the key\u2026",
+  ready: "Ready.",
+  error: "The TypeSafe key could not be verified."
+};
+var KEY_SOURCE_COPY = {
+  settings: "Using the key saved here.",
+  environment: "Using TYPESAFE_API_KEY from the server environment.",
+  none: "No key is set."
+};
+function ComposerIntentSection({ enabled, keySource, status, onClearKey, onEnabledChange, onSaveKey }) {
+  const [draftKey, setDraftKey] = useState2("");
+  const [showKey, setShowKey] = useState2(false);
+  const [attemptedSave, setAttemptedSave] = useState2(false);
+  const [busy, setBusy] = useState2(false);
+  const save = useCallback(async () => {
+    setAttemptedSave(true);
+    if (!draftKey.trim() || !onSaveKey) return;
+    setBusy(true);
+    try {
+      await onSaveKey(draftKey.trim());
+      setDraftKey("");
+      setShowKey(false);
+      setAttemptedSave(false);
+    } finally {
+      setBusy(false);
+    }
+  }, [draftKey, onSaveKey]);
+  const clear = useCallback(async () => {
+    if (!onClearKey) return;
+    setBusy(true);
+    try {
+      await onClearKey();
+      setDraftKey("");
+    } finally {
+      setBusy(false);
+    }
+  }, [onClearKey]);
+  const unavailable = status === "unconfigured" || status === "error";
+  return /* @__PURE__ */ jsxs("div", {
+    className: "flex flex-col gap-3",
+    children: [/* @__PURE__ */ jsx(ItemRow, {
+      title: "Describe a command",
+      subtitle: `Recognise when a message is really asking for a built-in command, like "compact this" or "show the shortcuts". Messages you send are shared with TypeSafe for classification only when this is on. ${STATUS_COPY[status]}`,
+      trailing: /* @__PURE__ */ jsx(Switch, {
+        "aria-label": "Describe a command",
+        checked: enabled,
+        disabled: !onEnabledChange || !enabled && unavailable,
+        onCheckedChange: onEnabledChange
+      })
+    }), /* @__PURE__ */ jsxs("div", {
+      className: "flex flex-col gap-2 rounded-xl border p-4",
+      children: [
+        /* @__PURE__ */ jsx(SecretCredentialField, {
+          attemptedSave,
+          label: "TypeSafe API key",
+          onChange: setDraftKey,
+          onToggleVisibility: () => setShowKey((current) => !current),
+          placeholder: "Paste your TypeSafe API key",
+          showPassword: showKey,
+          value: draftKey
+        }),
+        /* @__PURE__ */ jsx("p", {
+          className: "text-xs text-muted-foreground",
+          children: KEY_SOURCE_COPY[keySource]
+        }),
+        /* @__PURE__ */ jsxs("div", {
+          className: "flex items-center gap-2",
+          children: [/* @__PURE__ */ jsx(Button, {
+            type: "button",
+            size: "sm",
+            disabled: busy || !draftKey.trim(),
+            onClick: () => void save(),
+            children: "Save key"
+          }), keySource === "settings" ? /* @__PURE__ */ jsx(Button, {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            disabled: busy,
+            onClick: () => void clear(),
+            children: "Remove key"
+          }) : null]
+        })
+      ]
+    })]
+  });
+}
 function SettingsPane({ actions, children, description, title }) {
   return /* @__PURE__ */ jsxs("div", {
     className: "flex flex-col gap-4",
@@ -1707,7 +1929,7 @@ function McpConnectionsSection({ connections, isLoading, isPending, onOAuth, onR
                   disabled: isPending || !onRemove,
                   "aria-label": `Remove ${connection.name}`,
                   onClick: () => setConfirmRemove(connection.name),
-                  children: /* @__PURE__ */ jsx(Trash2, { className: "size-3.5" })
+                  children: /* @__PURE__ */ jsx(Trash, { className: "size-3.5" })
                 }) : null]
               })
             }),
@@ -2113,7 +2335,7 @@ function ModelDefaultsSection({ draft, discoveringProviderId, modelDirty, modelF
                 disabled,
                 "aria-label": `Remove ${model.name}`,
                 onClick: () => onRemoveModel(model),
-                children: [/* @__PURE__ */ jsx(Trash2, { "data-icon": "inline-start" }), "Remove"]
+                children: [/* @__PURE__ */ jsx(Trash, { "data-icon": "inline-start" }), "Remove"]
               })]
             })
           }, model.id))]
@@ -2170,66 +2392,6 @@ function PersonalizationSection({ onThemePreferenceChange, themePreference }) {
     })]
   });
 }
-function isFieldInvalid(value, attemptedSave, required = true) {
-  return attemptedSave && required && value.trim().length === 0;
-}
-function SecretCredentialField({ attemptedSave, label, onChange, onToggleVisibility, placeholder, required = true, showPassword, value }) {
-  const controlId = useId();
-  const invalid = isFieldInvalid(value, attemptedSave, required);
-  return /* @__PURE__ */ jsxs(Field, {
-    "data-invalid": invalid || void 0,
-    children: [/* @__PURE__ */ jsx(FieldLabel, {
-      htmlFor: controlId,
-      children: label
-    }), /* @__PURE__ */ jsxs(InputGroup, { children: [
-      /* @__PURE__ */ jsx(InputGroupAddon, {
-        align: "inline-start",
-        children: /* @__PURE__ */ jsx(Lock, {})
-      }),
-      /* @__PURE__ */ jsx(InputGroupInput, {
-        id: controlId,
-        type: showPassword ? "text" : "password",
-        placeholder,
-        value,
-        onChange: (event) => onChange(event.target.value),
-        "aria-label": label,
-        "aria-invalid": invalid || void 0
-      }),
-      /* @__PURE__ */ jsx(InputGroupAddon, {
-        align: "inline-end",
-        children: /* @__PURE__ */ jsx(InputGroupButton, {
-          size: "icon-xs",
-          className: cn(HIT_AREA_EXPAND_CLASS, "transition-[background-color,transform] duration-150 active:scale-[0.96]"),
-          "aria-label": showPassword ? "Hide value" : "Show value",
-          onClick: onToggleVisibility,
-          children: showPassword ? /* @__PURE__ */ jsx(EyeOff, {}) : /* @__PURE__ */ jsx(Eye, {})
-        })
-      })
-    ] })]
-  });
-}
-function TextCredentialField({ attemptedSave, icon: Icon, inputType = "text", label, onChange, placeholder, required = true, value }) {
-  const controlId = useId();
-  const invalid = isFieldInvalid(value, attemptedSave, required);
-  return /* @__PURE__ */ jsxs(Field, {
-    "data-invalid": invalid || void 0,
-    children: [/* @__PURE__ */ jsx(FieldLabel, {
-      htmlFor: controlId,
-      children: label
-    }), /* @__PURE__ */ jsxs(InputGroup, { children: [/* @__PURE__ */ jsx(InputGroupAddon, {
-      align: "inline-start",
-      children: /* @__PURE__ */ jsx(Icon, {})
-    }), /* @__PURE__ */ jsx(InputGroupInput, {
-      id: controlId,
-      type: inputType,
-      placeholder,
-      value,
-      onChange: (event) => onChange(event.target.value),
-      "aria-label": label,
-      "aria-invalid": invalid || void 0
-    })] })]
-  });
-}
 var OPENAI_CHAT_BASE_URL_PLACEHOLDER = "https://opencode.ai/zen/v1";
 var OPENAI_CHAT_MODEL_PLACEHOLDER = "qwen35-122b-a10b";
 var OPENAI_CHAT_NAME_PLACEHOLDER = "e.g. OpenCode Zen, Nebius, Groq\u2026";
@@ -2814,7 +2976,7 @@ function ActiveProviderList({ providers, editingProvider, form, operation, actio
               disabled: isPending || !canRemove,
               "aria-label": `Remove ${provider.name}`,
               onClick: () => onRemove(provider),
-              children: [/* @__PURE__ */ jsx(Trash2, { "data-icon": "inline-start" }), "Remove"]
+              children: [/* @__PURE__ */ jsx(Trash, { "data-icon": "inline-start" }), "Remove"]
             }), /* @__PURE__ */ jsxs(Button, {
               type: "button",
               variant: "ghost",
@@ -3111,7 +3273,7 @@ function CatalogValueList({ addLabel, catalog, onChange, placeholder, values })
           size: "icon-xs",
           "aria-label": `Remove ${value}`,
           onClick: () => onChange(values.filter((entry) => entry !== value)),
-          children: /* @__PURE__ */ jsx(Trash2, {})
+          children: /* @__PURE__ */ jsx(Trash, {})
         })
       }, value);
     }), available.length > 0 ? /* @__PURE__ */ jsx(Select, {
@@ -3562,6 +3724,106 @@ function sanitizeStringList(values) {
     return trimmed ? [trimmed] : [];
   });
 }
+var SETTINGS_SECTION_REGISTRY = {
+  appearance: {
+    id: "appearance",
+    order: 10,
+    title: "Appearance",
+    ariaLabel: "Appearance settings",
+    icon: Paintbrush,
+    group: "workspace"
+  },
+  chat: {
+    id: "chat",
+    order: 20,
+    title: "Chat",
+    ariaLabel: "Chat settings",
+    icon: MessageSquare,
+    group: "workspace"
+  },
+  mcp: {
+    id: "mcp",
+    order: 25,
+    title: "MCP",
+    ariaLabel: "MCP connection settings",
+    icon: Plug,
+    group: "workspace"
+  },
+  sandbox: {
+    id: "sandbox",
+    order: 30,
+    title: "Sandbox",
+    ariaLabel: "Sandbox settings",
+    icon: HardDrive,
+    group: "advanced"
+  },
+  providers: {
+    id: "providers",
+    order: 40,
+    title: "Providers",
+    ariaLabel: "Provider settings",
+    icon: KeyRound,
+    group: "models"
+  },
+  "llm-models": {
+    id: "llm-models",
+    order: 50,
+    title: "LLM Models",
+    ariaLabel: "LLM model settings",
+    icon: Cpu,
+    group: "models"
+  },
+  skills: {
+    id: "skills",
+    order: 60,
+    title: "Skills",
+    ariaLabel: "Skill settings",
+    icon: Sparkles,
+    group: "advanced"
+  },
+  "pi-harness": {
+    id: "pi-harness",
+    order: 70,
+    title: "Pi Harness",
+    ariaLabel: "Pi harness settings",
+    icon: Settings,
+    group: "advanced"
+  },
+  keybindings: {
+    id: "keybindings",
+    order: 80,
+    title: "Keybindings",
+    ariaLabel: "Keybinding settings",
+    icon: Keyboard,
+    group: "advanced"
+  },
+  sessions: {
+    id: "sessions",
+    order: 90,
+    title: "Sessions",
+    ariaLabel: "Session settings",
+    icon: Users,
+    group: "workspace"
+  }
+};
+var SETTINGS_SECTION_GROUPS = [
+  {
+    id: "workspace",
+    label: "Workspace"
+  },
+  {
+    id: "models",
+    label: "Models"
+  },
+  {
+    id: "advanced",
+    label: "Advanced"
+  }
+];
+var SETTINGS_SECTIONS = Object.values(SETTINGS_SECTION_REGISTRY).sort((left, right) => left.order - right.order);
+function isSettingsSectionId(value) {
+  return SETTINGS_SECTIONS.some((section) => section.id === value);
+}
 function useModelDefaultsForm({ draft, setDraft, updateDraft, settings, providers, models, modelCatalog, onDiscoverModels, saveSettings, setSavingSection }) {
   const [modelFilter, setModelFilter] = useState2("");
   const [discoveredModels, setDiscoveredModels] = useState2([]);
@@ -3748,106 +4010,6 @@ function useResourcesForm({ draft, settings, updateDraft }) {
     revertResourceDraft
   };
 }
-var SETTINGS_SECTION_REGISTRY = {
-  appearance: {
-    id: "appearance",
-    order: 10,
-    title: "Appearance",
-    ariaLabel: "Appearance settings",
-    icon: Paintbrush,
-    group: "workspace"
-  },
-  chat: {
-    id: "chat",
-    order: 20,
-    title: "Chat",
-    ariaLabel: "Chat settings",
-    icon: MessageSquare,
-    group: "workspace"
-  },
-  mcp: {
-    id: "mcp",
-    order: 25,
-    title: "MCP",
-    ariaLabel: "MCP connection settings",
-    icon: Plug,
-    group: "workspace"
-  },
-  sandbox: {
-    id: "sandbox",
-    order: 30,
-    title: "Sandbox",
-    ariaLabel: "Sandbox settings",
-    icon: HardDrive,
-    group: "advanced"
-  },
-  providers: {
-    id: "providers",
-    order: 40,
-    title: "Providers",
-    ariaLabel: "Provider settings",
-    icon: KeyRound,
-    group: "models"
-  },
-  "llm-models": {
-    id: "llm-models",
-    order: 50,
-    title: "LLM Models",
-    ariaLabel: "LLM model settings",
-    icon: Cpu,
-    group: "models"
-  },
-  skills: {
-    id: "skills",
-    order: 60,
-    title: "Skills",
-    ariaLabel: "Skill settings",
-    icon: Sparkles,
-    group: "advanced"
-  },
-  "pi-harness": {
-    id: "pi-harness",
-    order: 70,
-    title: "Pi Harness",
-    ariaLabel: "Pi harness settings",
-    icon: Settings,
-    group: "advanced"
-  },
-  keybindings: {
-    id: "keybindings",
-    order: 80,
-    title: "Keybindings",
-    ariaLabel: "Keybinding settings",
-    icon: Keyboard,
-    group: "advanced"
-  },
-  sessions: {
-    id: "sessions",
-    order: 90,
-    title: "Sessions",
-    ariaLabel: "Session settings",
-    icon: Users,
-    group: "workspace"
-  }
-};
-var SETTINGS_SECTION_GROUPS = [
-  {
-    id: "workspace",
-    label: "Workspace"
-  },
-  {
-    id: "models",
-    label: "Models"
-  },
-  {
-    id: "advanced",
-    label: "Advanced"
-  }
-];
-var SETTINGS_SECTIONS = Object.values(SETTINGS_SECTION_REGISTRY).sort((left, right) => left.order - right.order);
-function isSettingsSectionId(value) {
-  return SETTINGS_SECTIONS.some((section) => section.id === value);
-}
 function PreferenceRow({ children, description, label }) {
   return /* @__PURE__ */ jsxs(Field, {
     orientation: "horizontal",
@@ -4005,7 +4167,7 @@ function SettingsDialogSession({ initialTab, onOpenChange, open }) {
     }) : null
   });
 }
-function SettingsDialogPaneContent({ activeTab, form, preferences, updatePreference }) {
+function SettingsDialogPaneContent({ activeTab, composerIntent, form, onComposerIntentChange, onComposerIntentKeyChange, preferences, updatePreference }) {
   const { isLoadingMcp, isLoadingProviders, isUpdatingMcp, isUpdatingProvider, mcpConnections, onMcpOAuth, onOAuthLogin, onRemoveMcp, onRemoveProvider, onThemePreferenceChange, onUpdateMcp, onUpdateProvider, providers, resources, settingsLoading, themePreference, draft, savingSection, packageRows, packageError, modelFilter, setModelFilter, resourceSummary, modelOptions, modelDirty, resourceDirty, revertResourceDraft, revertModelDraft, updateDraft, handlePackageRowsChange, addModels, removeModel, setDefaultModel, discoverProvider, discoveringProviderId, saveSection } = form;
   const resourcesPane = (scope) => /* @__PURE__ */ jsx(ResourcesSection, {
     scope,
@@ -4096,28 +4258,39 @@ function SettingsDialogPaneContent({ activeTab, form, preferences, updatePrefere
     }),
     chat: () => /* @__PURE__ */ jsxs("div", {
       className: "flex flex-col gap-4",
-      children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
-        className: "text-lg font-medium",
-        children: "Chat"
-      }), /* @__PURE__ */ jsx("p", {
-        className: "text-sm text-muted-foreground",
-        children: "Control transcript behavior."
-      })] }), /* @__PURE__ */ jsx(PreferenceRow, {
-        label: "Streaming transcript",
-        description: "Follow new output or preserve the reading position.",
-        children: /* @__PURE__ */ jsx(Select, {
-          "aria-label": "Streaming transcript",
-          value: preferences.transcript,
-          onValueChange: (value) => updatePreference("transcript", value),
-          options: [{
-            label: "Follow output",
-            value: "follow"
-          }, {
-            label: "Manual",
-            value: "manual"
-          }]
+      children: [
+        /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+          className: "text-lg font-medium",
+          children: "Chat"
+        }), /* @__PURE__ */ jsx("p", {
+          className: "text-sm text-muted-foreground",
+          children: "Control transcript behavior."
+        })] }),
+        /* @__PURE__ */ jsx(PreferenceRow, {
+          label: "Streaming transcript",
+          description: "Follow new output or preserve the reading position.",
+          children: /* @__PURE__ */ jsx(Select, {
+            "aria-label": "Streaming transcript",
+            value: preferences.transcript,
+            onValueChange: (value) => updatePreference("transcript", value),
+            options: [{
+              label: "Follow output",
+              value: "follow"
+            }, {
+              label: "Manual",
+              value: "manual"
+            }]
+          })
+        }),
+        /* @__PURE__ */ jsx(ComposerIntentSection, {
+          enabled: composerIntent?.enabled ?? false,
+          keySource: composerIntent?.keySource ?? "none",
+          status: composerIntent?.status ?? "unconfigured",
+          onClearKey: () => onComposerIntentKeyChange?.(null),
+          onEnabledChange: onComposerIntentChange,
+          onSaveKey: (apiKey) => onComposerIntentKeyChange?.(apiKey)
         })
-      })]
+      ]
     }),
     mcp: () => /* @__PURE__ */ jsx(McpConnectionsSection, {
       connections: mcpConnections,
@@ -4211,6 +4384,7 @@ function SettingsDialogPaneContent({ activeTab, form, preferences, updatePrefere
 }
 function SettingsDialogBody({ initialTab, onCloseAttemptRef, onOpenChange }) {
   const form = useSettingsForm();
+  const { composerIntent, onComposerIntentChange, onComposerIntentKeyChange } = useSettingsActionsContext();
   const { resourceDirty, revertResourceDraft, resetDraft, requestCloseSettings, resetCommittedModelBaseline } = form;
   const [activeTab, setActiveTab] = useState2(() => initialTab ?? "appearance");
   const [preferences, setPreferences] = useState2(readUiPreferences);
@@ -4261,12 +4435,15 @@ function SettingsDialogBody({ initialTab, onCloseAttemptRef, onOpenChange }) {
   }, [resetCommittedModelBaseline]);
   const paneContent = /* @__PURE__ */ jsx(SettingsDialogPaneContent, {
     activeTab,
+    composerIntent,
     form,
+    onComposerIntentChange,
+    onComposerIntentKeyChange,
     preferences,
     updatePreference
   });
   return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(DialogContent, {
-    className: "flex h-[min(640px,calc(100dvh-4rem))] w-full max-w-[calc(100%-2rem)] overflow-hidden p-0 sm:max-w-[min(860px,calc(100%-2rem))]",
+    className: "flex h-[min(640px,calc(100dvh-4rem))] w-full max-w-[calc(100%-2rem)] overflow-hidden rounded-2xl p-0 sm:max-w-[min(860px,calc(100%-2rem))]",
     children: [
       /* @__PURE__ */ jsx(DialogTitle, {
         className: "sr-only",
@@ -4282,10 +4459,10 @@ function SettingsDialogBody({ initialTab, onCloseAttemptRef, onOpenChange }) {
           "aria-label": "Settings sections",
           className: "hidden h-full w-52 shrink-0 flex-col border-r border-border bg-sidebar sm:flex",
           children: [/* @__PURE__ */ jsx("div", {
-            className: "px-4 pt-5 pb-2 text-label font-semibold",
+            className: "px-6 pt-6 pb-2 text-label font-semibold",
             children: "Settings"
           }), /* @__PURE__ */ jsx("div", {
-            className: "min-h-0 flex-1 overflow-y-auto px-2 pb-4",
+            className: "min-h-0 flex-1 overflow-y-auto px-2 pb-6",
             children: SETTINGS_SECTION_GROUPS.map((group) => /* @__PURE__ */ jsxs("div", {
               className: "py-2",
               children: [/* @__PURE__ */ jsx("p", {
@@ -4364,7 +4541,7 @@ export {
   SettingsDialog
 };
 /**
-* @license lucide-react v1.38.0 - ISC
+* @license lucide-react v1.44.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.