@bigbinary/neeto-molecules 4.1.68 → 4.1.70

package/dist/v2/FloatingActionMenu.js

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { memo, useState, useRef, useEffect, useMemo, forwardRef, useCallback } from 'react';
+import { memo, useState, useRef, useEffect, useMemo, forwardRef } from 'react';
 import { globalProps as globalProps$1 } from '@bigbinary/neeto-commons-frontend/initializers';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { Typography, Spinner, Input, Dialog, Badge, Avatar } from '@bigbinary/neeto-atoms';
-import { Collapsible, CollapsibleTrigger, CollapsibleContent, Popover, PopoverAnchor, PopoverContent, Separator } from '@bigbinary/neeto-atoms/primitives';
+import { Typography, Spinner, Input, Dialog, DropdownMenu, Badge, Avatar } from '@bigbinary/neeto-atoms';
+import { Collapsible, CollapsibleTrigger, DropdownMenuItem, CollapsibleContent, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, DropdownMenuSeparator, DropdownMenu as DropdownMenu$1, DropdownMenuTrigger, DropdownMenuContent } from '@bigbinary/neeto-atoms/primitives';
 import { isNotEmpty, isNotPresent, isPresent, truncate, humanize } from '@bigbinary/neeto-cist';
 import useHotkeys from '@bigbinary/neeto-hotkeys';
 import { Profile } from '@bigbinary/neeto-team-members-frontend/v2';
@@ -22,11 +22,10 @@ import { useQuery } from '@tanstack/react-query';
 import axios from 'axios';
 import { S as Search } from '../search-DCgpNjip.js';
 import useBreakpoints from '@bigbinary/neeto-commons-frontend/react-utils/useBreakpoints';
+import { t } from 'i18next';
+import { c as createLucideIcon } from '../createLucideIcon-mNMhCCpf.js';
 import { C as CircleQuestionMark } from '../circle-question-mark-Dib48f5Z.js';
 import { C as ChevronRight } from '../chevron-right-DcaO-Hlu.js';
-import { c as createLucideIcon } from '../createLucideIcon-mNMhCCpf.js';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { t } from 'i18next';
 import { U as User } from '../user-A843PT-q.js';
 import useLocalStorage from '@bigbinary/neeto-commons-frontend/react-utils/useLocalStorage';
 import { getFromLocalStorage } from '@bigbinary/neeto-commons-frontend/utils';
@@ -232,8 +231,8 @@ var SPECIAL_APP_NAMES = {
 };
 
 var _excluded$3 = ["name", "description", "url", "isHighlighted"];
-function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ProductLink = function ProductLink(_ref) {
   var _globalProps, _globalProps2;
   var name = _ref.name,
@@ -247,7 +246,7 @@ var ProductLink = function ProductLink(_ref) {
   var safeName = name || "";
   var appName = "Neeto".concat(safeName.charAt(0)).concat(safeName.slice(1).toLowerCase());
   var AppIcon = specialCase ? AppIcons["Neeto".concat(specialCase)] : AppIcons[appName];
-  return /*#__PURE__*/jsxs("a", _objectSpread$b(_objectSpread$b({
+  return /*#__PURE__*/jsxs("a", _objectSpread$7(_objectSpread$7({
     "data-testid": "".concat(normalizedName, "-app-link"),
     href: url,
     rel: "noreferrer",
@@ -275,8 +274,8 @@ var ProductLink = function ProductLink(_ref) {
 };
 var ProductLink$1 = /*#__PURE__*/memo(ProductLink);
 
-function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Content = function Content(_ref) {
   var highlightedIndex = _ref.highlightedIndex,
     filteredApps = _ref.filteredApps,
@@ -294,7 +293,7 @@ var Content = function Content(_ref) {
   return (filteredApps === null || filteredApps === void 0 ? void 0 : filteredApps.length) > 0 ? /*#__PURE__*/jsx("div", {
     className: "grid grid-cols-[repeat(auto-fill,minmax(288px,1fr))] gap-3 max-lg:grid-cols-[repeat(auto-fill,minmax(248px,1fr))] max-sm:grid-cols-1",
     children: filteredApps.map(function (app, index) {
-      return /*#__PURE__*/jsx(ProductLink$1, _objectSpread$a(_objectSpread$a({}, app), {}, {
+      return /*#__PURE__*/jsx(ProductLink$1, _objectSpread$6(_objectSpread$6({}, app), {}, {
         "data-highlighted-index": index,
         isHighlighted: index === highlightedIndex
       }), app.name);
@@ -317,10 +316,10 @@ var neetoAppsApi = {
   fetch: fetch$1
 };
 
-function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useFetchNeetoApps = function useFetchNeetoApps(options) {
-  return useQuery(_objectSpread$9({
+  return useQuery(_objectSpread$5({
     queryKey: [QUERY_KEYS$1.NEETO_APPS_LIST],
     queryFn: neetoAppsApi.fetch,
     staleTime: 5 * 60 * 1000
@@ -512,141 +511,161 @@ var Modal = withT(function (_ref) {
   });
 });
 
-var MENU_ITEM_CLASS$1 = "flex h-9 w-full items-center gap-2 rounded-md px-2.5 text-sm font-medium hover:bg-accent";
+var MY_ORGANIZATION_URL = "/auth/organization/edit";
+var DELETE_WORKSPACE_URL = "/auth/organization/delete";
+var ENGAGE_WIDGET_TRIGGER_ID = "neetoengage-trigger";
+var DEFAULT_MENU_LINK_PROPS = {
+  engageProps: {
+    id: ENGAGE_WIDGET_TRIGGER_ID,
+    label: t("neetoMolecules.sidebar.helpLinks.whatsNew"),
+    "data-testid": "help-link-engage-button"
+  },
+  keyboardShortcutProps: {
+    label: t("neetoMolecules.sidebar.helpLinks.keyboardShortcuts"),
+    "data-testid": "help-link-keyboard-shortcut-button"
+  }
+};
+
+// Theme switcher
+var APP_THEME_LOCALSTORAGE_KEY = "appTheme";
+var THEMES = {
+  LIGHT: "light",
+  DARK: "dark"
+};
 
-function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var MenuButton$4 = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsxs("button", _objectSpread$8(_objectSpread$8({
-    ref: ref,
-    className: "group hover:bg-accent flex h-9 w-full items-center gap-2 rounded-md px-2.5 text-sm font-medium",
-    "data-testid": "help-menu-button",
-    type: "button"
-  }, props), {}, {
-    children: [/*#__PURE__*/jsx(CircleQuestionMark, {
-      size: 18
-    }), /*#__PURE__*/jsx("span", {
-      className: "flex-grow text-start",
-      children: t("neetoMolecules.sidebar.help")
-    }), /*#__PURE__*/jsx(ChevronRight, {
-      className: "transition-transform group-data-[state=open]:rotate-90 rtl:scale-x-[-1]",
-      size: 18
-    })]
-  }));
+// Legacy neetoUI theme classes — kept until full migration is complete.
+var LEGACY_THEMES = {
+  LIGHT: "neeto-ui-theme--light",
+  DARK: "neeto-ui-theme--dark"
+};
+var NEETO_AUTH_BILLING_INFO_URL = "/neeto_sso/api/v1/subscription/billing";
+var MENU_ITEM_CLASSES = "gap-2.5 px-2.5 py-2 font-medium [&>[data-slot=menu-item-prefix]>svg]:!size-[18px] [&>[data-slot=menu-item-suffix]>svg]:!size-[18px]";
+var THEME_BUTTON_BASE = "relative z-10 flex items-center justify-center gap-1 rounded-md px-2.5 py-1.5 text-xs font-medium transition-colors focus-visible:outline-none";
+var THEME_ICON_BASE = "transition-transform duration-300 ease-out";
+
+var _excluded$2 = ["className"];
+function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var MenuItem = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
+  var className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded$2);
+  return /*#__PURE__*/jsx(DropdownMenu.MenuItem, _objectSpread$4({
+    className: classnames(MENU_ITEM_CLASSES, className),
+    ref: forwardedRef
+  }, props));
 });
-MenuButton$4.displayName = "HelpMenuButton";
+MenuItem.displayName = "FloatingActionMenu.MenuItem";
 
 var HelpItems = withT(function (_ref) {
   var _globalProps;
   var t = _ref.t;
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs("a", {
-      className: MENU_ITEM_CLASS$1,
+    children: [/*#__PURE__*/jsx(MenuItem, {
       "data-testid": "help-link-help-articles-button",
       href: "https://help.".concat(toLower(((_globalProps = globalProps) === null || _globalProps === void 0 ? void 0 : _globalProps.appName) || ""), ".com/"),
+      prefix: /*#__PURE__*/jsx(BookOpen, {
+        size: 18
+      }),
       rel: "noreferrer",
       target: "_blank",
-      children: [/*#__PURE__*/jsx(BookOpen, {
-        size: 18
-      }), t("neetoMolecules.sidebar.helpLinks.helpArticles")]
-    }), /*#__PURE__*/jsxs("button", {
-      className: MENU_ITEM_CLASS$1,
+      children: t("neetoMolecules.sidebar.helpLinks.helpArticles")
+    }), /*#__PURE__*/jsx(MenuItem, {
       "data-testid": "help-link-live-chat-button",
-      type: "button",
+      prefix: /*#__PURE__*/jsx(MessageCircleQuestionMark, {
+        size: 18
+      }),
       onClick: function onClick() {
         var _window$NeetoChat, _window$NeetoChat2;
         (_window$NeetoChat = window.NeetoChat) === null || _window$NeetoChat === void 0 || (_window$NeetoChat = _window$NeetoChat.contextualHelp) === null || _window$NeetoChat === void 0 || _window$NeetoChat.maximizeWidget();
         (_window$NeetoChat2 = window.NeetoChat) === null || _window$NeetoChat2 === void 0 || (_window$NeetoChat2 = _window$NeetoChat2.contextualHelp) === null || _window$NeetoChat2 === void 0 || _window$NeetoChat2.openWidget();
       },
-      children: [/*#__PURE__*/jsx(MessageCircleQuestionMark, {
-        size: 18
-      }), t("neetoMolecules.sidebar.helpLinks.liveChat")]
-    }), /*#__PURE__*/jsxs("a", {
-      className: MENU_ITEM_CLASS$1,
+      children: t("neetoMolecules.sidebar.helpLinks.liveChat")
+    }), /*#__PURE__*/jsx(MenuItem, {
       "data-testid": "help-link-community-button",
       href: "https://www.launchpass.com/neetohq",
+      prefix: /*#__PURE__*/jsx(Users, {
+        size: 18
+      }),
       rel: "noreferrer",
       target: "_blank",
-      children: [/*#__PURE__*/jsx(Users, {
-        size: 18
-      }), t("neetoMolecules.sidebar.helpLinks.askTheCommunity")]
-    }), /*#__PURE__*/jsxs("a", {
-      className: MENU_ITEM_CLASS$1,
+      children: t("neetoMolecules.sidebar.helpLinks.askTheCommunity")
+    }), /*#__PURE__*/jsx(MenuItem, {
       "data-testid": "help-link-status-button",
       href: "https://neetostatus.com/",
+      prefix: /*#__PURE__*/jsx(Activity, {
+        size: 18
+      }),
       rel: "noreferrer",
       target: "_blank",
-      children: [/*#__PURE__*/jsx(Activity, {
-        size: 18
-      }), t("neetoMolecules.sidebar.helpLinks.systemStatus")]
+      children: t("neetoMolecules.sidebar.helpLinks.systemStatus")
     })]
   });
 });
-var HelpMenu = function HelpMenu() {
+
+var MobileHelpMenu = function MobileHelpMenu() {
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
-  var timeoutRef = useRef(null);
-  var _useBreakpoints = useBreakpoints(),
-    isSize = _useBreakpoints.isSize;
-  var isMobile = isSize("mobile");
-  var handleMouseEnter = useCallback(function () {
-    clearTimeout(timeoutRef.current);
-    setOpen(true);
-  }, []);
-  var handleMouseLeave = useCallback(function () {
-    timeoutRef.current = setTimeout(function () {
-      return setOpen(false);
-    }, 150);
-  }, []);
-  if (isMobile) {
-    return /*#__PURE__*/jsxs(Collapsible, {
-      open: open,
-      onOpenChange: setOpen,
-      children: [/*#__PURE__*/jsx(CollapsibleTrigger, {
-        asChild: true,
-        children: /*#__PURE__*/jsx(MenuButton$4, {})
-      }), /*#__PURE__*/jsx(CollapsibleContent, {
-        className: "flex flex-col gap-0.5 ps-6 pt-1",
-        children: /*#__PURE__*/jsx(HelpItems, {})
-      })]
-    });
-  }
-  return /*#__PURE__*/jsxs(Popover, {
+  return /*#__PURE__*/jsxs(Collapsible, {
     open: open,
     onOpenChange: setOpen,
-    children: [/*#__PURE__*/jsx(PopoverAnchor, {
+    children: [/*#__PURE__*/jsx(CollapsibleTrigger, {
       asChild: true,
-      children: /*#__PURE__*/jsx(MenuButton$4, {
-        onClick: function onClick() {
-          return setOpen(function (prev) {
-            return !prev;
-          });
+      children: /*#__PURE__*/jsxs(DropdownMenuItem, {
+        className: classnames("group", MENU_ITEM_CLASSES),
+        "data-testid": "help-menu-button",
+        onSelect: function onSelect(e) {
+          return e.preventDefault();
         },
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave
+        children: [/*#__PURE__*/jsx(CircleQuestionMark, {
+          className: "size-[18px] shrink-0"
+        }), /*#__PURE__*/jsx("span", {
+          className: "flex-1 truncate",
+          children: t("neetoMolecules.sidebar.help")
+        }), /*#__PURE__*/jsx(ChevronRight, {
+          className: "ms-auto shrink-0 transition-transform group-data-[state=open]:rotate-90 rtl:scale-x-[-1]",
+          size: 18
+        })]
       })
-    }), /*#__PURE__*/jsx(PopoverContent, {
-      align: "center",
-      className: "z-[99999] w-56 gap-0.5 p-1",
-      side: "right",
+    }), /*#__PURE__*/jsx(CollapsibleContent, {
+      className: "flex flex-col gap-0.5 ps-6 pt-1",
+      children: /*#__PURE__*/jsx(HelpItems, {})
+    })]
+  });
+};
+
+var HelpMenu = function HelpMenu() {
+  var _useBreakpoints = useBreakpoints(),
+    isSize = _useBreakpoints.isSize;
+  var isMobile = isSize("mobile");
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  if (isMobile) return /*#__PURE__*/jsx(MobileHelpMenu, {});
+  return /*#__PURE__*/jsxs(DropdownMenuSub, {
+    children: [/*#__PURE__*/jsxs(DropdownMenuSubTrigger, {
+      className: MENU_ITEM_CLASSES,
+      "data-testid": "help-menu-button",
+      children: [/*#__PURE__*/jsx(CircleQuestionMark, {
+        className: "size-[18px]"
+      }), /*#__PURE__*/jsx("span", {
+        className: "flex-1",
+        children: t("neetoMolecules.sidebar.help")
+      })]
+    }), /*#__PURE__*/jsx(DropdownMenuSubContent, {
+      className: "z-[99999]",
+      collisionPadding: 16,
       sideOffset: 8,
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      onOpenAutoFocus: function onOpenAutoFocus(e) {
-        return e.preventDefault();
-      },
       children: /*#__PURE__*/jsx(HelpItems, {})
     })]
   });
 };
 
-var _excluded$2 = ["label", "icon", "changesCount", "href"];
-function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1 = ["label", "icon", "changesCount", "href"];
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LinkSection = function LinkSection(_ref) {
   var links = _ref.links;
   if (isNotPresent(links)) return null;
@@ -656,25 +675,21 @@ var LinkSection = function LinkSection(_ref) {
         Icon = _ref2.icon,
         changesCount = _ref2.changesCount,
         href = _ref2.href,
-        otherProps = _objectWithoutProperties(_ref2, _excluded$2);
-      var Tag = href ? "a" : "button";
-      return /*#__PURE__*/jsxs(Tag, _objectSpread$7(_objectSpread$7(_objectSpread$7({
-        className: "hover:bg-accent flex h-9 w-full items-center gap-2 rounded-md px-2.5 text-sm font-medium",
+        otherProps = _objectWithoutProperties(_ref2, _excluded$1);
+      return /*#__PURE__*/jsx(MenuItem, _objectSpread$3(_objectSpread$3(_objectSpread$3({
         "data-testid": "floating-action-menu-link-section",
-        type: href ? undefined : "button"
+        prefix: Icon && /*#__PURE__*/jsx(Icon, {
+          size: 18
+        }),
+        suffix: isPresent(changesCount) && /*#__PURE__*/jsx("span", {
+          className: "bg-foreground text-background flex h-[1.125rem] min-w-[1.125rem] items-center justify-center rounded-full px-1 text-[10px] select-none [--accent-foreground:var(--background)]",
+          "data-testid": "help-section-menu-changes-count",
+          children: changesCount
+        })
       }, href ? {
         href: href
       } : {}), otherProps), {}, {
-        children: [Icon && /*#__PURE__*/jsx(Icon, {
-          size: 18
-        }), /*#__PURE__*/jsxs("span", {
-          className: "flex flex-grow items-center gap-2",
-          children: [label, isPresent(changesCount) && /*#__PURE__*/jsx("span", {
-            className: "bg-foreground text-background flex h-[1.125rem] min-w-[1.125rem] shrink-0 items-center justify-center rounded-full px-1 text-[10px] select-none",
-            "data-testid": "help-section-menu-changes-count",
-            children: changesCount
-          })]
-        })]
+        children: label
       }), idx);
     })
   });
@@ -705,28 +720,6 @@ var useFetchLoggedInOrganizations = function useFetchLoggedInOrganizations(email
   });
 };
 
-function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var MenuButton$3 = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsxs("button", _objectSpread$6(_objectSpread$6({
-    ref: ref,
-    className: "group hover:bg-accent flex h-9 w-full items-center gap-2 rounded-md px-2.5 text-sm font-medium",
-    "data-testid": "organization-switcher-button",
-    type: "button"
-  }, props), {}, {
-    children: [/*#__PURE__*/jsx("span", {
-      className: "flex-grow text-start",
-      children: t("neetoMolecules.sidebar.organizationSwitcher.label")
-    }), /*#__PURE__*/jsx(ChevronRight, {
-      className: "transition-transform group-data-[state=open]:rotate-90 rtl:scale-x-[-1]",
-      size: 18
-    })]
-  }));
-});
-MenuButton$3.displayName = "OrganizationSwitcherMenuButton";
-
 var isCurrentSubdomain = function isCurrentSubdomain(link) {
   try {
     var currentSubdomain = window.location.hostname.split(".")[0];
@@ -736,28 +729,30 @@ var isCurrentSubdomain = function isCurrentSubdomain(link) {
     return false;
   }
 };
+
 var OrganizationItems = withT(function (_ref) {
   var t = _ref.t,
     organizations = _ref.organizations,
     authAppUrl = _ref.authAppUrl;
   return /*#__PURE__*/jsxs(Fragment, {
     children: [organizations === null || organizations === void 0 ? void 0 : organizations.map(function (organization) {
-      return /*#__PURE__*/jsxs("a", {
+      var isCurrent = isCurrentSubdomain(organization.organizationUrl);
+      return /*#__PURE__*/jsx(MenuItem, {
+        className: classnames({
+          "text-green-600": isCurrent
+        }),
         href: organization.organizationUrl,
         rel: "noreferrer",
         target: "_blank",
-        className: classnames("hover:bg-accent flex h-9 w-full items-center gap-2 rounded-md px-2.5 text-sm font-medium", {
-          "text-green-600": isCurrentSubdomain(organization.organizationUrl)
-        }),
-        children: [organization.orgName, isCurrentSubdomain(organization.organizationUrl) && /*#__PURE__*/jsxs(Badge, {
+        suffix: isCurrent && /*#__PURE__*/jsxs(Badge, {
           variant: "default",
           children: [/*#__PURE__*/jsx(CircleCheck, {
             size: 12
           }), t("neetoMolecules.sidebar.organizationSwitcher.signedin")]
-        })]
+        }),
+        children: organization.orgName
       }, organization.userId);
-    }), /*#__PURE__*/jsx("a", {
-      className: "hover:bg-accent flex h-9 w-full items-center gap-2 rounded-md px-2.5 text-sm font-medium",
+    }), /*#__PURE__*/jsx(MenuItem, {
       href: authAppUrl,
       rel: "noreferrer",
       target: "_blank",
@@ -765,70 +760,75 @@ var OrganizationItems = withT(function (_ref) {
     })]
   });
 });
-var OrganizationSwitcher = function OrganizationSwitcher() {
-  var _globalProps$user;
+
+var MobileOrganizationSwitcher = function MobileOrganizationSwitcher(_ref) {
+  var organizations = _ref.organizations,
+    authAppUrl = _ref.authAppUrl;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
-  var timeoutRef = useRef(null);
+  return /*#__PURE__*/jsxs(Collapsible, {
+    open: open,
+    onOpenChange: setOpen,
+    children: [/*#__PURE__*/jsx(CollapsibleTrigger, {
+      asChild: true,
+      children: /*#__PURE__*/jsxs(DropdownMenuItem, {
+        className: classnames("group", MENU_ITEM_CLASSES),
+        "data-testid": "organization-switcher-button",
+        onSelect: function onSelect(e) {
+          return e.preventDefault();
+        },
+        children: [/*#__PURE__*/jsx("span", {
+          className: "flex-1 truncate",
+          children: t("neetoMolecules.sidebar.organizationSwitcher.label")
+        }), /*#__PURE__*/jsx(ChevronRight, {
+          className: "ms-auto shrink-0 transition-transform group-data-[state=open]:rotate-90 rtl:scale-x-[-1]",
+          size: 18
+        })]
+      })
+    }), /*#__PURE__*/jsx(CollapsibleContent, {
+      className: "flex flex-col gap-0.5 ps-6 pt-1",
+      children: /*#__PURE__*/jsx(OrganizationItems, {
+        authAppUrl: authAppUrl,
+        organizations: organizations
+      })
+    })]
+  });
+};
+
+var OrganizationSwitcher = function OrganizationSwitcher() {
+  var _globalProps$user;
   var _useBreakpoints = useBreakpoints(),
     isSize = _useBreakpoints.isSize;
   var isMobile = isSize("mobile");
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var _useFetchLoggedInOrga = useFetchLoggedInOrganizations(globalProps$1 === null || globalProps$1 === void 0 || (_globalProps$user = globalProps$1.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.email),
     _useFetchLoggedInOrga2 = _useFetchLoggedInOrga.data,
     _useFetchLoggedInOrga3 = _useFetchLoggedInOrga2 === void 0 ? {} : _useFetchLoggedInOrga2,
     organizations = _useFetchLoggedInOrga3.organizations,
     authAppUrl = _useFetchLoggedInOrga3.authAppUrl;
-  var handleMouseEnter = useCallback(function () {
-    clearTimeout(timeoutRef.current);
-    setOpen(true);
-  }, []);
-  var handleMouseLeave = useCallback(function () {
-    timeoutRef.current = setTimeout(function () {
-      return setOpen(false);
-    }, 150);
-  }, []);
   if (isMobile) {
-    return /*#__PURE__*/jsxs(Collapsible, {
-      open: open,
-      onOpenChange: setOpen,
-      children: [/*#__PURE__*/jsx(CollapsibleTrigger, {
-        asChild: true,
-        children: /*#__PURE__*/jsx(MenuButton$3, {})
-      }), /*#__PURE__*/jsx(CollapsibleContent, {
-        className: "flex flex-col gap-0.5 ps-6 pt-1",
-        children: /*#__PURE__*/jsx(OrganizationItems, {
-          authAppUrl: authAppUrl,
-          organizations: organizations
-        })
-      })]
+    return /*#__PURE__*/jsx(MobileOrganizationSwitcher, {
+      authAppUrl: authAppUrl,
+      organizations: organizations
     });
   }
-  return /*#__PURE__*/jsxs(Popover, {
-    open: open,
-    onOpenChange: setOpen,
-    children: [/*#__PURE__*/jsx(PopoverAnchor, {
-      asChild: true,
-      children: /*#__PURE__*/jsx(MenuButton$3, {
-        onClick: function onClick() {
-          return setOpen(function (prev) {
-            return !prev;
-          });
-        },
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave
+  return /*#__PURE__*/jsxs(DropdownMenuSub, {
+    children: [/*#__PURE__*/jsx(DropdownMenuSubTrigger, {
+      className: MENU_ITEM_CLASSES,
+      "data-testid": "organization-switcher-button",
+      children: /*#__PURE__*/jsx("span", {
+        className: "flex-1",
+        children: t("neetoMolecules.sidebar.organizationSwitcher.label")
       })
-    }), /*#__PURE__*/jsx(PopoverContent, {
-      align: "center",
-      className: "z-[99999] w-56 gap-0.5 p-1",
-      side: "right",
+    }), /*#__PURE__*/jsx(DropdownMenuSubContent, {
+      className: "z-[99999]",
+      collisionPadding: 16,
       sideOffset: 8,
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      onOpenAutoFocus: function onOpenAutoFocus(e) {
-        return e.preventDefault();
-      },
       children: /*#__PURE__*/jsx(OrganizationItems, {
         authAppUrl: authAppUrl,
         organizations: organizations
@@ -837,87 +837,69 @@ var OrganizationSwitcher = function OrganizationSwitcher() {
   });
 };
 
-function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var MenuButton$2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var otherProps = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsxs("button", _objectSpread$5(_objectSpread$5({
-    ref: ref,
-    className: "hover:bg-accent flex h-9 w-full items-center gap-2 rounded-md px-2.5 text-sm font-medium",
-    "data-testid": "product-switcher-button",
-    type: "button"
-  }, otherProps), {}, {
-    children: [/*#__PURE__*/jsx("span", {
-      className: "flex-grow text-start",
+var Dropdown = withT(function (_ref) {
+  var t = _ref.t;
+  return /*#__PURE__*/jsxs(DropdownMenuSub, {
+    children: [/*#__PURE__*/jsx(DropdownMenuSubTrigger, {
+      className: MENU_ITEM_CLASSES,
+      "data-testid": "product-switcher-button",
       children: t("neetoMolecules.sidebar.productSwitcher")
-    }), /*#__PURE__*/jsx(ChevronRight, {
-      className: "rtl:scale-x-[-1]",
-      size: 18
-    })]
-  }));
-});
-MenuButton$2.displayName = "ProductSwitcherMenuButton";
-
-var Dropdown = function Dropdown() {
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  var timeoutRef = useRef(null);
-  var handleMouseEnter = useCallback(function () {
-    clearTimeout(timeoutRef.current);
-    setOpen(true);
-  }, []);
-  var handleMouseLeave = useCallback(function () {
-    timeoutRef.current = setTimeout(function () {
-      return setOpen(false);
-    }, 150);
-  }, []);
-  return /*#__PURE__*/jsxs(Popover, {
-    open: open,
-    onOpenChange: setOpen,
-    children: [/*#__PURE__*/jsx(PopoverAnchor, {
-      asChild: true,
-      children: /*#__PURE__*/jsx(MenuButton$2, {
-        onClick: function onClick() {
-          return setOpen(function (prev) {
-            return !prev;
-          });
-        },
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave
-      })
-    }), /*#__PURE__*/jsx(PopoverContent, {
-      align: "start",
-      className: "z-[99999] flex h-[max(36rem,min(80vh,48rem))] max-h-[var(--radix-popover-content-available-height)] w-[calc(100vw-25rem)] max-w-7xl flex-col overflow-hidden rounded-xl p-0",
+    }), /*#__PURE__*/jsx(DropdownMenuSubContent, {
+      className: "z-[99999] flex h-[max(36rem,min(80vh,48rem))] w-[calc(100vw-25rem)] max-w-7xl flex-col overflow-hidden rounded-xl p-0",
       collisionPadding: 16,
-      side: "right",
       sideOffset: 8,
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      onOpenAutoFocus: function onOpenAutoFocus(e) {
-        return e.preventDefault();
-      },
       children: /*#__PURE__*/jsx(Menu, {})
     })]
   });
-};
+});
 
 var ProductSwitcher = function ProductSwitcher(_ref) {
   var toggleModal = _ref.toggleModal;
   var _useBreakpoints = useBreakpoints(),
     isSize = _useBreakpoints.isSize;
   var isMobile = isSize("mobile");
-  return isMobile ? /*#__PURE__*/jsx(MenuButton$2, {
-    onClick: function onClick() {
-      return toggleModal(true);
-    }
-  }) : /*#__PURE__*/jsx(Dropdown, {});
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  if (isMobile) {
+    return /*#__PURE__*/jsx(MenuItem, {
+      "data-testid": "product-switcher-button",
+      suffix: /*#__PURE__*/jsx(ChevronRight, {
+        className: "rtl:scale-x-[-1]",
+        size: 18
+      }),
+      onClick: function onClick() {
+        return toggleModal(true);
+      },
+      children: t("neetoMolecules.sidebar.productSwitcher")
+    });
+  }
+  return /*#__PURE__*/jsx(Dropdown, {});
 };
 
-var MENU_ITEM_CLASS = "flex h-9 w-full items-center gap-2 rounded-md px-2.5 text-sm font-medium hover:bg-accent";
+var ProfileItems = withT(function (_ref) {
+  var _window$globalProps;
+  var t = _ref.t,
+    onProfileClick = _ref.onProfileClick;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(MenuItem, {
+      "data-testid": "profile-my-profile-button",
+      prefix: /*#__PURE__*/jsx(User, {
+        size: 18
+      }),
+      onClick: onProfileClick,
+      children: t("neetoMolecules.sidebar.myProfile")
+    }), ((_window$globalProps = window.globalProps) === null || _window$globalProps === void 0 || (_window$globalProps = _window$globalProps.user) === null || _window$globalProps === void 0 ? void 0 : _window$globalProps.isOwner) && /*#__PURE__*/jsx(MenuItem, {
+      "data-testid": "profile-cancel-account-button",
+      href: DELETE_WORKSPACE_URL,
+      prefix: /*#__PURE__*/jsx(CircleX, {
+        size: 18
+      }),
+      rel: "noreferrer",
+      target: "_blank",
+      children: t("neetoMolecules.sidebar.cancelAccount")
+    })]
+  });
+});
 
 var ProfileHeader = function ProfileHeader(_ref) {
   var profileInfo = _ref.profileInfo;
@@ -955,149 +937,68 @@ var ProfileHeader = function ProfileHeader(_ref) {
   });
 };
 
-var _excluded$1 = ["profileInfo"];
-function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var MenuButton$1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var MobileProfileExpandMenu = function MobileProfileExpandMenu(_ref) {
   var profileInfo = _ref.profileInfo,
-    otherProps = _objectWithoutProperties(_ref, _excluded$1);
-  return /*#__PURE__*/jsxs("button", _objectSpread$4(_objectSpread$4({
-    ref: ref,
-    className: "group hover:bg-accent flex w-full items-center gap-2 rounded-md px-2.5 py-2 transition-colors",
-    "data-testid": "profile-expand-menu-button",
-    type: "button"
-  }, otherProps), {}, {
-    children: [/*#__PURE__*/jsx(ProfileHeader, {
-      profileInfo: profileInfo
-    }), /*#__PURE__*/jsx(ChevronRight, {
-      className: "shrink-0 transition-transform group-data-[state=open]:rotate-90 rtl:scale-x-[-1]",
-      size: 18
-    })]
-  }));
-});
-MenuButton$1.displayName = "ProfileExpandMenuButton";
-
-var MY_ORGANIZATION_URL = "/auth/organization/edit";
-var DELETE_WORKSPACE_URL = "/auth/organization/delete";
-var ENGAGE_WIDGET_TRIGGER_ID = "neetoengage-trigger";
-var DEFAULT_MENU_LINK_PROPS = {
-  engageProps: {
-    id: ENGAGE_WIDGET_TRIGGER_ID,
-    label: t("neetoMolecules.sidebar.helpLinks.whatsNew"),
-    "data-testid": "help-link-engage-button"
-  },
-  keyboardShortcutProps: {
-    label: t("neetoMolecules.sidebar.helpLinks.keyboardShortcuts"),
-    "data-testid": "help-link-keyboard-shortcut-button"
-  }
-};
-
-// Theme switcher
-var APP_THEME_LOCALSTORAGE_KEY = "appTheme";
-var THEMES = {
-  LIGHT: "light",
-  DARK: "dark"
-};
-
-// Legacy neetoUI theme classes — kept until full migration is complete.
-var LEGACY_THEMES = {
-  LIGHT: "neeto-ui-theme--light",
-  DARK: "neeto-ui-theme--dark"
-};
-var NEETO_AUTH_BILLING_INFO_URL = "/neeto_sso/api/v1/subscription/billing";
-
-var ProfileItems = withT(function (_ref) {
-  var _window$globalProps;
-  var t = _ref.t,
     onProfileClick = _ref.onProfileClick;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs("button", {
-      className: MENU_ITEM_CLASS,
-      "data-testid": "profile-my-profile-button",
-      type: "button",
-      onClick: onProfileClick,
-      children: [/*#__PURE__*/jsx(User, {
-        size: 18
-      }), t("neetoMolecules.sidebar.myProfile")]
-    }), ((_window$globalProps = window.globalProps) === null || _window$globalProps === void 0 || (_window$globalProps = _window$globalProps.user) === null || _window$globalProps === void 0 ? void 0 : _window$globalProps.isOwner) && /*#__PURE__*/jsxs("a", {
-      className: MENU_ITEM_CLASS,
-      "data-testid": "profile-cancel-account-button",
-      href: DELETE_WORKSPACE_URL,
-      rel: "noreferrer",
-      target: "_blank",
-      children: [/*#__PURE__*/jsx(CircleX, {
-        size: 18
-      }), t("neetoMolecules.sidebar.cancelAccount")]
-    })]
-  });
-});
-var ProfileExpandMenu = function ProfileExpandMenu(_ref2) {
-  var profileInfo = _ref2.profileInfo;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
+  return /*#__PURE__*/jsxs(Collapsible, {
+    open: open,
+    onOpenChange: setOpen,
+    children: [/*#__PURE__*/jsx(CollapsibleTrigger, {
+      asChild: true,
+      children: /*#__PURE__*/jsxs(DropdownMenuItem, {
+        className: classnames("group", MENU_ITEM_CLASSES),
+        "data-testid": "profile-expand-menu-button",
+        onSelect: function onSelect(e) {
+          return e.preventDefault();
+        },
+        children: [/*#__PURE__*/jsx(ProfileHeader, {
+          profileInfo: profileInfo
+        }), /*#__PURE__*/jsx(ChevronRight, {
+          className: "ms-auto shrink-0 transition-transform group-data-[state=open]:rotate-90 rtl:scale-x-[-1]",
+          size: 18
+        })]
+      })
+    }), /*#__PURE__*/jsx(CollapsibleContent, {
+      className: "flex flex-col gap-0.5 ps-6 pt-1",
+      children: /*#__PURE__*/jsx(ProfileItems, {
+        onProfileClick: onProfileClick
+      })
+    })]
+  });
+};
+
+var ProfileExpandMenu = function ProfileExpandMenu(_ref) {
+  var profileInfo = _ref.profileInfo;
   var _Profile$usePaneState = Profile.usePaneState(),
     _Profile$usePaneState2 = _slicedToArray(_Profile$usePaneState, 2),
     setIsProfilePaneOpen = _Profile$usePaneState2[1];
-  var timeoutRef = useRef(null);
   var _useBreakpoints = useBreakpoints(),
     isSize = _useBreakpoints.isSize;
   var isMobile = isSize("mobile");
-  var handleMouseEnter = useCallback(function () {
-    clearTimeout(timeoutRef.current);
-    setOpen(true);
-  }, []);
-  var handleMouseLeave = useCallback(function () {
-    timeoutRef.current = setTimeout(function () {
-      return setOpen(false);
-    }, 150);
-  }, []);
   var onProfileClick = function onProfileClick() {
     return setIsProfilePaneOpen(true);
   };
   if (isMobile) {
-    return /*#__PURE__*/jsxs(Collapsible, {
-      open: open,
-      onOpenChange: setOpen,
-      children: [/*#__PURE__*/jsx(CollapsibleTrigger, {
-        asChild: true,
-        children: /*#__PURE__*/jsx(MenuButton$1, {
-          profileInfo: profileInfo
-        })
-      }), /*#__PURE__*/jsx(CollapsibleContent, {
-        className: "flex flex-col gap-0.5 ps-6 pt-1",
-        children: /*#__PURE__*/jsx(ProfileItems, {
-          onProfileClick: onProfileClick
-        })
-      })]
+    return /*#__PURE__*/jsx(MobileProfileExpandMenu, {
+      onProfileClick: onProfileClick,
+      profileInfo: profileInfo
     });
   }
-  return /*#__PURE__*/jsxs(Popover, {
-    open: open,
-    onOpenChange: setOpen,
-    children: [/*#__PURE__*/jsx(PopoverAnchor, {
-      asChild: true,
-      children: /*#__PURE__*/jsx(MenuButton$1, {
-        profileInfo: profileInfo,
-        onClick: function onClick() {
-          return setOpen(function (prev) {
-            return !prev;
-          });
-        },
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave
+  return /*#__PURE__*/jsxs(DropdownMenuSub, {
+    children: [/*#__PURE__*/jsx(DropdownMenuSubTrigger, {
+      className: classnames("group items-center", MENU_ITEM_CLASSES),
+      "data-testid": "profile-expand-menu-button",
+      children: /*#__PURE__*/jsx(ProfileHeader, {
+        profileInfo: profileInfo
       })
-    }), /*#__PURE__*/jsx(PopoverContent, {
-      align: "center",
-      className: "z-[99999] w-56 gap-0.5 p-1",
-      side: "right",
+    }), /*#__PURE__*/jsx(DropdownMenuSubContent, {
+      className: "z-[99999]",
+      collisionPadding: 16,
       sideOffset: 8,
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      onOpenAutoFocus: function onOpenAutoFocus(e) {
-        return e.preventDefault();
-      },
       children: /*#__PURE__*/jsx(ProfileItems, {
         onProfileClick: onProfileClick
       })
@@ -1187,72 +1088,83 @@ var ThemeSwitcher = function ThemeSwitcher() {
       weight: "medium",
       children: t("neetoMolecules.sidebar.themeSwitcher.label")
     }), /*#__PURE__*/jsxs("div", {
-      className: "bg-muted flex rounded-lg p-0.5",
+      "aria-label": t("neetoMolecules.sidebar.themeSwitcher.label"),
+      className: "bg-muted relative grid grid-cols-2 rounded-lg p-0.5",
       "data-testid": "theme-switcher-button",
-      children: [/*#__PURE__*/jsxs("button", {
-        "data-testid": "theme-switcher-light-button",
-        type: "button",
-        className: classnames("flex items-center gap-1 rounded-md px-2.5 py-1.5 text-xs font-medium transition-all", isDarkThemeSelected ? "text-muted-foreground hover:text-foreground" : "bg-background text-foreground ring-border shadow-sm ring-1"),
-        onClick: function onClick() {
-          return switchTheme(THEMES.LIGHT);
+      role: "group",
+      children: [/*#__PURE__*/jsx("span", {
+        "aria-hidden": true,
+        className: "bg-background ring-border absolute inset-y-0.5 left-0.5 w-[calc(50%-2px)] rounded-md shadow-md ring-1 transition-transform duration-300 ease-out ring-inset",
+        style: {
+          transform: "translateX(".concat(isDarkThemeSelected ? "100%" : "0", ")")
+        }
+      }), /*#__PURE__*/jsx(DropdownMenuItem, {
+        asChild: true,
+        onSelect: function onSelect(e) {
+          e.preventDefault();
+          switchTheme(THEMES.LIGHT);
         },
-        children: [/*#__PURE__*/jsx(Sun, {
-          size: 13
-        }), t("neetoMolecules.sidebar.themeSwitcher.light")]
-      }), /*#__PURE__*/jsxs("button", {
-        "data-testid": "theme-switcher-dark-button",
-        type: "button",
-        className: classnames("flex items-center gap-1 rounded-md px-2.5 py-1.5 text-xs font-medium transition-all", isDarkThemeSelected ? "bg-background text-foreground ring-border shadow-sm ring-1" : "text-muted-foreground hover:text-foreground"),
-        onClick: function onClick() {
-          return switchTheme(THEMES.DARK);
+        children: /*#__PURE__*/jsxs("button", {
+          "aria-checked": !isDarkThemeSelected,
+          "data-testid": "theme-switcher-light-button",
+          role: "menuitemradio",
+          type: "button",
+          className: classnames(THEME_BUTTON_BASE, isDarkThemeSelected ? "text-muted-foreground hover:text-foreground" : "text-foreground"),
+          children: [/*#__PURE__*/jsx(Sun, {
+            size: 13,
+            className: classnames(THEME_ICON_BASE, isDarkThemeSelected ? "scale-90 -rotate-45" : "rotate-0")
+          }), t("neetoMolecules.sidebar.themeSwitcher.light")]
+        })
+      }), /*#__PURE__*/jsx(DropdownMenuItem, {
+        asChild: true,
+        onSelect: function onSelect(e) {
+          e.preventDefault();
+          switchTheme(THEMES.DARK);
         },
-        children: [/*#__PURE__*/jsx(Moon, {
-          size: 13
-        }), t("neetoMolecules.sidebar.themeSwitcher.dark")]
+        children: /*#__PURE__*/jsxs("button", {
+          "aria-checked": isDarkThemeSelected,
+          "data-testid": "theme-switcher-dark-button",
+          role: "menuitemradio",
+          type: "button",
+          className: classnames(THEME_BUTTON_BASE, isDarkThemeSelected ? "text-foreground" : "text-muted-foreground hover:text-foreground"),
+          children: [/*#__PURE__*/jsx(Moon, {
+            size: 13,
+            className: classnames(THEME_ICON_BASE, isDarkThemeSelected ? "rotate-0" : "scale-90 rotate-45")
+          }), t("neetoMolecules.sidebar.themeSwitcher.dark")]
+        })
       })]
     })]
   });
 };
 
-function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var MenuButton = /*#__PURE__*/forwardRef(function (props, ref) {
+var TriggerContent = withT(function (_ref) {
   var _globalProps$organiza;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsxs("button", _objectSpread$3(_objectSpread$3({
-    ref: ref,
-    className: "group hover:bg-accent flex w-full items-center gap-2 rounded-md px-2.5 py-2 text-start",
-    "data-testid": "workspace-display",
-    type: "button"
-  }, props), {}, {
-    children: [/*#__PURE__*/jsxs("span", {
-      className: "flex flex-grow flex-col gap-1.5",
-      children: [/*#__PURE__*/jsx("span", {
-        className: "text-sm font-medium",
+  var t = _ref.t;
+  return /*#__PURE__*/jsxs("span", {
+    className: "flex flex-grow flex-col gap-1.5",
+    children: [/*#__PURE__*/jsx(Typography, {
+      asChild: true,
+      variant: "body3",
+      weight: "medium",
+      children: /*#__PURE__*/jsx("span", {
         children: t("neetoMolecules.sidebar.workspace")
-      }), ((_globalProps$organiza = globalProps$1.organization) === null || _globalProps$organiza === void 0 ? void 0 : _globalProps$organiza.name) && /*#__PURE__*/jsx(Typography, {
-        asChild: true,
-        color: "muted",
-        variant: "caption",
-        children: /*#__PURE__*/jsx("span", {
-          children: globalProps$1.organization.name
-        })
-      })]
-    }), /*#__PURE__*/jsx(ChevronRight, {
-      className: "shrink-0 transition-transform group-data-[state=open]:rotate-90 rtl:scale-x-[-1]",
-      size: 18
+      })
+    }), ((_globalProps$organiza = globalProps$1.organization) === null || _globalProps$organiza === void 0 ? void 0 : _globalProps$organiza.name) && /*#__PURE__*/jsx(Typography, {
+      asChild: true,
+      color: "muted",
+      variant: "caption",
+      children: /*#__PURE__*/jsx("span", {
+        children: globalProps$1.organization.name
+      })
     })]
-  }));
+  });
 });
-MenuButton.displayName = "WorkspaceMenuButton";
 
 var WorkspaceItems = withT(function (_ref) {
   var _globalProps$organiza;
   var t = _ref.t;
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx("a", {
-      className: "hover:bg-accent flex h-9 w-full items-center gap-2 rounded-md px-2.5 text-sm font-medium",
+    children: [/*#__PURE__*/jsx(MenuItem, {
       "data-testid": "profile-organization-settings-button",
       href: MY_ORGANIZATION_URL,
       rel: "noreferrer",
@@ -1262,14 +1174,23 @@ var WorkspaceItems = withT(function (_ref) {
       className: "px-2.5 py-2",
       children: /*#__PURE__*/jsxs("span", {
         className: "flex flex-col gap-0.5 text-start",
-        children: [/*#__PURE__*/jsx("span", {
-          className: "text-sm font-medium",
-          children: t("neetoMolecules.sidebar.workspaceMenu.subdomain")
+        children: [/*#__PURE__*/jsx(Typography, {
+          asChild: true,
+          variant: "body3",
+          weight: "medium",
+          children: /*#__PURE__*/jsx("span", {
+            children: t("neetoMolecules.sidebar.workspaceMenu.subdomain")
+          })
         }), /*#__PURE__*/jsxs("span", {
-          className: "text-muted-foreground flex items-center gap-1 text-xs",
-          children: [/*#__PURE__*/jsx("span", {
-            className: "min-w-0 truncate",
-            children: globalProps$1.organization.subdomain
+          className: "flex items-center gap-1",
+          children: [/*#__PURE__*/jsx(Typography, {
+            asChild: true,
+            color: "muted",
+            variant: "caption",
+            children: /*#__PURE__*/jsx("span", {
+              className: "min-w-0 truncate",
+              children: globalProps$1.organization.subdomain
+            })
           }), /*#__PURE__*/jsx(CopyToClipboardButton, {
             className: "flex-shrink-0",
             value: globalProps$1.organization.subdomain,
@@ -1280,61 +1201,49 @@ var WorkspaceItems = withT(function (_ref) {
     })]
   });
 });
-var WorkspaceMenu = function WorkspaceMenu() {
+
+var MobileWorkspaceMenu = function MobileWorkspaceMenu() {
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
-  var timeoutRef = useRef(null);
-  var _useBreakpoints = useBreakpoints(),
-    isSize = _useBreakpoints.isSize;
-  var isMobile = isSize("mobile");
-  var handleMouseEnter = useCallback(function () {
-    clearTimeout(timeoutRef.current);
-    setOpen(true);
-  }, []);
-  var handleMouseLeave = useCallback(function () {
-    timeoutRef.current = setTimeout(function () {
-      return setOpen(false);
-    }, 150);
-  }, []);
-  if (isMobile) {
-    return /*#__PURE__*/jsxs(Collapsible, {
-      open: open,
-      onOpenChange: setOpen,
-      children: [/*#__PURE__*/jsx(CollapsibleTrigger, {
-        asChild: true,
-        children: /*#__PURE__*/jsx(MenuButton, {})
-      }), /*#__PURE__*/jsx(CollapsibleContent, {
-        className: "flex flex-col gap-0.5 ps-6 pt-1",
-        children: /*#__PURE__*/jsx(WorkspaceItems, {})
-      })]
-    });
-  }
-  return /*#__PURE__*/jsxs(Popover, {
+  return /*#__PURE__*/jsxs(Collapsible, {
     open: open,
     onOpenChange: setOpen,
-    children: [/*#__PURE__*/jsx(PopoverAnchor, {
+    children: [/*#__PURE__*/jsx(CollapsibleTrigger, {
       asChild: true,
-      children: /*#__PURE__*/jsx(MenuButton, {
-        onClick: function onClick() {
-          return setOpen(function (prev) {
-            return !prev;
-          });
+      children: /*#__PURE__*/jsxs(DropdownMenuItem, {
+        className: classnames("group items-center", MENU_ITEM_CLASSES),
+        "data-testid": "workspace-display",
+        onSelect: function onSelect(e) {
+          return e.preventDefault();
         },
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave
+        children: [/*#__PURE__*/jsx(TriggerContent, {}), /*#__PURE__*/jsx(ChevronRight, {
+          className: "ms-auto shrink-0 transition-transform group-data-[state=open]:rotate-90 rtl:scale-x-[-1]",
+          size: 18
+        })]
       })
-    }), /*#__PURE__*/jsx(PopoverContent, {
-      align: "center",
-      className: "z-[99999] w-56 gap-0.5 p-1",
-      side: "right",
+    }), /*#__PURE__*/jsx(CollapsibleContent, {
+      className: "flex flex-col gap-0.5 ps-6 pt-1",
+      children: /*#__PURE__*/jsx(WorkspaceItems, {})
+    })]
+  });
+};
+
+var WorkspaceMenu = function WorkspaceMenu() {
+  var _useBreakpoints = useBreakpoints(),
+    isSize = _useBreakpoints.isSize;
+  var isMobile = isSize("mobile");
+  if (isMobile) return /*#__PURE__*/jsx(MobileWorkspaceMenu, {});
+  return /*#__PURE__*/jsxs(DropdownMenuSub, {
+    children: [/*#__PURE__*/jsx(DropdownMenuSubTrigger, {
+      className: classnames("group items-center", MENU_ITEM_CLASSES),
+      "data-testid": "workspace-display",
+      children: /*#__PURE__*/jsx(TriggerContent, {})
+    }), /*#__PURE__*/jsx(DropdownMenuSubContent, {
+      className: "z-[99999]",
+      collisionPadding: 16,
       sideOffset: 8,
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      onOpenAutoFocus: function onOpenAutoFocus(e) {
-        return e.preventDefault();
-      },
       children: /*#__PURE__*/jsx(WorkspaceItems, {})
     })]
   });
@@ -1377,18 +1286,24 @@ var ProfileMenu = function ProfileMenu(_ref) {
       href: NEETO_AUTH_BILLING_INFO_URL
     };
   };
+  var isProPlan = normalizedPlan === "pro";
   var subscriptionPlanLink = _objectSpread$2({
-    label: /*#__PURE__*/jsxs(Fragment, {
-      children: [globalProps.appName, " ", /*#__PURE__*/jsx("span", {
-        className: classnames("inline-flex items-center gap-1 rounded-full px-2.5 py-1 text-[10px] leading-tight font-semibold", {
-          "bg-[#FFE44A] text-black": normalizedPlan === "pro",
-          "bg-primary text-primary-foreground": isFreePlan
+    label: /*#__PURE__*/jsxs("span", {
+      className: "flex items-center gap-2",
+      children: [globalProps.appName, isProPlan ? /*#__PURE__*/jsx(Badge, {
+        label: humanize((_globalProps$user3 = globalProps.user) === null || _globalProps$user3 === void 0 ? void 0 : _globalProps$user3.subscriptionPlan),
+        style: {
+          "--accent-foreground": "var(--color-amber-950)"
+        },
+        variant: "amber"
+      }) : /*#__PURE__*/jsx(Badge, {
+        icon: /*#__PURE__*/jsx(Crown, {
+          className: "size-3"
         }),
-        children: normalizedPlan === "pro" ? humanize((_globalProps$user3 = globalProps.user) === null || _globalProps$user3 === void 0 ? void 0 : _globalProps$user3.subscriptionPlan) : /*#__PURE__*/jsxs(Fragment, {
-          children: [/*#__PURE__*/jsx(Crown, {
-            size: 12
-          }), t("neetoMolecules.sidebar.upgradePlan")]
-        })
+        label: t("neetoMolecules.sidebar.upgradePlan"),
+        style: {
+          "--accent-foreground": "var(--primary-foreground)"
+        }
       })]
     }),
     "data-testid": "subscription-plan"
@@ -1399,27 +1314,27 @@ var ProfileMenu = function ProfileMenu(_ref) {
       children: [/*#__PURE__*/jsx(LinkSection, {
         links: defaultLinks
       }), isNotEmpty(topLinks) && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(Separator, {
+        children: [/*#__PURE__*/jsx(DropdownMenuSeparator, {
           className: "my-2"
         }), /*#__PURE__*/jsx(LinkSection, {
           links: topLinks
         })]
       }), isPresent(customContent) && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(Separator, {
+        children: [/*#__PURE__*/jsx(DropdownMenuSeparator, {
           className: "my-2"
         }), /*#__PURE__*/jsx("div", {
           className: "px-3 py-1",
           children: customContent
         })]
-      }), /*#__PURE__*/jsx(Separator, {
+      }), /*#__PURE__*/jsx(DropdownMenuSeparator, {
         className: "my-2"
-      }), ((_globalProps$user4 = globalProps.user) === null || _globalProps$user4 === void 0 ? void 0 : _globalProps$user4.isOwner) && /*#__PURE__*/jsx(WorkspaceMenu, {}), isOrganizationSwitcherEnabled && /*#__PURE__*/jsx(OrganizationSwitcher, {}), /*#__PURE__*/jsx(Separator, {
+      }), ((_globalProps$user4 = globalProps.user) === null || _globalProps$user4 === void 0 ? void 0 : _globalProps$user4.isOwner) && /*#__PURE__*/jsx(WorkspaceMenu, {}), isOrganizationSwitcherEnabled && /*#__PURE__*/jsx(OrganizationSwitcher, {}), /*#__PURE__*/jsx(DropdownMenuSeparator, {
         className: "my-2"
       }), isPresent((_globalProps$user5 = globalProps.user) === null || _globalProps$user5 === void 0 ? void 0 : _globalProps$user5.subscriptionPlan) && /*#__PURE__*/jsx(LinkSection, {
         links: [subscriptionPlanLink]
       }), showProductSwitcher && /*#__PURE__*/jsx(ProductSwitcher, {
         toggleModal: toggleModal
-      }), /*#__PURE__*/jsx(HelpMenu, {}), /*#__PURE__*/jsx(Separator, {
+      }), /*#__PURE__*/jsx(HelpMenu, {}), /*#__PURE__*/jsx(DropdownMenuSeparator, {
         className: "my-2"
       })]
     }), isAuthenticated && !isConsumer && /*#__PURE__*/jsx(ProfileExpandMenu, {
@@ -1427,7 +1342,7 @@ var ProfileMenu = function ProfileMenu(_ref) {
     }), /*#__PURE__*/jsx(LinkSection, {
       links: bottomLinks
     }), isThemeSwitcherEnabled && /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx(Separator, {
+      children: [/*#__PURE__*/jsx(DropdownMenuSeparator, {
         className: "my-2"
       }), /*#__PURE__*/jsx(ThemeSwitcher, {})]
     })]
@@ -1437,6 +1352,7 @@ var ProfileMenu = function ProfileMenu(_ref) {
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ProfileButton = function ProfileButton(_ref) {
+  var _globalProps$user;
   var profileInfoOverrides = _ref.profileInfoOverrides,
     showProductSwitcher = _ref.showProductSwitcher,
     bottomLinks = _ref.bottomLinks,
@@ -1457,13 +1373,12 @@ var ProfileButton = function ProfileButton(_ref) {
     setIsUpgradeModalOpen = _useState4[1];
   var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    isPopoverOpen = _useState6[0],
-    setIsPopoverOpen = _useState6[1];
+    isMenuOpen = _useState6[0],
+    setIsMenuOpen = _useState6[1];
   var _useState7 = useState(null),
     _useState8 = _slicedToArray(_useState7, 2),
     changesCount = _useState8[0],
     setChangesCount = _useState8[1];
-  var timeoutRef = useRef(null);
   var _KeyboardShortcuts$us = KeyboardShortcuts.usePaneState(),
     _KeyboardShortcuts$us2 = _slicedToArray(_KeyboardShortcuts$us, 2),
     setIsOpen = _KeyboardShortcuts$us2[1];
@@ -1485,20 +1400,6 @@ var ProfileButton = function ProfileButton(_ref) {
     };
     window.Nv = window.Nv ? Object.assign(window.Nv, Nv) : Nv;
   }, []);
-  useEffect(function () {
-    return function () {
-      return clearTimeout(timeoutRef.current);
-    };
-  }, []);
-  var handleMouseEnter = useCallback(function () {
-    clearTimeout(timeoutRef.current);
-    setIsPopoverOpen(true);
-  }, []);
-  var handleMouseLeave = useCallback(function () {
-    timeoutRef.current = setTimeout(function () {
-      return setIsPopoverOpen(false);
-    }, 150);
-  }, []);
   var newBottomLinks = [].concat(_toConsumableArray(getDefaultBottomLinks(profileInfo.isAuthenticated, isConsumer)), _toConsumableArray(bottomLinks));
   var defaultLinks = Object.keys(DEFAULT_MENU_LINK_PROPS).map(function (key) {
     return _objectSpread$1(_objectSpread$1(_objectSpread$1({}, DEFAULT_MENU_LINK_PROPS[key]), key === "keyboardShortcutProps" && {
@@ -1517,41 +1418,37 @@ var ProfileButton = function ProfileButton(_ref) {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Profile.Pane, {
       popoverProps: profilePopoverProps
-    }), isPopoverOpen && /*#__PURE__*/jsx("div", {
+    }), isMenuOpen && /*#__PURE__*/jsx("div", {
       className: "pointer-events-none fixed inset-0 z-[99998] bg-black/[0.27]"
-    }), /*#__PURE__*/jsxs(Popover, {
-      open: isPopoverOpen,
-      onOpenChange: setIsPopoverOpen,
-      children: [/*#__PURE__*/jsx(PopoverAnchor, {
+    }), /*#__PURE__*/jsxs(DropdownMenu$1, {
+      open: isMenuOpen,
+      onOpenChange: setIsMenuOpen,
+      children: [/*#__PURE__*/jsx(DropdownMenuTrigger, {
         asChild: true,
         children: /*#__PURE__*/jsxs("button", {
           className: "bg-primary flex flex-col items-center justify-center gap-1.5 rounded-e-2xl p-1",
           type: "button",
-          onMouseEnter: handleMouseEnter,
-          onMouseLeave: handleMouseLeave,
           children: [/*#__PURE__*/jsx(Avatar, {
-            className: "size-[1.625rem] shrink-0 rounded-full border-2 border-white",
+            className: "border-background size-[1.625rem] shrink-0 rounded-full border-2",
             "data-testid": "profile-avatar",
             user: {
               name: profileInfo.name,
               imageUrl: profileInfo.imageUrl
             }
           }), /*#__PURE__*/jsx("span", {
-            className: "flex size-[1.625rem] items-center justify-center rounded-full bg-white",
+            className: "bg-background text-foreground flex size-[1.625rem] items-center justify-center rounded-full",
             children: /*#__PURE__*/jsx(CircleQuestionMark, {
               size: 20
             })
           })]
         })
-      }), /*#__PURE__*/jsx(PopoverContent, {
+      }), /*#__PURE__*/jsx(DropdownMenuContent, {
         align: "end",
-        className: "z-[99999] max-h-[var(--radix-popover-content-available-height)] w-64 overflow-y-auto rounded-xl p-0",
+        className: "z-[99999] max-h-[var(--radix-dropdown-menu-content-available-height)] w-64 overflow-y-auto rounded-xl p-0",
         collisionPadding: 16,
         side: "right",
         sideOffset: 8,
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        onOpenAutoFocus: function onOpenAutoFocus(e) {
+        onCloseAutoFocus: function onCloseAutoFocus(e) {
           return e.preventDefault();
         },
         children: /*#__PURE__*/jsx(ProfileMenu, {
@@ -1580,7 +1477,7 @@ var ProfileButton = function ProfileButton(_ref) {
       onClose: function onClose() {
         return setIsModalOpen(false);
       }
-    }), enableSubscriptionUpgradeRequest && /*#__PURE__*/jsx(SubscriptionUpgradeRequestModal, {
+    }), enableSubscriptionUpgradeRequest && !((_globalProps$user = globalProps.user) !== null && _globalProps$user !== void 0 && _globalProps$user.isOwner) && /*#__PURE__*/jsx(SubscriptionUpgradeRequestModal, {
       isOpen: isUpgradeModalOpen,
       onClose: function onClose() {
         return setIsUpgradeModalOpen(false);
@@ -1620,7 +1517,7 @@ var FloatingActionMenu = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var isBigBinaryEmail = globalProps$1 === null || globalProps$1 === void 0 || (_globalProps$user = globalProps$1.user) === null || _globalProps$user === void 0 || (_globalProps$user = _globalProps$user.email) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.endsWith("@bigbinary.com");
   return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
     ref: ref,
-    className: "fixed start-0 bottom-4 z-[99999] rounded-e-[1.0625rem] border border-s-0 border-white bg-white",
+    className: "bg-popover border-border fixed start-0 bottom-4 z-[99999] rounded-e-[1.0625rem] border border-s-0",
     "data-testid": "floating-action-menu-container"
   }, otherProps), {}, {
     children: /*#__PURE__*/jsx(ProfileButton, _defineProperty({