react-os-shell 0.7.0 → 0.7.1

package/dist/index.d.ts

@@ -131,6 +131,27 @@ declare function setWindowDefaultPosition(key: string, pos: {
     w: number;
     h: number;
 }): void;
+/** Read the saved box for a window key (viewport-relative px), or null. */
+declare function getWindowPosition(key: string): {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+} | null;
+/**
+ * Force a window's saved position — unlike `setWindowDefaultPosition` this
+ * overwrites any existing entry. Use when the consumer wants to deliberately
+ * (re)place a window, e.g. the Widget Manager dropping a freshly-added widget
+ * into a tidy top-left slot regardless of where it last sat. For `autoHeight`
+ * windows the `h` here is only a first-paint placeholder — the window
+ * re-measures its content height on open.
+ */
+declare function setWindowPosition(key: string, pos: {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+}): void;
 interface ModalProps {
     open: boolean;
     onClose: () => void;
@@ -1288,4 +1309,4 @@ declare function useNewHotkey(callback: () => void): void;
  */
 declare function useEditHotkey(callback: (() => void) | null): void;
 
-export { ALT, ALT_SHIFT_D, ALT_SHIFT_E, ALT_SHIFT_N, BehaviorPanel, type BugReport, type BugReportConfig, BugReportConfigProvider, BugReportDetail, type BugReportExtraField, type BugReportExtraSelectField, BugReportProvider, type BugReportSubmission, type BugReportSubmitPayload, CMD_A, CMD_DOT, CMD_ENTER, CMD_K, CMD_S, CancelButton, type CellStyle, type ChangelogEntry, type ColumnDef, ConfirmProvider, CopyButton, Customization, type CustomizationOmitSection, type CustomizationProps, Desktop, type DesktopHostConfig, DesktopHostProvider, DocFavStar, ENTER, EditableGrid, type EditableGridProps, type EntityFetcher, EntityList, type EntityListColumn, type EntityListProps, GLASS_DIVIDER, GLASS_INPUT_BG, GlobalSearch, type GridColumn, HelpCenter, type HelpCenterDoc, type HelpCenterProps, Layout, type LayoutProps, ListFooter, type LoginPayload, MOD, type MailCapabilities, MailConnectModal, type MailUser, Markdown, type MarkdownProps, Modal, ModalActions, NotificationBell, type NotificationsConfig, type PaginatedResponse, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, type ReportType, ResizableTable, SHIFT, type SearchConfig, type SearchProvider, type SearchResult, type SemanticGroup, type ShellAuth, ShellAuthProvider, ShellEntityFetcherProvider, type ShellNotification, type ShellPrefsAdapter, ShellPrefsProvider, ShortcutHelp, type SortState, SoundsPanel, StartMenu, StatusBadge, StatusBadgeProvider, type StickyEntityRef, type StickyResolver, SystemPreferences, type SystemPreferencesProps, type SystemPreferencesSection, VERSION, WidgetManager, WindowManagerProvider, WindowRegistry, WindowTitle, commitExposeHighlight, confirm, confirmDestructive, createWindowRegistry, exitExposeMode, formatDate, getActiveWindowRoute, getExposeHighlight, glassStyle, isMac, openBugReportDialog, prompt, reportBug, setExposeHighlight, setShellApiClient, setShellAuthBridge, setShellMailServer, setShellNavIcons, setWindowDefaultPosition, subscribeExposeHighlight, toast, toggleExposeMode, useBugReport, useClickOutside, useColumnConfig, useDesktopHost, useEditHotkey, useInfiniteScroll, useLocalStoragePrefs, useMailAuth, useModalActive, useNewHotkey, useShellAuth, useShellEntityFetcher, useShellPrefs, useSort, useTableNav, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle };
+export { ALT, ALT_SHIFT_D, ALT_SHIFT_E, ALT_SHIFT_N, BehaviorPanel, type BugReport, type BugReportConfig, BugReportConfigProvider, BugReportDetail, type BugReportExtraField, type BugReportExtraSelectField, BugReportProvider, type BugReportSubmission, type BugReportSubmitPayload, CMD_A, CMD_DOT, CMD_ENTER, CMD_K, CMD_S, CancelButton, type CellStyle, type ChangelogEntry, type ColumnDef, ConfirmProvider, CopyButton, Customization, type CustomizationOmitSection, type CustomizationProps, Desktop, type DesktopHostConfig, DesktopHostProvider, DocFavStar, ENTER, EditableGrid, type EditableGridProps, type EntityFetcher, EntityList, type EntityListColumn, type EntityListProps, GLASS_DIVIDER, GLASS_INPUT_BG, GlobalSearch, type GridColumn, HelpCenter, type HelpCenterDoc, type HelpCenterProps, Layout, type LayoutProps, ListFooter, type LoginPayload, MOD, type MailCapabilities, MailConnectModal, type MailUser, Markdown, type MarkdownProps, Modal, ModalActions, NotificationBell, type NotificationsConfig, type PaginatedResponse, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, type ReportType, ResizableTable, SHIFT, type SearchConfig, type SearchProvider, type SearchResult, type SemanticGroup, type ShellAuth, ShellAuthProvider, ShellEntityFetcherProvider, type ShellNotification, type ShellPrefsAdapter, ShellPrefsProvider, ShortcutHelp, type SortState, SoundsPanel, StartMenu, StatusBadge, StatusBadgeProvider, type StickyEntityRef, type StickyResolver, SystemPreferences, type SystemPreferencesProps, type SystemPreferencesSection, VERSION, WidgetManager, WindowManagerProvider, WindowRegistry, WindowTitle, commitExposeHighlight, confirm, confirmDestructive, createWindowRegistry, exitExposeMode, formatDate, getActiveWindowRoute, getExposeHighlight, getWindowPosition, glassStyle, isMac, openBugReportDialog, prompt, reportBug, setExposeHighlight, setShellApiClient, setShellAuthBridge, setShellMailServer, setShellNavIcons, setWindowDefaultPosition, setWindowPosition, subscribeExposeHighlight, toast, toggleExposeMode, useBugReport, useClickOutside, useColumnConfig, useDesktopHost, useEditHotkey, useInfiniteScroll, useLocalStoragePrefs, useMailAuth, useModalActive, useNewHotkey, useShellAuth, useShellEntityFetcher, useShellPrefs, useSort, useTableNav, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle };

package/dist/index.js

@@ -6,15 +6,15 @@ export { setShellMailServer, useMailAuth } from './chunk-VBFB3ZIN.js';
 import { subscribePomo, getPomoSnapshot } from './chunk-MK3HLUO4.js';
 import { useShellPrefs } from './chunk-36VM54SC.js';
 export { ShellPrefsProvider, useLocalStoragePrefs, useShellPrefs } from './chunk-36VM54SC.js';
-import { PREVIEW_OPENED_EVENT, openPreviewFile } from './chunk-QWQHSHAX.js';
+import { PREVIEW_OPENED_EVENT, openPreviewFile } from './chunk-SUUADOG6.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-VIUW7IPZ.js';
+import { setPdfPreview } from './chunk-KJ5664G7.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-OMCRYSXD.js';
-import { useWindowManager, PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, Modal, WINDOW_REGISTRY, isPageEntry, ModalActions, useIsMobile, useModalActive, client_default, LoadingSpinner, ThumbCard, activateModal } from './chunk-ZIRRB5P2.js';
-export { CancelButton, CopyButton, DocFavStar, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, WindowManagerProvider, WindowTitle, commitExposeHighlight, exitExposeMode, getActiveWindowRoute, getExposeHighlight, isEntityEntry, isPageEntry, setExposeHighlight, setShellApiClient, setShellWindowRegistry, setWindowDefaultPosition, subscribeExposeHighlight, toggleExposeMode, useModalActive, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle } from './chunk-ZIRRB5P2.js';
+export { EditableGrid } from './chunk-ZETQWO2W.js';
+import { useWindowManager, PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, Modal, WINDOW_REGISTRY, isPageEntry, ModalActions, useIsMobile, useModalActive, client_default, LoadingSpinner, setWindowPosition, ThumbCard, activateModal } from './chunk-3T6SQ4UO.js';
+export { CancelButton, CopyButton, DocFavStar, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, WindowManagerProvider, WindowTitle, commitExposeHighlight, exitExposeMode, getActiveWindowRoute, getExposeHighlight, getWindowPosition, isEntityEntry, isPageEntry, setExposeHighlight, setShellApiClient, setShellWindowRegistry, setWindowDefaultPosition, setWindowPosition, subscribeExposeHighlight, toggleExposeMode, useModalActive, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle } from './chunk-3T6SQ4UO.js';
 import { confirm } from './chunk-UBN4IUDE.js';
 export { ConfirmProvider, confirm, confirmDestructive, prompt } from './chunk-UBN4IUDE.js';
 import { useAuth, useShellAuth } from './chunk-ADJ3CERD.js';
@@ -1243,8 +1243,61 @@ function WidgetManager({ open, onClose }) {
   if (!open) return null;
   const activeByRoute = new Map(openWindows.filter((w) => w.route).map((w) => [w.route, w]));
   const isActive = (route) => activeByRoute.has(route);
+  const PAD = 20, GAP = 16;
+  const workArea = () => {
+    const cs = getComputedStyle(document.documentElement);
+    const tbH = parseInt(cs.getPropertyValue("--taskbar-height")) || 0;
+    const tbW = parseInt(cs.getPropertyValue("--taskbar-width")) || 0;
+    const tbPos = cs.getPropertyValue("--taskbar-position").trim() || "bottom";
+    const sidebarW = parseInt(cs.getPropertyValue("--sidebar-width")) || 0;
+    return {
+      leftOffset: (tbPos === "left" ? tbW : 0) + sidebarW + PAD,
+      topOffset: (tbPos === "top" ? tbH : 0) + PAD,
+      maxBottom: window.innerHeight - (tbPos === "bottom" ? tbH : 0) - PAD
+    };
+  };
+  const liveWidgetRects = () => [...document.querySelectorAll("[data-modal-panel][data-widget]")].map((el) => {
+    const r = el.getBoundingClientRect();
+    return { x: r.left, y: r.top, w: r.width, h: r.height };
+  }).filter((r) => r.w > 0 && r.h > 0);
+  const computeSlot = (occupied, w, h) => {
+    const { leftOffset, topOffset, maxBottom } = workArea();
+    const rightLimit = window.innerWidth - PAD;
+    const lowestInColumn = (colX) => {
+      const ov = occupied.filter((r) => r.x < colX + w && r.x + r.w > colX);
+      return ov.length ? Math.max(...ov.map((r) => r.y + r.h)) + GAP : topOffset;
+    };
+    let x = leftOffset, y = lowestInColumn(x), guard = 0;
+    while (y + h > maxBottom && x + (w + GAP) + w <= rightLimit && guard < 12) {
+      x += w + GAP;
+      y = lowestInColumn(x);
+      guard++;
+    }
+    return { x, y };
+  };
+  const dimsFor = (route) => {
+    const e = WINDOW_REGISTRY[route];
+    return { w: e?.dimensions?.[0] ?? 320, h: e?.dimensions?.[1] ?? 240, auto: !!e?.autoHeight };
+  };
+  const placeAndOpen = (route) => {
+    const { w, h, auto } = dimsFor(route);
+    const selfH = auto ? Math.min(h, 160) : h;
+    const { x, y } = computeSlot(liveWidgetRects(), w, selfH);
+    setWindowPosition(`page:${route}`, { x, y, w, h });
+    openPage(route);
+  };
+  const waitForWidget = (route) => new Promise((resolve) => {
+    const sel = `[data-modal-panel][data-window-key="page:${route}"]`;
+    let n = 0;
+    const tick = () => {
+      const el = document.querySelector(sel);
+      if (el && el.getBoundingClientRect().height > 40 || n++ > 30) resolve();
+      else setTimeout(tick, 30);
+    };
+    setTimeout(tick, 30);
+  });
   const add = (route) => {
-    if (!isActive(route)) openPage(route);
+    if (!isActive(route)) placeAndOpen(route);
   };
   const remove = (route) => {
     const w = activeByRoute.get(route);
@@ -1255,7 +1308,13 @@ function WidgetManager({ open, onClose }) {
   };
   const activeCount = widgets.reduce((n, w) => n + (isActive(w.route) ? 1 : 0), 0);
   const allActive = widgets.length > 0 && activeCount === widgets.length;
-  const addAll = () => widgets.forEach((w) => add(w.route));
+  const addAll = async () => {
+    for (const w of widgets) {
+      if (isActive(w.route)) continue;
+      placeAndOpen(w.route);
+      await waitForWidget(w.route);
+    }
+  };
   const removeAll = () => widgets.forEach((w) => remove(w.route));
   const widgetGlyph = /* @__PURE__ */ jsxs("svg", { className: "h-5 w-5 text-blue-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: [
     /* @__PURE__ */ jsx("rect", { x: "3.5", y: "3.5", width: "7", height: "7", rx: "1.5" }),
@@ -1312,7 +1371,7 @@ function WidgetManager({ open, onClose }) {
 }
 
 // src/version.ts
-var VERSION = "0.7.0" ;
+var VERSION = "0.7.1" ;
 var APP_VERSION = VERSION;
 
 // src/changelog.ts