@trops/dash-core 0.1.633 → 0.1.635

package/dist/index.esm.js

@@ -38664,14 +38664,17 @@ var ThemeQuickCreate = function ThemeQuickCreate(_ref11) {
   }
   return /*#__PURE__*/jsxs("div", {
     className: "flex flex-col gap-4 p-6 flex-1 min-h-0 overflow-hidden",
-    children: [/*#__PURE__*/jsx(InputText, {
-      value: wizardName,
-      onChange: function onChange(val) {
-        return setWizardName(val);
-      },
-      placeholder: "Theme name..."
+    children: [/*#__PURE__*/jsx("div", {
+      className: "shrink-0",
+      children: /*#__PURE__*/jsx(InputText, {
+        value: wizardName,
+        onChange: function onChange(val) {
+          return setWizardName(val);
+        },
+        placeholder: "Theme name..."
+      })
     }), showMethodPicker && /*#__PURE__*/jsxs("div", {
-      className: "flex flex-col gap-2",
+      className: "flex flex-col gap-2 shrink-0",
       children: [/*#__PURE__*/jsx("span", {
         className: "text-sm font-semibold opacity-50",
         children: "Generation Method"
@@ -38711,33 +38714,39 @@ var ThemeQuickCreate = function ThemeQuickCreate(_ref11) {
           }
         })]
       })]
-    }), wizardMethod === "presets" && /*#__PURE__*/jsx(PresetGallery, {
-      onSelect: function onSelect(preset) {
-        return setWizardTheme(preset);
-      },
-      selectedPresetId: wizardTheme === null || wizardTheme === void 0 ? void 0 : wizardTheme.name,
-      inline: true
-    }), wizardMethod === "random" && /*#__PURE__*/jsx(RandomPreview, {
-      onCommit: function onCommit(theme) {
-        return setWizardTheme(theme);
-      }
-    }), wizardMethod === "color" && /*#__PURE__*/jsx(ColorHarmonyPicker, {
-      onGenerate: function onGenerate(theme) {
-        return setWizardTheme(theme);
-      },
-      inline: true
-    }), wizardMethod === "from-url" && onExtract && /*#__PURE__*/jsx(ThemeFromUrlPane, {
-      onExtract: onExtract,
-      onMapToTheme: onMapToTheme,
-      onGenerate: function onGenerate(theme) {
-        return setWizardTheme(theme);
-      },
-      inline: true
-    }), /*#__PURE__*/jsx(Button2, {
-      title: "Create Theme",
-      onClick: onComplete,
-      disabled: !canCreate,
-      block: true
+    }), /*#__PURE__*/jsxs("div", {
+      className: "flex-1 min-h-0 overflow-y-auto",
+      children: [wizardMethod === "presets" && /*#__PURE__*/jsx(PresetGallery, {
+        onSelect: function onSelect(preset) {
+          return setWizardTheme(preset);
+        },
+        selectedPresetId: wizardTheme === null || wizardTheme === void 0 ? void 0 : wizardTheme.name,
+        inline: true
+      }), wizardMethod === "random" && /*#__PURE__*/jsx(RandomPreview, {
+        onCommit: function onCommit(theme) {
+          return setWizardTheme(theme);
+        }
+      }), wizardMethod === "color" && /*#__PURE__*/jsx(ColorHarmonyPicker, {
+        onGenerate: function onGenerate(theme) {
+          return setWizardTheme(theme);
+        },
+        inline: true
+      }), wizardMethod === "from-url" && onExtract && /*#__PURE__*/jsx(ThemeFromUrlPane, {
+        onExtract: onExtract,
+        onMapToTheme: onMapToTheme,
+        onGenerate: function onGenerate(theme) {
+          return setWizardTheme(theme);
+        },
+        inline: true
+      })]
+    }), /*#__PURE__*/jsx("div", {
+      className: "shrink-0",
+      children: /*#__PURE__*/jsx(Button2, {
+        title: "Create Theme",
+        onClick: onComplete,
+        disabled: !canCreate,
+        block: true
+      })
     })]
   });
 };
@@ -39598,6 +39607,10 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
     _useState10 = _slicedToArray(_useState1, 2),
     isChoosingMode = _useState10[0],
     setIsChoosingMode = _useState10[1];
+  // `startInCreate` should auto-open the chooser ONCE per modal open. Without
+  // this guard the effect re-fires after a theme is created (themes change →
+  // isCreating flips false) and bounces the user back to the chooser.
+  var startInCreateHandledRef = useRef(false);
   var _useState11 = useState(false),
     _useState12 = _slicedToArray(_useState11, 2),
     isSearching = _useState12[0],
