react-os-shell 3.15.0 → 3.16.0

package/dist/index.js

@@ -1,22 +1,22 @@
-import { subscribePomo, getPomoSnapshot } from './chunk-KHKPAF5R.js';
-export { setShellTodoProvider } from './chunk-KHKPAF5R.js';
-import { PREVIEW_OPENED_EVENT, publishDesktopFolders, requestFilesTrashView, FolderGlyph, openPreviewFile, requestFilesDesktopFolderView, FileIconTile, hashGradient } from './chunk-72RLGQXP.js';
-export { Breadcrumbs } from './chunk-72RLGQXP.js';
+import { subscribePomo, getPomoSnapshot } from './chunk-OLOSK32J.js';
+export { setShellTodoProvider } from './chunk-OLOSK32J.js';
+import { PREVIEW_OPENED_EVENT, publishDesktopFolders, requestFilesTrashView, FolderGlyph, openPreviewFile, requestFilesDesktopFolderView, FileIconTile, hashGradient } from './chunk-64CGRR3M.js';
+export { Breadcrumbs } from './chunk-64CGRR3M.js';
 import { SidebarLayout } from './chunk-YG45DAUT.js';
 export { SidebarLayout } from './chunk-YG45DAUT.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 { setPdfPreview } from './chunk-F4YQYEJQ.js';
-export { ImageAnnotator_default as ImageAnnotator } from './chunk-F4YQYEJQ.js';
+import { setPdfPreview } from './chunk-POTG7N3E.js';
+export { ImageAnnotator_default as ImageAnnotator } from './chunk-POTG7N3E.js';
 import { toast_default } from './chunk-VENYVK3L.js';
 export { toast_default as toast } from './chunk-VENYVK3L.js';
-import { EditableGrid } from './chunk-BK3ZZRRD.js';
-export { EditableGrid } from './chunk-BK3ZZRRD.js';
+import { EditableGrid } from './chunk-MMDTMBXD.js';
+export { EditableGrid } from './chunk-MMDTMBXD.js';
 import { useAuth, useShellAuth } from './chunk-ADJ3CERD.js';
 export { ShellAuthProvider, setShellAuthBridge, useShellAuth } from './chunk-ADJ3CERD.js';
-import { APP_VERSION, VERSION } from './chunk-Q2T2FDU3.js';
-export { VERSION } from './chunk-Q2T2FDU3.js';
-import { useWindowManager, PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, WINDOW_REGISTRY, isPageEntry, Modal, useShellPrefs, useIsMobile, ModalActions, useModalActive, client_default, LoadingSpinner, CancelButton, setWindowPosition, ThumbCard, activateModal } from './chunk-ZGLERMDX.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-ZGLERMDX.js';
+import { APP_VERSION, VERSION } from './chunk-DAODUEDD.js';
+export { VERSION } from './chunk-DAODUEDD.js';
+import { useWindowManager, PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, WINDOW_REGISTRY, isPageEntry, Modal, useShellPrefs, useIsMobile, ModalActions, useModalActive, client_default, LoadingSpinner, CancelButton, setWindowPosition, ThumbCard, activateModal } from './chunk-5Z57WKMX.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-5Z57WKMX.js';
 export { ConfirmProvider, confirm, confirmDestructive, prompt } from './chunk-UBN4IUDE.js';
 import { glassStyle, startMenuCategories, navSections, isSection, GLASS_INPUT_BG, navIcons, sectionIcons } from './chunk-ZF6AYO4G.js';
 export { GLASS_DIVIDER, GLASS_INPUT_BG, glassStyle, setShellNavIcons } from './chunk-ZF6AYO4G.js';
