@trops/dash-core 0.1.207 → 0.1.208

package/dist/index.esm.js

@@ -7,7 +7,7 @@ import _typeof from '@babel/runtime/helpers/typeof';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import * as React from 'react';
-import React__default, { createContext, useContext, useState, useEffect, useMemo, useCallback, Fragment as Fragment$1, useReducer, useRef, Component, memo, Profiler } from 'react';
+import React__default, { createContext, useContext, useState, useEffect, useMemo, useCallback, useRef, Fragment as Fragment$1, useReducer, Component, memo, Profiler } from 'react';
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import * as jsxRuntime from 'react/jsx-runtime';
@@ -3581,9 +3581,30 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
     _useState8 = _slicedToArray(_useState7, 2),
     installResult = _useState8[0],
     setInstallResult = _useState8[1];
+  var _useState9 = useState(null),
+    _useState0 = _slicedToArray(_useState9, 2),
+    authFlow = _useState0[0],
+    setAuthFlow = _useState0[1];
+  var _useState1 = useState(false),
+    _useState10 = _slicedToArray(_useState1, 2),
+    isPolling = _useState10[0],
+    setIsPolling = _useState10[1];
+  var _useState11 = useState(null),
+    _useState12 = _slicedToArray(_useState11, 2),
+    authError = _useState12[0],
+    setAuthError = _useState12[1];
+  var pollIntervalRef = useRef(null);
   var pkg = dashboardPackage;
   if (!pkg) return null;
 
+  // Clean up polling on unmount
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useEffect(function () {
+    return function () {
+      if (pollIntervalRef.current) clearInterval(pollIntervalRef.current);
+    };
+  }, []);
+
   // Load preview data on mount
   // eslint-disable-next-line react-hooks/rules-of-hooks
   useEffect(function () {
@@ -3593,6 +3614,10 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
     setPreviewLoading(true);
     setPreview(null);
     setInstallResult(null);
+    setAuthFlow(null);
+    setIsPolling(false);
+    setAuthError(null);
+    if (pollIntervalRef.current) clearInterval(pollIntervalRef.current);
     (_window$mainApi = window.mainApi) === null || _window$mainApi === void 0 || (_window$mainApi = _window$mainApi.dashboardConfig) === null || _window$mainApi === void 0 || _window$mainApi.getDashboardPreview(pkg.name).then(function (result) {
       if (!cancelled) setPreview(result);
     })["catch"](function (err) {
@@ -3620,11 +3645,25 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
           case 1:
             setIsInstalling(true);
             setInstallResult(null);
+            setAuthFlow(null);
+            setAuthError(null);
             _context.prev = 2;
             _context.next = 3;
             return window.mainApi.dashboardConfig.installDashboardFromRegistry(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 (DASH-135)
+            setIsInstalling(false);
+            setInstallResult({
+              status: "auth",
+              message: result.error || "Sign in to install this dashboard."
+            });
+            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 ? "Dashboard \"".concat(((_result$workspace = result.workspace) === null || _result$workspace === void 0 ? void 0 : _result$workspace.name) || pkg.name, "\" installed successfully.") : (result === null || result === void 0 ? void 0 : result.error) || "Installation failed."
@@ -3632,27 +3671,104 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
             if (result !== null && result !== void 0 && result.success && onInstallComplete) {
               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 dashboard."
             });
-          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-136: 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 compatibility = preview === null || preview === void 0 ? void 0 : preview.compatibility;
   var widgetDeps = (preview === null || preview === void 0 ? void 0 : preview.widgets) || pkg.widgets || [];
   var providers = (preview === null || preview === void 0 ? void 0 : preview.providers) || [];
@@ -3822,7 +3938,7 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
             }, idx);
           })
         })]
-      }), installResult && /*#__PURE__*/jsx("div", {
+      }), installResult && installResult.status !== "auth" && /*#__PURE__*/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__*/jsxs("div", {
           className: "flex items-center gap-2",
@@ -3834,8 +3950,57 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
             children: installResult.message
           })]
         })
+      }), (installResult === null || installResult === void 0 ? void 0 : installResult.status) === "auth" && /*#__PURE__*/jsxs("div", {
+        className: "space-y-3",
+        children: [/*#__PURE__*/jsx("div", {
+          className: "bg-yellow-500/10 border border-yellow-500/20 rounded-lg p-3",
+          children: /*#__PURE__*/jsxs("div", {
+            className: "flex items-start gap-2",
+            children: [/*#__PURE__*/jsx(FontAwesomeIcon, {
+              icon: "lock",
+              className: "h-3.5 w-3.5 text-yellow-400 mt-0.5 flex-shrink-0"
+            }), /*#__PURE__*/jsx("span", {
+              className: "text-sm text-yellow-300/90",
+              children: installResult.message
+            })]
+          })
+        }), !authFlow && !isPolling && /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/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__*/jsx("div", {
+            className: "bg-red-500/10 border border-red-500/20 rounded-lg p-3",
+            children: /*#__PURE__*/jsxs("div", {
+              className: "flex items-start gap-2",
+              children: [/*#__PURE__*/jsx(FontAwesomeIcon, {
+                icon: "circle-xmark",
+                className: "h-3.5 w-3.5 text-red-400 mt-0.5 flex-shrink-0"
+              }), /*#__PURE__*/jsx("span", {
+                className: "text-xs text-red-300/90",
+                children: authError
+              })]
+            })
+          })]
+        }), authFlow && isPolling && /*#__PURE__*/jsxs("div", {
+          className: "bg-blue-500/10 border border-blue-500/20 rounded-lg p-4 space-y-3",
+          children: [/*#__PURE__*/jsx("p", {
+            className: "text-xs text-blue-300/90",
+            children: "Enter this code in your browser:"
+          }), /*#__PURE__*/jsx("div", {
+            className: "text-center",
+            children: /*#__PURE__*/jsx("span", {
+              className: "text-2xl font-mono font-bold tracking-widest text-white",
+              children: authFlow.userCode
+            })
+          }), /*#__PURE__*/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__*/jsx("div", {
+    }), (installResult === null || installResult === void 0 ? void 0 : installResult.status) !== "success" && (installResult === null || installResult === void 0 ? void 0 : installResult.status) !== "auth" && /*#__PURE__*/jsx("div", {
       className: "flex items-center justify-end px-6 py-3 border-t ".concat(currentTheme["border-primary-medium"]),
       children: /*#__PURE__*/jsx(Button, {
         title: isInstalling ? "Installing..." : "Install Dashboard",