react-os-shell 4.55.0 → 4.67.0

package/dist/index.js

@@ -5,8 +5,8 @@ export { ImageAnnotator_default as ImageAnnotator } from './chunk-ECE3B3FZ.js';
 import { publishDesktopFolders, requestFilesTrashView, FolderGlyph, requestFilesDesktopFolderView, FileIconTile } from './chunk-OQ7GRU7G.js';
 import './chunk-4SQU5YV6.js';
 import { setPdfPreview } from './chunk-BV6SQ46N.js';
-import { CMD_K, CMD_DOT, 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-CTTHBTOX.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, Card, ChatTemplate, Checkbox_default as Checkbox, CheckoutTemplate, ColoredBadge, ContainerFillChart, CountBadge, DashboardTemplate, DataTable, DataTablePage, DatePicker_default as DatePicker, DateRangePicker, DescriptionList, Divider, DonutChart, Drawer, DropdownMenu, ENTER, EmailTemplate, EmptyState, ErrorBoundary, ErrorPage, FilePicker, 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, 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, Switch_default as Switch, Tabs, Text, Textarea_default as Textarea, TileButton_default as TileButton, Title, Tooltip, TopNav, appendKey, applyThemePrefs, backspace, formatDate, inputClasses, isMac, isSeverityTone, mediaFileName, resolveTheme, severityOf, tabButtonId, tabPanelId, toISODate, useClickOutside, useTheme } from './chunk-CTTHBTOX.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-B3IYV7JN.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, 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-B3IYV7JN.js';
 export { Breadcrumbs } from './chunk-HNH7FOYB.js';
 import { withSpareRow, EditableGrid } from './chunk-DC6BYGZ6.js';
 export { EditableGrid } from './chunk-DC6BYGZ6.js';
@@ -14,17 +14,17 @@ import { SidebarLayout } from './chunk-YG45DAUT.js';
 export { SidebarLayout } from './chunk-YG45DAUT.js';
 import { toast_default } from './chunk-TK6HI2U4.js';
 export { toast_default as toast } from './chunk-TK6HI2U4.js';
