@trops/dash-core 0.1.210 → 0.1.211

package/dist/index.js

@@ -35745,8 +35745,29 @@ var RegistryThemeDetail = function RegistryThemeDetail(_ref2) {
     _useState4 = _slicedToArray(_useState3, 2),
     installResult = _useState4[0],
     setInstallResult = _useState4[1];
+  var _useState5 = React.useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    authFlow = _useState6[0],
+    setAuthFlow = _useState6[1];
+  var _useState7 = React.useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isPolling = _useState8[0],
+    setIsPolling = _useState8[1];
+  var _useState9 = React.useState(null),
+    _useState0 = _slicedToArray(_useState9, 2),
+    authError = _useState0[0],
+    setAuthError = _useState0[1];
+  var pollIntervalRef = React.useRef(null);
   var pkg = themePackage;
   if (!pkg) return null;
+
+  // Clean up polling on unmount
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  React.useEffect(function () {
+    return function () {
+      if (pollIntervalRef.current) clearInterval(pollIntervalRef.current);
+    };
+  }, []);
   var rawColors = pkg.colors || {};
   // Also check top-level fields for themes that store colors directly
   var colors = {
@@ -35772,11 +35793,25 @@ var RegistryThemeDetail = function RegistryThemeDetail(_ref2) {
           case 1:
             setIsInstalling(true);
             setInstallResult(null);
+            setAuthFlow(null);
+            setAuthError(null);
             _context.prev = 2;
             _context.next = 3;
             return window.mainApi.themes.installThemeFromRegistry(appId, pkg.name);
           case 3:
             result = _context.sent;
+            if (!(result !== null && result !== void 0 && result.authRequired)) {
+              _context.next = 4;
+              break;
+            }
+            // Auth needed — show inline auth prompt
+            setIsInstalling(false);
+            setInstallResult({
+              status: "auth",
+              message: result.error || "Sign in to install this theme."
+            });
+            return _context.abrupt("return");
+          case 4:
             setInstallResult({
               status: result !== null && result !== void 0 && result.success ? "success" : "error",
               message: result !== null && result !== void 0 && result.success ? "Theme \"".concat(result.themeKey || pkg.displayName || pkg.name, "\" installed successfully.") : (result === null || result === void 0 ? void 0 : result.error) || "Installation failed."
@@ -35790,27 +35825,104 @@ var RegistryThemeDetail = function RegistryThemeDetail(_ref2) {
                 onInstallComplete(result);
               }
             }
-            _context.next = 5;
+            _context.next = 6;
             break;
-          case 4:
-            _context.prev = 4;
+          case 5:
+            _context.prev = 5;
             _t = _context["catch"](2);
             setInstallResult({
               status: "error",
               message: _t.message || "Failed to install theme."
             });
-          case 5:
-            _context.prev = 5;
-            setIsInstalling(false);
-            return _context.finish(5);
           case 6:
+            _context.prev = 6;
+            setIsInstalling(false);
+            return _context.finish(6);
+          case 7:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[2, 4, 5, 6]]);
+      }, _callee, null, [[2, 5, 6, 7]]);
     }));
     return _handleInstall.apply(this, arguments);
   }
+  function handleSignIn() {
+    return _handleSignIn.apply(this, arguments);
+  }
+  function _handleSignIn() {
+    _handleSignIn = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      var flow, interval;
+      return _regeneratorRuntime.wrap(function (_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            setAuthError(null);
+            _context3.prev = 1;
+            _context3.next = 2;
+            return window.mainApi.registryAuth.initiateLogin();
+          case 2:
+            flow = _context3.sent;
+            setAuthFlow(flow);
+
+            // Open verification URL in browser
+            if (flow.verificationUrlComplete) {
+              window.mainApi.shell.openExternal(flow.verificationUrlComplete);
+            }
+
+            // Start polling for token
+            setIsPolling(true);
+            interval = (flow.interval || 5) * 1000;
+            pollIntervalRef.current = setInterval(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+              var pollResult;
+              return _regeneratorRuntime.wrap(function (_context2) {
+                while (1) switch (_context2.prev = _context2.next) {
+                  case 0:
+                    _context2.prev = 0;
+                    _context2.next = 1;
+                    return window.mainApi.registryAuth.pollToken(flow.deviceCode);
+                  case 1:
+                    pollResult = _context2.sent;
+                    if (pollResult.status === "authorized") {
+                      clearInterval(pollIntervalRef.current);
+                      pollIntervalRef.current = null;
+                      setIsPolling(false);
+                      setAuthFlow(null);
+                      // DASH-144: Auto-retry install after successful auth
+                      handleInstall();
+                    } else if (pollResult.status === "expired") {
+                      clearInterval(pollIntervalRef.current);
+                      pollIntervalRef.current = null;
+                      setIsPolling(false);
+                      setAuthFlow(null);
+                      setAuthError("Authorization expired. Please try again.");
+                    }
+                    _context2.next = 3;
+                    break;
+                  case 2:
+                    _context2.prev = 2;
+                    _context2["catch"](0);
+                    clearInterval(pollIntervalRef.current);
+                    pollIntervalRef.current = null;
+                    setIsPolling(false);
+                  case 3:
+                  case "end":
+                    return _context2.stop();
+                }
+              }, _callee2, null, [[0, 2]]);
+            })), interval);
+            _context3.next = 4;
+            break;
+          case 3:
+            _context3.prev = 3;
+            _context3["catch"](1);
+            setAuthError("Could not reach the registry. Check your connection and try again.");
+          case 4:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3, null, [[1, 3]]);
+    }));
+    return _handleSignIn.apply(this, arguments);
+  }
   var colorEntries = [{
     label: "Primary",
     value: colors.primary
@@ -35889,7 +36001,7 @@ var RegistryThemeDetail = function RegistryThemeDetail(_ref2) {
             children: tag
           }, tag);
         })
-      }), installResult && /*#__PURE__*/jsxRuntime.jsx("div", {
+      }), installResult && installResult.status !== "auth" && /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "p-2 rounded border ".concat(installResult.status === "success" ? "bg-green-900/20 border-green-700" : "bg-red-900/30 border-red-700"),
         children: /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex items-center gap-2",
@@ -35901,8 +36013,57 @@ var RegistryThemeDetail = function RegistryThemeDetail(_ref2) {
             children: installResult.message
           })]
         })
+      }), (installResult === null || installResult === void 0 ? void 0 : installResult.status) === "auth" && /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "space-y-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: installResult.message
+            })]
+          })
+        }), !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..."
+          })]
+        })]
       })]
-    }), (installResult === null || installResult === void 0 ? void 0 : installResult.status) !== "success" && /*#__PURE__*/jsxRuntime.jsx("div", {
+    }), (installResult === null || installResult === void 0 ? void 0 : installResult.status) !== "success" && (installResult === null || installResult === void 0 ? void 0 : installResult.status) !== "auth" && /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex items-center justify-end px-6 py-3 border-t ".concat(currentTheme["border-primary-medium"]),
       children: /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
         title: isInstalling ? "Installing..." : "Install Theme",