@trops/dash-core 0.1.373 → 0.1.375

package/dist/index.js

@@ -4720,6 +4720,31 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
   });
 };
 
+function RegistrySignInBanner(_ref) {
+  var visible = _ref.visible,
+    onSignIn = _ref.onSignIn,
+    _ref$noun = _ref.noun,
+    noun = _ref$noun === void 0 ? "package" : _ref$noun;
+  if (!visible) return null;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex-shrink-0 mx-4 mb-2 px-3 py-2 rounded-lg bg-amber-900/15 border border-amber-700/30 flex items-center gap-3",
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex-1 min-w-0",
+      children: /*#__PURE__*/jsxRuntime.jsxs(DashReact.Paragraph, {
+        className: "text-xs text-amber-200 leading-snug",
+        children: ["Sign in to the registry to also see your private ", noun, "s and ones granted to you."]
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
+      title: "Sign in",
+      bgColor: "bg-indigo-600",
+      hoverBackgroundColor: "hover:bg-indigo-500",
+      textSize: "text-xs",
+      padding: "py-1 px-3",
+      onClick: onSignIn
+    })]
+  });
+}
+
 var DiscoverDashboardsDetail = function DiscoverDashboardsDetail(_ref) {
   var onBack = _ref.onBack,
     appId = _ref.appId,
@@ -4911,27 +4936,12 @@ var DiscoverDashboardsDetail = function DiscoverDashboardsDetail(_ref) {
       })]
     });
   } else if (packages.length === 0) {
-    listBody = /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "px-4 py-8 text-center space-y-3",
-      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, {
+    listBody = /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "px-4 py-8 text-center",
+      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", {
@@ -4975,6 +4985,12 @@ var DiscoverDashboardsDetail = function DiscoverDashboardsDetail(_ref) {
         placeholder: "Search dashboards...",
         inputClassName: "py-1.5 text-xs"
       })
+    }), /*#__PURE__*/jsxRuntime.jsx(RegistrySignInBanner, {
+      visible: registryAuthed === false,
+      onSignIn: function onSignIn() {
+        return setShowAuthFromEmpty(true);
+      },
+      noun: "dashboard"
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex-1 min-h-0 overflow-y-auto px-2",
       children: listBody
@@ -4984,11 +5000,32 @@ var DiscoverDashboardsDetail = function DiscoverDashboardsDetail(_ref) {
     }), /*#__PURE__*/jsxRuntime.jsx(RegistryAuthModal, {
       isOpen: showAuthFromEmpty,
       setIsOpen: setShowAuthFromEmpty,
-      onAuthenticated: function onAuthenticated() {
-        setShowAuthFromEmpty(false);
-        setRegistryAuthed(true);
-        search(searchQuery);
-      },
+      onAuthenticated: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+        var _window$mainApi3, _window$mainApi3$fetc;
+        return _regeneratorRuntime.wrap(function (_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              setShowAuthFromEmpty(false);
+              setRegistryAuthed(true);
+              // Force-refresh the cached registry index so the now-
+              // authenticated user immediately sees their private packages.
+              _context3.prev = 1;
+              _context3.next = 2;
+              return (_window$mainApi3 = window.mainApi) === null || _window$mainApi3 === void 0 || (_window$mainApi3 = _window$mainApi3.registry) === null || _window$mainApi3 === void 0 || (_window$mainApi3$fetc = _window$mainApi3.fetchIndex) === null || _window$mainApi3$fetc === void 0 ? void 0 : _window$mainApi3$fetc.call(_window$mainApi3, true);
+            case 2:
+              _context3.next = 4;
+              break;
+            case 3:
+              _context3.prev = 3;
+              _context3["catch"](1);
+            case 4:
+              search(searchQuery);
+            case 5:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, null, [[1, 3]]);
+      })),
       onCancel: function onCancel() {
         return setShowAuthFromEmpty(false);
       },
@@ -38484,27 +38521,12 @@ var DiscoverThemesDetail = function DiscoverThemesDetail(_ref) {
       })]
     });
   } else if (packages.length === 0) {
-    listBody = /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "px-4 py-8 text-center space-y-3",
-      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, {
+    listBody = /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "px-4 py-8 text-center",
+      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", {
@@ -38550,6 +38572,12 @@ var DiscoverThemesDetail = function DiscoverThemesDetail(_ref) {
         placeholder: "Search themes...",
         inputClassName: "py-1.5 text-xs"
       })
+    }), /*#__PURE__*/jsxRuntime.jsx(RegistrySignInBanner, {
+      visible: registryAuthed === false,
+      onSignIn: function onSignIn() {
+        return setShowAuthFromEmpty(true);
+      },
+      noun: "theme"
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex-1 min-h-0 overflow-y-auto px-2",
       children: listBody
@@ -38559,11 +38587,32 @@ var DiscoverThemesDetail = function DiscoverThemesDetail(_ref) {
     }), /*#__PURE__*/jsxRuntime.jsx(RegistryAuthModal, {
       isOpen: showAuthFromEmpty,
       setIsOpen: setShowAuthFromEmpty,
-      onAuthenticated: function onAuthenticated() {
-        setShowAuthFromEmpty(false);
-        setRegistryAuthed(true);
-        search(searchQuery);
-      },
+      onAuthenticated: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+        var _window$mainApi3, _window$mainApi3$fetc;
+        return _regeneratorRuntime.wrap(function (_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              setShowAuthFromEmpty(false);
+              setRegistryAuthed(true);
+              // Force-refresh the cached registry index so the now-
+              // authenticated user immediately sees their private packages.
+              _context3.prev = 1;
+              _context3.next = 2;
+              return (_window$mainApi3 = window.mainApi) === null || _window$mainApi3 === void 0 || (_window$mainApi3 = _window$mainApi3.registry) === null || _window$mainApi3 === void 0 || (_window$mainApi3$fetc = _window$mainApi3.fetchIndex) === null || _window$mainApi3$fetc === void 0 ? void 0 : _window$mainApi3$fetc.call(_window$mainApi3, true);
+            case 2:
+              _context3.next = 4;
+              break;
+            case 3:
+              _context3.prev = 3;
+              _context3["catch"](1);
+            case 4:
+              search(searchQuery);
+            case 5:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, null, [[1, 3]]);
+      })),
       onCancel: function onCancel() {
         return setShowAuthFromEmpty(false);
       },
@@ -47461,27 +47510,12 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
       })]
     });
   } else if (packages.length === 0) {
-    listBody = /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "px-4 py-8 text-center space-y-3",
-      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, {
+    listBody = /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "px-4 py-8 text-center",
+      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", {
@@ -47548,6 +47582,12 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
           className: "rounded"
         }), "Show all packages"]
       })]