@@ -2781,6 +2781,7 @@ function StartMenu({
   taskbarPosition,
   taskbarH,
   taskbarW = 0,
+  taskbarGap = 4,
   size = "medium",
   navSections: navSections2 = navSections,
   navIcons: navIcons2 = navIcons,
@@ -2949,7 +2950,7 @@ function StartMenu({
     }),
     ...footerItems.flatMap((item) => matchTree(item, ""))
   ] : [];
-  const posStyle = taskbarPosition === "top" ? { top: taskbarH + 8, left: 8 } : taskbarPosition === "left" ? { top: 8, left: taskbarW + 8 } : taskbarPosition === "right" ? { top: 8, right: taskbarW + 8 } : { bottom: taskbarH + 8, left: 8 };
+  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" });
@@ -2964,8 +2965,13 @@ function StartMenu({
   const hoveredData = hoveredVirtual ? null : hoveredSection ? [...erpSections, ...systemSections, ...footerSections].find((s) => s.label === hoveredSection) : null;
   const flyoutItems = hoveredVirtual ? hoveredVirtual.items : hoveredData ? getVisibleItems(hoveredData) : [];
   const menuDensity = typeof document !== "undefined" ? getComputedStyle(document.documentElement).getPropertyValue("--menu-density")?.trim() || "normal" : "normal";
-  const tight = menuDensity === "tight";
-  const sizeConfig = tight ? { small: { w: "w-52", fw: "w-44", text: "text-xs", py: "py-1", px: "px-3", mw: 208, itemH: 24 }, medium: { w: "w-56", fw: "w-48", text: "text-xs", py: "py-1", px: "px-3", mw: 224, itemH: 26 }, large: { w: "w-64", fw: "w-52", text: "text-sm", py: "py-1.5", px: "px-3", mw: 256, itemH: 30 } }[size] : { small: { w: "w-56", fw: "w-48", text: "text-xs", py: "py-1.5", px: "px-3", mw: 224, itemH: 30 }, medium: { w: "w-64", fw: "w-56", text: "text-sm", py: "py-2", px: "px-4", mw: 256, itemH: 36 }, large: { w: "w-72", fw: "w-60", text: "text-sm", py: "py-2.5", px: "px-4", mw: 288, itemH: 40 } }[size];
+  const density = menuDensity === "tight" || menuDensity === "large" ? menuDensity : "normal";
+  const sizeConfigByDensity = {
+    tight: { small: { w: "w-52", fw: "w-44", text: "text-xs", py: "py-1", px: "px-3", mw: 208, itemH: 24 }, medium: { w: "w-56", fw: "w-48", text: "text-xs", py: "py-1", px: "px-3", mw: 224, itemH: 26 }, large: { w: "w-64", fw: "w-52", text: "text-sm", py: "py-1.5", px: "px-3", mw: 256, itemH: 30 } },
+    normal: { small: { w: "w-56", fw: "w-48", text: "text-xs", py: "py-1.5", px: "px-3", mw: 224, itemH: 30 }, medium: { w: "w-64", fw: "w-56", text: "text-sm", py: "py-1.5", px: "px-4", mw: 256, itemH: 32 }, large: { w: "w-72", fw: "w-60", text: "text-sm", py: "py-2", px: "px-4", mw: 288, itemH: 36 } },
+    large: { small: { w: "w-56", fw: "w-48", text: "text-xs", py: "py-2", px: "px-3", mw: 224, itemH: 32 }, medium: { w: "w-64", fw: "w-56", text: "text-sm", py: "py-2", px: "px-4", mw: 256, itemH: 36 }, large: { w: "w-72", fw: "w-60", text: "text-sm", py: "py-2", px: "px-4", mw: 288, itemH: 36 } }
+  };
+  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 flyoutEstH = flyoutItems.length * sizeConfig.itemH + 12;
@@ -4320,9 +4326,10 @@ function Layout({
   const taskbarSize = prefs.taskbar_size || "medium";
   const desktopDblClick = prefs.desktop_dblclick || "deactivate";
   const isVerticalTaskbar = taskbarPosition === "left" || taskbarPosition === "right";
-  const taskbarH = isVerticalTaskbar ? 0 : taskbarSize === "small" ? 40 : taskbarSize === "large" ? 72 : 56;
+  const taskbarH = isVerticalTaskbar ? 0 : taskbarSize === "small" ? 42 : taskbarSize === "large" ? 72 : 56;
   const taskbarW = isVerticalTaskbar ? taskbarSize === "small" ? 180 : taskbarSize === "large" ? 260 : 220 : 0;
-  const taskbarHClass = taskbarSize === "small" ? "h-10" : taskbarSize === "large" ? "h-[72px]" : "h-14";
+  const taskbarGap = taskbarSize === "small" ? 2 : taskbarSize === "large" ? 6 : 4;
+  const taskbarHClass = taskbarSize === "small" ? "h-[42px]" : taskbarSize === "large" ? "h-[72px]" : "h-14";
   const taskbarWClass = taskbarSize === "small" ? "w-[180px]" : taskbarSize === "large" ? "w-[260px]" : "w-[220px]";
   const taskbarOpacity = (prefs.transparency_taskbar ?? 70) / 100;
   const menuOpacity = (prefs.transparency_start_menu ?? 95) / 100;
@@ -4478,6 +4485,7 @@ function Layout({
         taskbarPosition,
         taskbarH,
         taskbarW,
+        taskbarGap,
         size: prefs.start_menu_size || "medium",
         navSections: navSections2,
         navIcons: navIcons2,
@@ -5050,7 +5058,8 @@ function Customization({ omit, section } = {}) {
             /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-700 w-24 shrink-0", children: "Density" }),
             /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: [
               { key: "tight", label: "Tight" },
-              { key: "normal", label: "Normal" }
+              { key: "normal", label: "Normal" },
+              { key: "large", label: "Large" }
             ].map((s) => /* @__PURE__ */ jsx(
               "button",
               {