@trops/dash-core 0.1.241 → 0.1.242

package/dist/index.js

@@ -6309,11 +6309,37 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
     createdDashboard = _useState12[0],
     setCreatedDashboard = _useState12[1];
 
-  // Sub-step state (DASH-188): 0 = Name, 1 = Folder, 2 = Theme
-  var _useState13 = React.useState(0),
+  // Auth flow state (device-code auth for registry install)
+  var _useState13 = React.useState(null),
     _useState14 = _slicedToArray(_useState13, 2),
-    subStep = _useState14[0],
-    setSubStep = _useState14[1];
+    authNeeded = _useState14[0],
+    setAuthNeeded = _useState14[1];
+  var _useState15 = React.useState(null),
+    _useState16 = _slicedToArray(_useState15, 2),
+    authFlow = _useState16[0],
+    setAuthFlow = _useState16[1];
+  var _useState17 = React.useState(false),
+    _useState18 = _slicedToArray(_useState17, 2),
+    isPolling = _useState18[0],
+    setIsPolling = _useState18[1];
+  var _useState19 = React.useState(null),
+    _useState20 = _slicedToArray(_useState19, 2),
+    authError = _useState20[0],
+    setAuthError = _useState20[1];
+  var pollIntervalRef = React.useRef(null);
+
+  // Clean up polling on unmount
+  React.useEffect(function () {
+    return function () {
+      if (pollIntervalRef.current) clearInterval(pollIntervalRef.current);
+    };
+  }, []);
+
+  // Sub-step state (DASH-188): 0 = Name, 1 = Folder, 2 = Theme
+  var _useState21 = React.useState(0),
+    _useState22 = _slicedToArray(_useState21, 2),
+    subStep = _useState22[0],
+    setSubStep = _useState22[1];
   var isPrebuilt = state.path === "prebuilt";
 
   // Initialize customization defaults when stepping into this step
@@ -6355,6 +6381,7 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
         case 0:
           setCreating(true);
           setError(null);
+          setAuthNeeded(null);
           _context2.prev = 1;
           _state$customization = state.customization, name = _state$customization.name, menuId = _state$customization.menuId, theme = _state$customization.theme;
           if (!(isPrebuilt && state.selectedDashboard)) {
@@ -6390,7 +6417,9 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
             _context2.next = 5;
             break;
           }
-          throw new Error(installResult.error || "Sign in to install this dashboard.");
+          setAuthNeeded(installResult.error || "Sign in to install this dashboard.");
+          setCreating(false);
+          return _context2.abrupt("return");
         case 5:
           if (!(installResult !== null && installResult !== void 0 && installResult.workspace)) {
             _context2.next = 7;
@@ -6653,7 +6682,80 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
     setNewFolderIcon(null);
   }
 
