react-os-shell 2.9.0 → 2.9.1

package/dist/index.js

@@ -1,17 +1,17 @@
 import { subscribePomo, getPomoSnapshot } from './chunk-FIUUGSGJ.js';
 export { setShellTodoProvider } from './chunk-FIUUGSGJ.js';
-import { PREVIEW_OPENED_EVENT, publishDesktopFolders, requestFilesTrashView, FolderGlyph, openPreviewFile, requestFilesDesktopFolderView, FileIconTile, hashGradient } from './chunk-EMVVW7CY.js';
-export { Breadcrumbs } from './chunk-EMVVW7CY.js';
+import { PREVIEW_OPENED_EVENT, publishDesktopFolders, requestFilesTrashView, FolderGlyph, openPreviewFile, requestFilesDesktopFolderView, FileIconTile, hashGradient } from './chunk-75YZMM5Q.js';
+export { Breadcrumbs } from './chunk-75YZMM5Q.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';
-import { setPdfPreview } from './chunk-UXJKPSLC.js';
+import { setPdfPreview } from './chunk-DF6TNR4B.js';
 import './chunk-NUPYEVU4.js';
 import { toast_default } from './chunk-VENYVK3L.js';
 export { toast_default as toast } from './chunk-VENYVK3L.js';
-export { EditableGrid } from './chunk-YUZRECE6.js';
-import { APP_VERSION } from './chunk-Y4FCCBR7.js';
-export { VERSION } from './chunk-Y4FCCBR7.js';
+export { EditableGrid } from './chunk-RADCIHYG.js';
+import { APP_VERSION } from './chunk-IONOMHM2.js';
+export { VERSION } from './chunk-IONOMHM2.js';
 import { useWindowManager, PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, Modal, WINDOW_REGISTRY, isPageEntry, useShellPrefs, useIsMobile, ModalActions, useModalActive, client_default, LoadingSpinner, setWindowPosition, ThumbCard, activateModal } from './chunk-JNF5VRPB.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-JNF5VRPB.js';
 import { confirm } from './chunk-UBN4IUDE.js';
@@ -3295,12 +3295,14 @@ function StartMenu({
   const flyoutEstH = flyoutItems.length * sizeConfig.itemH + 12;
   const flyoutH = measuredFlyout?.key === hoveredSection ? measuredFlyout.h : flyoutEstH;
   const menuWidth = sizeConfig.mw;
-  const menuRect = menuRef.current?.getBoundingClientRect();
-  const minTop = menuRect ? menuRect.top : taskbarPosition === "top" ? taskbarH + 4 : 4;
-  const maxBottom = menuRect ? menuRect.bottom : taskbarPosition === "bottom" ? window.innerHeight - taskbarH - 4 : window.innerHeight - 4;
-  let flyoutTop = hoveredY - flyoutH / 2;
+  const viewportH = typeof window !== "undefined" ? window.innerHeight : 800;
+  const minTop = (taskbarPosition === "top" ? taskbarH : 0) + 8;
+  const maxBottom = viewportH - (taskbarPosition === "bottom" ? taskbarH : 0) - 8;
+  const availH = Math.max(0, maxBottom - minTop);
+  const flyoutBoxH = Math.min(flyoutH, availH);
+  let flyoutTop = hoveredY - flyoutBoxH / 2;
   if (flyoutTop < minTop) flyoutTop = minTop;
-  if (flyoutTop + flyoutH > maxBottom) flyoutTop = Math.max(minTop, maxBottom - flyoutH);
+  if (flyoutTop + flyoutBoxH > maxBottom) flyoutTop = Math.max(minTop, maxBottom - flyoutBoxH);
   const handleSectionHover = (label, e) => {
     clearTimeout(hoverTimeout.current);
     const rect = e.currentTarget.getBoundingClientRect();
@@ -3509,7 +3511,7 @@ function StartMenu({
               setHoveredChild(null);
             }, 200);
           },
-          children: /* @__PURE__ */ jsx("div", { className: "py-1 px-1", children: flyoutItems.map((item) => {
+          children: /* @__PURE__ */ jsx("div", { className: "py-1 px-1 overflow-y-auto overscroll-contain", style: { maxHeight: availH }, children: flyoutItems.map((item) => {
             const hasChildren = !!item.children && item.children.length > 0;
             const isChildHovered = hoveredChild === item.to;
             return /* @__PURE__ */ jsxs(
@@ -3553,9 +3555,10 @@ function StartMenu({
         const subLeft = flyoutRect ? flyoutRect.right + 4 : 0;
         const subEstH = kids.length * sizeConfig.itemH + 12;
         const subH = measuredSub?.key === hoveredChild ? measuredSub.h : subEstH;
-        let subTop = hoveredChildY - subH / 2;
+        const subBoxH = Math.min(subH, availH);
+        let subTop = hoveredChildY - subBoxH / 2;
         if (subTop < minTop) subTop = minTop;
-        if (subTop + subH > maxBottom) subTop = Math.max(minTop, maxBottom - subH);
+        if (subTop + subBoxH > maxBottom) subTop = Math.max(minTop, maxBottom - subBoxH);
         return /* @__PURE__ */ jsx(
           "div",
           {
@@ -3569,7 +3572,7 @@ function StartMenu({
             onMouseLeave: () => {
               childHoverTimeout.current = setTimeout(() => setHoveredChild(null), 200);
             },
-            children: /* @__PURE__ */ jsx("div", { className: "py-1 px-1", children: kids.map((child) => /* @__PURE__ */ jsxs("div", { children: [
+            children: /* @__PURE__ */ jsx("div", { className: "py-1 px-1 overflow-y-auto overscroll-contain", style: { maxHeight: availH }, children: kids.map((child) => /* @__PURE__ */ jsxs("div", { children: [
               /* @__PURE__ */ jsxs(
                 "button",
                 {
@@ -5687,14 +5690,14 @@ function SystemPreferences({
       maxWidth: 360,
       className,
       sidebarClassName: "border-r border-gray-200 bg-gray-50",
-      sidebar: /* @__PURE__ */ jsx("nav", { className: "py-1.5", children: sections2.map((item) => {
+      sidebar: /* @__PURE__ */ jsx("nav", { className: "px-1 py-1.5 space-y-0.5", children: sections2.map((item) => {
         const isActive = item.key === selected;
         return /* @__PURE__ */ jsxs(
           "button",
           {
             type: "button",
             onClick: () => setSelected(item.key),
-            className: `w-full text-left px-3 py-2.5 text-sm transition-colors flex items-start gap-2.5 ${isActive ? "bg-blue-50 text-blue-700" : "hover:bg-gray-100 text-gray-700"}`,
+            className: `w-full text-left rounded-lg px-3 py-2.5 text-sm transition-colors flex items-start gap-2.5 ${isActive ? "bg-blue-50 text-blue-700" : "hover:bg-gray-100 text-gray-700"}`,
             children: [
               item.icon && /* @__PURE__ */ jsx("span", { className: `mt-0.5 ${isActive ? "text-blue-600" : "text-gray-400"}`, children: item.icon }),
               /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [