@trops/dash-core 0.1.109 → 0.1.110

package/dist/index.js

@@ -39038,17 +39038,22 @@ var DashSidebar = function DashSidebar(_ref) {
     menuItems = _ref$menuItems === void 0 ? [] : _ref$menuItems,
     _ref$activeTabId = _ref.activeTabId,
     activeTabId = _ref$activeTabId === void 0 ? null : _ref$activeTabId,
+    _ref$recentDashboards = _ref.recentDashboards,
+    recentDashboards = _ref$recentDashboards === void 0 ? [] : _ref$recentDashboards,
+    _ref$authStatus = _ref.authStatus,
+    authStatus = _ref$authStatus === void 0 ? "loading" : _ref$authStatus,
+    _ref$authProfile = _ref.authProfile,
+    authProfile = _ref$authProfile === void 0 ? null : _ref$authProfile,
     onOpenWorkspace = _ref.onOpenWorkspace,
     onNewDashboard = _ref.onNewDashboard,
-    onGoHome = _ref.onGoHome,
-    onOpenProviders = _ref.onOpenProviders,
-    onOpenThemeManager = _ref.onOpenThemeManager,
-    onOpenFolders = _ref.onOpenFolders,
     onOpenSettings = _ref.onOpenSettings,
-    onOpenCommandPalette = _ref.onOpenCommandPalette;
+    onOpenCommandPalette = _ref.onOpenCommandPalette,
+    onSignIn = _ref.onSignIn,
+    onSignOut = _ref.onSignOut;
   var _useContext = React.useContext(DashReact.ThemeContext),
     themeVariant = _useContext.themeVariant,
     changeThemeVariant = _useContext.changeThemeVariant;
+    _useContext.currentTheme;
   var workspacesForFolder = function workspacesForFolder(folderId) {
     return workspaces.filter(function (ws) {
       return ws.menuId === folderId;
@@ -39059,6 +39064,13 @@ var DashSidebar = function DashSidebar(_ref) {
       return mi.id === ws.menuId;
     });
   });
+
+  // Filter recents: only show workspaces that still exist, max 5
+  var visibleRecents = recentDashboards.filter(function (r) {
+    return workspaces.some(function (ws) {
+      return ws.id === r.workspaceId;
+    });
+  }).slice(0, 5);
   return /*#__PURE__*/jsxRuntime.jsxs(DashReact.Sidebar, {
     collapsed: collapsed,
     onCollapsedChange: onCollapsedChange,
@@ -39074,57 +39086,32 @@ var DashSidebar = function DashSidebar(_ref) {
       })
     }), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Sidebar.Content, {
       children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Sidebar.Item, {
-        icon: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-          icon: "home",
-          className: "h-3.5 w-3.5"
-        }),
-        active: activeTabId === null,
-        onClick: onGoHome,
-        children: "Home"
-      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Sidebar.Item, {
         icon: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
           icon: "magnifying-glass",
           className: "h-3.5 w-3.5"
         }),
         onClick: onOpenCommandPalette,
         children: "Search"
-      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Sidebar.Item, {
-        icon: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-          icon: "plug",
-          className: "h-3.5 w-3.5"
-        }),
-        onClick: onOpenProviders,
-        children: "Providers"
-      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Sidebar.Item, {
-        icon: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-          icon: "palette",
-          className: "h-3.5 w-3.5"
-        }),
-        onClick: onOpenThemeManager,
-        children: "Themes"
-      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Sidebar.Item, {
-        icon: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-          icon: "folder",
-          className: "h-3.5 w-3.5"
-        }),
-        onClick: onOpenFolders,
-        children: "Folders"
-      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Sidebar.Item, {
-        icon: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-          icon: "cog",
-          className: "h-3.5 w-3.5"
-        }),
-        onClick: onOpenSettings,
-        children: "Settings"
-      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Sidebar.Item, {
-        icon: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-          icon: themeVariant === "dark" ? "sun" : "moon",
-          className: "h-3.5 w-3.5"
-        }),
-        onClick: function onClick() {
-          return changeThemeVariant(themeVariant === "dark" ? "light" : "dark");
-        },
-        children: themeVariant === "dark" ? "Light Mode" : "Dark Mode"
+      }), !collapsed && visibleRecents.length > 0 && /*#__PURE__*/jsxRuntime.jsx(DashReact.Sidebar.Group, {
+        label: "Recents",
+        children: visibleRecents.map(function (recent) {
+          var ws = workspaces.find(function (w) {
+            return w.id === recent.workspaceId;
+          });
+          return /*#__PURE__*/jsxRuntime.jsx(DashReact.Sidebar.Item, {
+            icon: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+              icon: "clock-rotate-left",
+              className: "h-3.5 w-3.5"
+            }),
+            active: recent.workspaceId === activeTabId,
+            onClick: function onClick() {
+              return ws && onOpenWorkspace(ws);
+            },
+            children: (recent.name || "Untitled").replace(/^./, function (c) {
+              return c.toUpperCase();
+            })
+          }, recent.workspaceId);
+        })
       }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Sidebar.Group, {
         label: "Dashboards",
         children: /*#__PURE__*/jsxRuntime.jsx(DashReact.Sidebar.Item, {
@@ -39177,6 +39164,107 @@ var DashSidebar = function DashSidebar(_ref) {
           })
         })]
       })]
