@trops/dash-core 0.1.96 → 0.1.98

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import * as DashReact from '@trops/dash-react';
-import { isObject, ThemeContext, deepCopy, MainSection, getUUID, getStylesForItem, themeObjects, Heading, SubHeading3, InputText, Button, FontAwesomeIcon, Tag, SearchInput, ButtonIcon, Modal, Panel, Stepper, Paragraph, Heading3, MenuItem3, FormLabel, SelectMenu, CodeEditorInline, Sidebar, SettingsModal, SubHeading2, tailwindHeightFractions, Menu3, Panel3, DropdownPanel, MenuItem2, ButtonIcon2, DragComponent, ConfirmationModal, DropComponent, getStyleName, capitalizeFirstLetter, colorTypes, getCSSStyleForClassname, Panel2, Heading2, SubHeading, Paragraph2, Paragraph3, Button2, Button3, MenuItem, Tag2, Tag3, ButtonIcon3, DashPanel, colorNames, shades, themeVariants, Tabs3, DataList, Checkbox, Switch, StatCard, Card, Tabs, Accordion, Alert, Toast, ProgressBar, Toggle, Breadcrumbs, Card2, Tabs2, Accordion2, Alert2, Toast2, ProgressBar2, Toggle2, Breadcrumbs2, Card3, Accordion3, Alert3, Toast3, ProgressBar3, Toggle3, Breadcrumbs3, TextArea, SelectInput, Icon2, AlgoliaSearchBox, CommandPalette, EmptyState, Navbar, withRouter, Menu as Menu$1 } from '@trops/dash-react';
+import { isObject, ThemeContext, deepCopy, MainSection, getUUID, getStylesForItem, themeObjects, Heading, SearchInput, ButtonIcon, SubHeading3, InputText, Button, FontAwesomeIcon, Tag, Modal, Panel, Stepper, Paragraph, Heading3, MenuItem3, FormLabel, SelectMenu, CodeEditorInline, Sidebar, SettingsModal, SubHeading2, tailwindHeightFractions, Menu3, Panel3, DropdownPanel, MenuItem2, ButtonIcon2, DragComponent, ConfirmationModal, DropComponent, getStyleName, capitalizeFirstLetter, colorTypes, getCSSStyleForClassname, Panel2, Heading2, SubHeading, Paragraph2, Paragraph3, Button2, Button3, MenuItem, Tag2, Tag3, ButtonIcon3, DashPanel, colorNames, shades, themeVariants, Tabs3, DataList, Checkbox, Switch, StatCard, Card, Tabs, Accordion, Alert, Toast, ProgressBar, Toggle, Breadcrumbs, Card2, Tabs2, Accordion2, Alert2, Toast2, ProgressBar2, Toggle2, Breadcrumbs2, Card3, Accordion3, Alert3, Toast3, ProgressBar3, Toggle3, Breadcrumbs3, TextArea, SelectInput, Icon2, AlgoliaSearchBox, CommandPalette, EmptyState, Navbar, withRouter, Menu as Menu$1 } from '@trops/dash-react';
 export * from '@trops/dash-react';
 export { ThemeContext } from '@trops/dash-react';
 import _typeof from '@babel/runtime/helpers/typeof';
@@ -1771,6 +1771,12 @@ var WebDashboardApi = /*#__PURE__*/function () {
       onError === null || onError === void 0 ? void 0 : onError("mcp:get-catalog:error", new Error("MCP not available in web mode"));
       return false;
     }
+  }, {
+    key: "mcpRunAuth",
+    value: function mcpRunAuth(mcpConfig, credentials, authCommand, onSuccess, onError) {
+      onError === null || onError === void 0 ? void 0 : onError("mcp:run-auth:error", new Error("MCP not available in web mode"));
+      return false;
+    }
   }]);
 }();
 
@@ -3061,7 +3067,7 @@ var LayoutManagerPicker = function LayoutManagerPicker(_ref2) {
   });
 };
 
