@trops/dash-core 0.1.371 → 0.1.373

package/dist/index.js

@@ -4733,7 +4733,10 @@ var DiscoverDashboardsDetail = function DiscoverDashboardsDetail(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     packages = _useState2[0],
     setPackages = _useState2[1];
-  var _useState3 = React.useState(false),
+  // Start in the loading state so the empty UI doesn't flash while the
+  // initial debounce is pending — otherwise the sign-in nudge appears
+  // briefly then disappears as soon as the registry returns results.
+  var _useState3 = React.useState(true),
     _useState4 = _slicedToArray(_useState3, 2),
     isLoading = _useState4[0],
     setIsLoading = _useState4[1];
@@ -4749,47 +4752,87 @@ var DiscoverDashboardsDetail = function DiscoverDashboardsDetail(_ref) {
     _useState0 = _slicedToArray(_useState9, 2),
     selectedPackageName = _useState0[0],
     setSelectedPackageName = _useState0[1];
-  var search = React.useCallback(/*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(query) {
-      var _window$mainApi;
-      var result, _t;
+
+  // Auth state — when the empty state shows up to a non-signed-in user,
+  // they may not realize private packages they own are filtered out.
+  var _useState1 = React.useState(null),
+    _useState10 = _slicedToArray(_useState1, 2),
+    registryAuthed = _useState10[0],
+    setRegistryAuthed = _useState10[1];
+  var _useState11 = React.useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    showAuthFromEmpty = _useState12[0],
+    setShowAuthFromEmpty = _useState12[1];
+  React.useEffect(function () {
+    var cancelled = false;
+    _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var _window$mainApi, status;
       return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            if ((_window$mainApi = window.mainApi) !== null && _window$mainApi !== void 0 && (_window$mainApi = _window$mainApi.registry) !== null && _window$mainApi !== void 0 && _window$mainApi.searchDashboards) {
-              _context.next = 1;
+            _context.prev = 0;
+            _context.next = 1;
+            return (_window$mainApi = window.mainApi) === null || _window$mainApi === void 0 || (_window$mainApi = _window$mainApi.registryAuth) === null || _window$mainApi === void 0 ? void 0 : _window$mainApi.getStatus();
+          case 1:
+            status = _context.sent;
+            if (!cancelled) setRegistryAuthed(!!(status !== null && status !== void 0 && status.authenticated));
+            _context.next = 3;
+            break;
+          case 2:
+            _context.prev = 2;
+            _context["catch"](0);
+            if (!cancelled) setRegistryAuthed(false);
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 2]]);
+    }))();
+    return function () {
+      cancelled = true;
+    };
+  }, [showAuthFromEmpty]);
+  var search = React.useCallback(/*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(query) {
+      var _window$mainApi2;
+      var result, _t2;
+      return _regeneratorRuntime.wrap(function (_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if ((_window$mainApi2 = window.mainApi) !== null && _window$mainApi2 !== void 0 && (_window$mainApi2 = _window$mainApi2.registry) !== null && _window$mainApi2 !== void 0 && _window$mainApi2.searchDashboards) {
+              _context2.next = 1;
               break;
             }
             setPackages([]);
-            return _context.abrupt("return");
+            return _context2.abrupt("return");
           case 1:
             setIsLoading(true);
             setError(null);
-            _context.prev = 2;
-            _context.next = 3;
+            _context2.prev = 2;
+            _context2.next = 3;
             return window.mainApi.registry.searchDashboards(query || "", {});
           case 3:
-            result = _context.sent;
+            result = _context2.sent;
             setPackages((result === null || result === void 0 ? void 0 : result.packages) || []);
-            _context.next = 5;
+            _context2.next = 5;
             break;
           case 4:
-            _context.prev = 4;
-            _t = _context["catch"](2);
-            setError(_t.message || "Failed to search dashboard registry");
+            _context2.prev = 4;
+            _t2 = _context2["catch"](2);
+            setError(_t2.message || "Failed to search dashboard registry");
             setPackages([]);
           case 5:
-            _context.prev = 5;
+            _context2.prev = 5;
             setIsLoading(false);
-            return _context.finish(5);
+            return _context2.finish(5);
           case 6:
           case "end":
-            return _context.stop();
+            return _context2.stop();
         }
-      }, _callee, null, [[2, 4, 5, 6]]);
+      }, _callee2, null, [[2, 4, 5, 6]]);
     }));
     return function (_x) {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }(), []);
 
@@ -4868,12 +4911,27 @@ var DiscoverDashboardsDetail = function DiscoverDashboardsDetail(_ref) {
       })]
     });
   } else if (packages.length === 0) {
-    listBody = /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "px-4 py-8 text-center",
-      children: /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, {
+    listBody = /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "px-4 py-8 text-center space-y-3",
+      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, {
         className: "text-sm opacity-50",
         children: searchQuery ? "No dashboards match your search." : "No dashboard packages available."
-      })
+      }), registryAuthed === false && /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "inline-flex flex-col items-center gap-2 px-4 py-3 rounded-lg bg-amber-900/15 border border-amber-700/30",
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, {
+          className: "text-xs text-amber-200",
+          children: "Sign in to the registry to see your private dashboards."
+        }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
+          title: "Sign in to Registry",
+          bgColor: "bg-indigo-600",
+          hoverBackgroundColor: "hover:bg-indigo-500",
+          textSize: "text-sm",
+          padding: "py-1 px-3",
+          onClick: function onClick() {
+            return setShowAuthFromEmpty(true);
+          }
+        })]
+      })]
     });
   } else {
     listBody = /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -4923,6 +4981,18 @@ var DiscoverDashboardsDetail = function DiscoverDashboardsDetail(_ref) {
     }), !isLoading && !error && packages.length > 0 && /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex-shrink-0 px-4 py-2 text-[10px] opacity-40 border-t border-white/10",
       children: [packages.length, " dashboard", packages.length !== 1 ? "s" : ""]
+    }), /*#__PURE__*/jsxRuntime.jsx(RegistryAuthModal, {
+      isOpen: showAuthFromEmpty,
+      setIsOpen: setShowAuthFromEmpty,
+      onAuthenticated: function onAuthenticated() {
+        setShowAuthFromEmpty(false);
+        setRegistryAuthed(true);
+        search(searchQuery);
+      },
+      onCancel: function onCancel() {
+        return setShowAuthFromEmpty(false);
+      },
+      message: "Sign in to see your private dashboards and install ones you've published."
     })]
   });
 };