+    }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Sidebar.Footer, {
+      children: /*#__PURE__*/jsxRuntime.jsx(FooterPopover, {
+        collapsed: collapsed,
+        themeVariant: themeVariant,
+        changeThemeVariant: changeThemeVariant,
+        authStatus: authStatus,
+        authProfile: authProfile,
+        onOpenSettings: onOpenSettings,
+        onSignIn: onSignIn,
+        onSignOut: onSignOut
+      })
+    })]
+  });
+};
+var FooterPopover = function FooterPopover(_ref2) {
+  var collapsed = _ref2.collapsed,
+    themeVariant = _ref2.themeVariant,
+    changeThemeVariant = _ref2.changeThemeVariant,
+    authStatus = _ref2.authStatus,
+    authProfile = _ref2.authProfile,
+    onOpenSettings = _ref2.onOpenSettings,
+    onSignIn = _ref2.onSignIn,
+    onSignOut = _ref2.onSignOut;
+  var displayName = authStatus === "authenticated" && authProfile ? authProfile.displayName || authProfile.username : "Account";
+  return /*#__PURE__*/jsxRuntime.jsx(react.Popover, {
+    className: "relative",
+    children: function children(_ref3) {
+      var close = _ref3.close;
+      return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsxs(react.Popover.Button, {
+          className: "flex items-center w-full gap-2 px-3 py-2 rounded-md text-sm opacity-80 hover:opacity-100 transition-colors duration-150 cursor-pointer hover:bg-white/5 focus:outline-none",
+          title: collapsed ? displayName : undefined,
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+            icon: authStatus === "authenticated" ? "circle-user" : "user",
+            className: "h-3.5 w-3.5 flex-shrink-0"
+          }), !collapsed && /*#__PURE__*/jsxRuntime.jsx("span", {
+            className: "flex-1 text-left truncate",
+            children: displayName
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsx(react.Transition, {
+          enter: "transition ease-out duration-100",
+          enterFrom: "transform opacity-0 scale-95",
+          enterTo: "transform opacity-100 scale-100",
+          leave: "transition ease-in duration-75",
+          leaveFrom: "transform opacity-100 scale-100",
+          leaveTo: "transform opacity-0 scale-95",
+          children: /*#__PURE__*/jsxRuntime.jsx(react.Popover.Panel, {
+            className: "absolute bottom-full left-0 mb-2 w-52 rounded-lg border border-white/10 bg-neutral-900 shadow-xl z-50",
+            children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: "p-1.5 space-y-0.5",
+              children: [/*#__PURE__*/jsxRuntime.jsx(PopoverItem, {
+                icon: "cog",
+                label: "Settings",
+                onClick: function onClick() {
+                  onOpenSettings();
+                  close();
+                }
+              }), /*#__PURE__*/jsxRuntime.jsx(PopoverItem, {
+                icon: themeVariant === "dark" ? "sun" : "moon",
+                label: themeVariant === "dark" ? "Light Mode" : "Dark Mode",
+                onClick: function onClick() {
+                  changeThemeVariant(themeVariant === "dark" ? "light" : "dark");
+                  close();
+                }
+              }), /*#__PURE__*/jsxRuntime.jsx("div", {
+                className: "border-t border-white/10 my-1"
+              }), authStatus === "authenticated" ? /*#__PURE__*/jsxRuntime.jsx(PopoverItem, {
+                icon: "right-from-bracket",
+                label: "Sign Out",
+                onClick: function onClick() {
+                  onSignOut();
+                  close();
+                }
+              }) : /*#__PURE__*/jsxRuntime.jsx(PopoverItem, {
+                icon: "right-to-bracket",
+                label: "Sign In",
+                onClick: function onClick() {
+                  onSignIn();
+                  close();
+                }
+              })]
+            })
+          })
+        })]
+      });
+    }
+  });
+};
+var PopoverItem = function PopoverItem(_ref4) {
+  var icon = _ref4.icon,
+    label = _ref4.label,
+    onClick = _ref4.onClick;
+  return /*#__PURE__*/jsxRuntime.jsxs("button", {
+    type: "button",
+    onClick: onClick,
+    className: "flex items-center w-full gap-2 px-3 py-2 rounded-md text-sm text-white/80 hover:text-white hover:bg-white/10 transition-colors duration-150 cursor-pointer",
+    children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+      icon: icon,
+      className: "h-3.5 w-3.5 flex-shrink-0"
+    }), /*#__PURE__*/jsxRuntime.jsx("span", {
+      children: label
     })]
   });
 };
