react-os-shell 2.8.1 → 2.9.1

package/dist/{chunk-WIJ45SYD.js → chunk-VENYVK3L.js}

@@ -28,17 +28,22 @@ var GLASS_COMMON = `
   border: 1px solid rgba(255,255,255,0.35);
   box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 8px 32px rgba(0,0,0,0.15), 0 2px 8px rgba(0,0,0,0.08);
 `;
-function showToast(variant, message) {
+function showToast(variant, message, opts) {
   import('./sounds-NT4DEZGD.js').then((s) => {
     if (variant === "success") s.playSuccess();
-    else s.playError();
+    else if (variant === "error") s.playError();
+    else s.playNotification();
   }).catch(() => {
   });
   const container = getOrCreate(TOAST_CONTAINER_ID, "fixed top-4 left-1/2 -translate-x-1/2 z-[9999] flex flex-col gap-2 items-center pointer-events-none");
   const o = getMenuOpacity();
-  const isSuccess = variant === "success";
-  const color = isSuccess ? "#22c55e" : "#ef4444";
-  const icon = isSuccess ? '<svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="' + color + '" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>' : '<svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="' + color + '" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/></svg>';
+  const color = variant === "success" ? "#22c55e" : variant === "error" ? "#ef4444" : "#3b82f6";
+  const icons = {
+    success: '<svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="' + color + '" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>',
+    error: '<svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="' + color + '" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/></svg>',
+    info: '<svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="' + color + '" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>'
+  };
+  const icon = icons[variant];
   const el = document.createElement("div");
   el.className = "pointer-events-auto";
   el.style.cssText = `
@@ -48,7 +53,7 @@ function showToast(variant, message) {
     transition: opacity ${FADE_MS}ms ease, transform ${FADE_MS}ms ease;
     display: flex; align-items: center; gap: 8px;
     font-size: 13px; font-weight: 500; color: rgb(55,65,81);
-    white-space: nowrap;
+    max-width: min(90vw, 460px);
   `;
   el.innerHTML = icon;
   const span = document.createElement("span");
@@ -59,11 +64,12 @@ function showToast(variant, message) {
     el.style.opacity = "1";
     el.style.transform = "translateY(0) scale(1)";
   });
+  const duration = opts?.duration ?? (variant === "info" ? 4500 : 3e3);
   setTimeout(() => {
     el.style.opacity = "0";
     el.style.transform = "translateY(-10px) scale(0.95)";
     setTimeout(() => el.remove(), FADE_MS);
-  }, 3e3);
+  }, duration);
 }
 function showNotification(message, opts) {
   import('./sounds-NT4DEZGD.js').then((s) => s.playNotification()).catch(() => {
@@ -111,10 +117,12 @@ function showNotification(message, opts) {
 var toast = {
   success: (message) => showToast("success", message),
   error: (message) => showToast("error", message),
-  info: (message, opts) => showNotification(message, opts)
+  info: (message, opts) => showToast("info", message, opts),
+  // Persistent top-right notification card (the old toast.info presentation).
+  notify: (message, opts) => showNotification(message, opts)
 };
 var toast_default = toast;
 
 export { toast_default };
-//# sourceMappingURL=chunk-WIJ45SYD.js.map
-//# sourceMappingURL=chunk-WIJ45SYD.js.map
+//# sourceMappingURL=chunk-VENYVK3L.js.map
+//# sourceMappingURL=chunk-VENYVK3L.js.map

package/dist/chunk-VENYVK3L.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shell/toast.ts"],"names":[],"mappings":"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","file":"chunk-VENYVK3L.js","sourcesContent":["/**\n * Two presentations:\n *\n * 1. toast.success / error / info — brief operation feedback, top-center,\n *    auto-dismiss (success/error ~3s, info ~4.5s). The everyday \"what just\n *    happened\" feedback — most messages want this.\n * 2. toast.notify — system notification, top-right card, stays 10s, dismissible.\n *    For an alert worth lingering on; reach for it deliberately, not by default.\n *\n * (Historically `toast.info` rendered the top-right notification card; it now\n * renders a brief toast — that persistent card moved to `toast.notify`.)\n */\n\nconst TOAST_CONTAINER_ID = 'toast-container';\nconst NOTIF_CONTAINER_ID = 'notif-container';\nconst FADE_MS = 300;\n\nfunction getOrCreate(id: string, className: string): HTMLElement {\n  let el = document.getElementById(id);\n  if (!el) {\n    el = document.createElement('div');\n    el.id = id;\n    el.className = className;\n    document.body.appendChild(el);\n  }\n  return el;\n}\n\nfunction getMenuOpacity(): number {\n  try {\n    const val = getComputedStyle(document.documentElement).getPropertyValue('--menu-opacity')?.trim();\n    if (val) return parseFloat(val);\n  } catch {}\n  return 0.95;\n}\n\nfunction glassBackground(o: number): string {\n  return `linear-gradient(135deg, rgba(255,255,255,${o * 0.85}) 0%, rgba(255,255,255,${o * 0.65}) 50%, rgba(255,255,255,${o * 0.75}) 100%)`;\n}\n\nconst GLASS_COMMON = `\n  backdrop-filter: blur(40px) saturate(1.8); -webkit-backdrop-filter: blur(40px) saturate(1.8);\n  border: 1px solid rgba(255,255,255,0.35);\n  box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 8px 32px rgba(0,0,0,0.15), 0 2px 8px rgba(0,0,0,0.08);\n`;\n\n// ── Toast (operation feedback) — top-center, brief ──\n\nfunction showToast(variant: 'success' | 'error' | 'info', message: string,\n                   opts?: { duration?: number }) {\n  import('../utils/sounds').then(s => {\n    if (variant === 'success') s.playSuccess();\n    else if (variant === 'error') s.playError();\n    else s.playNotification();\n  }).catch(() => {});\n\n  const container = getOrCreate(TOAST_CONTAINER_ID, 'fixed top-4 left-1/2 -translate-x-1/2 z-[9999] flex flex-col gap-2 items-center pointer-events-none');\n  const o = getMenuOpacity();\n  const color = variant === 'success' ? '#22c55e' : variant === 'error' ? '#ef4444' : '#3b82f6';\n  const icons = {\n    success: '<svg class=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"' + color + '\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"/></svg>',\n    error: '<svg class=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"' + color + '\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\"/></svg>',\n    info: '<svg class=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"' + color + '\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"/></svg>',\n  };\n  const icon = icons[variant];\n\n  const el = document.createElement('div');\n  el.className = 'pointer-events-auto';\n  el.style.cssText = `\n    padding: 8px 20px; border-radius: 12px;\n    background: ${glassBackground(o)}; ${GLASS_COMMON}\n    opacity: 0; transform: translateY(-10px) scale(0.95);\n    transition: opacity ${FADE_MS}ms ease, transform ${FADE_MS}ms ease;\n    display: flex; align-items: center; gap: 8px;\n    font-size: 13px; font-weight: 500; color: rgb(55,65,81);\n    max-width: min(90vw, 460px);\n  `;\n  el.innerHTML = icon;\n  const span = document.createElement('span');\n  span.textContent = message;\n  el.appendChild(span);\n\n  container.appendChild(el);\n  requestAnimationFrame(() => { el.style.opacity = '1'; el.style.transform = 'translateY(0) scale(1)'; });\n\n  // Info messages are usually a sentence (\"no matches — check X\"); give them a\n  // beat longer to read than the terse success/error confirmations.\n  const duration = opts?.duration ?? (variant === 'info' ? 4500 : 3000);\n  setTimeout(() => {\n    el.style.opacity = '0';\n    el.style.transform = 'translateY(-10px) scale(0.95)';\n    setTimeout(() => el.remove(), FADE_MS);\n  }, duration);\n}\n\n// ── Notification (system alert) — top-right, stays longer ──\n\nfunction showNotification(message: string, opts?: { duration?: number }) {\n  import('../utils/sounds').then(s => s.playNotification()).catch(() => {});\n\n  const container = getOrCreate(NOTIF_CONTAINER_ID, 'fixed top-4 right-4 z-[9999] flex flex-col gap-3 items-end pointer-events-none');\n  const o = getMenuOpacity();\n\n  const el = document.createElement('div');\n  el.className = 'pointer-events-auto cursor-pointer';\n  el.style.cssText = `\n    min-width: 280px; max-width: 380px; padding: 12px 16px; border-radius: 16px;\n    background: ${glassBackground(o)}; ${GLASS_COMMON}\n    opacity: 0; transform: translateX(30px) scale(0.95);\n    transition: opacity ${FADE_MS}ms cubic-bezier(0.4,0,0.2,1), transform ${FADE_MS}ms cubic-bezier(0.4,0,0.2,1);\n    display: flex; align-items: flex-start; gap: 12px;\n  `;\n\n  el.innerHTML = `\n    <div style=\"width: 36px; height: 36px; border-radius: 10px; background: rgba(59,130,246,0.15); display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\n      <svg class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"#3b82f6\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75v-.7V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0\"/></svg>\n    </div>\n    <div style=\"flex: 1; min-width: 0;\">\n      <div style=\"font-size: 11px; font-weight: 600; color: #3b82f6; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 2px;\">Notification</div>\n      <div class=\"notif-msg\" style=\"font-size: 13px; font-weight: 500; color: rgb(55,65,81); line-height: 1.4;\"></div>\n    </div>\n    <button style=\"flex-shrink: 0; padding: 4px; color: rgb(156,163,175); font-size: 18px; line-height: 1; transition: color 0.2s;\" onmouseenter=\"this.style.color='rgb(75,85,99)'\" onmouseleave=\"this.style.color='rgb(156,163,175)'\">&times;</button>\n  `;\n\n  const msgEl = el.querySelector('.notif-msg');\n  if (msgEl) msgEl.textContent = message;\n\n  const dismiss = () => {\n    el.style.opacity = '0';\n    el.style.transform = 'translateX(30px) scale(0.95)';\n    setTimeout(() => el.remove(), FADE_MS);\n  };\n\n  el.querySelector('button')?.addEventListener('click', (e) => { e.stopPropagation(); dismiss(); });\n  el.addEventListener('click', dismiss);\n\n  container.appendChild(el);\n  requestAnimationFrame(() => { el.style.opacity = '1'; el.style.transform = 'translateX(0) scale(1)'; });\n\n  setTimeout(dismiss, opts?.duration ?? 10000);\n}\n\nconst toast = {\n  success: (message: string) => showToast('success', message),\n  error: (message: string) => showToast('error', message),\n  info: (message: string, opts?: { duration?: number }) => showToast('info', message, opts),\n  // Persistent top-right notification card (the old toast.info presentation).\n  notify: (message: string, opts?: { duration?: number }) => showNotification(message, opts),\n};\n\nexport default toast;\n"]}

package/dist/index.d.ts

@@ -436,10 +436,16 @@ declare const ALT_SHIFT_E: string;
 declare const ALT_SHIFT_N: string;
 
 /**
- * Two notification systems:
+ * Two presentations:
  *
- * 1. toast.success/error — operation feedback, top-center, auto-dismiss 3s
- * 2. toast.info — system notification, top-right, stays 10s, dismissible
+ * 1. toast.success / error / info — brief operation feedback, top-center,
+ *    auto-dismiss (success/error ~3s, info ~4.5s). The everyday "what just
+ *    happened" feedback — most messages want this.
+ * 2. toast.notify — system notification, top-right card, stays 10s, dismissible.
+ *    For an alert worth lingering on; reach for it deliberately, not by default.
+ *
+ * (Historically `toast.info` rendered the top-right notification card; it now
+ * renders a brief toast — that persistent card moved to `toast.notify`.)
  */
 declare const toast: {
     success: (message: string) => void;
@@ -447,6 +453,9 @@ declare const toast: {
     info: (message: string, opts?: {
         duration?: number;
     }) => void;
+    notify: (message: string, opts?: {
+        duration?: number;
+    }) => void;
 };
 
 interface GridColumn {

package/dist/index.js

@@ -1,17 +1,17 @@
-import { subscribePomo, getPomoSnapshot } from './chunk-P75EON66.js';
-export { setShellTodoProvider } from './chunk-P75EON66.js';
-import { PREVIEW_OPENED_EVENT, publishDesktopFolders, requestFilesTrashView, FolderGlyph, openPreviewFile, requestFilesDesktopFolderView, FileIconTile, hashGradient } from './chunk-ZEMXT6BR.js';
-export { Breadcrumbs } from './chunk-ZEMXT6BR.js';
+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-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-WG3PMYDQ.js';
-import './chunk-KUIPWCTJ.js';
-import { toast_default } from './chunk-WIJ45SYD.js';
-export { toast_default as toast } from './chunk-WIJ45SYD.js';
-export { EditableGrid } from './chunk-V6N2NXHQ.js';
-import { APP_VERSION } from './chunk-IXW6775F.js';
-export { VERSION } from './chunk-IXW6775F.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-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';
@@ -1221,7 +1221,7 @@ function BugReportProvider({ children }) {
     )
   ] });
 }
-var LazyImageAnnotator = lazy(() => import('./ImageAnnotator-CTTMAY5Z.js'));
+var LazyImageAnnotator = lazy(() => import('./ImageAnnotator-55NPWJ2R.js'));
 function UploadDropZone({ onSelect }) {
   const inputRef = useRef(null);
   const [hover, setHover] = useState(false);
@@ -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: [