-import { APP_VERSION, VERSION } from './chunk-LCLB7YBY.js';
-export { VERSION } from './chunk-LCLB7YBY.js';
+import { APP_VERSION, VERSION } from './chunk-K35QFOJF.js';
+export { VERSION } from './chunk-K35QFOJF.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-5S65ZC5W.js';
-export { CancelButton, CopyButton, DocFavStar, 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-5S65ZC5W.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-GRSVL6WX.js';
+export { CancelButton, CopyButton, DocFavStar, 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-GRSVL6WX.js';
 import { PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, useShellPrefs, useIsMobile } from './chunk-ZCDFNZQS.js';
 export { PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, ShellPrefsProvider, useIsMobile, useLocalStoragePrefs, useShellPrefs } from './chunk-ZCDFNZQS.js';
-import { registerModalEscapeInterceptor } from './chunk-OXLLRKBC.js';
-export { ConfirmProvider, Dialog, confirm, confirmDestructive, prompt, registerModalEscapeInterceptor, useConfirm, useFocusTrap, useScrollLock } from './chunk-OXLLRKBC.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 { GLASS_INPUT_BG, glassStyle } from './chunk-3CUSBZWG.js';
@@ -86,6 +86,18 @@ var sections = [
       { keys: "?", description: "Show keyboard shortcuts" }
     ]
   },
+  {
+    // The title bar is a tab stop; these act on the focused window's bar.
+    title: "Windows (title bar focused)",
+    shortcuts: [
+      { keys: "\u2190\u2191\u2192\u2193", description: "Move window" },
+      { keys: `${SHIFT} Arrows`, description: "Resize window" },
+      { keys: `${MOD} \u2190/\u2192`, description: "Snap to left / right half" },
+      { keys: `${MOD} \u2191`, description: "Maximize" },
+      { keys: `${MOD} \u2193`, description: "Restore / minimize" },
+      { keys: ENTER, description: "Toggle maximize" }
+    ]
+  },
   {
     title: "Lists",
     shortcuts: [
@@ -2469,7 +2481,7 @@ function Desktop({ profile }) {
     }
   );
 }
-function StartupAnimation({ onComplete, ready = false, productName = "react-os-shell", subtitle }) {
+function StartupAnimation({ onComplete, ready = false, productName = "react-os-shell", subtitle, logo = "/favicon.svg" }) {
   const [phase, setPhase] = useState("logo");
   const [minTimePassed, setMinTimePassed] = useState(false);
   const onCompleteRef = useRef(onComplete);
@@ -2501,6 +2513,7 @@ function StartupAnimation({ onComplete, ready = false, productName = "react-os-s
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      "data-startup-animation": "",
       className: `fixed inset-0 z-[9999] flex flex-col items-center justify-center transition-opacity duration-500 ${phase === "fade" ? "opacity-0 pointer-events-none" : "opacity-100"}`,
       style: { background: "linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%)" },
       children: [
@@ -2514,7 +2527,7 @@ 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",
           {
-            src: "/favicon.svg",
+            src: logo,
             alt: "",
             className: "h-20 w-20 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" }
@@ -2545,12 +2558,24 @@ function StartupAnimation({ onComplete, ready = false, productName = "react-os-s
           0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.15; }
           50% { transform: translate(-50%, -50%) scale(1.1); opacity: 0.25; }
         }
+        /* Reduced motion: the fades stay, the movement goes. animation:none
+         * (stylesheet !important beats the inline animation shorthands) parks
+         * the spin/bounce/pulse at their base state; restricting transitions
+         * to opacity turns the slide/scale phases into plain cross-fades.
+         * Timings and the ready-gating are untouched \u2014 this is about motion,
+         * not about how long the splash holds. */
+        @media (prefers-reduced-motion: reduce) {
+          [data-startup-animation], [data-startup-animation] * {
+            animation: none !important;
+            transition-property: opacity !important;
+          }
+        }
       ` })
       ]
     }
   );
 }
-function LogoutAnimation({ onComplete, subtitle }) {
+function LogoutAnimation({ onComplete, subtitle, logo = "/favicon.svg" }) {
   const [phase, setPhase] = useState("show");
   useEffect(() => {
     playLogout();
@@ -2564,6 +2589,7 @@ function LogoutAnimation({ onComplete, subtitle }) {
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      "data-logout-animation": "",
       className: "fixed inset-0 z-[9999] flex flex-col items-center justify-center",
       style: { background: "linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%)" },
       children: [
@@ -2584,7 +2610,7 @@ function LogoutAnimation({ onComplete, subtitle }) {
           {
             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: "/favicon.svg", alt: "", className: "h-20 w-20 drop-shadow-[0_0_30px_rgba(124,58,237,0.5)]" })
+            children: /* @__PURE__ */ jsx("img", { src: logo, alt: "", className: "h-20 w-20 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: [
@@ -2597,6 +2623,14 @@ function LogoutAnimation({ onComplete, subtitle }) {
           0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.15; }
           50% { transform: translate(-50%, -50%) scale(1.1); opacity: 0.25; }
         }
+        /* Reduced motion: same contract as StartupAnimation \u2014 fades stay,
+         * movement goes, the 2300ms cover-and-swap timing is untouched. */
+        @media (prefers-reduced-motion: reduce) {
+          [data-logout-animation], [data-logout-animation] * {
+            animation: none !important;
+            transition-property: opacity !important;
+          }
+        }
       ` })
       ]
     }
@@ -3431,6 +3465,7 @@ function TaskbarFavorites({ favorites, vertical, taskbarPosition, navSections: n
   ] });
 }
 function Layout({
+  branding,
   productName = "react-os-shell",
   productIcon = "/favicon.svg",
   wallpapers,
@@ -3444,6 +3479,9 @@ function Layout({
   clockCalendar,
   mobileApp
 } = {}) {
+  const brandName = branding?.productName ?? productName;
+  const brandIcon = branding?.logo ?? productIcon;
+  const brandTagline = branding?.tagline;
   const host = useDesktopHost();
   const { user, logout, hasAnyPerm } = useAuth();
   const { openPage, openEntity, openWindows } = useWindowManager();
@@ -3597,11 +3635,11 @@ function Layout({
     };
   }, [toggleFullscreen]);
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-screen", children: [
-    showStartup && /* @__PURE__ */ jsx(StartupAnimation, { onComplete: () => setShowStartup(false), ready: !!profile, productName }),
+    showStartup && /* @__PURE__ */ jsx(StartupAnimation, { onComplete: () => setShowStartup(false), ready: !!profile, productName: brandName, logo: brandIcon, subtitle: brandTagline }),
     showLogout && /* @__PURE__ */ jsx(LogoutAnimation, { onComplete: () => {
       sessionStorage.removeItem("erp_startup_shown");
       logout();
-    } }),
+    }, logo: brandIcon, subtitle: brandTagline }),
     !sidebarMode && /* @__PURE__ */ jsx(
       StartMenu,
       {
@@ -3643,8 +3681,8 @@ function Layout({
         navIcons: navIcons2,
         sectionIcons: sectionIcons2,
         categories,
-        productName,
-        productIcon
+        productName: brandName,
+        productIcon: brandIcon
       }
     ) }),
     (() => {
@@ -3665,8 +3703,8 @@ function Layout({
         return /* @__PURE__ */ jsx(
           MobileAppLanding,
           {
-            productName,
-            productIcon,
+            productName: brandName,
+            productIcon: brandIcon,
             config: mobileApp,
             wallpaperStyle
           }
@@ -3752,8 +3790,8 @@ function Layout({
                           style: { background: "radial-gradient(circle 60px at var(--mx, 50%) var(--my, 50%), rgba(255,255,255,0.25) 0%, transparent 100%)" }
                         }
                       ),
-                      productIcon && /* @__PURE__ */ jsx("img", { src: productIcon, alt: "", className: "relative z-10 h-3.5 w-3.5 shrink-0 opacity-60" }),
-                      /* @__PURE__ */ jsx("span", { className: "relative z-10 truncate", children: productName })
+                      brandIcon && /* @__PURE__ */ jsx("img", { src: brandIcon, alt: "", className: "relative z-10 h-3.5 w-3.5 shrink-0 opacity-60" }),
+                      /* @__PURE__ */ jsx("span", { className: "relative z-10 truncate", children: brandName })
                     ]
                   }
                 )