+    }), /*#__PURE__*/jsxRuntime.jsx(RegistrySignInBanner, {
+      visible: registryAuthed === false,
+      onSignIn: function onSignIn() {
+        return setShowAuthFromEmpty(true);
+      },
+      noun: "widget"
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex-1 min-h-0 overflow-y-auto px-2",
       children: listBody
@@ -47568,6 +47608,40 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
       onCancel: function onCancel() {
         return setToolConflictWarning(null);
       }
+    }), /*#__PURE__*/jsxRuntime.jsx(RegistryAuthModal, {
+      isOpen: showAuthFromEmpty,
+      setIsOpen: setShowAuthFromEmpty,
+      onAuthenticated: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+        var _window$mainApi2, _window$mainApi2$fetc;
+        return _regeneratorRuntime.wrap(function (_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              setShowAuthFromEmpty(false);
+              setRegistryAuthed(true);
+              // Force-refresh the cached registry index so the now-
+              // authenticated user immediately sees their private packages
+              // (the previous anon-cache fetch otherwise lingers for 5 min).
+              _context3.prev = 1;
+              _context3.next = 2;
+              return (_window$mainApi2 = window.mainApi) === null || _window$mainApi2 === void 0 || (_window$mainApi2 = _window$mainApi2.registry) === null || _window$mainApi2 === void 0 || (_window$mainApi2$fetc = _window$mainApi2.fetchIndex) === null || _window$mainApi2$fetc === void 0 ? void 0 : _window$mainApi2$fetc.call(_window$mainApi2, true);
+            case 2:
+              _context3.next = 4;
+              break;
+            case 3:
+              _context3.prev = 3;
+              _context3["catch"](1);
+            case 4:
+              retry();
+            case 5:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, null, [[1, 3]]);
+      })),
+      onCancel: function onCancel() {
+        return setShowAuthFromEmpty(false);
+      },
+      message: "Sign in to see your private widgets and ones granted to you."
     })]
   });
 };