react-os-shell 4.79.3 → 4.82.0

package/dist/index.js

@@ -1,12 +1,9 @@
-import { PREVIEW_OPENED_EVENT, openPreviewFile } from './chunk-GO2LCDHS.js';
-import { subscribePomo, getPomoSnapshot } from './chunk-TT2WNTDS.js';
-export { setShellTodoProvider } from './chunk-TT2WNTDS.js';
+import { PREVIEW_OPENED_EVENT, openPreviewFile } from './chunk-26S2Q6GA.js';
+import { subscribePomo, getPomoSnapshot } from './chunk-IZ2FABWU.js';
+export { setShellTodoProvider } from './chunk-IZ2FABWU.js';
 export { ImageAnnotator_default as ImageAnnotator } from './chunk-AXWC3332.js';
-import { publishDesktopFolders, requestFilesTrashView, FolderGlyph, requestFilesDesktopFolderView, FileIconTile } from './chunk-OQ7GRU7G.js';
-import './chunk-CT3HVZRZ.js';
-import { setPdfPreview } from './chunk-3L463T5H.js';
-import { CMD_K, CMD_DOT, SHIFT, MOD, ENTER, CMD_A, ALT_SHIFT_N, ALT_SHIFT_E, CMD_ENTER, CMD_S, ALT_SHIFT_D, CMD_Z, CMD_SHIFT_Z, formatDate, useTheme, GlobalSearch, resolveTheme, useClickOutside, ListLoadError, ListFooter, firstEnabledIndex, Button_default, FormField, Input_default, applyThemePrefs, lastEnabledIndex, nextEnabledIndex, matchTypeahead } from './chunk-YZVJCHXV.js';
-export { ALT, ALT_SHIFT_D, ALT_SHIFT_E, ALT_SHIFT_N, Accordion, AuthScreen, Avatar, AvatarGroup, Banner, BarChart, Button_default as Button, CMD_A, CMD_DOT, CMD_ENTER, CMD_K, CMD_S, Calendar, Card, ChatTemplate, Checkbox_default as Checkbox, CheckoutTemplate, ColoredBadge, ContainerFillChart, CountBadge, DashboardTemplate, DataTable, DataTablePage, DatePicker_default as DatePicker, DateRangePicker, DateTimePicker_default as DateTimePicker, DescriptionList, Divider, DonutChart, Drawer, DropdownMenu, ENTER, EmailTemplate, EmptyState, ErrorBoundary, ErrorPage, FilePicker, FormErrorSummary, FormField, FormLayoutPage, GROUP_COLORS, GalleryTemplate, GlobalSearch, Grid, HelpCenter, INPUT_BASE, INPUT_SIZES, IconButton_default as IconButton, Inline, Input_default as Input, InputNumber_default as InputNumber, Kanban, Label, LineChart, ListFooter, ListLoadError, LoadingSpinner, MAX_FRACTION_DIGITS, MOD, Markdown, MediaUploadField, MediaUploadGrid, MetricBar, MilestoneTimeline, NativeSelect, NumericKeypad, PageHeader, Pagination, Paragraph, Radio_default as Radio, Result, SHIFT, SearchableSelect, Segmented, Select_default as Select, SidebarActionButton, SidebarGroupLabel, SidebarNavItem, Skeleton, Sparkline, Stack, StatCard, Statistic, StatusBadge, StatusBadgeProvider, Stepper, Switch_default as Switch, Tabs, TagInput, Text, Textarea_default as Textarea, TileButton_default as TileButton, TimePicker_default as TimePicker, Title, Tooltip, TopNav, appendKey, applyThemePrefs, backspace, formatDate, fromKey as fromDateKey, inputClasses, isMac, isSeverityTone, mediaFileName, resolveTheme, severityOf, tabButtonId, tabPanelId, toKey as toDateKey, toISODate, useClickOutside, useTheme } from './chunk-YZVJCHXV.js';
+import { CMD_K, CMD_DOT, SHIFT, MOD, ENTER, CMD_A, ALT_SHIFT_N, ALT_SHIFT_E, CMD_ENTER, CMD_S, ALT_SHIFT_D, CMD_Z, CMD_SHIFT_Z, formatDate, useTheme, GlobalSearch, resolveTheme, useClickOutside, ListLoadError, ListFooter, firstEnabledIndex, FormField, Input_default, applyThemePrefs, lastEnabledIndex, nextEnabledIndex, matchTypeahead } from './chunk-LEMEFL6U.js';
+export { ALT, ALT_SHIFT_D, ALT_SHIFT_E, ALT_SHIFT_N, Accordion, AuthScreen, Avatar, AvatarGroup, Banner, BarChart, BrandAssetEditor, CMD_A, CMD_DOT, CMD_ENTER, CMD_K, CMD_S, Calendar, Card, ChatTemplate, Checkbox_default as Checkbox, CheckoutTemplate, ColoredBadge, ContainerFillChart, CountBadge, DashboardTemplate, DataTable, DataTablePage, DatePicker_default as DatePicker, DateRangePicker, DateTimePicker_default as DateTimePicker, DescriptionList, Divider, DonutChart, Drawer, DropdownMenu, ENTER, EmailTemplate, EmptyState, ErrorBoundary, ErrorPage, FilePicker, FormErrorSummary, FormField, FormLayoutPage, GROUP_COLORS, GalleryTemplate, GlobalSearch, Grid, HelpCenter, INPUT_BASE, INPUT_SIZES, IconButton_default as IconButton, Inline, Input_default as Input, InputNumber_default as InputNumber, Kanban, Label, LineChart, ListFooter, ListLoadError, MAX_FRACTION_DIGITS, MOD, Markdown, MediaUploadField, MediaUploadGrid, MetricBar, MilestoneTimeline, NativeSelect, NumericKeypad, PageHeader, Pagination, Paragraph, PortalBrandingProvider, Radio_default as Radio, SHIFT, SearchableSelect, Segmented, Select_default as Select, SidebarActionButton, SidebarGroupLabel, SidebarNavItem, Skeleton, Sparkline, Stack, StatCard, Statistic, StatusBadge, StatusBadgeProvider, Stepper, Switch_default as Switch, Tabs, TagInput, Text, Textarea_default as Textarea, TileButton_default as TileButton, TimePicker_default as TimePicker, Title, Tooltip, TopNav, appendKey, applyThemePrefs, backspace, formatDate, fromKey as fromDateKey, inputClasses, isMac, isSeverityTone, mediaFileName, resolvePortalBrandAsset, resolveTheme, severityOf, tabButtonId, tabPanelId, toKey as toDateKey, toISODate, useClickOutside, usePortalBranding, useTheme } from './chunk-LEMEFL6U.js';
 export { Breadcrumbs } from './chunk-HNH7FOYB.js';
 import { withSpareRow, EditableGrid } from './chunk-DC6BYGZ6.js';
 export { EditableGrid } from './chunk-DC6BYGZ6.js';
