@trops/dash-core 0.1.373 → 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,
@@ -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
@@ -38484,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", {
@@ -38550,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
@@ -47461,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", {
@@ -47548,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