@@ -39931,6 +40019,23 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
     widgetSidebarCollapsed = _useState0[0],
     setWidgetSidebarCollapsed = _useState0[1];
 
+  // ─── Recents + Session ──────────────────────────────────────────
+  var _useState1 = React.useState([]),
+    _useState10 = _slicedToArray(_useState1, 2),
+    recentDashboards = _useState10[0],
+    setRecentDashboards = _useState10[1];
+  var sessionRestored = React.useRef(false);
+
+  // ─── Registry Auth (for sidebar) ────────────────────────────────
+  var _useState11 = React.useState("loading"),
+    _useState12 = _slicedToArray(_useState11, 2),
+    authStatus = _useState12[0],
+    setAuthStatus = _useState12[1];
+  var _useState13 = React.useState(null),
+    _useState14 = _slicedToArray(_useState13, 2),
+    authProfile = _useState14[0],
+    setAuthProfile = _useState14[1];
+
   // Derive workspaceSelected from active tab
   var workspaceSelected = activeTabId ? (_openTabs$find$worksp = (_openTabs$find = openTabs.find(function (tab) {
     return tab.id === activeTabId;
@@ -39939,66 +40044,92 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
   /**
    * @param {Boolean} previewMode this is a toggle telling the dash we are editing
    */
-  var _useState1 = React.useState(preview),
-    _useState10 = _slicedToArray(_useState1, 2),
-    previewMode = _useState10[0],
-    setPreviewMode = _useState10[1];
+  var _useState15 = React.useState(preview),
+    _useState16 = _slicedToArray(_useState15, 2),
+    previewMode = _useState16[0],
+    setPreviewMode = _useState16[1];
 
   /**
    * @param {String["layout", "workspace", "widget"]} editMode this is the actual mode we are in
    */
-  var _useState11 = React.useState("all"),
-    _useState12 = _slicedToArray(_useState11, 1),
-    editMode = _useState12[0]; // for the time being use "all" as our "old" way
+  var _useState17 = React.useState("all"),
+    _useState18 = _slicedToArray(_useState17, 1),
+    editMode = _useState18[0]; // for the time being use "all" as our "old" way
 
   // Workspace Management (loading)
-  var _useState13 = React.useState(false),
-    _useState14 = _slicedToArray(_useState13, 2),
-    isLoadingWorkspaces = _useState14[0],
-    setIsLoadingWorkspaces = _useState14[1];
-  var _useState15 = React.useState(false),
-    _useState16 = _slicedToArray(_useState15, 2),
-    isLoadingMenuItems = _useState16[0],
-    setIsLoadingMenuItems = _useState16[1];
-  var _useState17 = React.useState([]),
-    _useState18 = _slicedToArray(_useState17, 2),
-    menuItems = _useState18[0],
-    setMenuItems = _useState18[1];
-  var _useState19 = React.useState([]),
+  var _useState19 = React.useState(false),
     _useState20 = _slicedToArray(_useState19, 2),
-    workspaceConfig = _useState20[0],
-    setWorkspaceConfig = _useState20[1];
-
-  // Modal state
+    isLoadingWorkspaces = _useState20[0],
+    setIsLoadingWorkspaces = _useState20[1];
   var _useState21 = React.useState(false),
     _useState22 = _slicedToArray(_useState21, 2),
-    isThemeManagerOpen = _useState22[0],
-    setIsThemeManagerOpen = _useState22[1];
-  var _useState23 = React.useState(false),
+    isLoadingMenuItems = _useState22[0],
+    setIsLoadingMenuItems = _useState22[1];
+  var _useState23 = React.useState([]),
     _useState24 = _slicedToArray(_useState23, 2),
-    isDashboardLoaderOpen = _useState24[0],
-    setIsDashboardLoaderOpen = _useState24[1];
-  var _useState25 = React.useState(false),
+    menuItems = _useState24[0],
+    setMenuItems = _useState24[1];
+  var _useState25 = React.useState([]),
     _useState26 = _slicedToArray(_useState25, 2),
-    isLayoutPickerOpen = _useState26[0],
-    setIsLayoutPickerOpen = _useState26[1];
+    workspaceConfig = _useState26[0],
+    setWorkspaceConfig = _useState26[1];
 
-  // Unified App Settings Modal
+  // Modal state
   var _useState27 = React.useState(false),
     _useState28 = _slicedToArray(_useState27, 2),
-    isAppSettingsOpen = _useState28[0],
-    setIsAppSettingsOpen = _useState28[1];
-  var _useState29 = React.useState("dashboards"),
+    isThemeManagerOpen = _useState28[0],
+    setIsThemeManagerOpen = _useState28[1];
+  var _useState29 = React.useState(false),
     _useState30 = _slicedToArray(_useState29, 2),
-    appSettingsInitialSection = _useState30[0],
-    setAppSettingsInitialSection = _useState30[1];
+    isDashboardLoaderOpen = _useState30[0],
+    setIsDashboardLoaderOpen = _useState30[1];
+  var _useState31 = React.useState(false),
+    _useState32 = _slicedToArray(_useState31, 2),
+    isLayoutPickerOpen = _useState32[0],
+    setIsLayoutPickerOpen = _useState32[1];
+
+  // Unified App Settings Modal
+  var _useState33 = React.useState(false),
+    _useState34 = _slicedToArray(_useState33, 2),
+    isAppSettingsOpen = _useState34[0],
+    setIsAppSettingsOpen = _useState34[1];
+  var _useState35 = React.useState("dashboards"),
+    _useState36 = _slicedToArray(_useState35, 2),
+    appSettingsInitialSection = _useState36[0],
+    setAppSettingsInitialSection = _useState36[1];
   function openAppSettings() {
-    var section = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "dashboards";
+    var section = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "general";
     setAppSettingsInitialSection(section);
     setIsAppSettingsOpen(true);
   }
-
-  // Ref to access LayoutBuilder's current workspace without re-render cascades
+  function handleProfileUpdated() {
+    return _handleProfileUpdated.apply(this, arguments);
+  } // Ref to access LayoutBuilder's current workspace without re-render cascades
+  function _handleProfileUpdated() {
+    _handleProfileUpdated = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var _window$mainApi11, profile;
+      return _regeneratorRuntime.wrap(function (_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.prev = 0;
+            _context2.next = 1;
+            return (_window$mainApi11 = window.mainApi) === null || _window$mainApi11 === void 0 || (_window$mainApi11 = _window$mainApi11.registryAuth) === null || _window$mainApi11 === void 0 ? void 0 : _window$mainApi11.getProfile();
+          case 1:
+            profile = _context2.sent;
+            if (profile) setAuthProfile(profile);
+            _context2.next = 3;
+            break;
+          case 2:
+            _context2.prev = 2;
+            _context2["catch"](0);
+          case 3:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[0, 2]]);
+    }));
+    return _handleProfileUpdated.apply(this, arguments);
+  }
   var currentWorkspaceRef = React.useRef(null);
 
   // Snapshot of the workspace before editing — used to restore on Cancel
@@ -40044,6 +40175,114 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [popout]);
 