@@ -39634,6 +39647,7 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
       setIsChoosingMode(false);
       setIsSearching(false);
       setSelectedMethod(null);
+      startInCreateHandledRef.current = false;
     } else {
       if (themeKeySelected === null && themes) {
         var themeKeyTemp = settings && "theme" in settings ? settings["theme"] in themes ? settings["theme"] : Object.keys(themes)[0] : Object.keys(themes)[0];
@@ -39648,7 +39662,8 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
           return rawThemes[themeKeyTemp];
         });
       }
-      if (startInCreate && !isChoosingMode && !isCreating) {
+      if (startInCreate && !startInCreateHandledRef.current && !isChoosingMode && !isCreating) {
+        startInCreateHandledRef.current = true;
         setIsChoosingMode(true);
         setIsCreating(false);
         setIsSearching(false);
@@ -47305,21 +47320,45 @@ var PROVIDER_LABELS = {
   xai: "xAI"
 };
 var AI_PROVIDER_TYPES = Object.keys(PROVIDER_LABELS);
-function providerOptionsFrom(providers) {
-  var present = new Set();
+function presentProviderTypes(providers) {
+  var present = [];
   for (var _i = 0, _Object$values = Object.values(providers || {}); _i < _Object$values.length; _i++) {
     var p = _Object$values[_i];
-    if (p && AI_PROVIDER_TYPES.includes(p.type)) present.add(p.type);
+    if (p && AI_PROVIDER_TYPES.includes(p.type) && !present.includes(p.type)) {
+      present.push(p.type);
+    }
   }
-  return [{
-    value: "",
-    label: "Default provider"
-  }].concat(_toConsumableArray(_toConsumableArray(present).map(function (t) {
+  return present;
+}
+function providerOptionsFrom(providers) {
+  return [].concat(_toConsumableArray(presentProviderTypes(providers).map(function (t) {
     return {
       value: t,
       label: PROVIDER_LABELS[t] || t
     };
-  })));
+  })), [
+  // Auth via the logged-in Claude Code CLI — no API key needed. Runs on the
+  // Claude Agent engine (native tools).
+  {
+    value: "claude-code",
+    label: "Claude Code (CLI) — no API key"
+  }]);
+}
+
+/**
+ * The provider to pre-select for a new bot: the user's configured default AI
+ * (its `isDefaultForType`, else the first configured). If none is configured,
+ * fall back to the always-available Claude Code (CLI) — it's the only option in
+ * that case and needs no API key.
+ */
+function defaultProviderId(providers) {
+  var list = Object.values(providers || {}).filter(function (p) {
+    return p && AI_PROVIDER_TYPES.includes(p.type);
+  });
+  var def = list.find(function (p) {
+    return p.isDefaultForType;
+  }) || list[0];
+  return def ? def.type : "claude-code";
 }
 var APPROVAL_OPTIONS = [{
   value: "ask",
@@ -47378,7 +47417,7 @@ var BotDetail = function BotDetail(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     instructions = _useState4[0],
     setInstructions = _useState4[1];
-  var _useState5 = useState((bot === null || bot === void 0 ? void 0 : bot.provider) || ""),
+  var _useState5 = useState((bot === null || bot === void 0 ? void 0 : bot.provider) || defaultProviderId(providers)),
     _useState6 = _slicedToArray(_useState5, 2),
     provider = _useState6[0],
     setProvider = _useState6[1];
@@ -47647,12 +47686,17 @@ var BotDetail = function BotDetail(_ref) {
           placeholder: "What should this bot do?",
           rows: 5
         })]
-      }), /*#__PURE__*/jsx(SelectInput, {
-        label: "Provider",
-        value: provider,
-        onChange: setProvider,
-        options: providerOptionsFrom(providers),
-        placeholder: "Default provider"
+      }), /*#__PURE__*/jsxs("div", {
+        className: "flex flex-col gap-1",
+        children: [/*#__PURE__*/jsx(SelectInput, {
+          label: "Provider",
+          value: provider,
+          onChange: setProvider,
+          options: providerOptionsFrom(providers)
+        }), /*#__PURE__*/jsx("span", {
+          className: "text-xs opacity-50",
+          children: "The AI that runs this bot. \"Claude Code (CLI)\" uses your Claude login \u2014 no API key needed."
+        })]
       }), /*#__PURE__*/jsx(SelectInput, {
         label: "Model",
         value: model,