@trops/dash-core 0.1.556 → 0.1.560

package/dist/index.js

@@ -14430,7 +14430,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__*/jsxRuntime.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__*/jsxRuntime.jsxs("div", {
@@ -14441,10 +14469,24 @@ var PanelEditItemProviders = function PanelEditItemProviders(_ref) {
             }), /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.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__*/jsxRuntime.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__*/jsxRuntime.jsx("div", {
             className: "text-xs opacity-60 mt-1",
             children: req.description
+          }), isUsingDefault && /*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "mt-1 text-[11px] text-emerald-300",
+            children: ["Using global default:", " ", /*#__PURE__*/jsxRuntime.jsx("span", {
+              className: "font-mono",
+              children: resolvedName
+            }), ". Pick a specific provider below to override."]
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "mt-2",
             children: [/*#__PURE__*/jsxRuntime.jsxs("select", {
@@ -14455,11 +14497,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__*/jsxRuntime.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__*/jsxRuntime.jsx("option", {
+                return /*#__PURE__*/jsxRuntime.jsxs("option", {
                   value: opt.name,
-                  children: opt.name
+                  children: [opt.name, opt.isDefaultForType ? "  (default)" : ""]
                 }, opt.name);
               })]
             }), options.length === 0 && /*#__PURE__*/jsxRuntime.jsxs("div", {