@trops/dash-core 0.1.240 → 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,10 +6363,11 @@ 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)) {
-            _context2.next = 7;
+            _context2.next = 9;
             break;
           }
           if (!onInstallDashboard) {
@@ -6357,19 +6384,27 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
           });
         case 2:
           result = _context2.sent;
-          _context2.next = 6;
+          _context2.next = 8;
           break;
         case 3:
-          if (!((_window$mainApi = window.mainApi) !== null && _window$mainApi !== void 0 && (_window$mainApi = _window$mainApi.registry) !== null && _window$mainApi !== void 0 && _window$mainApi.installDashboard)) {
-            _context2.next = 6;
+          if (!((_window$mainApi = window.mainApi) !== null && _window$mainApi !== void 0 && (_window$mainApi = _window$mainApi.dashboardConfig) !== null && _window$mainApi !== void 0 && _window$mainApi.installDashboardFromRegistry)) {
+            _context2.next = 8;
             break;
           }
           _context2.next = 4;
-          return window.mainApi.registry.installDashboard(appId, state.selectedDashboard.name || state.selectedDashboard.key);
+          return window.mainApi.dashboardConfig.installDashboardFromRegistry(appId, state.selectedDashboard.name || state.selectedDashboard.key);
         case 4:
           installResult = _context2.sent;
+          if (!(installResult !== null && installResult !== void 0 && installResult.authRequired)) {
+            _context2.next = 5;
+            break;
+          }
+          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 = 6;
+            _context2.next = 7;
             break;
           }
           updatedWorkspace = _objectSpread$B(_objectSpread$B({}, installResult.workspace), {}, {
@@ -6377,87 +6412,95 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
             menuId: menuId || 1,
             themeKey: theme
           });
-          _context2.next = 5;
+          _context2.next = 6;
           return window.mainApi.workspace.saveWorkspaceForApplication(appId, updatedWorkspace);
-        case 5:
+        case 6:
           result = {
             success: true,
             workspace: updatedWorkspace
           };
-        case 6:
-          _context2.next = 25;
+          _context2.next = 8;
           break;
         case 7:
+          if (!(installResult !== null && installResult !== void 0 && installResult.error)) {
+            _context2.next = 8;
+            break;
+          }
+          throw new Error(installResult.error);
+        case 8:
+          _context2.next = 27;
+          break;
+        case 9:
           // Build-your-own path: create layout from template + place widgets
           template = layoutTemplates.find(function (t) {
             return t.id === state.layout.templateKey;
           });
           if (template) {
-            _context2.next = 8;
+            _context2.next = 10;
             break;
           }
           throw new Error("No layout template selected.");
-        case 8:
+        case 10:
           if (!((_window$mainApi2 = window.mainApi) !== null && _window$mainApi2 !== void 0 && _window$mainApi2.widgets)) {
-            _context2.next = 18;
+            _context2.next = 20;
             break;
           }
-          _context2.next = 9;
+          _context2.next = 11;
           return window.mainApi.widgets.list();
-        case 9:
+        case 11:
           _t = _context2.sent;
           if (_t) {
-            _context2.next = 10;
+            _context2.next = 12;
             break;
           }
           _t = [];
-        case 10:
+        case 12:
           installedList = _t;
           installedNames = new Set(installedList.map(function (w) {
             return w.name;
           }));
           _iterator = _createForOfIteratorHelper$e(state.selectedWidgets);
-          _context2.prev = 11;
+          _context2.prev = 13;
           _iterator.s();
-        case 12:
+        case 14:
           if ((_step = _iterator.n()).done) {
-            _context2.next = 15;
+            _context2.next = 17;
             break;
           }
           widget = _step.value;
           if (widget.isRegistry) {
-            _context2.next = 13;
+            _context2.next = 15;
             break;
           }
-          return _context2.abrupt("continue", 14);
-        case 13:
+          return _context2.abrupt("continue", 16);
+        case 15:
           scopedId = widget.packageScope ? "@".concat(widget.packageScope.replace(/^@/, ""), "/").concat(widget.packageName) : widget.packageName;
           if (!(!installedNames.has(scopedId) && !installedNames.has(widget.packageName))) {
-            _context2.next = 14;
+            _context2.next = 16;
             break;
           }
           resolvedUrl = (widget.downloadUrl || "").replace(/\{version\}/g, widget.packageVersion || "").replace(/\{name\}/g, widget.packageName || "");
           if (!resolvedUrl) {
-            _context2.next = 14;
+            _context2.next = 16;
             break;
           }
