react-os-shell 3.3.0 → 3.3.2

package/dist/index.d.ts

@@ -1,8 +1,9 @@
-import { W as WindowRegistry } from './types-CXBKusuC.js';
-export { M as ModalRegistryEntry, P as PageRegistryEntry, a as WindowRegistryEntry, i as isEntityEntry, b as isPageEntry, s as setShellWindowRegistry } from './types-CXBKusuC.js';
+import { W as WindowRegistry } from './types-CTPtgkiG.js';
+export { M as ModalRegistryEntry, P as PageRegistryEntry, a as WindowRegistryEntry, i as isEntityEntry, b as isPageEntry, s as setShellWindowRegistry } from './types-CTPtgkiG.js';
 import * as react from 'react';
 import react__default, { ReactNode, Component, ErrorInfo, CSSProperties, Dispatch, SetStateAction, RefObject } from 'react';
-import * as _tanstack_react_query from '@tanstack/react-query';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _tanstack_query_core from '@tanstack/query-core';
 import { AxiosInstance } from 'axios';
 
 /**
@@ -89,7 +90,7 @@ declare function useWindowMenuItem(label: string, onClick: () => void, icon?: Re
  *  than React Context, which has separate instances in each bundle). */
 declare function WindowTitle({ title }: {
     title: string;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 /** @deprecated Use <WindowTitle> instead — the hook variant doesn't work
  *  across bundle boundaries (apps barrel has its own ModalIdContext). */
 declare function useWindowTitle(_title: string): void;
@@ -99,7 +100,7 @@ declare function useWindowTitle(_title: string): void;
  */
 declare function CopyButton({ text }: {
     text: string;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 /** Hook to check if the current modal is active (frontmost) */
 declare function useModalActive(): boolean;
 declare function ModalActions({ children, position }: {
@@ -114,7 +115,7 @@ declare function CancelButton({ onClick, children, className }: {
     onClick: () => void;
     children?: React.ReactNode;
     className?: string;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 /**
  * Seed an initial position for a window — applied only when no saved
  * position already exists for the given key. Use this from the consumer
@@ -246,7 +247,7 @@ declare function Modal({ open, onClose, title, icon, copyText, size, dirty, onNe
 declare function WindowCrashedFallback({ error, onReload }: {
     error: Error;
     onReload: () => void;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 interface WindowErrorBoundaryProps {
     children: ReactNode;
     /** Replaces the default inline {@link WindowCrashedFallback}. `reset`
@@ -273,7 +274,7 @@ declare class WindowErrorBoundary extends Component<WindowErrorBoundaryProps, {
     };
     componentDidCatch(error: Error, info: ErrorInfo): void;
     reset: () => void;
-    render(): string | number | boolean | Iterable<ReactNode> | react.JSX.Element | null | undefined;
+    render(): string | number | boolean | Iterable<ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
 }
 
 /**
@@ -295,7 +296,7 @@ interface PopupMenuProps {
     portal?: boolean;
 }
 /** Container for a popup menu — auto-clamps to stay within viewport */
-declare function PopupMenu({ children, style, className, onClose, minWidth, portal }: PopupMenuProps): react.JSX.Element;
+declare function PopupMenu({ children, style, className, onClose, minWidth, portal }: PopupMenuProps): react_jsx_runtime.JSX.Element;
 /** A clickable menu item */
 declare function PopupMenuItem({ onClick, children, className, danger, disabled }: {
     onClick?: () => void;
@@ -303,13 +304,13 @@ declare function PopupMenuItem({ onClick, children, className, danger, disabled
     className?: string;
     danger?: boolean;
     disabled?: boolean;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 /** A divider line between menu items */
-declare function PopupMenuDivider(): react.JSX.Element;
+declare function PopupMenuDivider(): react_jsx_runtime.JSX.Element;
 /** A section header label */
 declare function PopupMenuLabel({ children }: {
     children: ReactNode;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 interface ConfirmOptions {
     title?: string;
@@ -338,7 +339,7 @@ interface PromptOptions {
 declare const prompt: (opts: PromptOptions | string) => Promise<string | null>;
 declare function ConfirmProvider({ children }: {
     children: React.ReactNode;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 interface SearchResult {
     /** Category label, e.g. "Sales Order". */
@@ -364,9 +365,9 @@ interface SearchConfig {
 }
 interface GlobalSearchProps extends Partial<SearchConfig> {
 }
-declare function GlobalSearch({ providers, typeIcons, placeholder }?: GlobalSearchProps): react.JSX.Element | null;
+declare function GlobalSearch({ providers, typeIcons, placeholder }?: GlobalSearchProps): react_jsx_runtime.JSX.Element | null;
 
-declare function ShortcutHelp(): react.JSX.Element;
+declare function ShortcutHelp(): react_jsx_runtime.JSX.Element;
 
 /**
  * One help article. Generic shape — the consuming portal maps its own
@@ -411,13 +412,13 @@ interface HelpCenterProps {
  * Search is client-side: a case-insensitive substring match over title, body
  * and category label. While searching, matching groups auto-expand.
  */
-declare function HelpCenter({ docs, loading, categoryOrder, canEdit, onNew, onEdit, renderBody, emptyMessage, }: HelpCenterProps): react.JSX.Element;
+declare function HelpCenter({ docs, loading, categoryOrder, canEdit, onNew, onEdit, renderBody, emptyMessage, }: HelpCenterProps): react_jsx_runtime.JSX.Element;
 
 interface MarkdownProps {
     children: string;
     className?: string;
 }
-declare function Markdown({ children, className }: MarkdownProps): react.JSX.Element;
+declare function Markdown({ children, className }: MarkdownProps): react_jsx_runtime.JSX.Element;
 
 declare const isMac: boolean;
 /** Platform-aware modifier symbols */
@@ -506,7 +507,7 @@ interface EditableGridProps {
  * - Multi-cell paste from spreadsheets (Ctrl+V)
  * - Tab/Enter/Arrow keyboard navigation
  */
-declare function EditableGrid({ columns, data, onChange, onColumnsChange, fixedRows, minRows, maxHeight, cellStyles, onFocusChange, onSelectionChange }: EditableGridProps): react.JSX.Element;
+declare function EditableGrid({ columns, data, onChange, onColumnsChange, fixedRows, minRows, maxHeight, cellStyles, onFocusChange, onSelectionChange }: EditableGridProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Two-pane layout with a drag-to-resize sidebar (left or right).
@@ -549,7 +550,7 @@ interface SidebarLayoutProps {
     /** Classes for the main content pane. Defaults to a white background. */
     contentClassName?: string;
 }
-declare function SidebarLayout({ sidebar, children, side, storageKey, defaultWidth, minWidth, maxWidth, className, sidebarClassName, contentClassName, }: SidebarLayoutProps): react.JSX.Element;
+declare function SidebarLayout({ sidebar, children, side, storageKey, defaultWidth, minWidth, maxWidth, className, sidebarClassName, contentClassName, }: SidebarLayoutProps): react_jsx_runtime.JSX.Element;
 
 interface SearchableOption {
     value: string;
@@ -591,7 +592,7 @@ interface SearchableSelectProps {
      *  Hidden while the user is typing so the search text stays legible. */
     rightAdornment?: ReactNode;
 }
-declare function SearchableSelect({ value, onChange, options, placeholder, emptyOptionLabel, className, disabled, id, allowFreeText, onSearchChange, rightAdornment, }: SearchableSelectProps): react.JSX.Element;
+declare function SearchableSelect({ value, onChange, options, placeholder, emptyOptionLabel, className, disabled, id, allowFreeText, onSearchChange, rightAdornment, }: SearchableSelectProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Generic top navigation bar. A horizontal row of tab-style links with an
@@ -623,7 +624,7 @@ interface TopNavProps {
     actions?: ReactNode;
     className?: string;
 }
-declare function TopNav({ items, activeKey, onSelect, brand, actions, className }: TopNavProps): react.JSX.Element;
+declare function TopNav({ items, activeKey, onSelect, brand, actions, className }: TopNavProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Generic breadcrumb trail. Self-contained and styled with the same Tailwind
@@ -652,7 +653,7 @@ interface BreadcrumbsProps {
     maxItems?: number;
     className?: string;
 }
-declare function Breadcrumbs({ items, separator, maxItems, className }: BreadcrumbsProps): react.JSX.Element | null;
+declare function Breadcrumbs({ items, separator, maxItems, className }: BreadcrumbsProps): react_jsx_runtime.JSX.Element | null;
 
 /** Generic notification shape consumed by the shell. Consumer-specific
  * fields live on `extra` (or just on additional properties — TS structural
@@ -692,17 +693,17 @@ interface NotificationsConfig {
 interface NotificationBellProps extends NotificationsConfig {
     popDirection?: 'left' | 'right';
 }
-declare function NotificationBell({ useUnreadCount, list, markRead, markAllRead, onItemClick, onViewAll, popDirection, }: NotificationBellProps): react.JSX.Element;
+declare function NotificationBell({ useUnreadCount, list, markRead, markAllRead, onItemClick, onViewAll, popDirection, }: NotificationBellProps): react_jsx_runtime.JSX.Element;
 
 type SemanticGroup = 'success' | 'active' | 'queued' | 'info' | 'pending' | 'warning' | 'danger' | 'draft' | 'neutral';
 declare function StatusBadgeProvider({ groups, children, }: {
     groups: Record<string, SemanticGroup>;
     children: ReactNode;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 interface StatusBadgeProps {
     status: string;
 }
-declare function StatusBadge({ status }: StatusBadgeProps): react.JSX.Element;
+declare function StatusBadge({ status }: StatusBadgeProps): react_jsx_runtime.JSX.Element;
 
 /**
  * System-tray badge shown only when the app is served from a developer's own
@@ -710,7 +711,7 @@ declare function StatusBadge({ status }: StatusBadgeProps): react.JSX.Element;
  * slot — it renders nothing off-localhost, so it's safe to leave wired on every
  * build. Visibility is gated on the runtime hostname; see utils/env.ts.
  */
-declare function DevIndicator(): react.JSX.Element | null;
+declare function DevIndicator(): react_jsx_runtime.JSX.Element | null;
 
 /**
  * Dev-environment detection + browser chrome.
@@ -789,7 +790,7 @@ declare function DocFavStar({ entityType, entityId, label }: {
     entityType: string;
     entityId: string;
     label: string;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 /** Public, framework-free helper: route ('/orders', '/qc-reports', …)
  *  of the window the user is currently focused on. Returns undefined
  *  when no app window is active (start menu / dashboard with nothing
@@ -799,7 +800,7 @@ declare function DocFavStar({ entityType, entityId, label }: {
 declare function getActiveWindowRoute(): string | undefined;
 declare function WindowManagerProvider({ children }: {
     children: ReactNode;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 /**
  * INTERNAL stub — Desktop's About modal references the consumer-side
@@ -892,19 +893,20 @@ interface DesktopHostConfig {
 declare function DesktopHostProvider({ value, children }: {
     value: DesktopHostConfig;
     children: ReactNode;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 declare function useDesktopHost(): DesktopHostConfig;
 declare function Desktop({ profile }: {
     profile: any;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 interface LayoutProps {
     /** Brand label rendered on the start-menu button. */
     productName?: string;
     /** Icon URL rendered next to the brand label. Defaults to `/favicon.svg`. */
     productIcon?: string;
-    /** Wallpaper image URLs for the desktop background. When omitted, the
-     *  desktop renders with no image (just the dark fallback). */
+    /** Wallpaper image URLs for the desktop background. When omitted, falls back
+     *  to the wallpapers registered on the `DesktopHostProvider` (the same pool the
+     *  Customization picker shows); with neither, the desktop renders no image. */
     wallpapers?: string[];
     /** Override the default nav sections shown in the start menu. */
     navSections?: (NavSection | NavItem)[];
@@ -945,7 +947,7 @@ interface ClockCalendarConfig {
         close: () => void;
     }) => ReactNode;
 }
-declare function Layout({ productName, productIcon, wallpapers, navSections, navIcons, sectionIcons, categories, notifications, search, taskbarTrayLeft, clockCalendar, }?: LayoutProps): react.JSX.Element;
+declare function Layout({ productName, productIcon, wallpapers, navSections, navIcons, sectionIcons, categories, notifications, search, taskbarTrayLeft, clockCalendar, }?: LayoutProps): react_jsx_runtime.JSX.Element;
 
 interface StartMenuProps {
     open: boolean;
@@ -972,7 +974,7 @@ interface StartMenuProps {
     /** Section grouping + virtual flyouts (Utilities-style trays). */
     categories?: StartMenuCategories;
 }
-declare function StartMenu({ open, onClose, openPage, profile, user, onLogout, taskbarPosition, taskbarH, taskbarW, size, navSections, navIcons, sectionIcons, categories, }: StartMenuProps): react.JSX.Element | null;
+declare function StartMenu({ open, onClose, openPage, profile, user, onLogout, taskbarPosition, taskbarH, taskbarW, size, navSections, navIcons, sectionIcons, categories, }: StartMenuProps): react_jsx_runtime.JSX.Element | null;
 
 /**
  * Widget gallery — the "manage widgets on the desktop" surface.
@@ -992,7 +994,7 @@ declare function StartMenu({ open, onClose, openPage, profile, user, onLogout, t
 declare function WidgetManager({ open, onClose }: {
     open: boolean;
     onClose: () => void;
-}): react.JSX.Element | null;
+}): react_jsx_runtime.JSX.Element | null;
 
 /** Sections that can be omitted from the inline Customization page when the
  *  consumer renders them elsewhere (e.g. as separate entries in SystemPreferences). */
@@ -1006,7 +1008,7 @@ interface CustomizationProps {
     /** Render only one logical group of settings. Omit to render everything. */
     section?: CustomizationSection;
 }
-declare function Customization({ omit, section }?: CustomizationProps): react.JSX.Element;
+declare function Customization({ omit, section }?: CustomizationProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Standalone Behavior settings panel — window position, double-click,
@@ -1016,7 +1018,7 @@ declare function Customization({ omit, section }?: CustomizationProps): react.JS
  * Reads/writes shell prefs via `useShellPrefs()`. Suitable for use as a
  * section in `SystemPreferences` or rendered standalone.
  */
-declare function BehaviorPanel(): react.JSX.Element;
+declare function BehaviorPanel(): react_jsx_runtime.JSX.Element;
 
 /**
  * Standalone Sounds settings panel — sound effects toggle + per-event
@@ -1025,7 +1027,7 @@ declare function BehaviorPanel(): react.JSX.Element;
  * picked. Suitable as a section in `SystemPreferences` or rendered
  * standalone.
  */
-declare function SoundsPanel(): react.JSX.Element;
+declare function SoundsPanel(): react_jsx_runtime.JSX.Element;
 
 /** One section in the SystemPreferences sidebar. */
 interface SystemPreferencesSection {
@@ -1072,7 +1074,7 @@ interface SystemPreferencesProps {
  * ]} />
  * ```
  */
-declare function SystemPreferences({ sections, defaultSelected, className, }: SystemPreferencesProps): react.JSX.Element;
+declare function SystemPreferences({ sections, defaultSelected, className, }: SystemPreferencesProps): react_jsx_runtime.JSX.Element;
 
 interface ImageAnnotatorHandle {
     copy: () => Promise<void>;
@@ -1157,7 +1159,7 @@ interface EntityListProps<T> {
  *     emptyState={<EmptyState message="No suppliers yet." />}
  *   />
  */
-declare function EntityList<T>(props: EntityListProps<T>): react.JSX.Element;
+declare function EntityList<T>(props: EntityListProps<T>): react_jsx_runtime.JSX.Element;
 
 /**
  * Generic, drag-and-drop Kanban board. Self-contained (native HTML5 DnD, no
@@ -1219,7 +1221,7 @@ interface KanbanProps<T> {
     /** Label for the per-column add button. */
     addItemText?: string;
 }
-declare function Kanban<T>({ items, columns, columnOf, getId, onMove, renderCard, onCardClick, sortInColumn, isLoading, loadingText, emptyState, columnEmptyText, onAddItem, addItemText, }: KanbanProps<T>): react.JSX.Element;
+declare function Kanban<T>({ items, columns, columnOf, getId, onMove, renderCard, onCardClick, sortInColumn, isLoading, loadingText, emptyState, columnEmptyText, onAddItem, addItemText, }: KanbanProps<T>): react_jsx_runtime.JSX.Element;
 
 interface PaginatedResponse<T> {
     count: number;
@@ -1268,7 +1270,7 @@ interface ResizableTableProps {
  * - per-user persistence (via the shell-registered apiClient)
  * - mobile-aware selection mode toggle
  */
-declare function ResizableTable({ tableId, columns, sort, onSort, footer, afterBody, saveDefaultPerms, children, }: ResizableTableProps): react.JSX.Element;
+declare function ResizableTable({ tableId, columns, sort, onSort, footer, afterBody, saveDefaultPerms, children, }: ResizableTableProps): react_jsx_runtime.JSX.Element;
 
 interface ListFooterProps {
     selectedCount: number;
@@ -1284,7 +1286,7 @@ interface ListFooterProps {
  *   "Y of Z records · Loading more..."
  *   "All N records loaded"
  */
-declare function ListFooter({ selectedCount, loadedCount, totalCount, label, isFetchingMore, extra, }: ListFooterProps): react.JSX.Element;
+declare function ListFooter({ selectedCount, loadedCount, totalCount, label, isFetchingMore, extra, }: ListFooterProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Keyboard + shift-click navigation for table rows.
@@ -1362,7 +1364,7 @@ declare function useInfiniteScroll<T>({ queryKey, fetchFn, extraParams, pageSize
     isFetchingNextPage: boolean;
     hasNextPage: boolean;
     sentinelRef: react.RefObject<HTMLDivElement>;
-    refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<_tanstack_react_query.InfiniteData<PaginatedResponse<T>, unknown>, Error>>;
+    refetch: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<_tanstack_query_core.InfiniteData<PaginatedResponse<T>, unknown>, Error>>;
 };
 
 /**
@@ -1389,7 +1391,7 @@ interface ShellAuth {
 declare function ShellAuthProvider({ value, children }: {
     value: ShellAuth;
     children: ReactNode;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 declare function useShellAuth(): ShellAuth;
 
 interface ShellPrefsAdapter {
@@ -1402,7 +1404,7 @@ interface ShellPrefsAdapter {
 declare function ShellPrefsProvider({ value, children, }: {
     value: ShellPrefsAdapter;
     children: ReactNode;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 /** Default localStorage-backed adapter — useful when the consumer doesn't
  *  ship a backend. Pass the result into <ShellPrefsProvider value={…}>.
  *
@@ -1419,7 +1421,7 @@ type EntityFetcher = (endpoint: string, id: string) => Promise<any>;
 declare function ShellEntityFetcherProvider({ value, children, }: {
     value: EntityFetcher;
     children: ReactNode;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 /** Returns the consumer-supplied entity fetcher, or a stub that throws
  *  on call. Components that fetch entities call this hook eagerly so any
  *  misconfiguration surfaces synchronously rather than at click-time. */

package/dist/index.js

@@ -1,18 +1,18 @@
 import { subscribePomo, getPomoSnapshot } from './chunk-6VMTAVUD.js';
 export { setShellTodoProvider } from './chunk-6VMTAVUD.js';
-import { PREVIEW_OPENED_EVENT, publishDesktopFolders, requestFilesTrashView, FolderGlyph, openPreviewFile, requestFilesDesktopFolderView, FileIconTile, hashGradient } from './chunk-GM3VN2NL.js';
-export { Breadcrumbs } from './chunk-GM3VN2NL.js';
+import { PREVIEW_OPENED_EVENT, publishDesktopFolders, requestFilesTrashView, FolderGlyph, openPreviewFile, requestFilesDesktopFolderView, FileIconTile, hashGradient } from './chunk-HM2POVAI.js';
+export { Breadcrumbs } from './chunk-HM2POVAI.js';
 import { SidebarLayout } from './chunk-VGTEM5RZ.js';
 export { SidebarLayout } from './chunk-VGTEM5RZ.js';
 import { playNotification, playStartup, soundsEnabled, getSoundConfig, SOUND_PACK_KEYS, SOUND_PACKS, SOUND_TYPES, SOUND_TYPE_LABELS, setSoundForType, previewSound, setAllSounds, playLogout } from './chunk-D7PYW2QS.js';
-export { ImageAnnotator_default as ImageAnnotator } from './chunk-4WUEFQWP.js';
+export { ImageAnnotator_default as ImageAnnotator } from './chunk-4J4V7FLN.js';
 import { toast_default } from './chunk-VENYVK3L.js';
 export { toast_default as toast } from './chunk-VENYVK3L.js';
-export { EditableGrid } from './chunk-WZIH7WZM.js';
+export { EditableGrid } from './chunk-ZDTM7HX6.js';
 import { useAuth, useShellAuth } from './chunk-ADJ3CERD.js';
 export { ShellAuthProvider, setShellAuthBridge, useShellAuth } from './chunk-ADJ3CERD.js';
-import { APP_VERSION } from './chunk-XM647QLH.js';
-export { VERSION } from './chunk-XM647QLH.js';
+import { APP_VERSION } from './chunk-GLKDDFJL.js';
+export { VERSION } from './chunk-GLKDDFJL.js';
 import { useWindowManager, PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, WINDOW_REGISTRY, isPageEntry, Modal, useShellPrefs, useIsMobile, ModalActions, useModalActive, client_default, LoadingSpinner, setWindowPosition, ThumbCard, activateModal } from './chunk-6OWYD4O6.js';
 export { CancelButton, CopyButton, DocFavStar, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, ShellPrefsProvider, WindowCrashedFallback, WindowErrorBoundary, WindowManagerProvider, WindowTitle, commitExposeHighlight, exitExposeMode, getActiveWindowRoute, getExposeHighlight, getWindowPosition, isEntityEntry, isPageEntry, registerModalEscapeInterceptor, setExposeHighlight, setShellApiClient, setShellWindowRegistry, setWindowDefaultPosition, setWindowPosition, subscribeExposeHighlight, toggleExposeMode, useLocalStoragePrefs, useModalActive, useShellPrefs, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle } from './chunk-6OWYD4O6.js';
 export { ConfirmProvider, confirm, confirmDestructive, prompt } from './chunk-UBN4IUDE.js';
@@ -4198,7 +4198,7 @@ function Layout({
   const isMobile = useIsMobile();
   const profile = user || {};
   useTheme();
-  const { favorites, toggle: toggleFavorite, desktopBg} = useFavorites(wallpapers);
+  const { favorites, toggle: toggleFavorite, desktopBg} = useFavorites(wallpapers ?? host.wallpapers?.map((w) => w.src));
   const { prefs, save: savePrefs } = useShellPrefs();
   const layoutMode = prefs.layout_mode === "sidebar" ? "sidebar" : "classic";
   const sidebarMode = layoutMode === "sidebar";