@@ -6177,7 +6247,10 @@ var useRegistrySearch = function useRegistrySearch() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     _ref$filterByCapabili = _ref.filterByCapabilities,
     filterByCapabilities = _ref$filterByCapabili === void 0 ? true : _ref$filterByCapabili;
-  var _useState = React.useState(false),
+  // Start in the loading state so consumers don't briefly render an
+  // empty-list state during the initial debounce window before the first
+  // search fires.
+  var _useState = React.useState(true),
     _useState2 = _slicedToArray(_useState, 2),
     isLoading = _useState2[0],
     setIsLoading = _useState2[1];
@@ -38235,7 +38308,9 @@ var DiscoverThemesDetail = function DiscoverThemesDetail(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     packages = _useState2[0],
     setPackages = _useState2[1];
-  var _useState3 = React.useState(false),
+  // Start loading so the empty state with sign-in nudge doesn't flash
+  // before the first fetch resolves.
+  var _useState3 = React.useState(true),
     _useState4 = _slicedToArray(_useState3, 2),
     isLoading = _useState4[0],
     setIsLoading = _useState4[1];
@@ -38251,47 +38326,86 @@ var DiscoverThemesDetail = function DiscoverThemesDetail(_ref) {
     _useState0 = _slicedToArray(_useState9, 2),
     selectedPackageName = _useState0[0],
     setSelectedPackageName = _useState0[1];
-  var search = React.useCallback(/*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(query) {
-      var _window$mainApi;
-      var result, _t;
+
+  // Auth state for the empty-state hint.
+  var _useState1 = React.useState(null),
+    _useState10 = _slicedToArray(_useState1, 2),
+    registryAuthed = _useState10[0],
+    setRegistryAuthed = _useState10[1];
+  var _useState11 = React.useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    showAuthFromEmpty = _useState12[0],
+    setShowAuthFromEmpty = _useState12[1];
+  React.useEffect(function () {
+    var cancelled = false;
+    _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var _window$mainApi, status;
       return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            if ((_window$mainApi = window.mainApi) !== null && _window$mainApi !== void 0 && (_window$mainApi = _window$mainApi.registry) !== null && _window$mainApi !== void 0 && _window$mainApi.searchThemes) {
-              _context.next = 1;
+            _context.prev = 0;
+            _context.next = 1;
+            return (_window$mainApi = window.mainApi) === null || _window$mainApi === void 0 || (_window$mainApi = _window$mainApi.registryAuth) === null || _window$mainApi === void 0 ? void 0 : _window$mainApi.getStatus();
+          case 1:
+            status = _context.sent;
+            if (!cancelled) setRegistryAuthed(!!(status !== null && status !== void 0 && status.authenticated));
+            _context.next = 3;
+            break;
+          case 2:
+            _context.prev = 2;
+            _context["catch"](0);
+            if (!cancelled) setRegistryAuthed(false);
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 2]]);
+    }))();
+    return function () {
+      cancelled = true;
+    };
+  }, [showAuthFromEmpty]);
+  var search = React.useCallback(/*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(query) {
+      var _window$mainApi2;
+      var result, _t2;
+      return _regeneratorRuntime.wrap(function (_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if ((_window$mainApi2 = window.mainApi) !== null && _window$mainApi2 !== void 0 && (_window$mainApi2 = _window$mainApi2.registry) !== null && _window$mainApi2 !== void 0 && _window$mainApi2.searchThemes) {
+              _context2.next = 1;
               break;
             }
             setPackages([]);
-            return _context.abrupt("return");
+            return _context2.abrupt("return");
           case 1:
             setIsLoading(true);
             setError(null);
-            _context.prev = 2;
-            _context.next = 3;
+            _context2.prev = 2;
+            _context2.next = 3;
             return window.mainApi.registry.searchThemes(query || "", {});
           case 3:
-            result = _context.sent;
+            result = _context2.sent;
             setPackages((result === null || result === void 0 ? void 0 : result.packages) || []);
-            _context.next = 5;
+            _context2.next = 5;
             break;
           case 4:
-            _context.prev = 4;
-            _t = _context["catch"](2);
-            setError(_t.message || "Failed to search theme registry");
+            _context2.prev = 4;
+            _t2 = _context2["catch"](2);
+            setError(_t2.message || "Failed to search theme registry");
             setPackages([]);
           case 5:
-            _context.prev = 5;
+            _context2.prev = 5;
             setIsLoading(false);
-            return _context.finish(5);
+            return _context2.finish(5);
           case 6:
           case "end":
-            return _context.stop();
+            return _context2.stop();
         }
-      }, _callee, null, [[2, 4, 5, 6]]);
+      }, _callee2, null, [[2, 4, 5, 6]]);
     }));
     return function (_x) {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }(), []);
 
@@ -38370,12 +38484,27 @@ var DiscoverThemesDetail = function DiscoverThemesDetail(_ref) {
       })]
     });
   } else if (packages.length === 0) {
-    listBody = /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "px-4 py-8 text-center",
-      children: /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, {
+    listBody = /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "px-4 py-8 text-center space-y-3",
+      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, {
         className: "text-sm opacity-50",
         children: searchQuery ? "No themes match your search." : "No theme packages available."
-      })
+      }), registryAuthed === false && /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "inline-flex flex-col items-center gap-2 px-4 py-3 rounded-lg bg-amber-900/15 border border-amber-700/30",
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, {
+          className: "text-xs text-amber-200",
+          children: "Sign in to the registry to see your private themes."
+        }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
+          title: "Sign in to Registry",
+          bgColor: "bg-indigo-600",
+          hoverBackgroundColor: "hover:bg-indigo-500",
+          textSize: "text-sm",
+          padding: "py-1 px-3",
+          onClick: function onClick() {
+            return setShowAuthFromEmpty(true);
+          }
+        })]
+      })]
     });
   } else {
     listBody = /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -38427,6 +38556,18 @@ var DiscoverThemesDetail = function DiscoverThemesDetail(_ref) {
     }), !isLoading && !error && packages.length > 0 && /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex-shrink-0 px-4 py-2 text-[10px] opacity-40 border-t border-white/10",
       children: [packages.length, " theme", packages.length !== 1 ? "s" : ""]
+    }), /*#__PURE__*/jsxRuntime.jsx(RegistryAuthModal, {
+      isOpen: showAuthFromEmpty,
+      setIsOpen: setShowAuthFromEmpty,
+      onAuthenticated: function onAuthenticated() {
+        setShowAuthFromEmpty(false);
+        setRegistryAuthed(true);
+        search(searchQuery);
+      },
+      onCancel: function onCancel() {
+        return setShowAuthFromEmpty(false);
+      },
+      message: "Sign in to see your private themes and install ones you've published."
     })]
   });
 };
