@trops/dash-core 0.1.611 → 0.1.613

package/dist/index.esm.js

@@ -46033,6 +46033,55 @@ var NewProviderPicker = function NewProviderPicker(_ref2) {
   });
 };
 
+/**
+ * providerType.js
+ *
+ * Helpers for assigning a stable, UNIQUE `type` to a provider.
+ *
+ * A provider's identity in the widget system is its `type` string (widgets
+ * declare `requiredProviders: [{ type }]`, runtime resolves by type). Catalog
+ * providers each carry a unique type (`slack`, `github`, …). Hand-rolled
+ * custom MCP servers historically all shared `type: "custom"`, which conflates
+ * multiple customs at binding/runtime. These helpers give each NEW custom
+ * provider a unique slug derived from its name so it behaves like a catalog
+ * provider.
+ *
+ * Forward-only: existing providers are never renamed here (that would break
+ * widgets already built against their type). Only the create path uses this.
+ */
+
+/**
+ * Convert a provider name into a kebab-case type slug.
+ * "My Granola Server" → "my-granola-server". Falls back to a sane default
+ * when the name has no slug-able characters.
+ */
+function slugifyProviderType(name) {
+  var slug = String(name || "").toLowerCase().trim().replace(/[^\w\s-]/g, "") // drop punctuation/symbols
+  .replace(/[\s_]+/g, "-") // whitespace/underscores → hyphen
+  .replace(/-+/g, "-") // collapse repeats
+  .replace(/^-+|-+$/g, ""); // trim hyphens
+  return slug || "custom-provider";
+}
+
+/**
+ * Produce a slug type unique against the already-configured provider types.
+ * Appends `-2`, `-3`, … on collision so two providers can never share a type.
+ *
+ * @param {string} name provider instance name
+ * @param {Iterable<string>} existingTypes types already in use (e.g.
+ *   Object.values(providers).map(p => p.type))
+ * @returns {string}
+ */
+function uniqueProviderType(name) {
+  var existingTypes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var base = slugifyProviderType(name);
+  var taken = new Set(existingTypes || []);
+  if (!taken.has(base)) return base;
+  var i = 2;
+  while (taken.has("".concat(base, "-").concat(i))) i++;
+  return "".concat(base, "-").concat(i);
+}
+
 var ProvidersSection = function ProvidersSection(_ref) {
   var _ref$dashApi = _ref.dashApi,
     dashApi = _ref$dashApi === void 0 ? null : _ref$dashApi,
@@ -46257,8 +46306,21 @@ var ProvidersSection = function ProvidersSection(_ref) {
   function handleMcpSave(providerName, providerType, mcpCredentials, mcpConfig) {
     var allowedTools = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
     if (!dashApi || !appId) return;
+    // Forward-only unique types: a hand-rolled custom MCP server arrives with
+    // the generic default type "custom", which conflates multiple customs at
+    // widget-binding/runtime time. Give each NEW one a unique slug so it has a
+    // distinct identity like catalog providers. Catalog installs pass a real
+    // id (not "custom") and are untouched; the edit path preserves type, so no
+    // existing provider is ever renamed.
+    var resolvedType = providerType;
+    if (resolvedType === "custom") {
+      var existingTypes = Object.values(providers || {}).map(function (p) {
+        return p.type;
+      });
+      resolvedType = uniqueProviderType(providerName, existingTypes);
+    }
     dashApi.saveProvider(appId, providerName, {
-      providerType: providerType,
+      providerType: resolvedType,
       credentials: mcpCredentials,
       providerClass: "mcp",
       mcpConfig: mcpConfig,
@@ -52178,18 +52240,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"
@@ -52198,6 +52277,7 @@ var BACKENDS = [{
   label: "Anthropic API"
 }];
 var AiAssistantSection = function AiAssistantSection() {
+  var _anthropicProvider$;
   var appContext = useContext(AppContext);
   var settings = (appContext === null || appContext === void 0 ? void 0 : appContext.settings) || {};
   var providers = (appContext === null || appContext === void 0 ? void 0 : appContext.providers) || {};
@@ -52215,7 +52295,7 @@ var AiAssistantSection = function AiAssistantSection() {
     _useState4 = _slicedToArray(_useState3, 2),
     preferredBackend = _useState4[0],
     setPreferredBackend = _useState4[1];
-  var _useState5 = useState(aiSettings.model || "claude-sonnet-4-20250514"),
+  var _useState5 = useState(aiSettings.model || DEFAULT_MODEL),
     _useState6 = _slicedToArray(_useState5, 2),
     selectedModel = _useState6[0],
     setSelectedModel = _useState6[1];
@@ -52232,6 +52312,21 @@ var AiAssistantSection = function AiAssistantSection() {
     saveKeyStatus = _useState10[0],
     setSaveKeyStatus = _useState10[1];
 
+  // Provider-pluggable model discovery (live fetch + curated fallback)
+  var _useState11 = useState([]),
+    _useState12 = _slicedToArray(_useState11, 2),
+    availableModels = _useState12[0],
+    setAvailableModels = _useState12[1];
+  var _useState13 = 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 = 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),
@@ -52240,6 +52335,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
   useEffect(function () {
@@ -52261,6 +52359,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 = 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).
+  useEffect(function () {
+    fetchModels();
+  }, [fetchModels]);
+
   // Save AI settings to app settings
   var saveAiSettings = useCallback(function (updates) {
     if (appContext !== null && appContext !== void 0 && appContext.changeSettings) {
@@ -52271,6 +52391,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.
+  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);
@@ -52314,6 +52452,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__*/jsxs("div", {
@@ -52410,6 +52557,18 @@ var AiAssistantSection = function AiAssistantSection() {
             }, b.value);
           })
         })]
+      }), migrationNotice && /*#__PURE__*/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__*/jsx(FontAwesomeIcon, {
+          icon: "exclamation-triangle",
+          className: "h-3.5 w-3.5 mt-0.5"
+        }), /*#__PURE__*/jsxs("span", {
+          children: ["Your previously selected model (", /*#__PURE__*/jsx("code", {
+            children: migrationNotice.from
+          }), ") is no longer available. Switched to ", /*#__PURE__*/jsx("code", {
+            children: migrationNotice.to
+          }), "."]
+        })]
       }), /*#__PURE__*/jsxs("div", {
         className: "flex flex-row items-center justify-between py-1",
         children: [/*#__PURE__*/jsxs("div", {
@@ -52419,18 +52578,31 @@ var AiAssistantSection = function AiAssistantSection() {
             children: "Model"
           }), /*#__PURE__*/jsx("span", {
             className: "text-xs opacity-50",
-            children: "Claude model for AI Assistant conversations"
+            children: "Model for AI Assistant conversations"
+          })]
+        }), /*#__PURE__*/jsxs("div", {
+          className: "flex items-center gap-2",
+          children: [/*#__PURE__*/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__*/jsx("option", {
+                value: m.value,
+                children: m.label
+              }, m.value);
+            })
+          }), /*#__PURE__*/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__*/jsx(FontAwesomeIcon, {
+              icon: "rotate",
+              className: "h-3.5 w-3.5 ".concat(modelsLoading ? "animate-spin" : "")
+            })
           })]
-        }), /*#__PURE__*/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__*/jsx("option", {
-              value: m.value,
-              children: m.label
-            }, m.value);
-          })
         })]
       })]
     }), !hasAnthropicProvider && /*#__PURE__*/jsxs("div", {