react-os-shell 0.6.9 → 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;
@@ -801,6 +822,26 @@ interface StartMenuProps {
 }
 declare function StartMenu({ open, onClose, openPage, profile, user, onLogout, taskbarPosition, taskbarH, taskbarW, size, navSections, navIcons, sectionIcons, categories, }: StartMenuProps): react_jsx_runtime.JSX.Element | null;
 
+/**
+ * Widget gallery — the "manage widgets on the desktop" surface.
+ *
+ * Enumerates every widget-flagged page in the live window registry (so it
+ * automatically lists whatever the consumer registered, not just the bundled
+ * five) and cross-references the window manager's `openWindows` to know which
+ * are currently sitting on the desktop. Adding a widget calls `openPage`
+ * (which drops the chrome-less panel onto the desktop and persists it via the
+ * normal open-windows session store); removing one calls `closeEntity` on the
+ * live window. No new persistence layer — it drives the same plumbing the
+ * Start Menu already uses.
+ *
+ * Surfaced from the desktop right-click menu ("Manage Widgets…") and exported
+ * so a consumer can also register it as a window or wire it to a tray button.
+ */
+declare function WidgetManager({ open, onClose }: {
+    open: boolean;
+    onClose: () => void;
+}): react_jsx_runtime.JSX.Element | null;
+
 /** Sections that can be omitted from the inline Customization page when the
  *  consumer renders them elsewhere (e.g. as separate entries in SystemPreferences). */
 type CustomizationOmitSection = 'behavior' | 'desktop';
@@ -1268,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, 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, ModalActions, useIsMobile, useModalActive, client_default, LoadingSpinner, WINDOW_REGISTRY, isPageEntry, 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';
@@ -1219,9 +1219,159 @@ function StatusBadge({ status }) {
   const label = status.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
   return /* @__PURE__ */ jsx("span", { className: `inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${color}`, children: label });
 }
+function FallbackIcon() {
+  return /* @__PURE__ */ jsxs("svg", { className: "h-5 w-5", 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" }),
+    /* @__PURE__ */ jsx("rect", { x: "13.5", y: "3.5", width: "7", height: "7", rx: "1.5" }),
+    /* @__PURE__ */ jsx("rect", { x: "3.5", y: "13.5", width: "7", height: "7", rx: "1.5" }),
+    /* @__PURE__ */ jsx("rect", { x: "13.5", y: "13.5", width: "7", height: "7", rx: "1.5" })
+  ] });
+}
+function widgetIcon(entry, route) {
+  const icon = navIcons[entry.icon ?? route];
+  if (icon && isValidElement(icon)) {
+    return cloneElement(icon, { className: "h-5 w-5" });
+  }
+  return /* @__PURE__ */ jsx(FallbackIcon, {});
+}
+function WidgetManager({ open, onClose }) {
+  const { openWindows, openPage, closeEntity } = useWindowManager();
+  const widgets = useMemo(() => {
+    if (!open) return [];
+    return Object.entries(WINDOW_REGISTRY).filter(([, e]) => isPageEntry(e) && e.widget).map(([route, e]) => ({ route, label: e.label, entry: e })).sort((a, b) => a.label.localeCompare(b.label));
+  }, [open]);
+  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)) placeAndOpen(route);
+  };
+  const remove = (route) => {
+    const w = activeByRoute.get(route);
+    if (w) closeEntity(w.id);
+  };
+  const toggle = (route) => {
+    isActive(route) ? remove(route) : add(route);
+  };
+  const activeCount = widgets.reduce((n, w) => n + (isActive(w.route) ? 1 : 0), 0);
+  const allActive = widgets.length > 0 && activeCount === widgets.length;
+  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" }),
+    /* @__PURE__ */ jsx("rect", { x: "13.5", y: "3.5", width: "7", height: "7", rx: "1.5" }),
+    /* @__PURE__ */ jsx("rect", { x: "3.5", y: "13.5", width: "7", height: "7", rx: "1.5" }),
+    /* @__PURE__ */ jsx("rect", { x: "13.5", y: "13.5", width: "7", height: "7", rx: "1.5" })
+  ] });
+  return /* @__PURE__ */ jsx(Modal, { open, onClose, title: "Widgets", icon: widgetGlyph, size: "md", compact: true, dimensions: [480, 560], children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 px-1 pb-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500", children: widgets.length === 0 ? "No widgets available" : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "font-semibold text-gray-700", children: activeCount }),
+        " of ",
+        widgets.length,
+        " on your desktop"
+      ] }) }),
+      widgets.length > 0 && /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: allActive ? removeAll : addAll,
+          className: "text-xs font-medium text-blue-600 hover:text-blue-700 hover:underline",
+          children: allActive ? "Remove all" : "Add all"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto -mx-1 px-1", children: widgets.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center text-center py-12 text-gray-400", children: [
+      /* @__PURE__ */ jsx("div", { className: "opacity-60 mb-2", children: widgetGlyph }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm", children: "No widgets are registered." }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs mt-1", children: "Widgets like Weather, Currency, and the Pomodoro timer appear here once available." })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-2", children: widgets.map(({ route, label, entry }) => {
+      const active = isActive(route);
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => toggle(route),
+          title: active ? `Remove ${label} from desktop` : `Add ${label} to desktop`,
+          className: `group relative flex items-center gap-3 rounded-xl border p-3 text-left transition-colors ${active ? "border-blue-300 bg-blue-50/70 hover:bg-blue-50" : "border-gray-200 bg-white/60 hover:border-gray-300 hover:bg-gray-50"}`,
+          children: [
+            /* @__PURE__ */ jsx("span", { className: `shrink-0 flex items-center justify-center h-10 w-10 rounded-lg ${active ? "bg-blue-100 text-blue-600" : "bg-gray-100 text-gray-500"}`, children: widgetIcon(entry, route) }),
+            /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx("span", { className: "block text-sm font-medium text-gray-900 truncate", children: label }),
+              /* @__PURE__ */ jsx("span", { className: `block text-[11px] ${active ? "text-blue-600" : "text-gray-400"}`, children: active ? "On desktop" : "Available" })
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: `shrink-0 inline-flex items-center justify-center h-6 w-6 rounded-full border transition-colors ${active ? "border-blue-500 bg-blue-500 text-white group-hover:border-red-400 group-hover:bg-red-400" : "border-gray-300 text-gray-400 group-hover:border-blue-400 group-hover:text-blue-500"}`, children: active ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("svg", { className: "h-3.5 w-3.5 group-hover:hidden", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 3, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 12.75l6 6 9-13.5" }) }),
+              /* @__PURE__ */ jsx("svg", { className: "h-3.5 w-3.5 hidden group-hover:block", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 3, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) })
+            ] }) : /* @__PURE__ */ jsx("svg", { className: "h-3.5 w-3.5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 3, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) }) })
+          ]
+        },
+        route
+      );
+    }) }) }),
+    /* @__PURE__ */ jsx("p", { className: "shrink-0 pt-3 mt-1 border-t border-gray-100 text-[11px] text-gray-400 leading-relaxed", children: "Drag a widget anywhere on the desktop to reposition it. Right-click a widget for its appearance settings." })
+  ] }) });
+}
 
 // src/version.ts