-          _context2.next = 14;
+          _context2.next = 16;
           return window.mainApi.widgets.install(scopedId, resolvedUrl);
-        case 14:
-          _context2.next = 12;
+        case 16:
+          _context2.next = 14;
           break;
-        case 15:
-          _context2.next = 17;
+        case 17:
+          _context2.next = 19;
           break;
-        case 16:
-          _context2.prev = 16;
-          _t2 = _context2["catch"](11);
+        case 18:
+          _context2.prev = 18;
+          _t2 = _context2["catch"](13);
           _iterator.e(_t2);
-        case 17:
-          _context2.prev = 17;
+        case 19:
+          _context2.prev = 19;
           _iterator.f();
-          return _context2.finish(17);
-        case 18:
+          return _context2.finish(19);
+        case 20:
           layoutObj = createLayoutFromTemplate(template, menuId || 1); // Place widgets into grid cells as proper layout items
           widgetOrder = state.layout.widgetOrder || [];
           cells = template.cells.filter(function (c) {
@@ -6494,31 +6537,31 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
             }, _loop);
           });
           i = 0;
-        case 19:
+        case 21:
           if (!(i < widgetOrder.length && i < cells.length)) {
-            _context2.next = 21;
+            _context2.next = 23;
             break;
           }
-          return _context2.delegateYield(_loop(i), "t0", 20);
-        case 20:
+          return _context2.delegateYield(_loop(i), "t0", 22);
+        case 22:
           i++;
-          _context2.next = 19;
+          _context2.next = 21;
           break;
-        case 21:
+        case 23:
           fullLayout = [layoutObj].concat(widgetItems);
           if (!onCreateWorkspace) {
-            _context2.next = 23;
+            _context2.next = 25;
             break;
           }
-          _context2.next = 22;
+          _context2.next = 24;
           return onCreateWorkspace(fullLayout, theme, name.trim());
-        case 22:
+        case 24:
           result = _context2.sent;
-          _context2.next = 25;
+          _context2.next = 27;
           break;
-        case 23:
+        case 25:
           if (!((_window$mainApi3 = window.mainApi) !== null && _window$mainApi3 !== void 0 && (_window$mainApi3 = _window$mainApi3.workspace) !== null && _window$mainApi3 !== void 0 && _window$mainApi3.saveWorkspaceForApplication)) {
-            _context2.next = 25;
+            _context2.next = 27;
             break;
           }
           workspace = {
@@ -6527,32 +6570,32 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
             themeKey: theme,
             layout: fullLayout
           };
-          _context2.next = 24;
+          _context2.next = 26;
           return window.mainApi.workspace.saveWorkspaceForApplication(appId, workspace);
-        case 24:
+        case 26:
           result = {
             success: true,
             workspace: workspace
           };
-        case 25:
+        case 27:
           if (result) {
             setCreatedDashboard(result.workspace || result);
           }
-          _context2.next = 27;
+          _context2.next = 29;
           break;
-        case 26:
-          _context2.prev = 26;
+        case 28:
+          _context2.prev = 28;
           _t3 = _context2["catch"](1);
           setError(_t3.message || "Failed to create dashboard.");
-        case 27:
-          _context2.prev = 27;
+        case 29:
+          _context2.prev = 29;
           setCreating(false);
-          return _context2.finish(27);
-        case 28:
+          return _context2.finish(29);
+        case 30:
         case "end":
           return _context2.stop();
       }
-    }, _callee, null, [[1, 26, 27, 28], [11, 16, 17, 18]]);
+    }, _callee, null, [[1, 28, 29, 30], [13, 18, 19, 20]]);
   })), [state, isPrebuilt, onInstallDashboard, onCreateWorkspace, appId]);
 
   // Expose handleCreate and creating state to parent via ref (DASH-183)
@@ -6621,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",
@@ -6985,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, {