@@ -14,19 +11,24 @@ import { SidebarLayout } from './chunk-YG45DAUT.js';
 export { SidebarLayout } from './chunk-YG45DAUT.js';
 import { toast_default } from './chunk-2VM2FRZJ.js';
 export { toast_default as toast } from './chunk-2VM2FRZJ.js';
-import { APP_VERSION, VERSION } from './chunk-M2IJT4OA.js';
-export { VERSION } from './chunk-M2IJT4OA.js';
+import { publishDesktopFolders, requestFilesTrashView, FolderGlyph, requestFilesDesktopFolderView, FileIconTile } from './chunk-7RUYFI6O.js';
+import './chunk-CT3HVZRZ.js';
+import { setPdfPreview } from './chunk-3L463T5H.js';
+import { APP_VERSION, VERSION } from './chunk-KLSUJ46L.js';
+export { VERSION } from './chunk-KLSUJ46L.js';
 import { playNotification, playStartup, soundsEnabled, getSoundConfig, SOUND_PACK_KEYS, SOUND_PACKS, SOUND_TYPES, SOUND_TYPE_LABELS, setSoundForType, previewSound, setAllSounds, playLogout } from './chunk-D7PYW2QS.js';
-import { useAuth } from './chunk-EWDYCO65.js';
-export { setShellAuthBridge } from './chunk-EWDYCO65.js';
-import { cancelWindowFront, requestWindowFront, useWindowManager, WINDOW_REGISTRY, isPageEntry, Modal, setPerfCollecting, drainPerfEvents, markMenuOpen, SIDEBAR_STRIP_W, forgetMaximizedWindowBoxes, ModalActions, useModalActive, client_default, LoadingSpinner, isShellApiClientConfigured, useUndo, useEnclosingModalId, CancelButton, setWindowPosition } from './chunk-EXSEW5F3.js';
-export { CancelButton, CopyButton, DocFavStar, MODAL_SUBMIT_SELECTOR, Modal, ModalActions, UndoProvider, WindowCrashedFallback, WindowErrorBoundary, WindowManagerProvider, WindowTitle, beginWindowGesture, commitExposeHighlight, exitExposeMode, getActiveWindowRoute, getExposeHighlight, getWindowPosition, isEntityEntry, isPageEntry, markMenuOpen, requestWindowFront, setExposeHighlight, setShellApiClient, setShellWindowRegistry, setWindowDefaultPosition, setWindowPosition, subscribeExposeHighlight, toggleExposeMode, useEnclosingModalId, useIsActiveWindow, useModalActive, useUndo, useUndoable, useUndoableState, useWidgetSettings, useWindowDirty, useWindowManager, useWindowMenuItem, useWindowTitle } from './chunk-EXSEW5F3.js';
-import { useShellStrings, useShellPrefs, PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, useIsMobile } from './chunk-BLLINYDD.js';
-export { DEFAULT_SHELL_STRINGS, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, ShellPrefsProvider, ShellStringsProvider, useIsMobile, useLocalStoragePrefs, useShellPrefs, useShellStrings } from './chunk-BLLINYDD.js';
+import { useAuth } from './chunk-35RG2LD2.js';
+export { setShellAuthBridge } from './chunk-35RG2LD2.js';
+import { BrandMark } from './chunk-6XQHH7D2.js';
+export { BrandMark, resolveBrandMarkTreatment } from './chunk-6XQHH7D2.js';
+import { cancelWindowFront, requestWindowFront, useWindowManager, WINDOW_REGISTRY, isPageEntry, Modal, setPerfCollecting, drainPerfEvents, markMenuOpen, SIDEBAR_STRIP_W, forgetMaximizedWindowBoxes, ModalActions, useModalActive, client_default, LoadingSpinner, isShellApiClientConfigured, useUndo, useEnclosingModalId, CancelButton, setWindowPosition } from './chunk-MHUVU7ZX.js';
+export { CancelButton, CopyButton, DocFavStar, EntityWindowFallback, EntityWindowLoading, EntityWindowState, MODAL_SUBMIT_SELECTOR, Modal, ModalActions, UndoProvider, WindowCrashedFallback, WindowErrorBoundary, WindowManagerProvider, WindowTitle, beginWindowGesture, commitExposeHighlight, exitExposeMode, getActiveWindowRoute, getExposeHighlight, getWindowPosition, isEntityEntry, isPageEntry, markMenuOpen, requestWindowFront, setExposeHighlight, setShellApiClient, setShellWindowRegistry, setWindowDefaultPosition, setWindowPosition, subscribeExposeHighlight, toggleExposeMode, useEnclosingModalId, useIsActiveWindow, useModalActive, useUndo, useUndoable, useUndoableState, useWidgetSettings, useWindowDirty, useWindowManager, useWindowMenuItem, useWindowTitle } from './chunk-MHUVU7ZX.js';
+import { useShellStrings, useShellPrefs, PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, useIsMobile, Button_default } from './chunk-5TLIIDRZ.js';
+export { Button_default as Button, DEFAULT_SHELL_STRINGS, LoadingSpinner, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, Result, ShellPrefsProvider, ShellStringsProvider, useIsMobile, useLocalStoragePrefs, useShellPrefs, useShellStrings } from './chunk-5TLIIDRZ.js';
 import { registerModalEscapeInterceptor } from './chunk-CDR2Q64Q.js';
 export { ConfirmProvider, Dialog, confirm, confirmDestructive, prompt, registerModalEscapeInterceptor, useConfirm, useFocusTrap, useScrollLock } from './chunk-CDR2Q64Q.js';