-var VERSION = "0.6.9" ;
+var VERSION = "0.7.1" ;
 var APP_VERSION = VERSION;
 
 // src/changelog.ts
@@ -1708,6 +1858,7 @@ function Desktop({ profile }) {
   const [openFolder, setOpenFolder] = useState(null);
   const [aboutOpen, setAboutOpen] = useState(false);
   const [whatsNewOpen, setWhatsNewOpen] = useState(false);
+  const [widgetsOpen, setWidgetsOpen] = useState(false);
   const [renamingFolder, setRenamingFolder] = useState(null);
   const [renameValue, setRenameValue] = useState("");
   const [editingStickyId, setEditingStickyId] = useState(null);
@@ -2526,6 +2677,18 @@ function Desktop({ profile }) {
             /* @__PURE__ */ jsx("svg", { className: "h-4 w-4 text-gray-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3.75 6A2.25 2.25 0 016 3.75h2.25A2.25 2.25 0 0110.5 6v2.25a2.25 2.25 0 01-2.25 2.25H6a2.25 2.25 0 01-2.25-2.25V6zM3.75 15.75A2.25 2.25 0 016 13.5h2.25a2.25 2.25 0 012.25 2.25V18a2.25 2.25 0 01-2.25 2.25H6A2.25 2.25 0 013.75 18v-2.25zM13.5 6a2.25 2.25 0 012.25-2.25H18A2.25 2.25 0 0120.25 6v2.25A2.25 2.25 0 0118 10.5h-2.25a2.25 2.25 0 01-2.25-2.25V6zM13.5 15.75a2.25 2.25 0 012.25-2.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-2.25A2.25 2.25 0 0113.5 18v-2.25z" }) }),
             "Snap to Grid"
           ] }),
+          /* @__PURE__ */ jsxs(PopupMenuItem, { onClick: () => {
+            setContextMenu(null);
+            setWidgetsOpen(true);
+          }, children: [
+            /* @__PURE__ */ jsxs("svg", { className: "h-4 w-4 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" }),
+              /* @__PURE__ */ jsx("rect", { x: "13.5", y: "3.5", width: "7", height: "7", rx: "1.5" }),
+              /* @__PURE__ */ jsx("rect", { x: "3.5", y: "13.5", width: "7", height: "7", rx: "1.5" }),
+              /* @__PURE__ */ jsx("rect", { x: "13.5", y: "13.5", width: "7", height: "7", rx: "1.5" })
+            ] }),
+            "Manage Widgets\u2026"
+          ] }),
           /* @__PURE__ */ jsx(PopupMenuDivider, {}),
           /* @__PURE__ */ jsxs(PopupMenuItem, { onClick: () => {
             setContextMenu(null);
@@ -2644,6 +2807,7 @@ function Desktop({ profile }) {
             }
           );
         })(),
