@trops/dash-core 0.1.372 → 0.1.374

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,
@@ -4733,7 +4758,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];
@@ -4908,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", {
@@ -4972,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
@@ -6244,7 +6263,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];
@@ -38302,7 +38324,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];
@@ -38476,27 +38500,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", {
@@ -38542,6 +38551,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
@@ -47453,27 +47468,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", {
@@ -47540,6 +47540,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