react-os-shell 0.7.0 → 0.7.2

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;
@@ -601,6 +622,46 @@ interface StatusBadgeProps {
 }
 declare function StatusBadge({ status }: StatusBadgeProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * System-tray badge shown only when the app is served from a developer's own
+ * machine (localhost / 127.0.0.1). Drop it into the host's `taskbarTrayLeft`
+ * slot — it renders nothing off-localhost, so it's safe to leave wired on every
+ * build. Visibility is gated on the runtime hostname; see utils/env.ts.
+ */
+declare function DevIndicator(): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * Dev-environment detection + browser chrome.
+ *
+ * A deployed bundle is byte-identical across hosts (CI builds once and promotes
+ * the same image between environments), so build-time signals like
+ * `import.meta.env.MODE` can't tell a developer's machine from a deployed site —
+ * only the runtime hostname can. `isDevEnv()` is therefore gated on
+ * `localhost`/`127.0.0.1`, and everything dev-only (the <DevIndicator/> tray
+ * badge, the `[DEV]` tab-title prefix) keys off it so it never leaks onto a
+ * deployed host.
+ */
+/** Tooltip/banner copy for the dev indicator. */
+declare const DEV_BANNER_TEXT = "LOCAL DEV ENVIRONMENT \u2014 running against your local backend; not connected to the live system";
+/**
+ * True only when served from a developer's own machine.
+ *
+ * Gated on `localhost`/`127.0.0.1` only (not `*.local` mDNS names), so a
+ * teammate reaching a dev server over the LAN doesn't get the dev chrome.
+ */
+declare function isDevEnv(): boolean;
+/**
+ * Apply local-dev browser chrome: prefix the tab title with `[DEV]` and,
+ * optionally, swap the favicon. No-op outside localhost. Idempotent — safe to
+ * call at startup and again whenever a route overwrites `document.title`.
+ *
+ * Call before React mounts (e.g. in `main.tsx`) so the title is correct on the
+ * first paint. Pass `faviconHref` only if the host actually ships that asset.
+ */
+declare function applyDevTitle(opts?: {
+    faviconHref?: string;
+}): void;
+
 interface SavedBox {
     x: number;
     y: number;
@@ -1288,4 +1349,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, DEV_BANNER_TEXT, Desktop, type DesktopHostConfig, DesktopHostProvider, DevIndicator, 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, applyDevTitle, commitExposeHighlight, confirm, confirmDestructive, createWindowRegistry, exitExposeMode, formatDate, getActiveWindowRoute, getExposeHighlight, getWindowPosition, glassStyle, isDevEnv, 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';
@@ -1219,6 +1219,37 @@ 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 });
 }
+
+// src/utils/env.ts
+var DEV_BANNER_TEXT = "LOCAL DEV ENVIRONMENT \u2014 running against your local backend; not connected to the live system";
+function isDevEnv() {
+  const host = window.location.hostname;
+  return host === "localhost" || host === "127.0.0.1";
+}
+function applyDevTitle(opts) {
+  if (!isDevEnv()) return;
+  if (!document.title.startsWith("[DEV]")) {
+    document.title = `[DEV] ${document.title}`;
+  }
+  if (opts?.faviconHref) {
+    const icon = document.querySelector('link[rel="icon"]');
+    if (icon) icon.href = opts.faviconHref;
+  }
+}
+function DevIndicator() {
+  if (!isDevEnv()) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "shrink-0 inline-flex items-center gap-1 rounded-md bg-blue-600 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-blue-50 select-none",
+      title: DEV_BANNER_TEXT,
+      children: [
+        /* @__PURE__ */ jsx("svg", { className: "h-3 w-3 shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" }) }),
+        /* @__PURE__ */ jsx("span", { children: "Dev" })
+      ]
+    }
+  );
+}
 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" }),
@@ -1243,8 +1274,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 +1339,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 +1402,7 @@ function WidgetManager({ open, onClose }) {
 }
 
 // src/version.ts
-var VERSION = "0.7.0" ;
+var VERSION = "0.7.2" ;
 var APP_VERSION = VERSION;
 
 // src/changelog.ts
@@ -3230,19 +3320,17 @@ function LogoutAnimation({ onComplete, subtitle }) {
   const [phase, setPhase] = useState("show");
   useEffect(() => {
     playLogout();
-    const t1 = setTimeout(() => setPhase("shrink"), 800);
-    const t2 = setTimeout(() => setPhase("fade"), 1800);
-    const t3 = setTimeout(onComplete, 2300);
+    const t1 = setTimeout(() => setPhase("out"), 800);
+    const t2 = setTimeout(onComplete, 2300);
     return () => {
       clearTimeout(t1);
       clearTimeout(t2);
-      clearTimeout(t3);
     };
   }, [onComplete]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: `fixed inset-0 z-[9999] flex flex-col items-center justify-center transition-opacity duration-500 ${phase === "fade" ? "opacity-0" : "opacity-100"}`,
+      className: "fixed inset-0 z-[9999] flex flex-col items-center justify-center",
       style: { background: "linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%)" },
       children: [
         /* @__PURE__ */ jsx("div", { className: "absolute inset-0 overflow-hidden", children: /* @__PURE__ */ jsx(
@@ -3252,7 +3340,7 @@ function LogoutAnimation({ onComplete, subtitle }) {
             style: {
               background: "radial-gradient(circle, rgba(124,58,237,0.4) 0%, transparent 70%)",
               animation: "logout-glow 2s ease-in-out infinite",
-              opacity: phase === "shrink" ? 0 : 0.2,
+              opacity: phase === "show" ? 0.2 : 0,
               transition: "opacity 1s"
             }
           }
@@ -3260,8 +3348,8 @@ function LogoutAnimation({ onComplete, subtitle }) {
         /* @__PURE__ */ jsx(
           "div",
           {
-            className: `relative transition-all duration-1000 ease-in ${phase === "shrink" ? "scale-0 opacity-0" : "scale-100 opacity-100"}`,
-            style: phase === "shrink" ? { transform: "scale(0) rotate(180deg)" } : void 0,
+            className: `relative transition-all duration-1000 ease-in ${phase === "out" ? "scale-0 opacity-0" : "scale-100 opacity-100"}`,
+            style: phase === "out" ? { transform: "scale(0) rotate(180deg)" } : void 0,
             children: /* @__PURE__ */ jsx("img", { src: "/favicon.svg", alt: "", className: "h-20 w-20 drop-shadow-[0_0_30px_rgba(124,58,237,0.5)]" })
           }
         ),
@@ -6544,6 +6632,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, WidgetManager, 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, DEV_BANNER_TEXT, Desktop, DesktopHostProvider, DevIndicator, ENTER, EntityList, GlobalSearch, HelpCenter, Layout, ListFooter, MOD, MailConnectModal, Markdown, NotificationBell, ResizableTable, SHIFT, ShellEntityFetcherProvider, ShortcutHelp, SoundsPanel, StartMenu, StatusBadge, StatusBadgeProvider, SystemPreferences, VERSION, WidgetManager, applyDevTitle, createWindowRegistry, isDevEnv, isMac, openBugReportDialog, reportBug, useBugReport, useClickOutside, useColumnConfig, useDesktopHost, useEditHotkey, useInfiniteScroll, useNewHotkey, useShellEntityFetcher, useSort, useTableNav };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map