framepexls-ui-lib 1.7.0 → 1.9.0

package/dist/AuthTopbar.d.mts

@@ -1,4 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
 import { ChatUser, ChatThread, ChatMessage, ChatPresenceUser } from './ChatCenter.mjs';
 import { LanguageOption } from './LanguageSwitcher.mjs';
 import { NotificationItem } from './NotificationsCenter.mjs';
@@ -6,9 +7,51 @@ import { OmniSearchItem, OmniSearchProvider } from './OmniSearch.mjs';
 import { TourStep } from './Tour.mjs';
 import { ImpersonationUser } from './ImpersonationSwitcher.mjs';
 import { SidebarUser } from './Sidebar.mjs';
-import 'react';
 import './Dialog.mjs';
 
+type AuthTopbarAccountMenuItem = {
+    key?: string;
+    label: string;
+    href?: string;
+    icon?: React__default.ReactNode;
+    kbd?: string;
+    danger?: boolean;
+    onSelect?: () => void | Promise<void>;
+};
+type AuthTopbarAccountMenuEntry = {
+    kind: "separator";
+    key?: string;
+} | ({
+    kind: "item";
+} & AuthTopbarAccountMenuItem) | {
+    kind: "builtin";
+    key?: string;
+    id: "impersonation.open" | "impersonation.stop" | "passwords" | "invites" | "logout";
+    label?: string;
+    href?: string;
+    icon?: React__default.ReactNode;
+    kbd?: string;
+    danger?: boolean;
+};
+type AuthTopbarSettingsMenuItem = {
+    key?: string;
+    label: string;
+    href?: string;
+    icon?: React__default.ReactNode;
+    kbd?: string;
+    danger?: boolean;
+    onSelect?: () => void | Promise<void>;
+};
+type AuthTopbarSettingsMenuEntry = {
+    kind: "separator";
+    key?: string;
+} | ({
+    kind: "item";
+} & AuthTopbarSettingsMenuItem) | {
+    kind: "builtin";
+    key?: string;
+    id: "appearance" | "shortcuts" | "browserNotifications";
+};
 type AuthTopbarBrowserNotifications = {
     enabled: boolean;
     supported: boolean;
@@ -26,6 +69,9 @@ type AuthTopbarProps = {
     passwordHref?: string;
     invitesHref?: string;
     pendingInvites?: number;
+    accountMenuEntries?: AuthTopbarAccountMenuEntry[];
+    settingsMenuEntries?: AuthTopbarSettingsMenuEntry[];
+    showSearchButton?: boolean;
     appearance?: {
         locales?: LanguageOption[];
         localePersistKey?: string;
@@ -71,6 +117,6 @@ type AuthTopbarProps = {
         }) => void | Promise<void>;
     };
 };
-declare function AuthTopbar({ title, subtitle, user, loading, loadingMinDurationMs, onLogout, onNavigate, passwordHref, invitesHref, pendingInvites, appearance, omniSearch, tour, browserNotifications, impersonation, notifications, chat, }: AuthTopbarProps): react_jsx_runtime.JSX.Element;
+declare function AuthTopbar({ title, subtitle, user, loading, loadingMinDurationMs, onLogout, onNavigate, passwordHref, invitesHref, pendingInvites, accountMenuEntries, settingsMenuEntries, showSearchButton, appearance, omniSearch, tour, browserNotifications, impersonation, notifications, chat, }: AuthTopbarProps): react_jsx_runtime.JSX.Element;
 
-export { type AuthTopbarBrowserNotifications, type AuthTopbarProps, AuthTopbar as default };
+export { type AuthTopbarAccountMenuEntry, type AuthTopbarAccountMenuItem, type AuthTopbarBrowserNotifications, type AuthTopbarProps, type AuthTopbarSettingsMenuEntry, type AuthTopbarSettingsMenuItem, AuthTopbar as default };

package/dist/AuthTopbar.d.ts

@@ -1,4 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
 import { ChatUser, ChatThread, ChatMessage, ChatPresenceUser } from './ChatCenter.js';
 import { LanguageOption } from './LanguageSwitcher.js';
 import { NotificationItem } from './NotificationsCenter.js';
@@ -6,9 +7,51 @@ import { OmniSearchItem, OmniSearchProvider } from './OmniSearch.js';
 import { TourStep } from './Tour.js';
 import { ImpersonationUser } from './ImpersonationSwitcher.js';
 import { SidebarUser } from './Sidebar.js';
-import 'react';
 import './Dialog.js';
 
+type AuthTopbarAccountMenuItem = {
+    key?: string;
+    label: string;
+    href?: string;
+    icon?: React__default.ReactNode;
+    kbd?: string;
+    danger?: boolean;
+    onSelect?: () => void | Promise<void>;
+};
+type AuthTopbarAccountMenuEntry = {
+    kind: "separator";
+    key?: string;
+} | ({
+    kind: "item";
+} & AuthTopbarAccountMenuItem) | {
+    kind: "builtin";
+    key?: string;
+    id: "impersonation.open" | "impersonation.stop" | "passwords" | "invites" | "logout";
+    label?: string;
+    href?: string;
+    icon?: React__default.ReactNode;
+    kbd?: string;
+    danger?: boolean;
+};
+type AuthTopbarSettingsMenuItem = {
+    key?: string;
+    label: string;
+    href?: string;
+    icon?: React__default.ReactNode;
+    kbd?: string;
+    danger?: boolean;
+    onSelect?: () => void | Promise<void>;
+};
+type AuthTopbarSettingsMenuEntry = {
+    kind: "separator";
+    key?: string;
+} | ({
+    kind: "item";
+} & AuthTopbarSettingsMenuItem) | {
+    kind: "builtin";
+    key?: string;
+    id: "appearance" | "shortcuts" | "browserNotifications";
+};
 type AuthTopbarBrowserNotifications = {
     enabled: boolean;
     supported: boolean;
@@ -26,6 +69,9 @@ type AuthTopbarProps = {
     passwordHref?: string;
     invitesHref?: string;
     pendingInvites?: number;
+    accountMenuEntries?: AuthTopbarAccountMenuEntry[];
+    settingsMenuEntries?: AuthTopbarSettingsMenuEntry[];
+    showSearchButton?: boolean;
     appearance?: {
         locales?: LanguageOption[];
         localePersistKey?: string;
@@ -71,6 +117,6 @@ type AuthTopbarProps = {
         }) => void | Promise<void>;
     };
 };
-declare function AuthTopbar({ title, subtitle, user, loading, loadingMinDurationMs, onLogout, onNavigate, passwordHref, invitesHref, pendingInvites, appearance, omniSearch, tour, browserNotifications, impersonation, notifications, chat, }: AuthTopbarProps): react_jsx_runtime.JSX.Element;
+declare function AuthTopbar({ title, subtitle, user, loading, loadingMinDurationMs, onLogout, onNavigate, passwordHref, invitesHref, pendingInvites, accountMenuEntries, settingsMenuEntries, showSearchButton, appearance, omniSearch, tour, browserNotifications, impersonation, notifications, chat, }: AuthTopbarProps): react_jsx_runtime.JSX.Element;
 
-export { type AuthTopbarBrowserNotifications, type AuthTopbarProps, AuthTopbar as default };
+export { type AuthTopbarAccountMenuEntry, type AuthTopbarAccountMenuItem, type AuthTopbarBrowserNotifications, type AuthTopbarProps, type AuthTopbarSettingsMenuEntry, type AuthTopbarSettingsMenuItem, AuthTopbar as default };

package/dist/AuthTopbar.js

@@ -61,6 +61,9 @@ function AuthTopbar({
   passwordHref = "/tablero/seguridad/contrasena",
   invitesHref = "/tablero/configuracion/invitaciones",
   pendingInvites = 0,
+  accountMenuEntries,
+  settingsMenuEntries,
+  showSearchButton = true,
   appearance,
   omniSearch,
   tour,
@@ -69,7 +72,7 @@ function AuthTopbar({
   notifications,
   chat
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
   const toast = (0, import_Toast.useToast)();
   const showLoading = (0, import_skeleton.useMinVisible)(Boolean(loading), loadingMinDurationMs);
   const [tourOpen, setTourOpen] = import_react.default.useState(false);
@@ -102,6 +105,7 @@ function AuthTopbar({
     { locale: "es", label: "Espa\xF1ol", shortLabel: "ES", lang: "es" },
     { locale: "en", label: "English", shortLabel: "EN", lang: "en" }
   ];
+  const canSearch = Boolean(omniSearch);
   const notifEnabled = (_f = browserNotifications == null ? void 0 : browserNotifications.enabled) != null ? _f : false;
   const notifSupported = (_g = browserNotifications == null ? void 0 : browserNotifications.supported) != null ? _g : false;
   const notifPermission = (_h = browserNotifications == null ? void 0 : browserNotifications.permission) != null ? _h : "unsupported";
@@ -112,6 +116,214 @@ function AuthTopbar({
     },
     [onNavigate]
   );
+  const resolvedAccountEntries = import_react.default.useMemo(() => {
+    if (Array.isArray(accountMenuEntries) && accountMenuEntries.length > 0) return accountMenuEntries;
+    return [
+      { kind: "builtin", id: "impersonation.open" },
+      { kind: "builtin", id: "impersonation.stop" },
+      { kind: "builtin", id: "passwords" },
+      { kind: "builtin", id: "invites" },
+      { kind: "builtin", id: "logout" }
+    ];
+  }, [accountMenuEntries]);
+  const resolvedSettingsEntries = import_react.default.useMemo(() => {
+    if (settingsMenuEntries !== void 0) return settingsMenuEntries;
+    return [
+      { kind: "builtin", id: "appearance" },
+      { kind: "builtin", id: "shortcuts" },
+      { kind: "builtin", id: "browserNotifications" }
+    ];
+  }, [settingsMenuEntries]);
+  const renderSettingsEntry = import_react.default.useCallback(
+    (entry, idx) => {
+      var _a2, _b2, _c2, _d2, _e2;
+      if (entry.kind === "separator") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dropdown.default.Separator, {}, (_a2 = entry.key) != null ? _a2 : `settings_sep_${idx}`);
+      if (entry.kind === "item") {
+        const key2 = (_c2 = (_b2 = entry.key) != null ? _b2 : entry.href) != null ? _c2 : entry.label;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_Dropdown.default.Item,
+          {
+            onSelect: () => void (async () => {
+              if (entry.onSelect) return entry.onSelect();
+              if (entry.href && onNavigate) return onNavigate(entry.href);
+            })(),
+            icon: entry.icon,
+            kbd: entry.kbd,
+            danger: entry.danger,
+            children: entry.label
+          },
+          key2
+        );
+      }
+      const id = entry.id;
+      const key = (_d2 = entry.key) != null ? _d2 : id;
+      if (id === "appearance") {
+        const anyAppearance = showLanguage || showThemeToggle || showAccent || showFontSize;
+        if (!anyAppearance) return null;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dropdown.default.Label, { children: "Apariencia" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "px-2.5 pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid gap-2 rounded-2xl border border-[var(--border)] bg-[var(--card)] p-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
+            showLanguage ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_LanguageSwitcher.default,
+              {
+                locales,
+                persistKey: (_e2 = appearance == null ? void 0 : appearance.localePersistKey) != null ? _e2 : "fx:locale",
+                label: "Idioma",
+                ariaLabel: "Cambiar idioma"
+              }
+            ) : null,
+            showThemeToggle ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeToggle.default, { cycle: ["light", "dark"], labels: { light: "Claro", dark: "Oscuro" } }) : null,
+            showAccent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_ThemeController.default,
+              {
+                showSystem: false,
+                showMode: false,
+                showAccent: true,
+                accentUi: "dropdown",
+                className: "border-0 bg-transparent shadow-none px-0 py-0",
+                labels: { accentGroup: "Color" }
+              }
+            ) : null,
+            showFontSize ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FontSizeController.default, { labels: { trigger: "Fuente" } }) : null
+          ] }) }) })
+        ] }, key);
+      }
+      if (id === "shortcuts") {
+        const hasItems = canSearch || Boolean(tour);
+        if (!hasItems) return null;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dropdown.default.Separator, { className: "mt-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dropdown.default.Label, { children: "Accesos" }),
+          canSearch ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dropdown.default.Item, { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconos.MagnifyingGlassIcon, { className: "h-4 w-4", "aria-hidden": true }), kbd: "\u2318K", onSelect: () => setSearchOpen(true), children: "Buscar" }) : null,
+          tour ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_Dropdown.default.Item,
+            {
+              icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconos.CircleQuestionIcon, { className: "h-4 w-4", "aria-hidden": true }),
+              onSelect: () => {
+                setTourStep(0);
+                setTourOpen(true);
+              },
+              children: "Tour guiado"
+            }
+          ) : null
+        ] }, key);
+      }
+      if (id === "browserNotifications") {
+        if (!browserNotifications) return null;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dropdown.default.Separator, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dropdown.default.Label, { children: "Notificaciones" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_Dropdown.default.Item,
+            {
+              icon: notifEnabled ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconos.BellIcon, { className: "h-4 w-4", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconos.BellSlashIcon, { className: "h-4 w-4", "aria-hidden": true }),
+              kbd: notifEnabled ? "ON" : "OFF",
+              onSelect: () => void browserNotifications.onToggle(),
+              children: "Notificaciones del navegador"
+            }
+          ),
+          !notifSupported ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "px-2.5 pb-2 text-xs text-[var(--muted)]", children: "Este navegador no soporta notificaciones." }) : notifPermission === "denied" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "px-2.5 pb-2 text-xs text-[var(--muted)]", children: "Permisos bloqueados en el navegador." }) : null
+        ] }, key);
+      }
+      return null;
+    },
+    [
+      appearance == null ? void 0 : appearance.localePersistKey,
+      browserNotifications,
+      canSearch,
+      locales,
+      notifEnabled,
+      notifPermission,
+      notifSupported,
+      onNavigate,
+      showAccent,
+      showFontSize,
+      showLanguage,
+      showThemeToggle,
+      tour
+    ]
+  );
+  const renderAccountEntry = import_react.default.useCallback(
+    (entry, idx) => {
+      var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p, _q, _r;
+      if (entry.kind === "separator") {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dropdown.default.Separator, {}, (_a2 = entry.key) != null ? _a2 : `sep_${idx}`);
+      }
+      if (entry.kind === "item") {
+        const key2 = (_c2 = (_b2 = entry.key) != null ? _b2 : entry.href) != null ? _c2 : entry.label;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_Dropdown.default.Item,
+          {
+            onSelect: () => void (async () => {
+              if (entry.onSelect) return entry.onSelect();
+              if (entry.href && onNavigate) return onNavigate(entry.href);
+            })(),
+            icon: entry.icon,
+            kbd: entry.kbd,
+            danger: entry.danger,
+            children: entry.label
+          },
+          key2
+        );
+      }
+      const id = entry.id;
+      const key = (_d2 = entry.key) != null ? _d2 : id;
+      if (id === "impersonation.open") {
+        if (!impersonation) return null;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_Dropdown.default.Item,
+          {
+            onSelect: () => window.setTimeout(() => setImpersonationOpen(true), 0),
+            icon: (_e2 = entry.icon) != null ? _e2 : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconos.CircleUserIcon, { className: "h-4 w-4", "aria-hidden": true }),
+            children: (_f2 = entry.label) != null ? _f2 : "Impersonar usuario"
+          },
+          key
+        );
+      }
+      if (id === "impersonation.stop") {
+        if (!impersonated || !impersonation) return null;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_Dropdown.default.Item,
+          {
+            onSelect: () => void impersonation.onChange(null),
+            icon: (_g2 = entry.icon) != null ? _g2 : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconos.CloseIcon, { className: "h-4 w-4", "aria-hidden": true }),
+            children: (_h2 = entry.label) != null ? _h2 : "Detener impersonaci\xF3n"
+          },
+          key
+        );
+      }
+      if (id === "passwords") {
+        if (!onNavigate) return null;
+        const href = (_i2 = entry.href) != null ? _i2 : passwordHref;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dropdown.default.Item, { onSelect: () => onNavigate(href), icon: (_j2 = entry.icon) != null ? _j2 : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconos.LockIcon, { className: "h-4 w-4", "aria-hidden": true }), children: (_k2 = entry.label) != null ? _k2 : "Contrase\xF1as" }, key);
+      }
+      if (id === "invites") {
+        if (!onNavigate) return null;
+        const href = (_l2 = entry.href) != null ? _l2 : invitesHref;
+        const kbd = (_m2 = entry.kbd) != null ? _m2 : pendingInvites > 0 ? String(pendingInvites) : void 0;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dropdown.default.Item, { onSelect: () => onNavigate(href), icon: (_n2 = entry.icon) != null ? _n2 : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconos.Sobre, { className: "h-4 w-4", "aria-hidden": true }), kbd, children: (_o2 = entry.label) != null ? _o2 : "Invitaciones" }, key);
+      }
+      if (id === "logout") {
+        if (!onLogout) return null;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_Dropdown.default.Item,
+          {
+            danger: (_p = entry.danger) != null ? _p : true,
+            onSelect: () => void handleLogout(),
+            icon: (_q = entry.icon) != null ? _q : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconos.RightFromBracketIcon, { className: "h-4 w-4", "aria-hidden": true }),
+            children: (_r = entry.label) != null ? _r : "Cerrar sesi\xF3n"
+          },
+          key
+        );
+      }
+      return null;
+    },
+    [handleLogout, impersonated, impersonation, invitesHref, onLogout, onNavigate, passwordHref, pendingInvites]
+  );
+  const settingsNodes = import_react.default.useMemo(
+    () => resolvedSettingsEntries.map((e, idx) => renderSettingsEntry(e, idx)).filter(Boolean),
+    [renderSettingsEntry, resolvedSettingsEntries]
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "header",
     {
@@ -135,7 +347,7 @@ function AuthTopbar({
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "fx-skeleton", style: { width: 34, height: 34, borderRadius: 12 } }),
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "fx-skeleton", style: { width: 128, height: 34, borderRadius: 12 } })
             ] }) : null,
-            !showLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tooltip.default, { content: "Buscar (\u2318/Ctrl + K)", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ActionIconButton.default, { title: "Buscar", size: "sm", onClick: () => setSearchOpen(true), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconos.MagnifyingGlassIcon, { className: "h-4 w-4", "aria-hidden": true }) }) }) : null,
+            !showLoading ? canSearch && showSearchButton ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tooltip.default, { content: "Buscar (\u2318/Ctrl + K)", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ActionIconButton.default, { title: "Buscar", size: "sm", onClick: () => setSearchOpen(true), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconos.MagnifyingGlassIcon, { className: "h-4 w-4", "aria-hidden": true }) }) }) : null : null,
             !showLoading && tour ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               import_Tour.default,
               {
@@ -170,63 +382,9 @@ function AuthTopbar({
                 labels: { trigger: "Notificaciones", title: "Notificaciones", emptyTitle: "Sin notificaciones" }
               }
             ) : null,
-            !showLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Dropdown.default, { align: "end", children: [
+            !showLoading && settingsNodes.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Dropdown.default, { align: "end", children: [
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dropdown.default.Trigger, { className: "px-2 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconos.GearIcon, { className: "h-4 w-4", "aria-hidden": true }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Dropdown.default.Content, { className: "w-[340px]", maxHeight: 520, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dropdown.default.Label, { children: "Apariencia" }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "px-2.5 pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid gap-2 rounded-2xl border border-[var(--border)] bg-[var(--card)] p-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
-                  showLanguage ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    import_LanguageSwitcher.default,
-                    {
-                      locales,
-                      persistKey: (_l = appearance == null ? void 0 : appearance.localePersistKey) != null ? _l : "fx:locale",
-                      label: "Idioma",
-                      ariaLabel: "Cambiar idioma"
-                    }
-                  ) : null,
-                  showThemeToggle ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeToggle.default, { cycle: ["light", "dark"], labels: { light: "Claro", dark: "Oscuro" } }) : null,
-                  showAccent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    import_ThemeController.default,
-                    {
-                      showSystem: false,
-                      showMode: false,
-                      showAccent: true,
-                      accentUi: "dropdown",
-                      className: "border-0 bg-transparent shadow-none px-0 py-0",
-                      labels: { accentGroup: "Color" }
-                    }
-                  ) : null,
-                  showFontSize ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FontSizeController.default, { labels: { trigger: "Fuente" } }) : null
-                ] }) }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dropdown.default.Separator, { className: "mt-0" }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dropdown.default.Label, { children: "Accesos" }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dropdown.default.Item, { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconos.MagnifyingGlassIcon, { className: "h-4 w-4", "aria-hidden": true }), kbd: "\u2318K", onSelect: () => setSearchOpen(true), children: "Buscar" }),
-                tour ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import_Dropdown.default.Item,
-                  {
-                    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconos.CircleQuestionIcon, { className: "h-4 w-4", "aria-hidden": true }),
-                    onSelect: () => {
-                      setTourStep(0);
-                      setTourOpen(true);
-                    },
-                    children: "Tour guiado"
-                  }
-                ) : null,
-                browserNotifications ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dropdown.default.Separator, {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dropdown.default.Label, { children: "Notificaciones" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    import_Dropdown.default.Item,
-                    {
-                      icon: notifEnabled ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconos.BellIcon, { className: "h-4 w-4", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconos.BellSlashIcon, { className: "h-4 w-4", "aria-hidden": true }),
-                      kbd: notifEnabled ? "ON" : "OFF",
-                      onSelect: () => void browserNotifications.onToggle(),
-                      children: "Notificaciones del navegador"
-                    }
-                  ),
-                  !notifSupported ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "px-2.5 pb-2 text-xs text-[var(--muted)]", children: "Este navegador no soporta notificaciones." }) : notifPermission === "denied" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "px-2.5 pb-2 text-xs text-[var(--muted)]", children: "Permisos bloqueados en el navegador." }) : null
-                ] }) : null
-              ] })
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dropdown.default.Content, { className: "w-[340px]", maxHeight: 520, children: settingsNodes })
             ] }) : null,
             !showLoading && user ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Dropdown.default, { align: "end", children: [
               /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Dropdown.default.Trigger, { className: "min-w-0 max-w-[220px] justify-between text-left", children: [
@@ -236,7 +394,7 @@ function AuthTopbar({
                       import_AvatarSquare.default,
                       {
                         size: 28,
-                        src: (_m = user.avatarUrl) != null ? _m : void 0,
+                        src: (_l = user.avatarUrl) != null ? _l : void 0,
                         alt: user.name,
                         initials: user.name.split(/\s+/).slice(0, 2).map((s) => s[0]).join("").toUpperCase(),
                         radiusClass: "rounded-xl",
@@ -263,33 +421,7 @@ function AuthTopbar({
                   ] }) : null
                 ] }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dropdown.default.Separator, { className: "mt-0" }),
-                impersonation ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import_Dropdown.default.Item,
-                  {
-                    onSelect: () => window.setTimeout(() => setImpersonationOpen(true), 0),
-                    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconos.CircleUserIcon, { className: "h-4 w-4", "aria-hidden": true }),
-                    children: "Impersonar usuario\u2026"
-                  }
-                ) : null,
-                impersonated && impersonation ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import_Dropdown.default.Item,
-                  {
-                    onSelect: () => void impersonation.onChange(null),
-                    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconos.CloseIcon, { className: "h-4 w-4", "aria-hidden": true }),
-                    children: "Detener impersonaci\xF3n"
-                  }
-                ) : null,
-                onNavigate ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dropdown.default.Item, { onSelect: () => onNavigate(passwordHref), icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconos.LockIcon, { className: "h-4 w-4", "aria-hidden": true }), children: "Contrase\xF1as" }) : null,
-                onNavigate ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import_Dropdown.default.Item,
-                  {
-                    onSelect: () => onNavigate(invitesHref),
-                    kbd: pendingInvites > 0 ? String(pendingInvites) : void 0,
-                    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconos.Sobre, { className: "h-4 w-4", "aria-hidden": true }),
-                    children: "Invitaciones"
-                  }
-                ) : null,
-                onLogout ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dropdown.default.Item, { danger: true, onSelect: () => void handleLogout(), icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconos.RightFromBracketIcon, { className: "h-4 w-4", "aria-hidden": true }), children: "Cerrar sesi\xF3n" }) : null
+                resolvedAccountEntries.map((e, idx) => renderAccountEntry(e, idx)).filter(Boolean)
               ] })
             ] }) : null,
             !showLoading && impersonation ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -304,17 +436,17 @@ function AuthTopbar({
             ) : null
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        canSearch ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_OmniSearch.default,
           {
             open: searchOpen,
             onOpenChange: setSearchOpen,
-            hotkey: (_n = omniSearch == null ? void 0 : omniSearch.hotkey) != null ? _n : true,
-            items: (_o = omniSearch == null ? void 0 : omniSearch.items) != null ? _o : [],
-            providers: (_p = omniSearch == null ? void 0 : omniSearch.providers) != null ? _p : [],
+            hotkey: (_m = omniSearch == null ? void 0 : omniSearch.hotkey) != null ? _m : true,
+            items: (_n = omniSearch == null ? void 0 : omniSearch.items) != null ? _n : [],
+            providers: (_o = omniSearch == null ? void 0 : omniSearch.providers) != null ? _o : [],
             onNavigate: onOmniNavigate
           }
-        )
+        ) : null
       ]
     }
   );