+  // ─── Load recents on mount ───────────────────────────────────────
+  React.useEffect(function () {
+    var _window$mainApi4;
+    if (popout) return;
+    (_window$mainApi4 = window.mainApi) === null || _window$mainApi4 === void 0 || (_window$mainApi4 = _window$mainApi4.session) === null || _window$mainApi4 === void 0 || _window$mainApi4.getRecents().then(function (recents) {
+      if (recents) setRecentDashboards(recents);
+    });
+  }, [popout]);
+
+  // ─── Session save (continuous) ──────────────────────────────────
+  React.useEffect(function () {
+    var _window$mainApi5;
+    if (popout) return;
+    var tabIds = openTabs.map(function (t) {
+      return t.id;
+    });
+    (_window$mainApi5 = window.mainApi) === null || _window$mainApi5 === void 0 || (_window$mainApi5 = _window$mainApi5.session) === null || _window$mainApi5 === void 0 || _window$mainApi5.saveState(tabIds, activeTabId);
+  }, [openTabs, activeTabId, popout]);
+
+  // ─── Session restore on launch ─────────────────────────────────
+  React.useEffect(function () {
+    var _window$mainApi6;
+    if (popout || workspaceConfig.length === 0 || sessionRestored.current) return;
+    sessionRestored.current = true;
+    (_window$mainApi6 = window.mainApi) === null || _window$mainApi6 === void 0 || (_window$mainApi6 = _window$mainApi6.session) === null || _window$mainApi6 === void 0 || _window$mainApi6.getState().then(function (state) {
+      var _state$openTabIds, _window$mainApi7;
+      if (!(state !== null && state !== void 0 && (_state$openTabIds = state.openTabIds) !== null && _state$openTabIds !== void 0 && _state$openTabIds.length)) return;
+      state.openTabIds.forEach(function (wsId) {
+        var ws = workspaceConfig.find(function (w) {
+          return w.id === wsId;
+        });
+        if (ws) handleOpenTab(ws);
+      });
+      if (state.activeTabId) setActiveTabId(state.activeTabId);
+      (_window$mainApi7 = window.mainApi) === null || _window$mainApi7 === void 0 || (_window$mainApi7 = _window$mainApi7.session) === null || _window$mainApi7 === void 0 || _window$mainApi7.clearState();
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [workspaceConfig, popout]);
+
+  // ─── Auth status check (for sidebar) ────────────────────────────
+  React.useEffect(function () {
+    if (popout) return;
+    var cancelled = false;
+    function checkAuth() {
+      return _checkAuth.apply(this, arguments);
+    }
+    function _checkAuth() {
+      _checkAuth = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var _window$mainApi8, status, _window$mainApi9, profile;
+        return _regeneratorRuntime.wrap(function (_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 1;
+              return (_window$mainApi8 = window.mainApi) === null || _window$mainApi8 === void 0 || (_window$mainApi8 = _window$mainApi8.registryAuth) === null || _window$mainApi8 === void 0 ? void 0 : _window$mainApi8.getStatus();
+            case 1:
+              status = _context.sent;
+              if (!cancelled) {
+                _context.next = 2;
+                break;
+              }
+              return _context.abrupt("return");
+            case 2:
+              if (!(status !== null && status !== void 0 && status.authenticated)) {
+                _context.next = 5;
+                break;
+              }
+              _context.next = 3;
+              return (_window$mainApi9 = window.mainApi) === null || _window$mainApi9 === void 0 || (_window$mainApi9 = _window$mainApi9.registryAuth) === null || _window$mainApi9 === void 0 ? void 0 : _window$mainApi9.getProfile();
+            case 3:
+              profile = _context.sent;
+              if (!cancelled) {
+                _context.next = 4;
+                break;
+              }
+              return _context.abrupt("return");
+            case 4:
+              if (profile) {
+                setAuthProfile(profile);
+                setAuthStatus("authenticated");
+              } else {
+                setAuthStatus("unauthenticated");
+              }
+              _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;
+    };
+  }, [popout]);
+
   // ─── Tab Handlers ─────────────────────────────────────────────────
 
   function handleOpenTab(workspaceItem) {
@@ -40076,6 +40315,14 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
     }
     setPreviewMode(true);
     setSidebarCollapsed(true);
+
+    // Track in recents
+    if (!popout) {
+      var _window$mainApi0;
+      (_window$mainApi0 = window.mainApi) === null || _window$mainApi0 === void 0 || (_window$mainApi0 = _window$mainApi0.session) === null || _window$mainApi0 === void 0 || _window$mainApi0.addRecent(workspaceItem.id, workspaceItem.name || "Untitled").then(function (updated) {
+        if (updated) setRecentDashboards(updated);
+      });
+    }
   }
   function handleCloseTab(tabId) {
     setOpenTabs(function (prev) {
@@ -40428,15 +40675,113 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
   function handleToggleThemeVariant() {
     changeThemeVariant(themeVariant === "dark" ? "light" : "dark");
   }
+  function handleSidebarSignIn() {
+    return _handleSidebarSignIn.apply(this, arguments);
+  }
+  function _handleSidebarSignIn() {
+    _handleSidebarSignIn = _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;
+            if (flow.verificationUrlComplete) {
+              window.mainApi.shell.openExternal(flow.verificationUrlComplete);
+            }
+            interval = (flow.interval || 5) * 1000;
+            poll = setInterval(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+              var result, profile;
+              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:
+                    result = _context3.sent;
+                    if (!(result.status === "authorized")) {
+                      _context3.next = 3;
+                      break;
+                    }
+                    clearInterval(poll);
+                    _context3.next = 2;
+                    return window.mainApi.registryAuth.getProfile();
+                  case 2:
+                    profile = _context3.sent;
+                    setAuthProfile(profile);
+                    setAuthStatus("authenticated");
+                    _context3.next = 4;
+                    break;
+                  case 3:
+                    if (result.status === "expired") {
+                      clearInterval(poll);
+                    }
+                  case 4:
+                    _context3.next = 6;
+                    break;
+                  case 5:
+                    _context3.prev = 5;
+                    _context3["catch"](0);
+                    clearInterval(poll);
+                  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 _handleSidebarSignIn.apply(this, arguments);
+  }
+  function handleSidebarSignOut() {
+    return _handleSidebarSignOut.apply(this, arguments);
+  }
+  function _handleSidebarSignOut() {
+    _handleSidebarSignOut = _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");
+            setAuthProfile(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 _handleSidebarSignOut.apply(this, arguments);
+  }
   function handlePopout() {
-    var _window$mainApi4;
-    if (workspaceSelected && (_window$mainApi4 = window.mainApi) !== null && _window$mainApi4 !== void 0 && (_window$mainApi4 = _window$mainApi4.popout) !== null && _window$mainApi4 !== void 0 && _window$mainApi4.open) {
+    var _window$mainApi1;
+    if (workspaceSelected && (_window$mainApi1 = window.mainApi) !== null && _window$mainApi1 !== void 0 && (_window$mainApi1 = _window$mainApi1.popout) !== null && _window$mainApi1 !== void 0 && _window$mainApi1.open) {
       window.mainApi.popout.open(workspaceSelected.id);
     }
   }
   function handleWidgetPopout(widgetId) {
-    var _window$mainApi5;
-    if (workspaceSelected && (_window$mainApi5 = window.mainApi) !== null && _window$mainApi5 !== void 0 && (_window$mainApi5 = _window$mainApi5.widgetPopout) !== null && _window$mainApi5 !== void 0 && _window$mainApi5.open) {
+    var _window$mainApi10;
+    if (workspaceSelected && (_window$mainApi10 = window.mainApi) !== null && _window$mainApi10 !== void 0 && (_window$mainApi10 = _window$mainApi10.widgetPopout) !== null && _window$mainApi10 !== void 0 && _window$mainApi10.open) {
       window.mainApi.widgetPopout.open(workspaceSelected.id, widgetId);
     }
   }
@@ -40458,26 +40803,21 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
           workspaces: workspaceConfig,
           menuItems: menuItems,
           activeTabId: activeTabId,
+          recentDashboards: recentDashboards,
+          authStatus: authStatus,
+          authProfile: authProfile,
           onOpenWorkspace: handleOpenTab,
           onNewDashboard: function onNewDashboard() {
             return setIsLayoutPickerOpen(true);
           },
-          onGoHome: function onGoHome() {
-            return activeTabId && handleCloseTab(activeTabId);
-          },
-          onOpenProviders: function onOpenProviders() {
-            return openAppSettings("providers");
-          },
-          onOpenThemeManager: handleOpenThemeManager,
-          onOpenFolders: function onOpenFolders() {
-            return openAppSettings("folders");
-          },
           onOpenSettings: function onOpenSettings() {
             return openAppSettings("general");
           },
           onOpenCommandPalette: function onOpenCommandPalette() {
             return setIsCommandPaletteOpen(true);
-          }
+          },
+          onSignIn: handleSidebarSignIn,
+          onSignOut: handleSidebarSignOut
         }), /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "flex flex-col flex-1 min-w-0 overflow-hidden",
           children: workspaceSelected !== null ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -40551,7 +40891,12 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
           onOpenThemeEditor: function onOpenThemeEditor() {
             setIsAppSettingsOpen(false);
             setIsThemeManagerOpen(true);
-          }
+          },
+          authStatus: authStatus,
+          authProfile: authProfile,
+          onSignIn: handleSidebarSignIn,
+          onSignOut: handleSidebarSignOut,
+          onProfileUpdated: handleProfileUpdated
         }), /*#__PURE__*/jsxRuntime.jsx(ThemeManagerModal, {
           open: isThemeManagerOpen,
           setIsOpen: function setIsOpen() {