-  // --- Success state ---
+  // --- Registry auth sign-in (device-code flow) ---
+  function handleSignIn() {
+    return _handleSignIn.apply(this, arguments);
+  } // --- Success state ---
+  function _handleSignIn() {
+    _handleSignIn = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      var flow, interval;
+      return _regeneratorRuntime.wrap(function (_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            setAuthError(null);
+            _context4.prev = 1;
+            _context4.next = 2;
+            return window.mainApi.registryAuth.initiateLogin();
+          case 2:
+            flow = _context4.sent;
+            setAuthFlow(flow);
+            if (flow.verificationUrlComplete) {
+              window.mainApi.shell.openExternal(flow.verificationUrlComplete);
+            }
+            setIsPolling(true);
+            interval = (flow.interval || 5) * 1000;
+            pollIntervalRef.current = setInterval(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+              var pollResult;
+              return _regeneratorRuntime.wrap(function (_context3) {
+                while (1) switch (_context3.prev = _context3.next) {
+                  case 0:
+                    _context3.prev = 0;
+                    _context3.next = 1;
+                    return window.mainApi.registryAuth.pollToken(flow.deviceCode);
+                  case 1:
+                    pollResult = _context3.sent;
+                    if (pollResult.status === "authorized") {
+                      clearInterval(pollIntervalRef.current);
+                      pollIntervalRef.current = null;
+                      setIsPolling(false);
+                      setAuthFlow(null);
+                      setAuthNeeded(null);
+                      handleCreate();
+                    } else if (pollResult.status === "expired") {
+                      clearInterval(pollIntervalRef.current);
+                      pollIntervalRef.current = null;
+                      setIsPolling(false);
+                      setAuthFlow(null);
+                      setAuthError("Authorization expired. Please try again.");
+                    }
+                    _context3.next = 3;
+                    break;
+                  case 2:
+                    _context3.prev = 2;
+                    _context3["catch"](0);
+                    clearInterval(pollIntervalRef.current);
+                    pollIntervalRef.current = null;
+                    setIsPolling(false);
+                  case 3:
+                  case "end":
+                    return _context3.stop();
+                }
+              }, _callee2, null, [[0, 2]]);
+            })), interval);
+            _context4.next = 4;
+            break;
+          case 3:
+            _context4.prev = 3;
+            _context4["catch"](1);
+            setAuthError("Could not reach the registry. Check your connection and try again.");
+          case 4:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee3, null, [[1, 3]]);
+    }));
+    return _handleSignIn.apply(this, arguments);
+  }
   if (createdDashboard) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex flex-col gap-4",
@@ -7017,6 +7119,55 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
             children: isPrebuilt ? ((_state$selectedDashbo = state.selectedDashboard) === null || _state$selectedDashbo === void 0 ? void 0 : _state$selectedDashbo.displayName) || ((_state$selectedDashbo2 = state.selectedDashboard) === null || _state$selectedDashbo2 === void 0 ? void 0 : _state$selectedDashbo2.name) || "Pre-built dashboard" : "".concat(state.selectedWidgets.length, " widget").concat(state.selectedWidgets.length !== 1 ? "s" : "")
           })]
         })]
+      }), authNeeded && /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-col gap-3",
+        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "bg-yellow-500/10 border border-yellow-500/20 rounded-lg p-3",
+          children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "flex items-start gap-2",
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+              icon: "lock",
+              className: "h-3.5 w-3.5 text-yellow-400 mt-0.5 flex-shrink-0"
+            }), /*#__PURE__*/jsxRuntime.jsx("span", {
+              className: "text-sm text-yellow-300/90",
+              children: authNeeded
+            })]
+          })
+        }), !authFlow && !isPolling && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/jsxRuntime.jsx("button", {
+            type: "button",
+            onClick: handleSignIn,
+            className: "px-4 py-2 rounded-lg text-sm bg-blue-500/20 border border-blue-500/30 text-blue-300 hover:bg-blue-500/30 transition-colors cursor-pointer",
+            children: "Sign in to Registry"
+          }), authError && /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "bg-red-500/10 border border-red-500/20 rounded-lg p-3",
+            children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: "flex items-start gap-2",
+              children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+                icon: "circle-xmark",
+                className: "h-3.5 w-3.5 text-red-400 mt-0.5 flex-shrink-0"
+              }), /*#__PURE__*/jsxRuntime.jsx("span", {
+                className: "text-xs text-red-300/90",
+                children: authError
+              })]
+            })
+          })]
+        }), authFlow && isPolling && /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "bg-blue-500/10 border border-blue-500/20 rounded-lg p-4 space-y-3",
+          children: [/*#__PURE__*/jsxRuntime.jsx("p", {
+            className: "text-xs text-blue-300/90",
+            children: "Enter this code in your browser:"
+          }), /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "text-center",
+            children: /*#__PURE__*/jsxRuntime.jsx("span", {
+              className: "text-2xl font-mono font-bold tracking-widest text-white",
+              children: authFlow.userCode
+            })
+          }), /*#__PURE__*/jsxRuntime.jsx("p", {
+            className: "text-xs text-blue-300/70 text-center",
+            children: "Waiting for authorization \u2014 install will resume automatically..."
+          })]
+        })]
       }), error && /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex items-center gap-2 text-red-400 py-2",
         children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {