@djangocfg/layouts 2.1.357 → 2.1.359

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/layouts",
-  "version": "2.1.357",
+  "version": "2.1.359",
   "description": "Simple, straightforward layout components for Next.js - import and use with props",
   "keywords": [
     "layouts",
@@ -84,13 +84,13 @@
     "check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@djangocfg/api": "^2.1.357",
-    "@djangocfg/centrifugo": "^2.1.357",
-    "@djangocfg/debuger": "^2.1.357",
-    "@djangocfg/i18n": "^2.1.357",
-    "@djangocfg/monitor": "^2.1.357",
-    "@djangocfg/ui-core": "^2.1.357",
-    "@djangocfg/ui-nextjs": "^2.1.357",
+    "@djangocfg/api": "^2.1.359",
+    "@djangocfg/centrifugo": "^2.1.359",
+    "@djangocfg/debuger": "^2.1.359",
+    "@djangocfg/i18n": "^2.1.359",
+    "@djangocfg/monitor": "^2.1.359",
+    "@djangocfg/ui-core": "^2.1.359",
+    "@djangocfg/ui-nextjs": "^2.1.359",
     "@hookform/resolvers": "^5.2.2",
     "consola": "^3.4.2",
     "lucide-react": "^0.545.0",
@@ -105,7 +105,8 @@
     "swr": "^2.3.7",
     "tailwindcss": "^4.1.18",
     "tailwindcss-animate": "^1.0.7",
-    "zod": "^4.3.6"
+    "zod": "^4.3.6",
+    "zustand": "^5.0.0"
   },
   "peerDependenciesMeta": {
     "@djangocfg/monitor": {
@@ -120,21 +121,22 @@
     "uuid": "^11.1.0"
   },
   "devDependencies": {
-    "@djangocfg/api": "^2.1.357",
-    "@djangocfg/centrifugo": "^2.1.357",
-    "@djangocfg/debuger": "^2.1.357",
-    "@djangocfg/i18n": "^2.1.357",
-    "@djangocfg/monitor": "^2.1.357",
-    "@djangocfg/typescript-config": "^2.1.357",
-    "@djangocfg/ui-core": "^2.1.357",
-    "@djangocfg/ui-nextjs": "^2.1.357",
-    "@djangocfg/ui-tools": "^2.1.357",
+    "@djangocfg/api": "^2.1.359",
+    "@djangocfg/centrifugo": "^2.1.359",
+    "@djangocfg/debuger": "^2.1.359",
+    "@djangocfg/i18n": "^2.1.359",
+    "@djangocfg/monitor": "^2.1.359",
+    "@djangocfg/typescript-config": "^2.1.359",
+    "@djangocfg/ui-core": "^2.1.359",
+    "@djangocfg/ui-nextjs": "^2.1.359",
+    "@djangocfg/ui-tools": "^2.1.359",
     "@types/node": "^24.7.2",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.0",
     "eslint": "^9.37.0",
     "next-intl": "^4.9.1",
-    "typescript": "^5.9.3"
+    "typescript": "^5.9.3",
+    "zustand": "^5.0.4"
   },
   "publishConfig": {
     "access": "public"

package/src/configurator/private/schema.ts

@@ -37,6 +37,8 @@ export interface PrivateLayoutConfiguratorData {
   header: {
     userPlan: string;
     showSecondaryAction: boolean;
+    accountAction: 'menu' | 'dialog';
+    showSwitcher: boolean;
   };
 }
 
@@ -126,6 +128,17 @@ export const privateLayoutConfiguratorSchema: CustomJsonSchema7 = {
           title: 'Footer secondary action',
           description: 'Adds a download-style icon button inside the footer trigger with a pulsing accent dot.',
         },
+        accountAction: {
+          type: 'string',
+          title: 'Account action',
+          enum: ['menu', 'dialog'],
+          description: "'menu' opens a dropdown; 'dialog' opens the global ProfileDialog.",
+        },
+        showSwitcher: {
+          type: 'boolean',
+          title: 'Brand switcher',
+          description: 'Replace the static brand with a workspace/account dropdown.',
+        },
       },
     },
   },
@@ -165,6 +178,11 @@ export const privateLayoutConfiguratorUiSchema: CustomJsonUiSchema7 = {
   header: {
     'ui:collapsible': true,
     showSecondaryAction: { 'ui:widget': 'switch' },
+    showSwitcher: { 'ui:widget': 'switch' },
+    accountAction: {
+      'ui:widget': 'radio',
+      'ui:options': { inline: true },
+    },
   },
 };
 
@@ -186,5 +204,7 @@ export const defaultPrivateLayoutConfiguratorData: PrivateLayoutConfiguratorData
   header: {
     userPlan: 'Pro plan',
     showSecondaryAction: false,
+    accountAction: 'menu',
+    showSwitcher: false,
   },
 };

package/src/layouts/PrivateLayout/PrivateLayout.tsx

@@ -9,6 +9,7 @@
 'use client';
 
 import React, { ReactNode } from 'react';
+import dynamic from 'next/dynamic';
 
 import { Preloader } from '@djangocfg/ui-core/components';
 import { SidebarInset, SidebarProvider } from '@djangocfg/ui-core/components';
@@ -18,6 +19,7 @@ import type { LayoutVisualConfig } from '../types';
 import { PrivateContent, PrivateSidebar } from './components';
 import { useAuthGuard } from './hooks';
 import { useLayoutVisual } from './hooks';
+import { useSidebarDefaultOpen } from './hooks';
 
 import type {
   HeaderConfig,
@@ -33,10 +35,20 @@ export type {
   SidebarActiveIndicator,
   SidebarGroupLabelStyle,
   SidebarFeaturedConfig,
+  SidebarBrandSwitcherConfig,
+  SidebarBrandSwitcherItem,
 } from './types';
 
+export { SidebarBrandSwitcher } from './components';
+
 export { PrivateLayoutProps };
 
+// Lazy-load ProfileDialog so the profile bundle is only fetched when opened.
+const ProfileDialog = dynamic(
+  () => import('../ProfileLayout/ProfileDialog/ProfileDialog').then((m) => m.ProfileDialog),
+  { ssr: false },
+);
+
 export function PrivateLayout({
   children,
   sidebar,
@@ -55,6 +67,8 @@ export function PrivateLayout({
   const { providerStyle, providerClassName, insetClassName, sidebarVariant } =
     useLayoutVisual(visual);
 
+  const defaultOpen = useSidebarDefaultOpen();
+
   if (isLoading) {
     return (
       <Preloader
@@ -69,7 +83,7 @@ export function PrivateLayout({
 
   return (
     <SidebarProvider
-      defaultOpen={true}
+      defaultOpen={defaultOpen}
       style={providerStyle}
       className={providerClassName}
     >
@@ -92,6 +106,8 @@ export function PrivateLayout({
           {children}
         </PrivateContent>
       </SidebarInset>
+
+      <ProfileDialog />
     </SidebarProvider>
   );
 }

package/src/layouts/PrivateLayout/README.md

@@ -119,16 +119,62 @@ For pages like Kanban boards where the shell must be exactly one viewport tall a
 
 | Field | Type | Notes |
 |---|---|---|
-| `brand`, `title`, `brandIcon`, `brandLetter` | — | Sidebar header brand. |
+| `switcher` | `SidebarBrandSwitcherConfig` | Brand switcher dropdown (replaces `brand`/`title`/`brandIcon` when set). |
+| `brand`, `title`, `brandIcon`, `brandLetter` | — | Static sidebar header brand (used when `switcher` is not set). |
 | `groups` | `UserMenuGroup[]` | Account links rendered inside the footer dropdown. |
 | `authPath` | `string` | Sign-in redirect target. |
 | `userPlan` | `string` | Subtitle under the display name (e.g. `"Max plan"`). |
+| `accountAction` | `'menu' \| 'dialog'` | Footer button behaviour. `'menu'` opens dropdown; `'dialog'` opens global ProfileDialog. Default `'menu'`. |
 | `footerSecondaryAction` | `{ icon, href?, onClick?, ariaLabel, pulse? }` | Optional secondary icon button inside the footer trigger (e.g. "Get apps" with pulsing dot). |
 
 The footer button opens a popover (`DropdownMenu`, `side="top"`) with: email, account links, **Language** (opens fullscreen `LocaleSwitcherDialog` if `LayoutI18nProvider` is mounted), **Theme** (cycles `light → dark → system`), and **Log out**. In dev mode the footer renders a `Guest (dev)` placeholder when there's no authenticated user, so debug controls stay reachable; in production the block hides itself.
 
 ---
 
+## Brand switcher
+
+Replace the static brand header with a workspace/account/project switcher:
+
+```tsx
+import { SidebarBrandSwitcherConfig } from '@djangocfg/layouts';
+
+const switcher: SidebarBrandSwitcherConfig = {
+  items: [
+    { label: 'My Workspace', description: 'Personal', href: '/', active: true },
+    { label: 'Team Workspace', description: 'Pro plan', href: '/team' },
+    { label: 'Client Project', onSelect: () => switchProject('client') },
+  ],
+  addLabel: 'Add workspace',
+  onAdd: () => openCreateDialog(),
+};
+
+<PrivateLayout header={{ switcher }} ...>
+```
+
+`SidebarBrandSwitcherConfig`:
+
+| Field | Type | Notes |
+|---|---|---|
+| `items` | `SidebarBrandSwitcherItem[]` | List of workspaces / accounts / projects. |
+| `addLabel` | `string` | Label for the "add new" action at the bottom. Omit to hide. |
+| `onAdd` | `() => void` | Called when "add new" is clicked. |
+
+`SidebarBrandSwitcherItem`:
+
+| Field | Type | Notes |
+|---|---|---|
+| `label` | `string` | Display name. |
+| `avatar` | `string` | Image URL. Falls back to `monogram` / first letter of `label`. |
+| `monogram` | `string` | Single letter override for the avatar fallback. |
+| `description` | `string` | Secondary line under the label (plan, role, etc.). |
+| `href` | `string` | Navigate on select. |
+| `onSelect` | `() => void` | Callback on select (alternative to `href`). |
+| `active` | `boolean` | Mark as currently selected (shows checkmark in dropdown). |
+
+On the collapsed icon-rail the switcher renders only the active item's avatar — no dropdown trigger.
+
+---
+
 ## Sample
 
 ```tsx

package/src/layouts/PrivateLayout/components/PrivateSidebar.tsx

@@ -1,10 +1,3 @@
-/**
- * Private Sidebar
- *
- * Composed from smaller components: SidebarBrand, SidebarNavGroup, SidebarSlots.
- * Uses PrivateLayoutContext for all UI state.
- */
-
 'use client';
 
 import React from 'react';
@@ -19,7 +12,7 @@ import { cn } from '@djangocfg/ui-core/lib';
 
 import { PrivateSidebarAccount } from './PrivateSidebarAccount';
 import { PrivateLayoutProvider } from '../context';
-import { useHoverExpand, useShellVisualState, useSidebarKeyboard } from '../hooks';
+import { useShellVisualState, useSidebarKeyboard } from '../hooks';
 import type { HeaderConfig, SidebarConfig } from '../types';
 import { SidebarBrand } from './SidebarBrand';
 import { SidebarNavGroup } from './SidebarNavGroup';
@@ -29,11 +22,6 @@ interface PrivateSidebarProps {
   sidebar: SidebarConfig;
   header?: HeaderConfig;
   pathname?: string;
-  /**
-   * shadcn-sidebar `variant`. Used to trigger the inset/boxed visual:
-   * `'inset'` makes the sidebar wrapper paint `bg-sidebar` and lets `SidebarInset`
-   * float as a rounded card. Default `'sidebar'` (full-bleed).
-   */
   variant?: 'sidebar' | 'inset';
 }
 
@@ -43,18 +31,13 @@ export function PrivateSidebar({
   pathname: pathnameProp,
   variant = 'sidebar',
 }: PrivateSidebarProps) {
-  const { state, isMobile, setOpenMobile, setOpen } = useSidebar();
+  const { state, isMobile, setOpenMobile } = useSidebar();
   const pathname = pathnameProp ?? '';
 
   React.useEffect(() => {
     if (isMobile) setOpenMobile(false);
   }, [pathname, isMobile, setOpenMobile]);
 
-  const collapsedRail = !isMobile && state === 'collapsed';
-  const { isHoverExpanded, onMouseEnter, onMouseLeave } = useHoverExpand({
-    enabled: collapsedRail,
-  });
-
   return (
     <PrivateLayoutProvider
       sidebar={sidebar}
@@ -62,86 +45,39 @@ export function PrivateSidebar({
       pathname={pathname}
       isMobile={isMobile}
       state={state}
-      isHoverExpanded={isHoverExpanded}
     >
       <PrivateSidebarInner
         sidebar={sidebar}
         header={header}
         variant={variant}
-        collapsedRail={collapsedRail}
-        setOpen={setOpen}
-        onMouseEnter={onMouseEnter}
-        onMouseLeave={onMouseLeave}
       />
     </PrivateLayoutProvider>
   );
 }
 
-// ---------------------------------------------------------------------------
-// Inner component — runs inside PrivateLayoutProvider so useShellVisualState
-// can safely consume the context.
-// ---------------------------------------------------------------------------
-
 interface PrivateSidebarInnerProps {
   sidebar: SidebarConfig;
   header?: HeaderConfig;
   variant: 'sidebar' | 'inset';
-  collapsedRail: boolean;
-  setOpen: (open: boolean) => void;
-  onMouseEnter: () => void;
-  onMouseLeave: () => void;
 }
 
-function PrivateSidebarInner({
-  sidebar,
-  header,
-  variant,
-  collapsedRail,
-  setOpen,
-  onMouseEnter,
-  onMouseLeave,
-}: PrivateSidebarInnerProps) {
+function PrivateSidebarInner({ sidebar, header, variant }: PrivateSidebarInnerProps) {
   const layoutVariant = variant === 'inset' ? 'boxed' : 'full-bleed';
   const { modifiers } = useShellVisualState(layoutVariant);
   const { setSidebarRef, handleSidebarKeyDown } = useSidebarKeyboard();
 
-  /**
-   * Click on the collapsed icon-rail expands the sidebar — but only on empty
-   * areas. Native interactive elements (nav links, the trigger, account menu,
-   * tooltips) keep their original behaviour: we bail out as soon as the click
-   * target sits inside a `button`, `a`, or anything explicitly marked
-   * non-expandable via `data-no-expand`.
-   */
-  const expandOnRailClick = React.useCallback(
-    (event: React.MouseEvent<HTMLDivElement>) => {
-      const interactive = (event.target as Element | null)?.closest(
-        'a, button, [role="menuitem"], [data-no-expand]',
-      );
-      if (interactive) return;
-      setOpen(true);
-    },
-    [setOpen],
-  );
-
-  const railExpandHintClass = collapsedRail ? 'cursor-pointer' : undefined;
-
   const sidebarRootClass = React.useMemo(
     () =>
       cn(
-        railExpandHintClass,
         '[&>[data-sidebar=sidebar]]:bg-gradient-to-t [&>[data-sidebar=sidebar]]:from-sidebar/85 [&>[data-sidebar=sidebar]]:to-sidebar',
         modifiers.sidebarRoot,
         modifiers.sidebarInner.map((m) => `[&>[data-sidebar=sidebar]]:${m}`),
       ),
-    [railExpandHintClass, modifiers],
+    [modifiers],
   );
 
   const sidebarContentClass = React.useMemo(
-    () =>
-      cn(
-        'gap-2',
-        modifiers.sidebarContent,
-      ),
+    () => cn('gap-2', modifiers.sidebarContent),
     [modifiers.sidebarContent],
   );
 
@@ -165,9 +101,6 @@ function PrivateSidebarInner({
       collapsible="icon"
       variant={variant}
       className={sidebarRootClass}
-      onClick={collapsedRail ? expandOnRailClick : undefined}
-      onMouseEnter={onMouseEnter}
-      onMouseLeave={onMouseLeave}
       onKeyDown={handleSidebarKeyDown}
     >
       <SidebarBrand />

package/src/layouts/PrivateLayout/components/PrivateSidebarAccount.tsx

@@ -1,7 +1,8 @@
 /**
  * Sidebar account: rich footer trigger (avatar + name + plan + optional secondary
- * action) opens a popover (DropdownMenu) upward with email, account links, locale +
- * theme controls, and sign-out. Replaces the legacy inline collapsible.
+ * action) opens a popover (DropdownMenu) upward with email, account links, and
+ * sign-out. Language and theme controls live inside ProfileLayout / PreferencesSection
+ * so they are not duplicated here.
  *
  * Reads `isAccountMenuOpen` / `setIsAccountMenuOpen` directly from
  * PrivateLayoutContext so the parent sidebar can block collapse while the menu
@@ -10,7 +11,7 @@
 
 'use client';
 
-import { ChevronRight, ChevronsUpDown, Globe, LogOut, Monitor, Moon, Sun } from 'lucide-react';
+import { ChevronsUpDown, LogOut } from 'lucide-react';
 import { Link } from '@djangocfg/ui-core/components';
 import React, { memo, useMemo } from 'react';
 
@@ -30,15 +31,12 @@ import {
 } from '@djangocfg/ui-core/components';
 import { cn, isDev } from '@djangocfg/ui-core/lib';
 import { useSidebar } from '@djangocfg/ui-core/components';
-import { useThemeContext } from '@djangocfg/ui-nextjs/theme';
 
 import { useLogout } from '../../../hooks';
-import { LocaleSwitcherDialog } from '../../_components/locale-switcher';
-import { getLocaleMeta } from '../../_components/locale-switcher/localeMeta';
 import { useLayoutI18nOptional } from '../../AppLayout/LayoutI18nProvider';
 import { LucideIcon as LucideIconRender } from '../../../components';
 import { useShellVisualState } from '../hooks';
-import { blockSidebarCollapse, allowSidebarCollapse } from '../hooks/useHoverExpand';
+import { useProfileDialogStore } from '../../ProfileLayout/ProfileDialog/store';
 
 import type { HeaderConfig } from '../types';
 
@@ -62,8 +60,6 @@ function PrivateSidebarAccountRaw({ header }: PrivateSidebarAccountProps) {
   const { setOpen: setSidebarOpen } = useSidebar();
   const { content } = useShellVisualState();
   const [isAccountMenuOpen, setIsAccountMenuOpen] = React.useState(false);
-  const { theme, setTheme } = useThemeContext();
-  const [langDialogOpen, setLangDialogOpen] = React.useState(false);
 
   const signOutLabel = t('layouts.profile.signOut');
 
@@ -110,21 +106,6 @@ function PrivateSidebarAccountRaw({ header }: PrivateSidebarAccountProps) {
     handleLogout();
   }, [handleLogout]);
 
-  const onLanguageSelect = React.useCallback((e: Event) => {
-    // Keep the dropdown closed (default behaviour) but defer dialog mount to
-    // the next tick so Radix has time to unmount the dropdown overlay first
-    // (avoids the "two open overlays steal focus" bug).
-    e.preventDefault();
-    setTimeout(() => setLangDialogOpen(true), 0);
-  }, []);
-
-  const onThemeSelect = React.useCallback((e: Event) => {
-    e.preventDefault();
-    // Cycle: light → dark → system → light
-    const next = theme === 'light' ? 'dark' : theme === 'dark' ? 'system' : 'light';
-    setTheme(next);
-  }, [theme, setTheme]);
-
   // Hide entirely in production when there's no user (auth still loading or
   // /me failed and the parent guard hasn't redirected yet). In dev keep a
   // placeholder so the footer + Log out are reachable for debugging.
@@ -135,7 +116,7 @@ function PrivateSidebarAccountRaw({ header }: PrivateSidebarAccountProps) {
   const secondary = header?.footerSecondaryAction;
 
   const triggerClassName = cn(
-    'group h-auto w-full gap-3 rounded-none px-3 py-3 text-left',
+    'group h-auto w-full gap-3 rounded-lg px-3 py-3 text-left',
     'hover:bg-sidebar-accent/70 hover:text-sidebar-accent-foreground',
     content.isAccountCompact ? 'justify-center px-0 py-2' : 'min-h-[52px]',
   );
@@ -182,40 +163,6 @@ function PrivateSidebarAccountRaw({ header }: PrivateSidebarAccountProps) {
     </>
   ) : null;
 
-  const currentLocaleLabel = layoutI18n
-    ? getLocaleMeta(layoutI18n.locale).native
-    : null;
-  const languageItem = layoutI18n ? (
-    <DropdownMenuItem
-      onSelect={onLanguageSelect}
-      className="flex items-center gap-2 rounded-md px-2 py-1.5 text-sm"
-    >
-      <Globe className="h-4 w-4 shrink-0 text-muted-foreground" />
-      <span className="flex-1 truncate">Language</span>
-      <span className="ml-auto flex shrink-0 items-center gap-1 text-xs text-muted-foreground">
-        {currentLocaleLabel}
-        <ChevronRight className="h-3.5 w-3.5" aria-hidden />
-      </span>
-    </DropdownMenuItem>
-  ) : null;
-
-  const themeIcon = theme === 'dark'
-    ? <Moon className="h-4 w-4 shrink-0 text-muted-foreground" />
-    : theme === 'light'
-      ? <Sun className="h-4 w-4 shrink-0 text-muted-foreground" />
-      : <Monitor className="h-4 w-4 shrink-0 text-muted-foreground" />;
-  const themeValueLabel = theme === 'dark' ? 'Dark' : theme === 'light' ? 'Light' : 'System';
-  const themeItem = (
-    <DropdownMenuItem
-      onSelect={onThemeSelect}
-      className="flex items-center gap-2 rounded-md px-2 py-1.5 text-sm"
-    >
-      {themeIcon}
-      <span className="flex-1 truncate">Theme</span>
-      <span className="ml-auto shrink-0 text-xs text-muted-foreground">{themeValueLabel}</span>
-    </DropdownMenuItem>
-  );
-
   const expandedMeta = content.isAccountCompact ? null : (
     <>
       <span className="flex min-w-0 flex-1 flex-col text-left">
@@ -230,35 +177,55 @@ function PrivateSidebarAccountRaw({ header }: PrivateSidebarAccountProps) {
       </span>
       <span className="flex shrink-0 items-center gap-1.5">
         {secondaryButton}
-        <ChevronsUpDown className="h-3.5 w-3.5 text-sidebar-foreground/55" aria-hidden />
+        {header?.accountAction !== 'dialog' ? (
+          <ChevronsUpDown className="h-3.5 w-3.5 text-sidebar-foreground/55" aria-hidden />
+        ) : null}
       </span>
     </>
   );
 
+  const openProfileDialog = React.useCallback(() => {
+    useProfileDialogStore.getState().open();
+  }, []);
+
+  const triggerButton = (
+    <Button
+      type="button"
+      variant="ghost"
+      aria-label={content.isAccountCompact ? account.displayName : undefined}
+      className={triggerClassName}
+      onClick={header?.accountAction === 'dialog' ? openProfileDialog : onTriggerInteract}
+    >
+      <Avatar className={avatarClass}>
+        <AvatarImage src={account.avatarUrl} alt={account.displayName} />
+        <AvatarFallback className="text-sm font-semibold">{userInitial}</AvatarFallback>
+      </Avatar>
+      {expandedMeta}
+    </Button>
+  );
+
+  const wrapperClass = cn(
+    'w-full min-w-0',
+    content.isAccountCompact ? 'px-0 pb-0' : 'px-2 pb-2',
+  );
+
+  // Dialog mode: simple button that opens the global ProfileDialog
+  if (header?.accountAction === 'dialog') {
+    return (
+      <div className={wrapperClass}>
+        {triggerButton}
+      </div>
+    );
+  }
+
   return (
-    <div className="w-full min-w-0 border-t border-sidebar-border/40">
+    <div className={wrapperClass}>
       <DropdownMenu
         open={isAccountMenuOpen}
-        onOpenChange={(open) => {
-          setIsAccountMenuOpen(open);
-          if (open) blockSidebarCollapse();
-          else allowSidebarCollapse();
-        }}
+        onOpenChange={setIsAccountMenuOpen}
       >
         <DropdownMenuTrigger asChild>
-          <Button
-            type="button"
-            variant="ghost"
-            aria-label={content.isAccountCompact ? account.displayName : undefined}
-            className={triggerClassName}
-            onClick={onTriggerInteract}
-          >
-            <Avatar className={avatarClass}>
-              <AvatarImage src={account.avatarUrl} alt={account.displayName} />
-              <AvatarFallback className="text-sm font-semibold">{userInitial}</AvatarFallback>
-            </Avatar>
-            {expandedMeta}
-          </Button>
+          {triggerButton}
         </DropdownMenuTrigger>
 
         <DropdownMenuContent
@@ -270,10 +237,6 @@ function PrivateSidebarAccountRaw({ header }: PrivateSidebarAccountProps) {
           {headerLabel}
           {accountLinksBlock}
 
-          <DropdownMenuSeparator />
-          {languageItem}
-          {themeItem}
-
           <DropdownMenuSeparator />
           <DropdownMenuItem
             onSelect={onLogoutSelect}
@@ -284,25 +247,13 @@ function PrivateSidebarAccountRaw({ header }: PrivateSidebarAccountProps) {
           </DropdownMenuItem>
         </DropdownMenuContent>
       </DropdownMenu>
-
-      {layoutI18n ? (
-        <LocaleSwitcherDialog
-          open={langDialogOpen}
-          onOpenChange={setLangDialogOpen}
-          locale={layoutI18n.locale}
-          locales={layoutI18n.locales}
-          onChange={layoutI18n.onLocaleChange}
-          brand={layoutI18n.brand}
-          i18nLabels={layoutI18n.dialogLabels}
-        />
-      ) : null}
     </div>
   );
 }
 
 /**
  * Memoised account footer. Re-renders only when the `header` prop reference
- * changes. Internal reactive data (user from useAuth, theme, locale) are
+ * changes. Internal reactive data (user from useAuth, locale) are
  * consumed via hooks and still update independently.
  */
 export const PrivateSidebarAccount = memo(PrivateSidebarAccountRaw);