-var FOLDER_ICONS$1 = [
+var FOLDER_ICONS = [
 // General / UI
 "home", "folder", "star", "heart", "bookmark", "tag", "flag", "bell", "circle", "square", "circle-check", "thumbs-up", "clone", "signal",
 // Communication
@@ -3084,7 +3090,7 @@ var FOLDER_ICONS$1 = [
 "file", "file-code", "clipboard", "book", "pen", "pencil",
 // Misc
 "magnifying-glass", "eye", "lock", "key", "shield", "clock", "calendar", "link"];
-var ALL_ICON_NAMES$1 = Object.keys(DashReact).filter(function (key) {
+var ALL_ICON_NAMES = Object.keys(DashReact).filter(function (key) {
   return key.startsWith("fa") && key !== "fas";
 }).map(function (key) {
   var _DashReact$key;
@@ -3092,8 +3098,8 @@ var ALL_ICON_NAMES$1 = Object.keys(DashReact).filter(function (key) {
 }).filter(Boolean).filter(function (name, index, arr) {
   return arr.indexOf(name) === index;
 }).sort();
-var CURATED_SET$1 = new Set(FOLDER_ICONS$1);
-var IconPicker$1 = function IconPicker(_ref) {
+var CURATED_SET = new Set(FOLDER_ICONS);
+var IconPicker = function IconPicker(_ref) {
   var selectedIcon = _ref.selectedIcon,
     onSelectIcon = _ref.onSelectIcon;
   var _useState = useState(""),
@@ -3102,13 +3108,13 @@ var IconPicker$1 = function IconPicker(_ref) {
     setSearch = _useState2[1];
   var query = search.trim().toLowerCase();
   var filteredCurated = useMemo(function () {
-    return query ? FOLDER_ICONS$1.filter(function (name) {
+    return query ? FOLDER_ICONS.filter(function (name) {
       return name.includes(query);
-    }) : FOLDER_ICONS$1;
+    }) : FOLDER_ICONS;
   }, [query]);
   var remainingIcons = useMemo(function () {
-    var all = ALL_ICON_NAMES$1.filter(function (name) {
-      return !CURATED_SET$1.has(name);
+    var all = ALL_ICON_NAMES.filter(function (name) {
+      return !CURATED_SET.has(name);
     });
     return query ? all.filter(function (name) {
       return name.includes(query);
@@ -3163,26 +3169,27 @@ var IconPicker$1 = function IconPicker(_ref) {
     })]
   });
 };
-var FolderDetail = function FolderDetail(_ref2) {
-  var _ref2$menuItem = _ref2.menuItem,
-    menuItem = _ref2$menuItem === void 0 ? null : _ref2$menuItem,
-    _ref2$workspaces = _ref2.workspaces,
-    workspaces = _ref2$workspaces === void 0 ? [] : _ref2$workspaces,
-    _ref2$isEditing = _ref2.isEditing,
-    isEditing = _ref2$isEditing === void 0 ? false : _ref2$isEditing,
-    _ref2$isCreating = _ref2.isCreating,
-    isCreating = _ref2$isCreating === void 0 ? false : _ref2$isCreating,
-    _ref2$formName = _ref2.formName,
-    formName = _ref2$formName === void 0 ? "" : _ref2$formName,
-    setFormName = _ref2.setFormName,
-    _ref2$formIcon = _ref2.formIcon,
-    formIcon = _ref2$formIcon === void 0 ? "folder" : _ref2$formIcon,
-    setFormIcon = _ref2.setFormIcon,
-    onSaveEdit = _ref2.onSaveEdit,
-    onCancelEdit = _ref2.onCancelEdit,
-    onStartEdit = _ref2.onStartEdit,
-    onCreate = _ref2.onCreate,
-    onDelete = _ref2.onDelete;
+
+var FolderDetail = function FolderDetail(_ref) {
+  var _ref$menuItem = _ref.menuItem,
+    menuItem = _ref$menuItem === void 0 ? null : _ref$menuItem,
+    _ref$workspaces = _ref.workspaces,
+    workspaces = _ref$workspaces === void 0 ? [] : _ref$workspaces,
+    _ref$isEditing = _ref.isEditing,
+    isEditing = _ref$isEditing === void 0 ? false : _ref$isEditing,
+    _ref$isCreating = _ref.isCreating,
+    isCreating = _ref$isCreating === void 0 ? false : _ref$isCreating,
+    _ref$formName = _ref.formName,
+    formName = _ref$formName === void 0 ? "" : _ref$formName,
+    setFormName = _ref.setFormName,
+    _ref$formIcon = _ref.formIcon,
+    formIcon = _ref$formIcon === void 0 ? "folder" : _ref$formIcon,
+    setFormIcon = _ref.setFormIcon,
+    onSaveEdit = _ref.onSaveEdit,
+    onCancelEdit = _ref.onCancelEdit,
+    onStartEdit = _ref.onStartEdit,
+    onCreate = _ref.onCreate,
+    onDelete = _ref.onDelete;
   var isFormMode = isEditing || isCreating;
 
   // Get dashboards in this folder
@@ -3209,7 +3216,7 @@ var FolderDetail = function FolderDetail(_ref2) {
         children: [/*#__PURE__*/jsx("span", {
           className: "flex-shrink-0 text-sm font-medium opacity-70",
           children: "Icon"
-        }), /*#__PURE__*/jsx(IconPicker$1, {
+        }), /*#__PURE__*/jsx(IconPicker, {
           selectedIcon: formIcon,
           onSelectIcon: setFormIcon
         })]
@@ -3500,7 +3507,7 @@ var LayoutManagerModal = function LayoutManagerModal(_ref) {
                     placeholder: "Folder name"
                   }), /*#__PURE__*/jsx("div", {
                     className: "grid grid-cols-10 gap-2",
-                    children: FOLDER_ICONS$1.map(function (icon) {
+                    children: FOLDER_ICONS.map(function (icon) {
                       var isIconSelected = icon === newFolderIcon;
                       return /*#__PURE__*/jsx("div", {
                         className: "flex items-center justify-center p-2 rounded cursor-pointer transition-all ".concat(isIconSelected ? "bg-blue-600 ring-2 ring-blue-400 text-white" : "bg-gray-700 text-gray-400 hover:bg-gray-600 hover:text-gray-200"),
@@ -26461,109 +26468,6 @@ var StarRating = function StarRating(_ref) {
   });
 };
 
-var FOLDER_ICONS = [
-// General / UI
-"home", "folder", "star", "heart", "bookmark", "tag", "flag", "bell", "circle", "square", "circle-check", "thumbs-up", "clone", "signal",
-// Communication
-"phone", "envelope", "comment", "message", "paper-plane",
-// Media
-"image", "camera", "music", "video", "film", "headphones",
-// Tech
-"code", "terminal", "database", "server", "wifi", "plug", "robot", "microchip", "globe",
-// Nature
-"leaf", "seedling", "tree", "sun", "moon", "cloud", "bolt", "fire", "snowflake", "water",
-// Objects
-"hammer", "wrench", "gear", "briefcase", "cart-shopping", "truck", "car", "plane", "rocket",
-// People / Activity
-"user", "users", "trophy", "gamepad", "dumbbell", "graduation-cap", "baby", "baby-carriage",
-// Arrows / Navigation
-"arrow-up", "arrow-down", "arrow-left", "arrow-right", "arrows-up-down", "arrows-left-right", "minus",
-// Data / Charts
-"chart-bar", "chart-line", "chart-pie", "table", "list", "layer-group",
-// Files
-"file", "file-code", "clipboard", "book", "pen", "pencil",
-// Misc
-"magnifying-glass", "eye", "lock", "key", "shield", "clock", "calendar", "link"];
-var ALL_ICON_NAMES = Object.keys(DashReact).filter(function (key) {
-  return key.startsWith("fa") && key !== "fas";
-}).map(function (key) {
-  var _DashReact$key;
-  return (_DashReact$key = DashReact[key]) === null || _DashReact$key === void 0 ? void 0 : _DashReact$key.iconName;
-}).filter(Boolean).filter(function (name, index, arr) {
-  return arr.indexOf(name) === index;
-}).sort();
-var CURATED_SET = new Set(FOLDER_ICONS);
-var IconPicker = function IconPicker(_ref) {
-  var selectedIcon = _ref.selectedIcon,
-    onSelectIcon = _ref.onSelectIcon;
-  var _useState = useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
-    search = _useState2[0],
-    setSearch = _useState2[1];
-  var query = search.trim().toLowerCase();
-  var filteredCurated = useMemo(function () {
-    return query ? FOLDER_ICONS.filter(function (name) {
-      return name.includes(query);
-    }) : FOLDER_ICONS;
-  }, [query]);
-  var remainingIcons = useMemo(function () {
-    var all = ALL_ICON_NAMES.filter(function (name) {
-      return !CURATED_SET.has(name);
-    });
-    return query ? all.filter(function (name) {
-      return name.includes(query);
-    }) : all;
-  }, [query]);
-  var hasResults = filteredCurated.length > 0 || remainingIcons.length > 0;
-  var renderIcon = function renderIcon(icon) {
-    return /*#__PURE__*/jsx(ButtonIcon, {
-      icon: icon,
-      selected: icon === selectedIcon,
-      onClick: function onClick() {
-        return onSelectIcon(icon);
-      },
-      iconSize: "h-6 w-6",
-      backgroundColor: "transparent",
-      className: icon !== selectedIcon ? "opacity-50 hover:!opacity-80" : ""
-    }, icon);
-  };
-  return /*#__PURE__*/jsxs("div", {
-    className: "flex flex-col flex-1 min-h-0 space-y-3",
-    children: [/*#__PURE__*/jsx("div", {
-      className: "flex-shrink-0",
-      children: /*#__PURE__*/jsx(SearchInput, {
-        value: search,
-        onChange: setSearch,
-        placeholder: "Search icons..."
-      })
-    }), /*#__PURE__*/jsxs("div", {
-      className: "flex-1 min-h-0 overflow-y-auto space-y-3",
-      children: [!hasResults && /*#__PURE__*/jsxs("span", {
-        className: "text-sm opacity-50 py-2",
-        children: ["No icons match \"", search, "\""]
-      }), filteredCurated.length > 0 && /*#__PURE__*/jsxs("div", {
-        className: "flex flex-col space-y-1.5",
-        children: [/*#__PURE__*/jsx("span", {
-          className: "text-xs font-medium opacity-50",
-          children: "Suggested"
-        }), /*#__PURE__*/jsx("div", {
-          className: "grid grid-cols-6 gap-2",
-          children: filteredCurated.map(renderIcon)
-        })]
-      }), remainingIcons.length > 0 && /*#__PURE__*/jsxs("div", {
-        className: "flex flex-col space-y-1.5",
-        children: [/*#__PURE__*/jsx("span", {
-          className: "text-xs font-medium opacity-50",
-          children: "All Icons"
-        }), /*#__PURE__*/jsx("div", {
-          className: "grid grid-cols-6 gap-2",
-          children: remainingIcons.map(renderIcon)
-        })]
-      })]
-    })]
-  });
-};
-
 var DASHBOARD_TAGS = ["productivity", "monitoring", "analytics", "communication", "developer", "sales", "marketing", "finance", "project-management", "social", "news", "utilities"];
 
 /**
@@ -26571,12 +26475,14 @@ var DASHBOARD_TAGS = ["productivity", "monitoring", "analytics", "communication"
  * for registry publishing.
  *
  * Steps:
- *   1. Details — Author name (required) + description (textarea)
+ *   0. Account — Auth check, sign-in prompt, profile display
+ *   1. Details — Author name (pre-filled from profile) + description (textarea)
  *   2. Tags — Predefined tag selection with toggle-pill styling
  *   3. Icon — Full icon picker with search
  *   4. Publish — Review summary, publish action, result display
  */
 var PublishDashboardModal = function PublishDashboardModal(_ref) {
+  var _result$registrySubmi, _result$registrySubmi2;
   var isOpen = _ref.isOpen,
     setIsOpen = _ref.setIsOpen,
     appId = _ref.appId,
@@ -26593,39 +26499,129 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
     step = _useState2[0],
     setStep = _useState2[1];
 
-  // Step 1: Details
-  var _useState3 = useState(""),
+  // Step 0: Account / Auth
+  var _useState3 = useState("loading"),
     _useState4 = _slicedToArray(_useState3, 2),
-    authorName = _useState4[0],
-    setAuthorName = _useState4[1];
-  var _useState5 = useState(""),
+    authStatus = _useState4[0],
+    setAuthStatus = _useState4[1]; // "loading" | "authenticated" | "unauthenticated"
+  var _useState5 = useState(null),
     _useState6 = _slicedToArray(_useState5, 2),
-    description = _useState6[0],
-    setDescription = _useState6[1];
+    profile = _useState6[0],
+    setProfile = _useState6[1];
+  var _useState7 = useState(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    authFlow = _useState8[0],
+    setAuthFlow = _useState8[1];
+  var _useState9 = useState(false),
+    _useState0 = _slicedToArray(_useState9, 2),
+    isPolling = _useState0[0],
+    setIsPolling = _useState0[1];
+
+  // Step 1: Details
+  var _useState1 = useState(""),
+    _useState10 = _slicedToArray(_useState1, 2),
+    authorName = _useState10[0],
+    setAuthorName = _useState10[1];
+  var _useState11 = useState(""),
+    _useState12 = _slicedToArray(_useState11, 2),
+    description = _useState12[0],
+    setDescription = _useState12[1];
 
   // Step 2: Tags
-  var _useState7 = useState([]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    selectedTags = _useState8[0],
-    setSelectedTags = _useState8[1];
+  var _useState13 = useState([]),
+    _useState14 = _slicedToArray(_useState13, 2),
+    selectedTags = _useState14[0],
+    setSelectedTags = _useState14[1];
 
   // Step 3: Icon
-  var _useState9 = useState("grip"),
-    _useState0 = _slicedToArray(_useState9, 2),
-    icon = _useState0[0],
-    setIcon = _useState0[1];
+  var _useState15 = useState("grip"),
+    _useState16 = _slicedToArray(_useState15, 2),
+    icon = _useState16[0],
+    setIcon = _useState16[1];
 
   // Step 4: Publish
-  var _useState1 = useState(false),
-    _useState10 = _slicedToArray(_useState1, 2),
-    isPublishing = _useState10[0],
-    setIsPublishing = _useState10[1];
-  var _useState11 = useState(null),
-    _useState12 = _slicedToArray(_useState11, 2),
-    result = _useState12[0],
-    setResult = _useState12[1];
+  var _useState17 = useState(false),
+    _useState18 = _slicedToArray(_useState17, 2),
+    isPublishing = _useState18[0],
+    setIsPublishing = _useState18[1];
+  var _useState19 = useState(null),
+    _useState20 = _slicedToArray(_useState19, 2),
+    result = _useState20[0],
+    setResult = _useState20[1];
+
+  // Check auth status on mount
+  useEffect(function () {
+    if (!isOpen) return;
+    var cancelled = false;
+    function checkAuth() {
+      return _checkAuth.apply(this, arguments);
+    }
+    function _checkAuth() {
+      _checkAuth = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var status, userProfile;
+        return _regeneratorRuntime.wrap(function (_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 1;
+              return window.mainApi.registryAuth.getStatus();
+            case 1:
+              status = _context.sent;
+              if (!cancelled) {
+                _context.next = 2;
+                break;
+              }
+              return _context.abrupt("return");
+            case 2:
+              if (!status.authenticated) {
+                _context.next = 5;
+                break;
+              }
+              _context.next = 3;
+              return window.mainApi.registryAuth.getProfile();
+            case 3:
+              userProfile = _context.sent;
+              if (!cancelled) {
+                _context.next = 4;
+                break;
+              }
+              return _context.abrupt("return");
+            case 4:
+              setProfile(userProfile);
+              setAuthStatus("authenticated");
+              if (userProfile !== null && userProfile !== void 0 && userProfile.displayName && !authorName) {
+                setAuthorName(userProfile.displayName);
+              }
+              _context.next = 6;
+              break;
+            case 5:
+              setAuthStatus("unauthenticated");
+            case 6:
+              _context.next = 8;
+              break;
+            case 7:
+              _context.prev = 7;
+              _context["catch"](0);
+              if (!cancelled) setAuthStatus("unauthenticated");
+            case 8:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[0, 7]]);
+      }));
+      return _checkAuth.apply(this, arguments);
+    }
+    checkAuth();
+    return function () {
+      cancelled = true;
+    };
+  }, [isOpen]);
   function resetState() {
     setStep(0);
+    setAuthStatus("loading");
+    setProfile(null);
+    setAuthFlow(null);
+    setIsPolling(false);
     setAuthorName("");
     setDescription("");
     setSelectedTags([]);
@@ -26638,8 +26634,9 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
     setTimeout(resetState, 200);
   }
   function handleStepChange(nextStep) {
-    if (step === 0 && nextStep > 0 && !authorName.trim()) return;
-    if (step === 1 && nextStep > 1 && selectedTags.length === 0) return;
+    if (step === 0 && nextStep > 0 && authStatus !== "authenticated") return;
+    if (step === 1 && nextStep > 1 && !authorName.trim()) return;
+    if (step === 2 && nextStep > 2 && selectedTags.length === 0) return;
     setStep(nextStep);
   }
   function toggleTag(tag) {
@@ -26653,54 +26650,167 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
     return _handlePublish.apply(this, arguments);
   }
   function _handlePublish() {
-    _handlePublish = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var options, res, _t;
-      return _regeneratorRuntime.wrap(function (_context) {
-        while (1) switch (_context.prev = _context.next) {
+    _handlePublish = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var options, res, _t2;
+      return _regeneratorRuntime.wrap(function (_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
             if (!(!appId || !workspaceId)) {
-              _context.next = 1;
+              _context2.next = 1;
               break;
             }
-            return _context.abrupt("return");
+            return _context2.abrupt("return");
           case 1:
             setIsPublishing(true);
             setResult(null);
-            _context.prev = 2;
+            _context2.prev = 2;
             options = {
               authorName: authorName.trim(),
               description: description.trim() || undefined,
               tags: selectedTags,
               icon: icon || undefined
             };
-            _context.next = 3;
+            _context2.next = 3;
             return window.mainApi.dashboardConfig.prepareDashboardForPublish(appId, workspaceId, options);
           case 3:
-            res = _context.sent;
+            res = _context2.sent;
             setResult(res);
-            _context.next = 5;
+            _context2.next = 5;
             break;
           case 4:
-            _context.prev = 4;
-            _t = _context["catch"](2);
+            _context2.prev = 4;
+            _t2 = _context2["catch"](2);
             setResult({
               success: false,
-              error: _t.message || "Failed to prepare dashboard for publish."
+              error: _t2.message || "Failed to prepare dashboard for publish."
             });
           case 5:
-            _context.prev = 5;
+            _context2.prev = 5;
             setIsPublishing(false);
-            return _context.finish(5);
+            return _context2.finish(5);
           case 6:
           case "end":
-            return _context.stop();
+            return _context2.stop();
         }
-      }, _callee, null, [[2, 4, 5, 6]]);
+      }, _callee2, null, [[2, 4, 5, 6]]);
     }));
     return _handlePublish.apply(this, arguments);
   }
-  var isLastStep = step === 3;
-  var canAdvance = step === 0 ? !!authorName.trim() : step === 1 ? selectedTags.length > 0 : true;
+  function handleSignIn() {
+    return _handleSignIn.apply(this, arguments);
+  }
+  function _handleSignIn() {
+    _handleSignIn = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+      var flow, interval, poll;
+      return _regeneratorRuntime.wrap(function (_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            _context4.prev = 0;
+            _context4.next = 1;
+            return window.mainApi.registryAuth.initiateLogin();
+          case 1:
+            flow = _context4.sent;
+            setAuthFlow(flow);
+
+            // Open verification URL in browser
+            if (flow.verificationUrlComplete) {
+              window.mainApi.shell.openExternal(flow.verificationUrlComplete);
+            }
+
+            // Start polling
+            setIsPolling(true);
+            interval = (flow.interval || 5) * 1000;
+            poll = setInterval(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+              var pollResult, userProfile;
+              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")) {
+                      _context3.next = 3;
+                      break;
+                    }
+                    clearInterval(poll);
+                    setIsPolling(false);
+                    setAuthFlow(null);
+                    // Fetch profile and update auth state
+                    _context3.next = 2;
+                    return window.mainApi.registryAuth.getProfile();
+                  case 2:
+                    userProfile = _context3.sent;
+                    setProfile(userProfile);
+                    setAuthStatus("authenticated");
+                    if (userProfile !== null && userProfile !== void 0 && userProfile.displayName && !authorName) {
+                      setAuthorName(userProfile.displayName);
+                    }
+                    _context3.next = 4;
+                    break;
+                  case 3:
+                    if (pollResult.status === "expired") {
+                      clearInterval(poll);
+                      setIsPolling(false);
+                      setAuthFlow(null);
+                    }
+                  case 4:
+                    _context3.next = 6;
+                    break;
+                  case 5:
+                    _context3.prev = 5;
+                    _context3["catch"](0);
+                    clearInterval(poll);
+                    setIsPolling(false);
+                  case 6:
+                  case "end":
+                    return _context3.stop();
+                }
+              }, _callee3, null, [[0, 5]]);
+            })), interval);
+            _context4.next = 3;
+            break;
+          case 2:
+            _context4.prev = 2;
+            _context4["catch"](0);
+          case 3:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4, null, [[0, 2]]);
+    }));
+    return _handleSignIn.apply(this, arguments);
+  }
+  function handleSignOut() {
+    return _handleSignOut.apply(this, arguments);
+  }
+  function _handleSignOut() {
+    _handleSignOut = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+      return _regeneratorRuntime.wrap(function (_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            _context5.prev = 0;
+            _context5.next = 1;
+            return window.mainApi.registryAuth.logout();
+          case 1:
+            setAuthStatus("unauthenticated");
+            setProfile(null);
+            _context5.next = 3;
+            break;
+          case 2:
+            _context5.prev = 2;
+            _context5["catch"](0);
+          case 3:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5, null, [[0, 2]]);
+    }));
+    return _handleSignOut.apply(this, arguments);
+  }
+  var isLastStep = step === 4;
+  var canAdvance = step === 0 ? authStatus === "authenticated" : step === 1 ? !!authorName.trim() : step === 2 ? selectedTags.length > 0 : true;
   return /*#__PURE__*/jsx(Modal, {
     isOpen: isOpen,
     setIsOpen: handleClose,
@@ -26728,6 +26838,78 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
         showNavigation: false,
         className: "flex-1 min-h-0 flex flex-col px-6 pt-2",
         children: [/*#__PURE__*/jsx(Stepper.Step, {
+          label: "Account",
+          children: /*#__PURE__*/jsxs("div", {
+            className: "flex-1 min-h-0 overflow-y-auto pb-4 space-y-5",
+            children: [authStatus === "loading" && /*#__PURE__*/jsx("div", {
+              className: "flex items-center justify-center py-12",
+              children: /*#__PURE__*/jsxs("div", {
+                className: "flex items-center gap-3 text-sm opacity-60",
+                children: [/*#__PURE__*/jsx(FontAwesomeIcon, {
+                  icon: "spinner",
+                  className: "h-4 w-4 animate-spin"
+                }), /*#__PURE__*/jsx("span", {
+                  children: "Checking account status..."
+                })]
+              })
+            }), authStatus === "authenticated" && profile && /*#__PURE__*/jsxs("div", {
+              className: "space-y-4",
+              children: [/*#__PURE__*/jsx("p", {
+                className: "text-sm opacity-70",
+                children: "You're signed in and ready to publish."
+              }), /*#__PURE__*/jsxs("div", {
+                className: "bg-white/5 border border-white/10 rounded-lg p-4 flex items-center gap-4",
+                children: [/*#__PURE__*/jsx("div", {
+                  className: "flex items-center justify-center h-10 w-10 rounded-full bg-green-500/20 border border-green-500/30",
+                  children: /*#__PURE__*/jsx(FontAwesomeIcon, {
+                    icon: "circle-check",
+                    className: "h-5 w-5 text-green-400"
+                  })
+                }), /*#__PURE__*/jsxs("div", {
+                  className: "flex-1 min-w-0",
+                  children: [/*#__PURE__*/jsx("div", {
+                    className: "text-sm font-medium truncate",
+                    children: profile.displayName || profile.username
+                  }), /*#__PURE__*/jsxs("div", {
+                    className: "text-xs opacity-50 truncate",
+                    children: ["@", profile.username]
+                  })]
+                })]
+              }), /*#__PURE__*/jsx("button", {
+                type: "button",
+                onClick: handleSignOut,
+                className: "text-xs opacity-40 hover:opacity-70 transition-opacity cursor-pointer",
+                children: "Sign out"
+              })]
+            }), authStatus === "unauthenticated" && /*#__PURE__*/jsxs("div", {
+              className: "space-y-4",
+              children: [/*#__PURE__*/jsx("p", {
+                className: "text-sm opacity-70",
+                children: "Sign in to the Dash Registry to publish your dashboard."
+              }), !authFlow && !isPolling && /*#__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"
+              }), 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..."
+                })]
+              })]
+            })]
+          })
+        }), /*#__PURE__*/jsx(Stepper.Step, {
           label: "Details",
           children: /*#__PURE__*/jsxs("div", {
             className: "flex-1 min-h-0 overflow-y-auto pb-4 space-y-5",
@@ -26828,14 +27010,57 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
               })]
             }) : result.success ? /*#__PURE__*/jsxs("div", {
               className: "space-y-3",
-              children: [/*#__PURE__*/jsxs("div", {
-                className: "flex items-center gap-2",
-                children: [/*#__PURE__*/jsx(FontAwesomeIcon, {
-                  icon: "circle-check",
-                  className: "h-4 w-4 text-green-400"
-                }), /*#__PURE__*/jsx("span", {
-                  className: "text-sm",
-                  children: "Dashboard prepared for publishing."
+              children: [(_result$registrySubmi = result.registrySubmission) !== null && _result$registrySubmi !== void 0 && _result$registrySubmi.success ? /*#__PURE__*/jsxs("div", {
+                className: "space-y-3",
+                children: [/*#__PURE__*/jsxs("div", {
+                  className: "flex items-center gap-2",
+                  children: [/*#__PURE__*/jsx(FontAwesomeIcon, {
+                    icon: "circle-check",
+                    className: "h-4 w-4 text-green-400"
+                  }), /*#__PURE__*/jsx("span", {
+                    className: "text-sm",
+                    children: "Published to Dash Registry"
+                  })]
+                }), result.registrySubmission.registryUrl && /*#__PURE__*/jsxs("div", {
+                  className: "bg-white/5 border border-white/10 rounded-lg p-3",
+                  children: [/*#__PURE__*/jsx("div", {
+                    className: "text-xs opacity-50 mb-1",
+                    children: "Shareable Link"
+                  }), /*#__PURE__*/jsx("button", {
+                    type: "button",
+                    onClick: function onClick() {
+                      return window.mainApi.shell.openExternal(result.registrySubmission.registryUrl);
+                    },
+                    className: "text-sm text-blue-400 hover:underline cursor-pointer break-all text-left",
+                    children: result.registrySubmission.registryUrl
+                  })]
+                }), result.registrySubmission.version && /*#__PURE__*/jsxs("div", {
+                  className: "text-xs opacity-50",
+                  children: ["Version: v", result.registrySubmission.version]
+                })]
+              }) : /*#__PURE__*/jsxs("div", {
+                className: "space-y-3",
+                children: [/*#__PURE__*/jsxs("div", {
+                  className: "flex items-center gap-2",
+                  children: [/*#__PURE__*/jsx(FontAwesomeIcon, {
+                    icon: "circle-check",
+                    className: "h-4 w-4 text-green-400"
+                  }), /*#__PURE__*/jsx("span", {
+                    className: "text-sm",
+                    children: "Dashboard prepared for publishing."
+                  })]
+                }), ((_result$registrySubmi2 = result.registrySubmission) === null || _result$registrySubmi2 === void 0 ? void 0 : _result$registrySubmi2.error) && /*#__PURE__*/jsx("div", {
+                  className: "bg-amber-500/10 border border-amber-500/20 rounded-lg p-3",
+                  children: /*#__PURE__*/jsxs("div", {
+                    className: "flex items-start gap-2",
+                    children: [/*#__PURE__*/jsx(FontAwesomeIcon, {
+                      icon: "triangle-exclamation",
+                      className: "h-3.5 w-3.5 text-amber-400 mt-0.5 flex-shrink-0"
+                    }), /*#__PURE__*/jsxs("span", {
+                      className: "text-xs text-amber-300/90",
+                      children: ["Registry upload failed:", " ", result.registrySubmission.error, ". Your dashboard was saved locally."]
+                    })]
+                  })
                 })]
               }), result.filePath && /*#__PURE__*/jsxs("div", {
                 className: "text-xs opacity-50 break-all",
@@ -26899,7 +27124,7 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
           className: "flex-1 text-center",
           children: /*#__PURE__*/jsxs("span", {
             className: "text-xs opacity-40",
-            children: ["Step ", step + 1, " of 4"]
+            children: ["Step ", step + 1, " of 5"]
           })
         }), /*#__PURE__*/jsx("div", {
           className: "flex flex-row gap-2",
@@ -26907,7 +27132,7 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
             title: "Done",
             onClick: handleClose
           }) : isLastStep ? /*#__PURE__*/jsx(Button2, {
-            title: isPublishing ? "Preparing..." : "Publish",
+            title: isPublishing ? "Publishing..." : "Publish",
             onClick: handlePublish,
             disabled: isPublishing
           }) : /*#__PURE__*/jsx(Button2, {
@@ -27889,7 +28114,7 @@ var DashboardsSection = function DashboardsSection(_ref) {
             return window.mainApi.dashboardConfig.importDashboardConfig(appId);
           case 3:
             result = _context.sent;
-            if (result) {
+            if (!(!result || result.canceled)) {
               _context.next = 4;
               break;
             }
@@ -27940,7 +28165,9 @@ var DashboardsSection = function DashboardsSection(_ref) {
       }),
       active: isSelected,
       onClick: function onClick() {
-        return setSelectedId(ws.id);
+        setSelectedId(ws.id);
+        setInstallMode(null);
+        setImportResult(null);
       },
       badge: String(widgetCount),
       className: isSelected ? "bg-white/10 opacity-100" : "",