@trops/dash-core 0.1.611 → 0.1.612

package/dist/index.js

@@ -52196,18 +52196,35 @@ var McpServerSection = function McpServerSection() {
   });
 };
 
+/**
+ * modelMigration.js (renderer mirror)
+ *
+ * Mirrors the retired-model map + default from the main-process provider
+ * registry (electron/llm/modelProviders.js) so the Settings UI can detect a
+ * stale saved selection, auto-migrate it, and show a notice — without an IPC
+ * round-trip. KEEP IN SYNC with modelProviders.js (anthropic provider).
+ */
+var DEFAULT_MODEL = "claude-opus-4-8";
+var RETIRED_MODEL_MAP = {
+  "claude-sonnet-4-20250514": "claude-sonnet-4-6",
+  "claude-opus-4-20250514": "claude-opus-4-8",
+  "claude-opus-4-1-20250805": "claude-opus-4-8",
+  "claude-3-7-sonnet-20250219": "claude-sonnet-4-6",
+  "claude-3-5-sonnet-20241022": "claude-sonnet-4-6",
+  "claude-3-5-sonnet-20240620": "claude-sonnet-4-6",
+  "claude-3-5-haiku-20241022": "claude-haiku-4-5",
+  "claude-3-opus-20240229": "claude-opus-4-8"
+};
+function isRetiredModel(id) {
+  return !!RETIRED_MODEL_MAP[id];
+}
+function migrateModelId(id) {
+  if (!id) return DEFAULT_MODEL;
+  return RETIRED_MODEL_MAP[id] || id;
+}
+
 function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var MODELS = [{
-  value: "claude-sonnet-4-20250514",
-  label: "Claude Sonnet 4"
-}, {
-  value: "claude-opus-4-20250514",
-  label: "Claude Opus 4"
-}, {
-  value: "claude-haiku-4-5-20251001",
-  label: "Claude Haiku 4.5"
-}];
 var BACKENDS = [{
   value: "claude-code",
   label: "Claude Code CLI"
@@ -52216,6 +52233,7 @@ var BACKENDS = [{
   label: "Anthropic API"
 }];
 var AiAssistantSection = function AiAssistantSection() {
+  var _anthropicProvider$;
   var appContext = React.useContext(AppContext);
   var settings = (appContext === null || appContext === void 0 ? void 0 : appContext.settings) || {};
   var providers = (appContext === null || appContext === void 0 ? void 0 : appContext.providers) || {};
@@ -52233,7 +52251,7 @@ var AiAssistantSection = function AiAssistantSection() {
     _useState4 = _slicedToArray(_useState3, 2),
     preferredBackend = _useState4[0],
     setPreferredBackend = _useState4[1];
-  var _useState5 = React.useState(aiSettings.model || "claude-sonnet-4-20250514"),
+  var _useState5 = React.useState(aiSettings.model || DEFAULT_MODEL),
     _useState6 = _slicedToArray(_useState5, 2),
     selectedModel = _useState6[0],
     setSelectedModel = _useState6[1];
@@ -52250,6 +52268,21 @@ var AiAssistantSection = function AiAssistantSection() {
     saveKeyStatus = _useState10[0],
     setSaveKeyStatus = _useState10[1];
 
+  // Provider-pluggable model discovery (live fetch + curated fallback)
+  var _useState11 = React.useState([]),
+    _useState12 = _slicedToArray(_useState11, 2),
+    availableModels = _useState12[0],
+    setAvailableModels = _useState12[1];
+  var _useState13 = React.useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    modelsLoading = _useState14[0],
+    setModelsLoading = _useState14[1];
+  // One-time notice when a retired saved model was auto-migrated
+  var _useState15 = React.useState(null),
+    _useState16 = _slicedToArray(_useState15, 2),
+    migrationNotice = _useState16[0],
+    setMigrationNotice = _useState16[1];
+
   // Find existing Anthropic provider
   var anthropicProvider = Object.entries(providers).find(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
@@ -52258,6 +52291,9 @@ var AiAssistantSection = function AiAssistantSection() {
   });
   var hasAnthropicProvider = !!anthropicProvider;
   var anthropicProviderName = anthropicProvider === null || anthropicProvider === void 0 ? void 0 : anthropicProvider[0];
+  // Decrypted key (when AppContext exposes it) enables the live Models API
+  // fetch; without it, listModels returns the curated fallback list.
+  var anthropicApiKey = (anthropicProvider === null || anthropicProvider === void 0 || (_anthropicProvider$ = anthropicProvider[1]) === null || _anthropicProvider$ === void 0 || (_anthropicProvider$ = _anthropicProvider$.credentials) === null || _anthropicProvider$ === void 0 ? void 0 : _anthropicProvider$.apiKey) || null;
 
   // Check CLI availability on mount
   React.useEffect(function () {
@@ -52279,6 +52315,28 @@ var AiAssistantSection = function AiAssistantSection() {
     }
   }, []);
 
+  // Fetch selectable models for the current provider. With an API key the
+  // main process does a live Anthropic Models API fetch; otherwise it returns
+  // the curated fallback. Provider is "anthropic" for both current backends.
+  var fetchModels = React.useCallback(function () {
+    var _window$mainApi2;
+    if (!((_window$mainApi2 = window.mainApi) !== null && _window$mainApi2 !== void 0 && (_window$mainApi2 = _window$mainApi2.llm) !== null && _window$mainApi2 !== void 0 && _window$mainApi2.listModels)) return;
+    setModelsLoading(true);
+    window.mainApi.llm.listModels("anthropic", anthropicApiKey).then(function (res) {
+      return setAvailableModels(res && res.models || []);
+    })["catch"](function () {
+      return setAvailableModels([]);
+    })["finally"](function () {
+      return setModelsLoading(false);
+    });
+  }, [anthropicApiKey]);
+
+  // Load models on mount and whenever the available API key changes (so the
+  // list upgrades from curated → live once a key is configured).
+  React.useEffect(function () {
+    fetchModels();
+  }, [fetchModels]);
+
   // Save AI settings to app settings
   var saveAiSettings = React.useCallback(function (updates) {
     if (appContext !== null && appContext !== void 0 && appContext.changeSettings) {
@@ -52289,6 +52347,24 @@ var AiAssistantSection = function AiAssistantSection() {
       }));
     }
   }, [appContext]);
+
+  // Auto-migrate a retired saved model to its current replacement (one-time,
+  // on mount) so an old selection can't 404 the assistant. Shows a notice.
+  React.useEffect(function () {
+    var saved = aiSettings.model;
+    if (saved && isRetiredModel(saved)) {
+      var replacement = migrateModelId(saved);
+      setSelectedModel(replacement);
+      saveAiSettings({
+        model: replacement
+      });
+      setMigrationNotice({
+        from: saved,
+        to: replacement
+      });
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   function handleBackendChange(e) {
     var value = e.target.value;
     setPreferredBackend(value);
@@ -52332,6 +52408,15 @@ var AiAssistantSection = function AiAssistantSection() {
     });
   }
 
+  // Model dropdown options — keep the current selection selectable even if it
+  // isn't in the fetched list (e.g. a pinned/custom id).
+  var modelOptions = selectedModel && !availableModels.some(function (m) {
+    return m.value === selectedModel;
+  }) ? [{
+    value: selectedModel,
+    label: selectedModel
+  }].concat(_toConsumableArray(availableModels)) : availableModels;
+
   // Determine effective backend (what will actually be used)
   var effectiveBackend = preferredBackend === "claude-code" && cliStatus !== null && cliStatus !== void 0 && cliStatus.available ? "claude-code" : preferredBackend === "anthropic" && hasAnthropicProvider ? "anthropic" : cliStatus !== null && cliStatus !== void 0 && cliStatus.available ? "claude-code" : hasAnthropicProvider ? "anthropic" : null;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -52428,6 +52513,18 @@ var AiAssistantSection = function AiAssistantSection() {
             }, b.value);
           })
         })]
