@trops/dash-core 0.1.556 → 0.1.561

package/dist/index.esm.js

@@ -14412,7 +14412,35 @@ var PanelEditItemProviders = function PanelEditItemProviders(_ref) {
           }, p);
         });
         var isConfigured = !!current;
-        var isMissing = req.required && !isConfigured;
+        // Detect the global default for this type. If one exists,
+        // the runtime resolution chain (widget → workspace → app
+        // default → null, see useMcpProvider.js + providerResolution.js)
+        // will use it even when no per-instance override is set —
+        // so the user isn't actually missing anything.
+        //
+        // Without this fallback awareness the UI flagged every
+        // widget with no per-instance pick as "REQUIRED" in red,
+        // even though the widget worked fine at runtime via the
+        // default. Three states now drive the styling instead of
+        // two:
+        //   - overridden: user explicitly picked a per-instance
+        //     provider → neutral panel + "override" tag
+        //   - using-default: per-instance empty but a global
+        //     default exists → neutral panel + "using default
+        //     <name>" hint
+        //   - missing: per-instance empty AND no global default
+        //     for this type → red panel + "REQUIRED" tag
+        var defaultOption = options.find(function (o) {
+          return o.isDefaultForType;
+        });
+        var isUsingDefault = !isConfigured && !!defaultOption;
+        var isMissing = req.required && !isConfigured && !defaultOption;
+        // resolvedName is what runtime will actually use — either
+        // the per-instance override, or the global default if one
+        // exists. Surfaced in the "using default" hint so the user
+        // can see which provider is actually wired in without
+        // opening Settings → Providers.
+        var resolvedName = isConfigured ? current : isUsingDefault ? defaultOption.name : null;
         return /*#__PURE__*/jsxs("div", {
           className: "rounded border px-3 py-2 ".concat(isMissing ? "bg-red-900 border-red-500" : "bg-gray-800 border-gray-700"),
           children: [/*#__PURE__*/jsxs("div", {
@@ -14423,10 +14451,24 @@ var PanelEditItemProviders = function PanelEditItemProviders(_ref) {
             }), /*#__PURE__*/jsx("span", {
               className: "text-[10px] uppercase tracking-wide px-1.5 py-0.5 rounded font-semibold ".concat(isMissing ? "bg-red-600 text-white" : req.required ? "bg-indigo-800 text-indigo-100" : "bg-gray-700 text-gray-300"),
               children: req.required ? "required" : "optional"
+            }), isUsingDefault && /*#__PURE__*/jsx("span", {
+              className: "text-[10px] uppercase tracking-wide px-1.5 py-0.5 rounded font-semibold bg-emerald-800 text-emerald-100",
+              title: "No per-widget override set \u2014 runtime resolves to the global default \"".concat(resolvedName, "\" (Settings \u2192 Providers)."),
+              children: "using default"
+            }), isConfigured && /*#__PURE__*/jsx("span", {
+              className: "text-[10px] uppercase tracking-wide px-1.5 py-0.5 rounded font-semibold bg-indigo-900 text-indigo-200",
+              title: "A per-widget provider is set; overrides the global default.",
+              children: "override"
             })]
           }), req.description && /*#__PURE__*/jsx("div", {
             className: "text-xs opacity-60 mt-1",
             children: req.description
+          }), isUsingDefault && /*#__PURE__*/jsxs("div", {
+            className: "mt-1 text-[11px] text-emerald-300",
+            children: ["Using global default:", " ", /*#__PURE__*/jsx("span", {
+              className: "font-mono",
+              children: resolvedName
+            }), ". Pick a specific provider below to override."]
           }), /*#__PURE__*/jsxs("div", {
             className: "mt-2",
             children: [/*#__PURE__*/jsxs("select", {
@@ -14437,11 +14479,11 @@ var PanelEditItemProviders = function PanelEditItemProviders(_ref) {
               className: "w-full bg-gray-900 border rounded px-2 py-1.5 text-sm ".concat(isMissing ? "border-red-500" : "border-gray-700"),
               children: [/*#__PURE__*/jsx("option", {
                 value: "",
-                children: req.required ? "— select a provider —" : "— none —"
+                children: isUsingDefault ? "\u2014 use default (".concat(resolvedName, ") \u2014") : req.required ? "— select a provider —" : "— none —"
               }), options.map(function (opt) {
-                return /*#__PURE__*/jsx("option", {
+                return /*#__PURE__*/jsxs("option", {
                   value: opt.name,
-                  children: opt.name
+                  children: [opt.name, opt.isDefaultForType ? "  (default)" : ""]
                 }, opt.name);
               })]
             }), options.length === 0 && /*#__PURE__*/jsxs("div", {
@@ -18917,18 +18959,38 @@ var WidgetCardHeader = function WidgetCardHeader(_ref) {
   };
   var providerRequirements = getProviderRequirements();
 
-  // Check if provider is configured — used only for the amber-dot
-  // indicator now. Actual provider editing lives in the config
-  // modal's Providers section (opened via the "Providers" menu item).
-  var isProviderConfigured = function isProviderConfigured(providerType) {
-    return selectedProviders[providerType] != null;
+  // App providers — needed to detect when a global default
+  // (`isDefaultForType: true`) exists for a required provider type.
+  // The runtime resolution chain in useMcpProvider / useWebSocketProvider
+  // falls through to the default when no per-instance pick is set, so
+  // the amber-dot indicator should respect that fallback: a widget
+  // whose required type has a default ISN'T actually unresolved.
+  // Without this, the dot fires on every widget the user hasn't
+  // explicitly bound, even though the runtime is happy.
+  var appCtx = useContext(AppContext);
+  var appProviders = (appCtx === null || appCtx === void 0 ? void 0 : appCtx.providers) || {};
+
+  // Check if a required provider has a resolved provider for it —
+  // either a per-instance pick OR a global `isDefaultForType: true`
+  // provider of the matching type. Mirrors the resolution chain in
+  // `utils/providerResolution.js` so the indicator agrees with what
+  // the runtime hook actually does.
+  var isProviderResolved = function isProviderResolved(providerType) {
+    if (selectedProviders[providerType] != null) return true;
+    // Walk appProviders looking for a default of this type.
+    var entries = appProviders && _typeof(appProviders) === "object" ? Object.values(appProviders) : [];
+    return entries.some(function (p) {
+      return p && p.type === providerType && p.isDefaultForType === true;
+    });
   };
 
-  // True when any required provider lacks a selection — drives the
-  // amber dot on the overflow button so the user can see unresolved
-  // state at a glance without opening the menu.
+  // True when any required provider has neither a per-instance pick
+  // nor a global default — drives the amber dot on the overflow
+  // button + the "!" badge on the Providers menu item so the user
+  // can see truly-unresolved state at a glance. Widgets relying on
+  // a global default no longer trip this.
   var hasUnresolvedRequiredProvider = providerRequirements.some(function (req) {
-    return req.required && !isProviderConfigured(req.type);
+    return req.required && !isProviderResolved(req.type);
   });
 
   // Build overflow actions list — single source of truth for the