-import { startMenuCategories, navVisible, navSections, isSection, navIcons, isReachable, sectionIcons, useShellAuth, visibleChildren } from './chunk-WNLPTLT6.js';
-export { ShellAuthProvider, setShellNavIcons, useShellAuth } from './chunk-WNLPTLT6.js';
+import { startMenuCategories, navVisible, navSections, isSection, navIcons, isReachable, sectionIcons, useShellAuth, visibleChildren } from './chunk-ZESNO4TZ.js';
+export { ShellAuthProvider, setShellNavIcons, useShellAuth } from './chunk-ZESNO4TZ.js';
 import { GLASS_INPUT_BG, glassStyle } from './chunk-3CUSBZWG.js';
 export { GLASS_DIVIDER, GLASS_INPUT_BG, glassStyle } from './chunk-3CUSBZWG.js';
 import { createContext, lazy, useSyncExternalStore, useState, useEffect, useRef, useCallback, useLayoutEffect, useMemo, useContext, isValidElement, cloneElement, Suspense, useId } from 'react';
@@ -2502,7 +2504,7 @@ function Desktop({ profile }) {
     }
   );
 }
-function StartupAnimation({ onComplete, ready = false, productName = "react-os-shell", subtitle, logo = "/favicon.svg" }) {
+function StartupAnimation({ onComplete, ready = false, productName = "react-os-shell", subtitle, logo = "/favicon.svg", adaptiveLogo = false, logoHasAlpha = null, logoIsLight = null }) {
   const [phase, setPhase] = useState("logo");
   const [minTimePassed, setMinTimePassed] = useState(false);
   const onCompleteRef = useRef(onComplete);
@@ -2546,11 +2548,18 @@ function StartupAnimation({ onComplete, ready = false, productName = "react-os-s
           }
         ) }),
         /* @__PURE__ */ jsx("div", { className: `relative transition-all duration-700 ease-out ${phase === "logo" ? "scale-75 opacity-0" : "scale-100 opacity-100"}`, children: /* @__PURE__ */ jsx(
-          "img",
+          BrandMark,
           {
             src: logo,
             alt: "",
-            className: "h-20 w-20 drop-shadow-[0_0_30px_rgba(124,58,237,0.5)]",
+            slot: "compact",
+            surface: "dark",
+            size: 80,
+            adaptive: adaptiveLogo,
+            hasAlpha: logoHasAlpha,
+            isLight: logoIsLight,
+            decorative: true,
+            className: "drop-shadow-[0_0_30px_rgba(124,58,237,0.5)]",
             style: { animation: "spin-in 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards" }
           }
         ) }),