+      }), migrationNotice && /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex items-start gap-2 rounded-lg bg-yellow-900/30 border border-yellow-700 px-3 py-2 text-xs text-yellow-300",
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+          icon: "exclamation-triangle",
+          className: "h-3.5 w-3.5 mt-0.5"
+        }), /*#__PURE__*/jsxRuntime.jsxs("span", {
+          children: ["Your previously selected model (", /*#__PURE__*/jsxRuntime.jsx("code", {
+            children: migrationNotice.from
+          }), ") is no longer available. Switched to ", /*#__PURE__*/jsxRuntime.jsx("code", {
+            children: migrationNotice.to
+          }), "."]
+        })]
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex flex-row items-center justify-between py-1",
         children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -52437,18 +52534,31 @@ var AiAssistantSection = function AiAssistantSection() {
             children: "Model"
           }), /*#__PURE__*/jsxRuntime.jsx("span", {
             className: "text-xs opacity-50",
-            children: "Claude model for AI Assistant conversations"
+            children: "Model for AI Assistant conversations"
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex items-center gap-2",
+          children: [/*#__PURE__*/jsxRuntime.jsx("select", {
+            value: selectedModel,
+            onChange: handleModelChange,
+            className: "bg-white/10 border border-white/10 rounded-md px-3 py-1.5 text-sm text-gray-200 focus:outline-none focus:ring-1 focus:ring-blue-500",
+            children: modelOptions.map(function (m) {
+              return /*#__PURE__*/jsxRuntime.jsx("option", {
+                value: m.value,
+                children: m.label
+              }, m.value);
+            })
+          }), /*#__PURE__*/jsxRuntime.jsx("button", {
+            type: "button",
+            onClick: fetchModels,
+            disabled: modelsLoading,
+            title: "Refresh available models",
+            className: "text-gray-400 hover:text-gray-200 disabled:opacity-40 transition-colors p-1.5",
+            children: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+              icon: "rotate",
+              className: "h-3.5 w-3.5 ".concat(modelsLoading ? "animate-spin" : "")
+            })
           })]
-        }), /*#__PURE__*/jsxRuntime.jsx("select", {
-          value: selectedModel,
-          onChange: handleModelChange,
-          className: "bg-white/10 border border-white/10 rounded-md px-3 py-1.5 text-sm text-gray-200 focus:outline-none focus:ring-1 focus:ring-blue-500",
-          children: MODELS.map(function (m) {
-            return /*#__PURE__*/jsxRuntime.jsx("option", {
-              value: m.value,
-              children: m.label
-            }, m.value);
-          })
         })]
       })]
     }), !hasAnthropicProvider && /*#__PURE__*/jsxRuntime.jsxs("div", {