@trops/dash-core 0.1.241 → 0.1.242

package/dist/index.esm.js

@@ -6291,11 +6291,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 = useState(0),
+  // Auth flow state (device-code auth for registry install)
+  var _useState13 = useState(null),
     _useState14 = _slicedToArray(_useState13, 2),
-    subStep = _useState14[0],
-    setSubStep = _useState14[1];
+    authNeeded = _useState14[0],
+    setAuthNeeded = _useState14[1];
+  var _useState15 = useState(null),
+    _useState16 = _slicedToArray(_useState15, 2),
+    authFlow = _useState16[0],
+    setAuthFlow = _useState16[1];
+  var _useState17 = useState(false),
+    _useState18 = _slicedToArray(_useState17, 2),
+    isPolling = _useState18[0],
+    setIsPolling = _useState18[1];
+  var _useState19 = useState(null),
+    _useState20 = _slicedToArray(_useState19, 2),
+    authError = _useState20[0],
+    setAuthError = _useState20[1];
+  var pollIntervalRef = useRef(null);
+
+  // Clean up polling on unmount
+  useEffect(function () {
+    return function () {
+      if (pollIntervalRef.current) clearInterval(pollIntervalRef.current);
+    };
+  }, []);
+
+  // Sub-step state (DASH-188): 0 = Name, 1 = Folder, 2 = Theme
+  var _useState21 = 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
@@ -6337,6 +6363,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)) {
@@ -6372,7 +6399,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;
@@ -6635,7 +6664,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__*/jsx("div", {
       className: "flex flex-col gap-4",
@@ -6999,6 +7101,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__*/jsxs("div", {
+        className: "flex flex-col gap-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: authNeeded
+            })]
+          })
+        }), !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..."
+          })]
+        })]
       }), error && /*#__PURE__*/jsxs("div", {
         className: "flex items-center gap-2 text-red-400 py-2",
         children: [/*#__PURE__*/jsx(FontAwesomeIcon, {
@@ -7985,7 +8136,7 @@ hasPropertyDescriptors.hasArrayLengthDefineBug = function hasArrayLengthDefineBu
 var hasPropertyDescriptors_1 = hasPropertyDescriptors;
 
 var keys = objectKeys$2;
-var hasSymbols$4 = typeof Symbol === 'function' && typeof Symbol('foo') === 'symbol';
+var hasSymbols$5 = typeof Symbol === 'function' && typeof Symbol('foo') === 'symbol';
 
 var toStr$4 = Object.prototype.toString;
 var concat = Array.prototype.concat;
@@ -8018,7 +8169,7 @@ var defineProperty$1 = function (object, name, value, predicate) {
 var defineProperties$1 = function (object, map) {
 	var predicates = arguments.length > 2 ? arguments[2] : {};
 	var props = keys(map);
-	if (hasSymbols$4) {
+	if (hasSymbols$5) {
 		props = concat.call(props, Object.getOwnPropertySymbols(map));
 	}
 	for (var i = 0; i < props.length; i += 1) {
@@ -8084,11 +8235,11 @@ var sign$1 = function sign(number) {
 };
 
 var shams$1;
-var hasRequiredShams$1;
+var hasRequiredShams;
 
-function requireShams$1 () {
-	if (hasRequiredShams$1) return shams$1;
-	hasRequiredShams$1 = 1;
+function requireShams () {
+	if (hasRequiredShams) return shams$1;
+	hasRequiredShams = 1;
 
 	/** @type {import('./shams')} */
 	/* eslint complexity: [2, 18], max-statements: [2, 33] */
@@ -8137,10 +8288,10 @@ function requireShams$1 () {
 }
 
 var origSymbol = typeof Symbol !== 'undefined' && Symbol;
-var hasSymbolSham = requireShams$1();
+var hasSymbolSham = requireShams();
 
 /** @type {import('.')} */
-var hasSymbols$3 = function hasNativeSymbols() {
+var hasSymbols$4 = function hasNativeSymbols() {
 	if (typeof origSymbol !== 'function') { return false; }
 	if (typeof Symbol !== 'function') { return false; }
 	if (typeof origSymbol('foo') !== 'symbol') { return false; }
@@ -8444,7 +8595,7 @@ var ThrowTypeError = $gOPD$1
 	}())
 	: throwTypeError;
 
-var hasSymbols$2 = hasSymbols$3();
+var hasSymbols$3 = hasSymbols$4();
 
 var getProto$2 = getProto$3;
 var $ObjectGPO = requireObject_getPrototypeOf();
@@ -8462,7 +8613,7 @@ var INTRINSICS = {
 	'%AggregateError%': typeof AggregateError === 'undefined' ? undefined$1 : AggregateError,
 	'%Array%': Array,
 	'%ArrayBuffer%': typeof ArrayBuffer === 'undefined' ? undefined$1 : ArrayBuffer,
-	'%ArrayIteratorPrototype%': hasSymbols$2 && getProto$2 ? getProto$2([][Symbol.iterator]()) : undefined$1,
+	'%ArrayIteratorPrototype%': hasSymbols$3 && getProto$2 ? getProto$2([][Symbol.iterator]()) : undefined$1,
 	'%AsyncFromSyncIteratorPrototype%': undefined$1,
 	'%AsyncFunction%': needsEval,
 	'%AsyncGenerator%': needsEval,
@@ -8493,10 +8644,10 @@ var INTRINSICS = {
 	'%Int32Array%': typeof Int32Array === 'undefined' ? undefined$1 : Int32Array,
 	'%isFinite%': isFinite,
 	'%isNaN%': isNaN,
-	'%IteratorPrototype%': hasSymbols$2 && getProto$2 ? getProto$2(getProto$2([][Symbol.iterator]())) : undefined$1,
+	'%IteratorPrototype%': hasSymbols$3 && getProto$2 ? getProto$2(getProto$2([][Symbol.iterator]())) : undefined$1,
 	'%JSON%': typeof JSON === 'object' ? JSON : undefined$1,
 	'%Map%': typeof Map === 'undefined' ? undefined$1 : Map,
-	'%MapIteratorPrototype%': typeof Map === 'undefined' || !hasSymbols$2 || !getProto$2 ? undefined$1 : getProto$2(new Map()[Symbol.iterator]()),
+	'%MapIteratorPrototype%': typeof Map === 'undefined' || !hasSymbols$3 || !getProto$2 ? undefined$1 : getProto$2(new Map()[Symbol.iterator]()),
 	'%Math%': Math,
 	'%Number%': Number,
 	'%Object%': $Object$2,
@@ -8510,11 +8661,11 @@ var INTRINSICS = {
 	'%Reflect%': typeof Reflect === 'undefined' ? undefined$1 : Reflect,
 	'%RegExp%': RegExp,
 	'%Set%': typeof Set === 'undefined' ? undefined$1 : Set,
-	'%SetIteratorPrototype%': typeof Set === 'undefined' || !hasSymbols$2 || !getProto$2 ? undefined$1 : getProto$2(new Set()[Symbol.iterator]()),
+	'%SetIteratorPrototype%': typeof Set === 'undefined' || !hasSymbols$3 || !getProto$2 ? undefined$1 : getProto$2(new Set()[Symbol.iterator]()),
 	'%SharedArrayBuffer%': typeof SharedArrayBuffer === 'undefined' ? undefined$1 : SharedArrayBuffer,
 	'%String%': String,
-	'%StringIteratorPrototype%': hasSymbols$2 && getProto$2 ? getProto$2(''[Symbol.iterator]()) : undefined$1,
-	'%Symbol%': hasSymbols$2 ? Symbol : undefined$1,
+	'%StringIteratorPrototype%': hasSymbols$3 && getProto$2 ? getProto$2(''[Symbol.iterator]()) : undefined$1,
+	'%Symbol%': hasSymbols$3 ? Symbol : undefined$1,
 	'%SyntaxError%': $SyntaxError$1,
 	'%ThrowTypeError%': ThrowTypeError,
 	'%TypedArray%': TypedArray,
@@ -8867,12 +9018,12 @@ var callBound$i = function callBoundIntrinsic(name, allowMissing) {
 
 // modified from https://github.com/es-shims/es6-shim
 var objectKeys$1 = objectKeys$2;
-var hasSymbols$1 = requireShams$1()();
+var hasSymbols$2 = requireShams()();
 var callBound$h = callBound$i;
 var $Object$1 = esObjectAtoms;
 var $push = callBound$h('Array.prototype.push');
 var $propIsEnumerable = callBound$h('Object.prototype.propertyIsEnumerable');
-var originalGetSymbols = hasSymbols$1 ? $Object$1.getOwnPropertySymbols : null;
+var originalGetSymbols = hasSymbols$2 ? $Object$1.getOwnPropertySymbols : null;
 
 // eslint-disable-next-line no-unused-vars
 var implementation$8 = function assign(target, source1) {
@@ -8886,7 +9037,7 @@ var implementation$8 = function assign(target, source1) {
 
 		// step 3.a.ii:
 		var keys = objectKeys$1(from);
-		var getSymbols = hasSymbols$1 && ($Object$1.getOwnPropertySymbols || originalGetSymbols);
+		var getSymbols = hasSymbols$2 && ($Object$1.getOwnPropertySymbols || originalGetSymbols);
 		if (getSymbols) {
 			var syms = getSymbols(from);
 			for (var j = 0; j < syms.length; ++j) {
@@ -9183,23 +9334,14 @@ var regexp_prototype_flags = flagsBound;
 
 var esGetIterator = {exports: {}};
 
-var shams;
-var hasRequiredShams;
-
-function requireShams () {
-	if (hasRequiredShams) return shams;
-	hasRequiredShams = 1;
+var hasSymbols$1 = requireShams();
 
-	var hasSymbols = requireShams$1();
-
-	/** @type {import('.')} */
-	shams = function hasToStringTagShams() {
-		return hasSymbols() && !!Symbol.toStringTag;
-	};
-	return shams;
-}
+/** @type {import('.')} */
+var shams = function hasToStringTagShams() {
+	return hasSymbols$1() && !!Symbol.toStringTag;
+};
 
-var hasToStringTag$7 = requireShams()();
+var hasToStringTag$7 = shams();
 var callBound$f = callBound$i;
 
 var $toString$7 = callBound$f('Object.prototype.toString');
@@ -10236,7 +10378,7 @@ var tryStringObject = function tryStringObject(value) {
 /** @type {(receiver: ThisParameterType<typeof Object.prototype.toString>, ...args: Parameters<typeof Object.prototype.toString>) => ReturnType<typeof Object.prototype.toString>} */
 var $toString$6 = callBound$c('Object.prototype.toString');
 var strClass = '[object String]';
-var hasToStringTag$6 = requireShams()();
+var hasToStringTag$6 = shams();
 
 /** @type {import('.')} */
 var isString$2 = function isString(value) {
@@ -10352,7 +10494,7 @@ var isSet$2 = exported$1 || function isSet(x) {
 var isArguments$1 = isArguments$2;
 var getStopIterationIterator = stopIterationIterator;
 
-if (hasSymbols$3() || requireShams$1()()) {
+if (hasSymbols$4() || requireShams()()) {
 	var $iterator = Symbol.iterator;
 	// Symbol is available natively or shammed
 	// natively:
@@ -10641,7 +10783,7 @@ var tryDateObject = function tryDateGetDayCall(value) {
 /** @type {(value: unknown) => string} */
 var toStr$2 = callBound$9('Object.prototype.toString');
 var dateClass = '[object Date]';
-var hasToStringTag$5 = requireShams()();
+var hasToStringTag$5 = shams();
 
 /** @type {import('.')} */
 var isDateObject = function isDateObject(value) {
@@ -10652,7 +10794,7 @@ var isDateObject = function isDateObject(value) {
 };
 
 var callBound$8 = callBound$i;
-var hasToStringTag$4 = requireShams()();
+var hasToStringTag$4 = shams();
 var hasOwn = hasown;
 var gOPD$1 = gopd$1;
 
@@ -10757,7 +10899,7 @@ var tryNumberObject = function tryNumberObject(value) {
 };
 var $toString$3 = callBound$6('Object.prototype.toString');
 var numClass = '[object Number]';
-var hasToStringTag$3 = requireShams()();
+var hasToStringTag$3 = shams();
 
 /** @type {import('.')} */
 var isNumberObject = function isNumberObject(value) {
@@ -10784,7 +10926,7 @@ var tryBooleanObject = function booleanBrandCheck(value) {
 	}
 };
 var boolClass = '[object Boolean]';
-var hasToStringTag$2 = requireShams()();
+var hasToStringTag$2 = shams();
 
 /** @type {import('.')} */
 var isBooleanObject = function isBoolean(value) {
@@ -10826,7 +10968,7 @@ function requireSafeRegexTest () {
 
 var callBound$4 = callBound$i;
 var $toString$1 = callBound$4('Object.prototype.toString');
-var hasSymbols = hasSymbols$3();
+var hasSymbols = hasSymbols$4();
 var safeRegexTest = requireSafeRegexTest();
 
 if (hasSymbols) {
@@ -11272,7 +11414,7 @@ var gOPD = gopd$1;
 var getProto = getProto$3;
 
 var $toString = callBound$2('Object.prototype.toString');
-var hasToStringTag = requireShams()();
+var hasToStringTag = shams();
 
 var g = typeof globalThis === 'undefined' ? commonjsGlobal : globalThis;
 var typedArrays = availableTypedArrays();