@@ -2596,7 +2605,7 @@ function StartupAnimation({ onComplete, ready = false, productName = "react-os-s
     }
   );
 }
-function LogoutAnimation({ onComplete, subtitle, logo = "/favicon.svg" }) {
+function LogoutAnimation({ onComplete, subtitle, logo = "/favicon.svg", adaptiveLogo = false, logoHasAlpha = null, logoIsLight = null }) {
   const [phase, setPhase] = useState("show");
   const strings = useShellStrings();
   useEffect(() => {
@@ -2632,7 +2641,21 @@ function LogoutAnimation({ onComplete, subtitle, logo = "/favicon.svg" }) {
           {
             className: `relative transition-all duration-1000 ease-in ${phase === "out" ? "scale-0 opacity-0" : "scale-100 opacity-100"}`,
             style: phase === "out" ? { transform: "scale(0) rotate(180deg)" } : void 0,
-            children: /* @__PURE__ */ jsx("img", { src: logo, alt: "", className: "h-20 w-20 drop-shadow-[0_0_30px_rgba(124,58,237,0.5)]" })
+            children: /* @__PURE__ */ jsx(
+              BrandMark,
+              {
+                src: logo,
+                alt: "",
+                slot: "compact",
+                surface: "dark",
+                size: 80,
+                adaptive: adaptiveLogo,
+                hasAlpha: logoHasAlpha,
+                isLight: logoIsLight,
+                decorative: true,
+                className: "drop-shadow-[0_0_30px_rgba(124,58,237,0.5)]"
+              }
+            )
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: `mt-6 text-center transition-all duration-700 ${phase === "show" ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"}`, children: [
@@ -2736,6 +2759,23 @@ function menuPanelLeft(ownerLeft, ownerRight, width, viewportW, gap, preferLeft
 }
 var PANEL_GAP = 4;
 var CLOSE_DELAY = 200;
+var visibleMenuLabel = (entry) => entry.menuLabel ?? entry.label;
+var isAbbreviated = (entry) => Boolean(entry.menuLabel && entry.menuLabel !== entry.label);
+var menuAriaLabel = (entry) => isAbbreviated(entry) ? `${entry.menuLabel}, ${entry.label}` : void 0;
+function MenuLabel({ entry, className }) {
+  const abbreviated = isAbbreviated(entry);
+  const [titled, setTitled] = useState(abbreviated);
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className,
+      title: titled ? entry.label : void 0,
+      "data-menu-label": true,
+      onMouseEnter: (e) => setTitled(abbreviated || e.currentTarget.scrollWidth > e.currentTarget.clientWidth),
+      children: visibleMenuLabel(entry)
+    }
+  );
+}
 function MenuPanel({ left, anchorY, estHeight, minTop, maxBottom, flipped, className, style, onMouseEnter, onMouseLeave, children }) {
   const ref = useRef(null);
   useLayoutEffect(() => {
@@ -2866,17 +2906,18 @@ function StartMenu({
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto overflow-x-hidden wrap-anywhere", children: filtered.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-400 text-center py-12", children: "No matching apps" }) : filtered.map(({ item, sectionLabel }, i) => {
+          /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto overflow-x-hidden", children: filtered.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-400 text-center py-12", children: "No matching apps" }) : filtered.map(({ item, sectionLabel }, i) => {
             const icon = navIcons2[item.to];
             return /* @__PURE__ */ jsxs(
               "button",
               {
                 onClick: () => handleClick(item.to),
+                "aria-label": menuAriaLabel(item),
                 className: "w-full flex items-center gap-3 px-4 py-3 active:bg-gray-100 border-b border-gray-100 text-left",
                 children: [
                   /* @__PURE__ */ jsx("span", { className: "h-8 w-8 rounded-lg bg-gray-100 flex items-center justify-center text-gray-600 shrink-0", children: icon && isValidElement(icon) ? cloneElement(icon, { className: "h-5 w-5" }) : null }),
                   /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-                    /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-gray-900 truncate", children: item.label }),
+                    /* @__PURE__ */ jsx(MenuLabel, { entry: item, className: "block truncate text-sm font-medium text-gray-900" }),
                     sectionLabel && /* @__PURE__ */ jsx("div", { className: "text-[11px] text-gray-500 truncate", children: sectionLabel })
                   ] })
                 ]
@@ -2921,12 +2962,12 @@ function StartMenu({
   const posStyle = taskbarPosition === "top" ? { top: taskbarH + taskbarGap, left: 8 } : taskbarPosition === "left" ? { top: 8, left: taskbarW + taskbarGap } : taskbarPosition === "right" ? { top: 8, right: taskbarW + taskbarGap } : { bottom: taskbarH + taskbarGap, left: 8 };
   const iconEl = (path) => {
     const icon = navIcons2[path];
-    if (icon && isValidElement(icon)) return cloneElement(icon, { className: "h-4 w-4" });
+    if (icon && isValidElement(icon)) return cloneElement(icon, { className: "h-4 w-4 shrink-0" });
     return null;
   };
   const secIcon = (label) => {
     const icon = sectionIcons2[label];
-    if (icon && isValidElement(icon)) return cloneElement(icon, { className: "h-4 w-4" });
+    if (icon && isValidElement(icon)) return cloneElement(icon, { className: "h-4 w-4 shrink-0" });
     return null;
   };
   const hoveredSection = openPath.length > 0 ? openPath[0].key : null;
@@ -2942,7 +2983,8 @@ function StartMenu({
   };
   const sizeConfig = sizeConfigByDensity[density][size];
   const menuGlass = glassStyle();
-  const itemCls = `w-full flex items-center gap-2 rounded-lg ${sizeConfig.px} ${sizeConfig.py} ${sizeConfig.text}`;
+  const itemCls = `w-full min-w-0 overflow-hidden whitespace-nowrap flex items-center gap-2 rounded-lg ${sizeConfig.px} ${sizeConfig.py} ${sizeConfig.text}`;
+  const itemLabelCls = "min-w-0 flex-1 truncate text-left";
   const viewportH = typeof window !== "undefined" ? window.innerHeight : 800;
   const viewportW = typeof window !== "undefined" ? window.innerWidth : 1280;
   const minTop = (taskbarPosition === "top" ? taskbarH : 0) + 8;
@@ -2969,29 +3011,43 @@ function StartMenu({
     cancelClose();
     closeTimer.current = setTimeout(() => setOpenPath((prev) => closeMenuBelow(prev, depth)), CLOSE_DELAY);
   };
-  const chevron = /* @__PURE__ */ jsx("svg", { className: "h-3.5 w-3.5 ml-auto text-gray-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 4.5l7.5 7.5-7.5 7.5" }) });
+  const chevron = /* @__PURE__ */ jsx("svg", { className: "h-3.5 w-3.5 shrink-0 ml-auto text-gray-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 4.5l7.5 7.5-7.5 7.5" }) });
   const renderSection = (section, isErp) => {
     if (!navVisible(section, hasAnyPerm)) return null;
     const items = getVisibleItems(section);
     if (items.length === 0) return null;
     const isHovered = hoveredSection === section.label;
     return /* @__PURE__ */ jsxs("div", { onMouseEnter: (e) => openSubmenu(0, section.label, e), children: [
-      /* @__PURE__ */ jsxs("button", { className: `${itemCls} transition-colors ${isHovered ? "bg-blue-50 text-blue-700" : "text-gray-700 hover:bg-blue-50 hover:text-blue-700"}`, children: [
-        secIcon(section.label),
-        /* @__PURE__ */ jsx("span", { className: isErp ? "font-medium" : "", children: section.label }),
-        chevron
-      ] }),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          "aria-label": menuAriaLabel(section),
+          className: `${itemCls} transition-colors ${isHovered ? "bg-blue-50 text-blue-700" : "text-gray-700 hover:bg-blue-50 hover:text-blue-700"}`,
+          children: [
+            secIcon(section.label),
+            /* @__PURE__ */ jsx(MenuLabel, { entry: section, className: `${itemLabelCls} ${isErp ? "font-medium" : ""}` }),
+            chevron
+          ]
+        }
+      ),
       section.dividerAfter && /* @__PURE__ */ jsx("div", { className: "border-t border-white/20 my-1.5 mx-2" })
     ] }, section.label);
   };
   const renderVirtualSection = (v) => {
     if (v.items.length === 0) return null;
     const isHovered = hoveredSection === v.label;
-    return /* @__PURE__ */ jsx("div", { onMouseEnter: (e) => openSubmenu(0, v.label, e), children: /* @__PURE__ */ jsxs("button", { className: `${itemCls} transition-colors ${isHovered ? "bg-blue-50 text-blue-700" : "text-gray-700 hover:bg-blue-50 hover:text-blue-700"}`, children: [
-      v.icon,
-      /* @__PURE__ */ jsx("span", { children: v.label }),
-      chevron
-    ] }) }, v.label);
+    return /* @__PURE__ */ jsx("div", { onMouseEnter: (e) => openSubmenu(0, v.label, e), children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        "aria-label": menuAriaLabel(v),
+        className: `${itemCls} transition-colors ${isHovered ? "bg-blue-50 text-blue-700" : "text-gray-700 hover:bg-blue-50 hover:text-blue-700"}`,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "shrink-0", children: v.icon }),
+          /* @__PURE__ */ jsx(MenuLabel, { entry: v, className: itemLabelCls }),
+          chevron
+        ]
+      }
+    ) }, v.label);
   };
   return (
     /* z-[1100]: sit above the entire window stack — normal windows climb to
@@ -3049,30 +3105,32 @@ function StartMenu({
                   ] })
                 }
               ),
-              search.length >= 2 ? /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto overflow-x-hidden wrap-anywhere px-1 pb-2 max-h-[400px]", children: searchResults.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-400 text-center py-4", children: "No results" }) : searchResults.map((r, i) => /* @__PURE__ */ jsxs(
+              search.length >= 2 ? /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto overflow-x-hidden px-1 pb-2 max-h-[400px]", children: searchResults.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-400 text-center py-4", children: "No results" }) : searchResults.map((r, i) => /* @__PURE__ */ jsxs(
                 "button",
                 {
                   onClick: () => handleClick(r.to),
                   onMouseEnter: () => setSearchIdx(i),
+                  "aria-label": menuAriaLabel(r),
                   className: `${itemCls} transition-colors ${i === searchIdx ? "bg-blue-50 text-blue-700" : "text-gray-700 hover:bg-blue-50 hover:text-blue-700"}`,
                   children: [
                     iconEl(r.to),
-                    /* @__PURE__ */ jsx("span", { children: r.label }),
-                    r.section && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-gray-400 ml-auto", children: r.section })
+                    /* @__PURE__ */ jsx(MenuLabel, { entry: r, className: itemLabelCls }),
+                    r.section && /* @__PURE__ */ jsx("span", { className: "max-w-[40%] shrink-0 truncate text-[10px] text-gray-400 ml-auto", children: r.section })
                   ]
                 },
                 i
-              )) }) : /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto overflow-x-hidden wrap-anywhere px-1 pb-1 flex flex-col", children: [
+              )) }) : /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto overflow-x-hidden px-1 pb-1 flex flex-col", children: [
                 isVertical && /* @__PURE__ */ jsxs(Fragment, { children: [
                   footerItems.map((item) => /* @__PURE__ */ jsxs(
                     "button",
                     {
                       onClick: () => handleClick(item.to),
                       onMouseEnter: () => scheduleClose(0),
+                      "aria-label": menuAriaLabel(item),
                       className: `${itemCls} text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors`,
                       children: [
                         iconEl(item.to),
-                        /* @__PURE__ */ jsx("span", { children: item.label })
+                        /* @__PURE__ */ jsx(MenuLabel, { entry: item, className: itemLabelCls })
                       ]
                     },
                     item.to
@@ -3086,10 +3144,11 @@ function StartMenu({
                       "button",
                       {
                         onClick: () => handleClick(item.to),
+                        "aria-label": menuAriaLabel(item),
                         className: `${itemCls} text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors`,
                         children: [
                           iconEl(item.to),
-                          /* @__PURE__ */ jsx("span", { children: item.label })
+                          /* @__PURE__ */ jsx(MenuLabel, { entry: item, className: itemLabelCls })
                         ]
                       }
                     ),
@@ -3104,10 +3163,11 @@ function StartMenu({
                       "button",
                       {
                         onClick: () => handleClick(item.to),
+                        "aria-label": menuAriaLabel(item),
                         className: `${itemCls} text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors`,
                         children: [
                           iconEl(item.to),
-                          /* @__PURE__ */ jsx("span", { children: item.label })
+                          /* @__PURE__ */ jsx(MenuLabel, { entry: item, className: itemLabelCls })
                         ]
                       }
                     ),
@@ -3124,10 +3184,11 @@ function StartMenu({
                     {
                       onClick: () => handleClick(item.to),
                       onMouseEnter: () => scheduleClose(0),
+                      "aria-label": menuAriaLabel(item),
                       className: `${itemCls} text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors`,
                       children: [
                         iconEl(item.to),
-                        /* @__PURE__ */ jsx("span", { children: item.label })
+                        /* @__PURE__ */ jsx(MenuLabel, { entry: item, className: itemLabelCls })
                       ]
                     },
                     item.to
@@ -3174,7 +3235,7 @@ function StartMenu({
             style: menuGlass,
             onMouseEnter: () => scheduleClose(i + 1),
             onMouseLeave: () => scheduleClose(i),
-            children: /* @__PURE__ */ jsx("div", { className: "py-1 px-1 overflow-y-auto overflow-x-hidden wrap-anywhere overscroll-contain", style: { maxHeight: availH }, children: items.map((item) => {
+            children: /* @__PURE__ */ jsx("div", { className: "py-1 px-1 overflow-y-auto overflow-x-hidden overscroll-contain", style: { maxHeight: availH }, children: items.map((item) => {
               const kids = submenuItems(item);
               const isOpen = openPath[i + 1]?.key === item.to;
               return /* @__PURE__ */ jsxs(
@@ -3186,10 +3247,11 @@ function StartMenu({
                       "button",
                       {
                         onClick: kids.length > 0 ? (e) => openSubmenu(i + 1, item.to, e) : () => handleClick(item.to),
+                        "aria-label": menuAriaLabel(item),
                         className: `${itemCls} transition-colors ${isOpen ? "bg-blue-50 text-blue-700" : "text-gray-700 hover:bg-blue-50 hover:text-blue-700"}`,
                         children: [
                           iconEl(item.to),
-                          /* @__PURE__ */ jsx("span", { children: item.label }),
+                          /* @__PURE__ */ jsx(MenuLabel, { entry: item, className: itemLabelCls }),
                           kids.length > 0 && chevron
                         ]
                       }
@@ -3215,6 +3277,9 @@ function StartMenu({
 function MobileAppLanding({
   productName,
   productIcon,
+  adaptiveLogo = false,
+  logoHasAlpha = null,
+  logoIsLight = null,
   config,
   wallpaperStyle
 }) {
@@ -3233,7 +3298,20 @@ function MobileAppLanding({
           className: "w-full max-w-sm rounded-3xl p-8 flex flex-col items-center text-center",
           style: glassStyle(),
           children: [
-            /* @__PURE__ */ jsx("div", { className: "h-20 w-20 rounded-2xl overflow-hidden bg-white/60 flex items-center justify-center shadow-sm mb-5", children: /* @__PURE__ */ jsx("img", { src: productIcon, alt: "", className: "h-full w-full object-contain p-3" }) }),
+            /* @__PURE__ */ jsx("div", { className: "h-20 w-20 rounded-2xl overflow-hidden bg-white/60 flex items-center justify-center shadow-sm mb-5", children: /* @__PURE__ */ jsx(
+              BrandMark,
+              {
+                src: productIcon,
+                alt: "",
+                slot: "compact",
+                surface: "light",
+                size: 56,
+                adaptive: adaptiveLogo,
+                hasAlpha: logoHasAlpha,
+                isLight: logoIsLight,
+                decorative: true
+              }
+            ) }),
             /* @__PURE__ */ jsx("h1", { className: "text-xl font-semibold text-gray-900 leading-snug", children: heading }),
             /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-gray-600 leading-relaxed", children: description }),
             hasLink && /* @__PURE__ */ jsxs(
@@ -3254,7 +3332,7 @@ function MobileAppLanding({
     }
   );
 }
-var Sidebar = lazy(() => import('./Sidebar-B3LY5T2U.js'));
+var Sidebar = lazy(() => import('./Sidebar-GFDPPC4X.js'));
 function useFavorites(wallpapers) {
   const { prefs, save } = useShellPrefs();
   const favorites = prefs.favorite_pages || [];
@@ -3541,6 +3619,9 @@ function Layout({
   const brandName = branding?.productName ?? productName;
   const brandIcon = branding?.logo ?? productIcon;
   const brandTagline = branding?.tagline;
+  const brandAdaptive = branding?.adaptiveLogo ?? false;
+  const brandHasAlpha = branding?.logoHasAlpha ?? null;
+  const brandIsLight = branding?.logoIsLight ?? null;
   const host = useDesktopHost();
   const { user, logout, hasAnyPerm } = useAuth();
   const { openPage, openEntity, openWindows } = useWindowManager();
@@ -3695,11 +3776,11 @@ function Layout({
   }, [toggleFullscreen]);
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-screen", children: [
     /* @__PURE__ */ jsx(SessionWindowRestore, {}),
-    showStartup && /* @__PURE__ */ jsx(StartupAnimation, { onComplete: () => setShowStartup(false), ready: !!profile, productName: brandName, logo: brandIcon, subtitle: brandTagline }),
+    showStartup && /* @__PURE__ */ jsx(StartupAnimation, { onComplete: () => setShowStartup(false), ready: !!profile, productName: brandName, logo: brandIcon, subtitle: brandTagline, adaptiveLogo: brandAdaptive, logoHasAlpha: brandHasAlpha, logoIsLight: brandIsLight }),
     showLogout && /* @__PURE__ */ jsx(LogoutAnimation, { onComplete: () => {
       sessionStorage.removeItem("erp_startup_shown");
       logout();
-    }, logo: brandIcon, subtitle: brandTagline }),
+    }, logo: brandIcon, subtitle: brandTagline, adaptiveLogo: brandAdaptive, logoHasAlpha: brandHasAlpha, logoIsLight: brandIsLight }),
     !sidebarMode && /* @__PURE__ */ jsx(
       StartMenu,
       {
@@ -3742,7 +3823,10 @@ function Layout({
         sectionIcons: sectionIcons2,
         categories,
         productName: brandName,
-        productIcon: brandIcon
+        productIcon: brandIcon,
+        adaptiveLogo: brandAdaptive,
+        logoHasAlpha: brandHasAlpha,
+        logoIsLight: brandIsLight
       }
     ) }),
     (() => {
@@ -3765,6 +3849,9 @@ function Layout({
           {
             productName: brandName,
             productIcon: brandIcon,
+            adaptiveLogo: brandAdaptive,
+            logoHasAlpha: brandHasAlpha,
+            logoIsLight: brandIsLight,
             config: mobileApp,
             wallpaperStyle
           }
@@ -3850,7 +3937,21 @@ function Layout({
                           style: { background: "radial-gradient(circle 60px at var(--mx, 50%) var(--my, 50%), rgba(255,255,255,0.25) 0%, transparent 100%)" }
                         }
                       ),
-                      brandIcon && /* @__PURE__ */ jsx("img", { src: brandIcon, alt: "", className: "relative z-10 h-3.5 w-3.5 shrink-0 opacity-60" }),
+                      brandIcon && /* @__PURE__ */ jsx(
+                        BrandMark,
+                        {
+                          src: brandIcon,
+                          alt: "",
+                          slot: "compact",
+                          surface: "light",
+                          adaptive: brandAdaptive,
+                          hasAlpha: brandHasAlpha,
+                          isLight: brandIsLight,
+                          size: 14,
+                          decorative: true,
+                          className: "relative z-10 opacity-60"
+                        }
+                      ),
                       /* @__PURE__ */ jsx("span", { className: "relative z-10 truncate", children: brandName })
                     ]
                   }
@@ -3916,7 +4017,7 @@ function Layout({
       GlobalSearch,
       {
         ...search,
-        onSelect: (result) => openEntity(result.entity_type, result.entity_id, null, result.label)
+        onSelect: (result) => openEntity(result.entity_type, result.entity_id, void 0, result.label)
       }
     ),
     /* @__PURE__ */ jsx(ShortcutHelp, {})