+        /* @__PURE__ */ jsx(WidgetManager, { open: widgetsOpen, onClose: () => setWidgetsOpen(false) }),
         aboutOpen && (() => {
           const version = host.productVersion ?? APP_VERSION;
           return /* @__PURE__ */ jsx(Modal, { open: true, onClose: () => setAboutOpen(false), title: `About ${host.productName ?? "this app"}`, size: "sm", bodyScroll: false, compact: true, dimensions: [340, 420], children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
@@ -3510,10 +3674,6 @@ function StartMenu({
                   ),
                   item.dividerAfter && /* @__PURE__ */ jsx("div", { className: "border-t border-white/20 my-1.5 mx-2" })
                 ] }, item.to)),
-                /* @__PURE__ */ jsxs("button", { onClick: () => handleClick("/notifications"), className: `${itemCls} text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors`, children: [
-                  /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "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" }) }),
-                  /* @__PURE__ */ jsx("span", { children: "Notifications" })
-                ] }),
                 systemSections.map((s) => renderSection(s, false)),
                 virtualSections.map((v) => renderVirtualSection(v))
               ] }),
@@ -3532,10 +3692,6 @@ function StartMenu({
                   ),
                   item.dividerAfter && /* @__PURE__ */ jsx("div", { className: "border-t border-white/20 my-1.5 mx-2" })
                 ] }, item.to)),
-                /* @__PURE__ */ jsxs("button", { onClick: () => handleClick("/notifications"), className: `${itemCls} text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors`, children: [
-                  /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "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" }) }),
-                  /* @__PURE__ */ jsx("span", { children: "Notifications" })
-                ] }),
                 systemSections.map((s) => renderSection(s, false)),
                 virtualSections.map((v) => renderVirtualSection(v)),
                 /* @__PURE__ */ jsx("div", { className: "border-t border-white/20 my-1.5 mx-2" }),
@@ -4443,7 +4599,7 @@ function MobileBottomNav({
     }
   );
 }
-var Sidebar = lazy(() => import('./Sidebar-Q3PRJ2FP.js'));
+var Sidebar = lazy(() => import('./Sidebar-BW7SYNBA.js'));
 function useFavorites(wallpapers) {
   const { prefs, save } = useShellPrefs();
   const favorites = prefs.favorite_pages || [];
@@ -6447,6 +6603,6 @@ function useEditHotkey(callback) {
   }, [callback, isActive]);
 }
 
-export { ALT, ALT_SHIFT_D, ALT_SHIFT_E, ALT_SHIFT_N, BehaviorPanel, BugReportConfigProvider, BugReportDetail, BugReportProvider, CMD_A, CMD_DOT, CMD_ENTER, CMD_K, CMD_S, Customization, Desktop, DesktopHostProvider, ENTER, EntityList, GlobalSearch, HelpCenter, Layout, ListFooter, MOD, MailConnectModal, Markdown, NotificationBell, ResizableTable, SHIFT, ShellEntityFetcherProvider, ShortcutHelp, SoundsPanel, StartMenu, StatusBadge, StatusBadgeProvider, SystemPreferences, VERSION, createWindowRegistry, isMac, openBugReportDialog, reportBug, useBugReport, useClickOutside, useColumnConfig, useDesktopHost, useEditHotkey, useInfiniteScroll, useNewHotkey, useShellEntityFetcher, useSort, useTableNav };
+export { ALT, ALT_SHIFT_D, ALT_SHIFT_E, ALT_SHIFT_N, BehaviorPanel, BugReportConfigProvider, BugReportDetail, BugReportProvider, CMD_A, CMD_DOT, CMD_ENTER, CMD_K, CMD_S, Customization, Desktop, DesktopHostProvider, ENTER, EntityList, GlobalSearch, HelpCenter, Layout, ListFooter, MOD, MailConnectModal, Markdown, NotificationBell, ResizableTable, SHIFT, ShellEntityFetcherProvider, ShortcutHelp, SoundsPanel, StartMenu, StatusBadge, StatusBadgeProvider, SystemPreferences, VERSION, WidgetManager, createWindowRegistry, isMac, openBugReportDialog, reportBug, useBugReport, useClickOutside, useColumnConfig, useDesktopHost, useEditHotkey, useInfiniteScroll, useNewHotkey, useShellEntityFetcher, useSort, useTableNav };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map