@@ -46936,37 +47077,78 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
     toolConflictWarning = _useState4[0],
     setToolConflictWarning = _useState4[1];
 
-  // Install progress modal state
-  var _useState5 = React.useState(false),
+  // Auth state — used to nudge unauthenticated users toward signing in
+  // when the empty state appears (so they realize private packages are
+  // hidden behind auth).
+  var _useState5 = React.useState(null),
     _useState6 = _slicedToArray(_useState5, 2),
-    showProgressModal = _useState6[0],
-    setShowProgressModal = _useState6[1];
-  var _useState7 = React.useState([]),
+    registryAuthed = _useState6[0],
+    setRegistryAuthed = _useState6[1];
+  var _useState7 = React.useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
-    progressWidgets = _useState8[0],
-    setProgressWidgets = _useState8[1];
+    showAuthFromEmpty = _useState8[0],
+    setShowAuthFromEmpty = _useState8[1];
+  React.useEffect(function () {
+    var cancelled = false;
+    _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var _window$mainApi, status;
+      return _regeneratorRuntime.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 1;
+            return (_window$mainApi = window.mainApi) === null || _window$mainApi === void 0 || (_window$mainApi = _window$mainApi.registryAuth) === null || _window$mainApi === void 0 ? void 0 : _window$mainApi.getStatus();
+          case 1:
+            status = _context.sent;
+            if (!cancelled) setRegistryAuthed(!!(status !== null && status !== void 0 && status.authenticated));
+            _context.next = 3;
+            break;
+          case 2:
+            _context.prev = 2;
+            _context["catch"](0);
+            if (!cancelled) setRegistryAuthed(false);
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 2]]);
+    }))();
+    return function () {
+      cancelled = true;
+    };
+  }, [needsAuth, showAuthFromEmpty]);
+
+  // Install progress modal state
   var _useState9 = React.useState(false),
     _useState0 = _slicedToArray(_useState9, 2),
-    progressComplete = _useState0[0],
-    setProgressComplete = _useState0[1];
+    showProgressModal = _useState0[0],
+    setShowProgressModal = _useState0[1];
+  var _useState1 = React.useState([]),
+    _useState10 = _slicedToArray(_useState1, 2),
+    progressWidgets = _useState10[0],
+    setProgressWidgets = _useState10[1];
+  var _useState11 = React.useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    progressComplete = _useState12[0],
+    setProgressComplete = _useState12[1];
   var installActiveRef = React.useRef(false);
   var pendingInstallRef = React.useRef(null);
 
   // Track installed package names (same pattern as WidgetSidebar)
-  var _useState1 = React.useState(new Set()),
-    _useState10 = _slicedToArray(_useState1, 2),
-    installedPackageNames = _useState10[0],
-    setInstalledPackageNames = _useState10[1];
-  var loadInstalledPackages = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+  var _useState13 = React.useState(new Set()),
+    _useState14 = _slicedToArray(_useState13, 2),
+    installedPackageNames = _useState14[0],
+    setInstalledPackageNames = _useState14[1];
+  var loadInstalledPackages = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var widgets, names, _iterator, _step, w, folderName, _folderName;
-    return _regeneratorRuntime.wrap(function (_context) {
-      while (1) switch (_context.prev = _context.next) {
+    return _regeneratorRuntime.wrap(function (_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          _context.prev = 0;
-          _context.next = 1;
+          _context2.prev = 0;
+          _context2.next = 1;
           return window.mainApi.widgets.list();
         case 1:
-          widgets = _context.sent;
+          widgets = _context2.sent;
           names = new Set();
           _iterator = _createForOfIteratorHelper$7(widgets);
           try {
@@ -46991,16 +47173,16 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
             _iterator.f();
           }
           setInstalledPackageNames(names);
-          _context.next = 3;
+          _context2.next = 3;
           break;
         case 2:
-          _context.prev = 2;
-          _context["catch"](0);
+          _context2.prev = 2;
+          _context2["catch"](0);
         case 3:
         case "end":
-          return _context.stop();
+          return _context2.stop();
       }
-    }, _callee, null, [[0, 2]]);
+    }, _callee2, null, [[0, 2]]);
   })), []);
   React.useEffect(function () {
     loadInstalledPackages();
@@ -47087,9 +47269,9 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
             var p = _step3.value;
             if (!((_p$requiredTools = p.requiredTools) !== null && _p$requiredTools !== void 0 && _p$requiredTools.length) || p.providerClass !== "mcp") return 1; // continue
             // Find matching user provider
-            var matchingProviders = Object.entries(providers).filter(function (_ref3) {
-              var _ref4 = _slicedToArray(_ref3, 2),
-                prov = _ref4[1];
+            var matchingProviders = Object.entries(providers).filter(function (_ref4) {
+              var _ref5 = _slicedToArray(_ref4, 2),
+                prov = _ref5[1];
               return prov.type === p.type && prov.providerClass === "mcp" && prov.allowedTools;
             });
             var _iterator4 = _createForOfIteratorHelper$7(matchingProviders),
@@ -47230,6 +47412,20 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
         },
         onCancel: clearNeedsAuth,
         message: "Sign in to install this widget from the Dash Registry."
+      }), /*#__PURE__*/jsxRuntime.jsx(RegistryAuthModal, {
+        isOpen: showAuthFromEmpty,
+        setIsOpen: setShowAuthFromEmpty,
+        onAuthenticated: function onAuthenticated() {
+          setShowAuthFromEmpty(false);
+          setRegistryAuthed(true);
+          // Trigger a refresh of the list now that the user can see
+          // their private packages.
+          retry();
+        },
+        onCancel: function onCancel() {
+          return setShowAuthFromEmpty(false);
+        },
+        message: "Sign in to see your private packages and install widgets you've published."
       })]
     });
   }
@@ -47265,12 +47461,27 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
       })]
     });
   } else if (packages.length === 0) {
-    listBody = /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "px-4 py-8 text-center",
-      children: /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, {
+    listBody = /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "px-4 py-8 text-center space-y-3",
+      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, {
         className: "text-sm opacity-50",
         children: searchQuery ? "No packages match your search." : "No packages available."
-      })
+      }), registryAuthed === false && /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "inline-flex flex-col items-center gap-2 px-4 py-3 rounded-lg bg-amber-900/15 border border-amber-700/30",
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, {
+          className: "text-xs text-amber-200",
+          children: "Sign in to the registry to see your private packages."
+        }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
+          title: "Sign in to Registry",
+          bgColor: "bg-indigo-600",
+          hoverBackgroundColor: "hover:bg-indigo-500",
+          textSize: "text-sm",
+          padding: "py-1 px-3",
+          onClick: function onClick() {
+            return setShowAuthFromEmpty(true);
+          }
+        })]
+      })]
     });
   } else {
     listBody = /*#__PURE__*/jsxRuntime.jsx("div", {