@trops/dash-core 0.1.460 → 0.1.461

package/dist/index.js

@@ -6888,6 +6888,11 @@ var useRegistrySearch = function useRegistrySearch() {
     search: search,
     installPackage: installPackage,
     retry: retry,
+    // refetch is an alias of retry, exposed under the name the
+    // Wizard's sign-in flow uses to re-fetch the registry once
+    // the user signs in (so private results show up without a
+    // manual reload).
+    refetch: retry,
     showAllPackages: showAllPackages,
     setShowAllPackages: setShowAllPackages,
     appCapabilities: appCapabilities
@@ -6996,7 +7001,27 @@ var WizardDiscoverStep = function WizardDiscoverStep(_ref) {
     isLoading = _useRegistrySearch.isLoading,
     error = _useRegistrySearch.error,
     searchQuery = _useRegistrySearch.searchQuery,
-    setSearchQuery = _useRegistrySearch.setSearchQuery;
+    setSearchQuery = _useRegistrySearch.setSearchQuery,
+    refetch = _useRegistrySearch.refetch;
+
+  // --- Registry auth (device-code OAuth) ---
+  // Surfaces a sign-in CTA when the user isn't authenticated so they
+  // see private dashboards/widgets they have access to. After
+  // successful auth, `refetch` re-runs the registry search so the
+  // results refresh automatically — no manual reload needed.
+  var _useRegistryAuth = useRegistryAuth(),
+    isAuthenticated = _useRegistryAuth.isAuthenticated,
+    isAuthenticating = _useRegistryAuth.isAuthenticating,
+    authError = _useRegistryAuth.authError,
+    checkAuth = _useRegistryAuth.checkAuth,
+    initiateAuth = _useRegistryAuth.initiateAuth,
+    cancelAuth = _useRegistryAuth.cancelAuth;
+  React.useEffect(function () {
+    checkAuth();
+  }, [checkAuth]);
+  var handleSignIn = React.useCallback(function () {
+    initiateAuth(refetch);
+  }, [initiateAuth, refetch]);
 
   // Sync search query from wizard state on mount
   React.useEffect(function () {
@@ -7124,7 +7149,43 @@ var WizardDiscoverStep = function WizardDiscoverStep(_ref) {
     className: "flex flex-row gap-4",
     children: [/*#__PURE__*/jsxRuntime.jsxs("aside", {
       className: "flex-shrink-0 w-56 flex flex-col gap-4 overflow-y-auto",
-      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      children: [!isAuthenticated && /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-col gap-2 px-3 py-3 rounded bg-gray-800 text-gray-300",
+        children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "text-xs font-semibold text-gray-200",
+          children: "Sign in to registry"
+        }), /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "text-xs text-gray-400",
+          children: "See dashboards and widgets you have access to"
+        }), !isAuthenticating ? /*#__PURE__*/jsxRuntime.jsx("button", {
+          type: "button",
+          onClick: handleSignIn,
+          className: "mt-1 text-xs py-1.5 px-3 rounded bg-blue-600 text-white hover:bg-blue-500 transition-colors",
+          children: "Sign in"
+        }) : /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "mt-1 flex flex-col gap-1",
+          children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+            className: "text-xs text-gray-400",
+            children: "Waiting for browser\u2026"
+          }), /*#__PURE__*/jsxRuntime.jsx("button", {
+            type: "button",
+            onClick: cancelAuth,
+            className: "text-xs text-gray-400 hover:text-gray-200 underline self-start",
+            children: "Cancel"
+          })]
+        }), authError && /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "text-xs text-red-400",
+          children: authError
+        })]
+      }), isAuthenticated && /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex items-center gap-2 px-3 text-xs text-gray-500",
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+          icon: "circle-check",
+          className: "text-green-400 text-xs"
+        }), /*#__PURE__*/jsxRuntime.jsx("span", {
+          children: "Signed in"
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex flex-col",
         children: [/*#__PURE__*/jsxRuntime.jsx("span", {
           className: sectionLabelClass,