@ai-matrx/summon 0.1.4 → 0.1.6

package/dist/window.cjs

@@ -34,9 +34,9 @@ __export(window_exports, {
   AUTO_OPEN_MIN_WIDTH: () => AUTO_OPEN_MIN_WIDTH,
   AUTO_OPEN_NO_ROOM_EVENT: () => AUTO_OPEN_NO_ROOM_EVENT,
   DEFAULT_DRAG_OUT_CONFIG: () => DEFAULT_DRAG_OUT_CONFIG,
-  DEFAULT_ESCAPE_YIELD_SELECTOR: () => import_window_host4.DEFAULT_ESCAPE_YIELD_SELECTOR,
-  DEFAULT_MOBILE_TOP_OFFSET: () => import_window_host4.DEFAULT_MOBILE_TOP_OFFSET,
-  DEFAULT_WINDOW_CONFIG: () => import_window_host4.DEFAULT_WINDOW_CONFIG,
+  DEFAULT_ESCAPE_YIELD_SELECTOR: () => import_window_host6.DEFAULT_ESCAPE_YIELD_SELECTOR,
+  DEFAULT_MOBILE_TOP_OFFSET: () => import_window_host6.DEFAULT_MOBILE_TOP_OFFSET,
+  DEFAULT_WINDOW_CONFIG: () => import_window_host6.DEFAULT_WINDOW_CONFIG,
   INITIAL_DRAG_OUT_STATE: () => INITIAL_DRAG_OUT_STATE,
   LayoutIcon: () => LayoutIcon,
   LayoutIconButton: () => LayoutIconButton,
@@ -47,14 +47,14 @@ __export(window_exports, {
   MobileWindowActionsRow: () => MobileWindowActionsRow,
   MobileWindowTitle: () => MobileWindowTitle,
   MobileWindowTitleRow: () => MobileWindowTitleRow,
-  PopoutContext: () => PopoutContext,
+  PopoutContext: () => import_window_host10.PopoutContext,
   TrayChipPreview: () => TrayChipPreview,
   TrayStatusChip: () => TrayStatusChip,
   WindowPanel: () => WindowPanel,
-  WindowSelectionSurface: () => import_window_host4.WindowSelectionSurface,
+  WindowSelectionSurface: () => import_window_host6.WindowSelectionSurface,
   WindowSidebar: () => WindowSidebar,
-  WindowTraySync: () => import_window_host5.WindowTraySync,
-  WindowsProvider: () => import_window_host4.WindowsProvider,
+  WindowTraySync: () => import_window_host7.WindowTraySync,
+  WindowsProvider: () => import_window_host6.WindowsProvider,
   assertLazyLoaded: () => assertLazyLoaded,
   autoOpenHasRoom: () => autoOpenHasRoom,
   buildPopoutOpts: () => buildPopoutOpts,
@@ -69,7 +69,7 @@ __export(window_exports, {
   getPendingPopoutWindowIds: () => getPendingPopoutWindowIds,
   getPopoutOpener: () => getPopoutOpener,
   getPopoutWindow: () => getPopoutWindow,
-  getTrayPreviewEntry: () => import_window_host6.getTrayPreviewEntry,
+  getTrayPreviewEntry: () => import_window_host9.getTrayPreviewEntry,
   getTraySnapshot: () => getTraySnapshot,
   isAutoOpened: () => isAutoOpened,
   isUnderRoute: () => isUnderRoute,
@@ -77,9 +77,9 @@ __export(window_exports, {
   mayRaiseUnbidden: () => mayRaiseUnbidden,
   measureWorkingColumn: () => measureWorkingColumn,
   mobileWindowTitleClass: () => mobileWindowTitleClass,
-  registerTrayPreview: () => import_window_host6.registerTrayPreview,
+  registerTrayPreview: () => import_window_host9.registerTrayPreview,
   resetDefaultWindowCascade: () => resetDefaultWindowCascade,
-  resetTrayPreviews: () => import_window_host6.resetTrayPreviews,
+  resetTrayPreviews: () => import_window_host9.resetTrayPreviews,
   resolveAutoOpenPlacement: () => resolveAutoOpenPlacement,
   resolvePosition: () => resolvePosition,
   sanitizeWindowData: () => sanitizeWindowData,
@@ -88,26 +88,26 @@ __export(window_exports, {
   subscribeTraySnapshotMap: () => subscribeTraySnapshotMap,
   supportsAnyPopout: () => supportsAnyPopout,
   supportsDocumentPictureInPicture: () => supportsDocumentPictureInPicture,
-  useOverlaySurfaceRenderAck: () => useOverlaySurfaceRenderAck,
-  usePopout: () => usePopout,
-  usePopoutContainer: () => usePopoutContainer,
+  useOverlaySurfaceRenderAck: () => import_window_host8.useOverlaySurfaceRenderAck,
+  usePopout: () => import_window_host10.usePopout,
+  usePopoutContainer: () => import_window_host11.usePopoutContainer,
   usePopoutControl: () => usePopoutControl,
   usePopoutWindow: () => usePopoutWindow,
   usePopoutWindowRef: () => usePopoutWindowRef,
-  useWindowConfig: () => import_window_host4.useWindowConfig,
+  useWindowConfig: () => import_window_host6.useWindowConfig,
   useWindowPanel: () => useWindowPanel
 });
 module.exports = __toCommonJS(window_exports);
 
 // src/window/WindowPanel.tsx
-var import_react19 = __toESM(require("react"), 1);
+var import_react18 = __toESM(require("react"), 1);
 var import_design_system7 = require("@ai-matrx/design-system");
 var import_design_system8 = require("@ai-matrx/design-system");
 var import_cn9 = require("@ai-matrx/design-system/cn");
 var import_media_query = require("@ai-matrx/kit/media-query");
 var import_react_dom3 = require("react-dom");
 var import_summon10 = require("@ai-matrx/summon");
-var import_react20 = require("@ai-matrx/summon/react");
+var import_react19 = require("@ai-matrx/summon/react");
 
 // src/window/icons.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -866,7 +866,7 @@ function useDebugFlag(debug) {
 }
 
 // src/window/WindowPanel.tsx
-var import_url = require("@ai-matrx/summon/url");
+var import_react20 = require("@ai-matrx/summon/react");
 
 // src/window/utils/urlSyncIdentity.ts
 function resolveWindowUrlSyncKey(registryKey, explicitKey) {
@@ -921,7 +921,7 @@ function sanitizeWindowData(value, allowedKeys) {
 }
 
 // src/window/WindowPanel.tsx
-var import_window_host2 = require("@ai-matrx/summon/window-host");
+var import_window_host3 = require("@ai-matrx/summon/window-host");
 
 // src/window/mobile/MobileDrawerSurface.tsx
 var import_react5 = require("react");
@@ -1896,34 +1896,20 @@ function buildPopoutOpts(rect, opts) {
 
 // src/window/popout/PopoutPortal.tsx
 var import_react_dom2 = require("react-dom");
-var import_react16 = require("@ai-matrx/summon/react");
+var import_react15 = require("@ai-matrx/summon/react");
 var import_summon7 = require("@ai-matrx/summon");
 
 // src/window/popout/PopoutShell.tsx
-var import_react15 = require("react");
-var import_design_system6 = require("@ai-matrx/design-system");
-
-// src/window/popout/PopoutContext.tsx
 var import_react14 = require("react");
-var DEFAULT_VALUE = {
-  popoutDocument: null,
-  popoutWindow: null,
-  popoutContainer: null,
-  mode: null
-};
-var PopoutContext = (0, import_react14.createContext)(DEFAULT_VALUE);
-function usePopout() {
-  return (0, import_react14.useContext)(PopoutContext);
-}
-
-// src/window/popout/PopoutShell.tsx
+var import_design_system6 = require("@ai-matrx/design-system");
+var import_window_host = require("@ai-matrx/summon/window-host");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function PopoutShell({
   popoutWindow,
   mode,
   children
 }) {
-  const value = (0, import_react15.useMemo)(
+  const value = (0, import_react14.useMemo)(
     () => ({
       popoutDocument: popoutWindow.document,
       popoutWindow,
@@ -1932,14 +1918,14 @@ function PopoutShell({
     }),
     [popoutWindow, mode]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PopoutContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_design_system6.PortalContainerProvider, { container: value.popoutContainer, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_window_host.PopoutContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_design_system6.PortalContainerProvider, { container: value.popoutContainer, children }) });
 }
 
 // src/window/popout/PopoutPortal.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function PopoutPortal({ windowId, children }) {
   const popoutWin = usePopoutWindowRef(windowId);
-  const popoutMode = (0, import_react16.useSummonSelector)((0, import_summon7.selectPopoutMode)(windowId));
+  const popoutMode = (0, import_react15.useSummonSelector)((0, import_summon7.selectPopoutMode)(windowId));
   if (!popoutWin || popoutMode === null) return null;
   return (0, import_react_dom2.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PopoutShell, { popoutWindow: popoutWin, mode: popoutMode, children }),
@@ -1947,6 +1933,9 @@ function PopoutPortal({ windowId, children }) {
   );
 }
 
+// src/window/WindowPanel.tsx
+var import_window_host4 = require("@ai-matrx/summon/window-host");
+
 // src/window/tray/traySnapshotMap.ts
 var import_global_slot5 = require("@ai-matrx/kit/global-slot");
 var MAX_SNAPSHOTS = 16;
@@ -2062,16 +2051,16 @@ async function isFlatImage(blob) {
 var import_summon9 = require("@ai-matrx/summon");
 
 // src/window/tray/TrayChipPreview.tsx
-var import_react17 = require("react");
+var import_react16 = require("react");
 var import_cn8 = require("@ai-matrx/design-system/cn");
 var import_summon8 = require("@ai-matrx/summon");
-var import_react18 = require("@ai-matrx/summon/react");
-var import_window_host = require("@ai-matrx/summon/window-host");
+var import_react17 = require("@ai-matrx/summon/react");
+var import_window_host2 = require("@ai-matrx/summon/window-host");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 function isPlainRecord(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
-var TrayChipPreview = (0, import_react17.memo)(function TrayChipPreview2({
+var TrayChipPreview = (0, import_react16.memo)(function TrayChipPreview2({
   registryKey,
   snapshotKey,
   overlayInstanceId = import_summon8.DEFAULT_INSTANCE_ID,
@@ -2079,10 +2068,10 @@ var TrayChipPreview = (0, import_react17.memo)(function TrayChipPreview2({
   title
 }) {
   const meta = (0, import_summon8.getOverlayMeta)(registryKey);
-  const { Preview } = (0, import_window_host.getTrayPreviewEntry)(registryKey);
-  const ports = (0, import_react18.useSummonPorts)();
-  const overlayData = (0, import_react18.useSummonSelector)((state2) => meta ? (0, import_summon8.selectOverlayData)(state2, meta.id, overlayInstanceId) : null);
-  const collectedData = (0, import_react18.useSummonSelector)((state2) => state2.windowManager.windows[snapshotKey]?.persistence?.data);
+  const { Preview } = (0, import_window_host2.getTrayPreviewEntry)(registryKey);
+  const ports = (0, import_react17.useSummonPorts)();
+  const overlayData = (0, import_react17.useSummonSelector)((state2) => meta ? (0, import_summon8.selectOverlayData)(state2, meta.id, overlayInstanceId) : null);
+  const collectedData = (0, import_react17.useSummonSelector)((state2) => state2.windowManager.windows[snapshotKey]?.persistence?.data);
   const registryLabel = meta?.label ?? null;
   const fallback = /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TraySnapshotImage, { snapshotKey, registryLabel, title });
   if (Preview) {
@@ -2103,7 +2092,7 @@ var TrayChipPreview = (0, import_react17.memo)(function TrayChipPreview2({
   }
   return fallback;
 });
-var PreviewBoundary = class extends import_react17.Component {
+var PreviewBoundary = class extends import_react16.Component {
   state = { failed: false };
   static getDerivedStateFromError() {
     return { failed: true };
@@ -2115,7 +2104,7 @@ var PreviewBoundary = class extends import_react17.Component {
     return this.state.failed ? this.props.fallback : this.props.children;
   }
 };
-var DefaultTrayChipBody = (0, import_react17.memo)(function DefaultTrayChipBody2({ label }) {
+var DefaultTrayChipBody = (0, import_react16.memo)(function DefaultTrayChipBody2({ label }) {
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-1 flex-col justify-between overflow-hidden bg-gradient-to-br from-muted/45 via-background to-primary/5 px-3 py-2.5", children: [
     /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex min-w-0 items-center gap-2.5", children: [
       /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
@@ -2138,12 +2127,12 @@ var DefaultTrayChipBody = (0, import_react17.memo)(function DefaultTrayChipBody2
     ] })
   ] });
 });
-var TraySnapshotImage = (0, import_react17.memo)(function TraySnapshotImage2({
+var TraySnapshotImage = (0, import_react16.memo)(function TraySnapshotImage2({
   snapshotKey,
   registryLabel,
   title
 }) {
-  const snapshot = (0, import_react17.useSyncExternalStore)(
+  const snapshot = (0, import_react16.useSyncExternalStore)(
     subscribeTraySnapshotMap,
     () => getTraySnapshot(snapshotKey),
     () => null
@@ -2193,7 +2182,7 @@ function MinimizedWindowContent({
 }
 
 // src/window/WindowPanel.tsx
-var import_window_host3 = require("@ai-matrx/summon/window-host");
+var import_window_host5 = require("@ai-matrx/summon/window-host");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var GLIDE_SETTLE_MS = 800;
 var HANDLES = [
@@ -2315,13 +2304,13 @@ function WindowPanel({
   hidePopOutButton = false,
   ...hookOpts
 }) {
-  const instance = (0, import_react20.useOptionalOverlayInstance)();
+  const instance = (0, import_react19.useOptionalOverlayInstance)();
   const instanceMatches = instance !== null && (boundToOverlay === true || instance.overlayId === overlayIdProp);
   const overlayId = overlayIdProp ?? (boundToOverlay && instance ? instance.overlayId : void 0);
   const overlayInstanceId = overlayInstanceIdProp ?? (instanceMatches ? instance.instanceId : void 0);
-  const ports = (0, import_react20.useSummonPorts)();
-  const windowConfig = (0, import_window_host2.useWindowConfig)();
-  const reactId = (0, import_react19.useId)();
+  const ports = (0, import_react19.useSummonPorts)();
+  const windowConfig = (0, import_window_host3.useWindowConfig)();
+  const reactId = (0, import_react18.useId)();
   const id = hookOpts.id ?? reactId;
   const trayRegistryKey = overlayId ?? id;
   const isMobile = (0, import_media_query.useIsMobile)();
@@ -2330,10 +2319,10 @@ function WindowPanel({
   const registryMeta = overlayId ? (0, import_summon10.getOverlayMeta)(overlayId) : void 0;
   const registryEntry = registryMeta?.window;
   const effectiveInstanceId = overlayInstanceId ?? import_summon10.DEFAULT_INSTANCE_ID;
-  const [autoOpened] = (0, import_react19.useState)(
+  const [autoOpened] = (0, import_react18.useState)(
     () => Boolean(overlayId) && isAutoOpened(overlayId, effectiveInstanceId)
   );
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!overlayId) return void 0;
     let timer;
     return () => {
@@ -2347,16 +2336,16 @@ function WindowPanel({
   const preservationEnabled = Boolean(
     overlayId && registryEntry?.preservation && !registryEntry.ephemeral && (registryMeta?.instance !== "multi" || overlayInstanceId)
   );
-  const overlayLaunchData = (0, import_react20.useSummonSelector)(
+  const overlayLaunchData = (0, import_react19.useSummonSelector)(
     (state2) => overlayId ? (0, import_summon10.selectOverlayData)(state2, overlayId, effectiveInstanceId) : null
   );
   const initialPreservationData = registryEntry?.preservation ? sanitizeWindowData(overlayLaunchData, registryEntry.preservation.dataKeys) : {};
   const popoutCapability = isMounted ? detectPopoutCapability() : null;
   const popout = usePopoutWindow(id);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     return registerPopoutOpener(id, popout.openPopout);
   }, [id, popout.openPopout]);
-  const handleDragOutPopout = (0, import_react19.useCallback)(
+  const handleDragOutPopout = (0, import_react18.useCallback)(
     (draggedRect) => {
       void popout.openPopout({
         width: draggedRect.width,
@@ -2367,7 +2356,7 @@ function WindowPanel({
     [popout, title]
   );
   const onTriggerPopout = !isMobile && popoutCapability !== "none" ? handleDragOutPopout : void 0;
-  const autoDispatch = (0, import_react20.useSummonDispatch)();
+  const autoDispatch = (0, import_react19.useSummonDispatch)();
   const {
     windowState,
     rect,
@@ -2405,10 +2394,10 @@ function WindowPanel({
   });
   const liftedZIndex = (0, import_design_system7.useFloatingLayerZIndex)(managerZIndex);
   const zIndex = windowState === "minimized" ? Math.max(liftedZIndex, MINIMIZED_TILE_Z_FLOOR + managerZIndex) : liftedZIndex;
-  const dispatch = (0, import_react20.useSummonDispatch)();
-  const windowsHidden = (0, import_react20.useSummonSelector)(import_summon10.selectWindowsHidden);
+  const dispatch = (0, import_react19.useSummonDispatch)();
+  const windowsHidden = (0, import_react19.useSummonSelector)(import_summon10.selectWindowsHidden);
   const isDebugMode = useDebugFlag(ports.debug);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     (0, import_design_system7.announceLayerFront)(
       document.querySelector(`[data-window-id="${CSS.escape(id)}"]`)
     );
@@ -2416,26 +2405,26 @@ function WindowPanel({
   const claimFront = (event) => {
     (0, import_design_system7.announceLayerFront)(event.currentTarget.closest("[data-window-id]") ?? event.currentTarget);
   };
-  const allWindows = (0, import_react20.useSummonSelector)(import_summon10.selectAllWindows);
+  const allWindows = (0, import_react19.useSummonSelector)(import_summon10.selectAllWindows);
   const isTopWindow = !isMobile ? true : allWindows.find((w) => w.state !== "minimized")?.id === id;
-  const [activePaneMobile, setActivePaneMobile] = (0, import_react19.useState)(
+  const [activePaneMobile, setActivePaneMobile] = (0, import_react18.useState)(
     "main"
   );
   const effectiveUrlSyncKey = resolveWindowUrlSyncKey(registryMeta?.link?.key, urlSyncKey);
   const effectiveUrlSyncId = urlSyncId ?? (effectiveUrlSyncKey ? overlayId : void 0);
-  (0, import_url.useOverlayLink)(effectiveUrlSyncKey, effectiveUrlSyncId, urlSyncArgs);
+  (0, import_react20.useOverlayLink)(effectiveUrlSyncKey, effectiveUrlSyncId, urlSyncArgs);
   const deprecation = registryEntry?.deprecated;
   const isDeprecated = !!deprecation;
   const deprecatedRingClass = isDeprecated ? "ring-2 ring-destructive ring-offset-2 ring-offset-background" : "";
   const hasSidebar = !!sidebar;
-  const [sidebarOpen, setSidebarOpen] = (0, import_react19.useState)(defaultSidebarOpen);
-  const [sidebarSize, setSidebarSize] = (0, import_react19.useState)(
+  const [sidebarOpen, setSidebarOpen] = (0, import_react18.useState)(defaultSidebarOpen);
+  const [sidebarSize, setSidebarSize] = (0, import_react18.useState)(
     sidebarDefaultSize
   );
-  const restoredPersistence = (0, import_react20.useSummonSelector)((0, import_summon10.selectWindowPersistence)(id));
-  const sidebarPanelRef = (0, import_react19.useRef)(null);
-  const restoredChromeAppliedRef = (0, import_react19.useRef)(false);
-  const handleSaveWindowState = (0, import_react19.useCallback)(() => {
+  const restoredPersistence = (0, import_react19.useSummonSelector)((0, import_summon10.selectWindowPersistence)(id));
+  const sidebarPanelRef = (0, import_react18.useRef)(null);
+  const restoredChromeAppliedRef = (0, import_react18.useRef)(false);
+  const handleSaveWindowState = (0, import_react18.useCallback)(() => {
     if (!overlayId || !preservationEnabled || !registryEntry?.preservation) {
       return;
     }
@@ -2467,15 +2456,15 @@ function WindowPanel({
     ports,
     dispatch
   ]);
-  const saveRef = (0, import_react19.useRef)(handleSaveWindowState);
-  (0, import_react19.useEffect)(() => {
+  const saveRef = (0, import_react18.useRef)(handleSaveWindowState);
+  (0, import_react18.useEffect)(() => {
     saveRef.current = handleSaveWindowState;
   }, [handleSaveWindowState]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!preservationEnabled) return;
     saveRef.current();
   }, [preservationEnabled, overlayLaunchData, onCollectData]);
-  const handleClose = (0, import_react19.useCallback)(() => {
+  const handleClose = (0, import_react18.useCallback)(() => {
     if (instanceMatches && instance && instance.overlayId === overlayId) {
       instance.close();
     } else if (boundToOverlay) {
@@ -2490,7 +2479,7 @@ function WindowPanel({
     }
     onClose?.();
   }, [boundToOverlay, dispatch, effectiveInstanceId, id, instance, instanceMatches, onClose, overlayId, overlayInstanceId, ports, registryMeta?.instance]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!closeOnEscape || isMobile) return void 0;
     const onKey = (e) => {
       if (e.key !== "Escape" || e.defaultPrevented) return;
@@ -2517,7 +2506,7 @@ function WindowPanel({
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [closeOnEscape, isMobile, id, handleClose, windowConfig.escapeYieldSelector]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!restoredPersistence || restoredChromeAppliedRef.current) return;
     restoredChromeAppliedRef.current = true;
     setSidebarOpen(restoredPersistence.sidebarOpen);
@@ -2528,20 +2517,20 @@ function WindowPanel({
       sidebarPanelRef.current?.resize(restoredPersistence.sidebarSize);
     }
   }, [restoredPersistence]);
-  const [fitContentEl, fitContentRef] = (0, import_react19.useState)(null);
-  const fitContentStore = (0, import_react20.useSummonStore)();
-  const fitPlacedRef = (0, import_react19.useRef)(false);
-  const [glideReady, setGlideReady] = (0, import_react19.useState)(false);
-  (0, import_react19.useEffect)(() => {
+  const [fitContentEl, fitContentRef] = (0, import_react18.useState)(null);
+  const fitContentStore = (0, import_react19.useSummonStore)();
+  const fitPlacedRef = (0, import_react18.useRef)(false);
+  const [glideReady, setGlideReady] = (0, import_react18.useState)(false);
+  (0, import_react18.useEffect)(() => {
     const timer = window.setTimeout(() => setGlideReady(true), GLIDE_SETTLE_MS);
     return () => window.clearTimeout(timer);
   }, []);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (isInteracting) fitPlacedRef.current = true;
   }, [isInteracting]);
   const fitPresetPosition = hookOpts.position;
   const fitMayReplace = hookOpts.initialRect?.x === void 0 && hookOpts.initialRect?.y === void 0;
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!fitContent || isMobile || windowState !== "windowed") return void 0;
     const el2 = fitContentEl;
     if (!el2) return void 0;
@@ -2573,7 +2562,7 @@ function WindowPanel({
       ro.disconnect();
     };
   }, [fitContent, fitContentEl, isMobile, windowState, id, dispatch, fitContentStore, fitPresetPosition, fitMayReplace]);
-  const toggleSidebar = (0, import_react19.useCallback)(() => {
+  const toggleSidebar = (0, import_react18.useCallback)(() => {
     const panel = sidebarPanelRef.current;
     if (!panel) return;
     if (sidebarOpen) {
@@ -2609,7 +2598,7 @@ function WindowPanel({
     id,
     rect.width
   ]);
-  const handleSidebarResize = (0, import_react19.useCallback)(
+  const handleSidebarResize = (0, import_react18.useCallback)(
     (panelSize) => {
       setSidebarOpen(panelSize.asPercentage > 0);
       if (panelSize.inPixels > 0) setSidebarSize(panelSize.inPixels);
@@ -2626,20 +2615,20 @@ function WindowPanel({
     [dispatch, id, preservationEnabled, sidebarSize]
   );
   const portalTarget = isMounted ? document.body : null;
-  const [bodyHost] = (0, import_react19.useState)(() => {
+  const [bodyHost] = (0, import_react18.useState)(() => {
     if (typeof document === "undefined") return null;
     const host = document.createElement("div");
     host.className = "matrx-window-body-host";
     host.setAttribute("data-window-body-host", "");
     return host;
   });
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!overlayId) return void 0;
     (0, import_summon10.ackOverlayRender)(overlayId, id);
     return () => (0, import_summon10.clearOverlayRender)(overlayId, id);
   }, [overlayId, id]);
   const resolvedActionsRight = actionsRight ?? actions ?? null;
-  const snapLeft = (0, import_react19.useCallback)(() => {
+  const snapLeft = (0, import_react18.useCallback)(() => {
     const { vw, vh } = (0, import_summon10.safeViewportDims)();
     dispatch(
       (0, import_summon10.updateWindowRect)({
@@ -2648,7 +2637,7 @@ function WindowPanel({
       })
     );
   }, [dispatch, id]);
-  const snapRight = (0, import_react19.useCallback)(() => {
+  const snapRight = (0, import_react18.useCallback)(() => {
     const { vw, vh } = (0, import_summon10.safeViewportDims)();
     const half = Math.round(vw / 2);
     dispatch(
@@ -2658,7 +2647,7 @@ function WindowPanel({
       })
     );
   }, [dispatch, id]);
-  const snapTop = (0, import_react19.useCallback)(() => {
+  const snapTop = (0, import_react18.useCallback)(() => {
     const { vw, vh } = (0, import_summon10.safeViewportDims)();
     dispatch(
       (0, import_summon10.updateWindowRect)({
@@ -2667,7 +2656,7 @@ function WindowPanel({
       })
     );
   }, [dispatch, id]);
-  const snapBottom = (0, import_react19.useCallback)(() => {
+  const snapBottom = (0, import_react18.useCallback)(() => {
     const { vw, vh } = (0, import_summon10.safeViewportDims)();
     const half = Math.round(vh / 2);
     dispatch(
@@ -2677,7 +2666,7 @@ function WindowPanel({
       })
     );
   }, [dispatch, id]);
-  const snapCentre = (0, import_react19.useCallback)(() => {
+  const snapCentre = (0, import_react18.useCallback)(() => {
     const { vw, vh } = (0, import_summon10.safeViewportDims)();
     const w = Math.min(rect.width, vw);
     const h = Math.min(rect.height, vh);
@@ -2693,7 +2682,7 @@ function WindowPanel({
       })
     );
   }, [dispatch, id, rect.width, rect.height]);
-  const arrangeAll = (0, import_react19.useCallback)(
+  const arrangeAll = (0, import_react18.useCallback)(
     (layout) => {
       const { vw, vh } = (0, import_summon10.safeViewportDims)();
       dispatch(
@@ -2706,36 +2695,36 @@ function WindowPanel({
     },
     [dispatch]
   );
-  const popoutMode = (0, import_react20.useSummonSelector)((0, import_summon10.selectPopoutMode)(id));
-  const outerPopout = usePopout();
+  const popoutMode = (0, import_react19.useSummonSelector)((0, import_summon10.selectPopoutMode)(id));
+  const outerPopout = (0, import_window_host4.usePopout)();
   const outerPortalContainer = (0, import_design_system7.usePortalContainer)();
   const popoutWin = usePopoutWindowRef(id);
   const ownPopout = popoutMode !== null && popoutWin !== null;
-  const bodyPopoutValue = import_react19.default.useMemo(
+  const bodyPopoutValue = import_react18.default.useMemo(
     () => ownPopout && popoutWin ? { popoutDocument: popoutWin.document, popoutWindow: popoutWin, popoutContainer: popoutWin.document.body, mode: popoutMode } : outerPopout,
     [ownPopout, popoutWin, popoutMode, outerPopout]
   );
   const bodyPortalContainer = ownPopout && popoutWin ? popoutWin.document.body : outerPortalContainer;
-  const popoutCandidateId = (0, import_react20.useSummonSelector)(import_summon10.selectPopoutCandidateId);
+  const popoutCandidateId = (0, import_react19.useSummonSelector)(import_summon10.selectPopoutCandidateId);
   const canShowPopOut = !hidePopOutButton && !isMobile && popoutCapability !== "none" && windowState !== "minimized" && popoutMode === null;
-  const handlePopOut = (0, import_react19.useCallback)(() => {
+  const handlePopOut = (0, import_react18.useCallback)(() => {
     void popout.openPopout({
       width: rect.width,
       height: rect.height,
       title: typeof title === "string" ? title : "Window"
     });
   }, [popout, rect.width, rect.height, title]);
-  const handleDockBack = (0, import_react19.useCallback)(() => {
+  const handleDockBack = (0, import_react18.useCallback)(() => {
     dispatch((0, import_summon10.dockWindow)((0, import_summon10.buildDockWindowPayload)(id)));
   }, [dispatch, id]);
-  const bodyRef = (0, import_react19.useRef)(null);
-  const retainedBodyDimensionsRef = (0, import_react19.useRef)(null);
-  const captureGenerationRef = (0, import_react19.useRef)(0);
-  const trayPreviewEntry = (0, import_window_host3.getTrayPreviewEntry)(trayRegistryKey);
+  const bodyRef = (0, import_react18.useRef)(null);
+  const retainedBodyDimensionsRef = (0, import_react18.useRef)(null);
+  const captureGenerationRef = (0, import_react18.useRef)(0);
+  const trayPreviewEntry = (0, import_window_host5.getTrayPreviewEntry)(trayRegistryKey);
   const effectiveTrayCapture = captureTraySnapshot ?? trayPreviewEntry.captureTraySnapshot ?? (trayPreviewEntry.Preview ? void 0 : defaultTraySnapshotCapture);
-  const [pendingTrayCapture, setPendingTrayCapture] = (0, import_react19.useState)(null);
-  const [trayPreviewData, setTrayPreviewData] = (0, import_react19.useState)(void 0);
-  const handleMinimize = (0, import_react19.useCallback)(() => {
+  const [pendingTrayCapture, setPendingTrayCapture] = (0, import_react18.useState)(null);
+  const [trayPreviewData, setTrayPreviewData] = (0, import_react18.useState)(void 0);
+  const handleMinimize = (0, import_react18.useCallback)(() => {
     let collected;
     try {
       collected = onCollectData?.();
@@ -2775,7 +2764,7 @@ function WindowPanel({
     preservationEnabled,
     trayRegistryKey
   ]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (windowState !== "minimized" || !pendingTrayCapture) return void 0;
     const bodyEl = bodyRef.current;
     if (!bodyEl) {
@@ -2807,20 +2796,20 @@ function WindowPanel({
       if (timeoutId) clearTimeout(timeoutId);
     };
   }, [id, pendingTrayCapture, ports, windowState]);
-  const handleRestoreClearingSnapshot = (0, import_react19.useCallback)(() => {
+  const handleRestoreClearingSnapshot = (0, import_react18.useCallback)(() => {
     captureGenerationRef.current += 1;
     setPendingTrayCapture(null);
     clearTraySnapshot(id);
     onRestore();
   }, [id, onRestore]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     return () => {
       captureGenerationRef.current += 1;
       clearTraySnapshot(id);
     };
   }, [id]);
-  const previousTrayStateRef = (0, import_react19.useRef)(windowState);
-  (0, import_react19.useEffect)(() => {
+  const previousTrayStateRef = (0, import_react18.useRef)(windowState);
+  (0, import_react18.useEffect)(() => {
     const wasMinimized = previousTrayStateRef.current === "minimized";
     previousTrayStateRef.current = windowState;
     if (!wasMinimized || windowState === "minimized") return;
@@ -2832,9 +2821,9 @@ function WindowPanel({
       );
     });
   }, [id, windowState]);
-  const prevStateRef = (0, import_react19.useRef)(windowState);
-  const prevPopoutModeRef = (0, import_react19.useRef)(popoutMode);
-  (0, import_react19.useEffect)(() => {
+  const prevStateRef = (0, import_react18.useRef)(windowState);
+  const prevPopoutModeRef = (0, import_react18.useRef)(popoutMode);
+  (0, import_react18.useEffect)(() => {
     const wasNonWindowed = prevStateRef.current !== "windowed" || prevPopoutModeRef.current !== null;
     const isNowWindowed = windowState === "windowed" && popoutMode === null;
     prevStateRef.current = windowState;
@@ -2848,7 +2837,7 @@ function WindowPanel({
   const isMinimized = windowState === "minimized";
   const isMaximized = windowState === "maximized";
   const isPopoutCandidate = popoutCandidateId === id;
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!isMobile || !isMinimized) return;
     let cancelled = false;
     queueMicrotask(() => {
@@ -2945,7 +2934,7 @@ function WindowPanel({
       )
     ] })
   ] }) : children;
-  const bodyContent = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_window_host2.WindowSelectionSurface, { children: isDeprecated ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "h-full flex flex-col min-h-0", children: [
+  const bodyContent = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_window_host3.WindowSelectionSurface, { children: isDeprecated ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "h-full flex flex-col min-h-0", children: [
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       DeprecationBanner,
       {
@@ -2978,7 +2967,7 @@ function WindowPanel({
     }
   ) : null;
   const bodyPortal = isMounted && bodyHost && !isMobile ? (0, import_react_dom3.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PopoutContext.Provider, { value: bodyPopoutValue, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_design_system7.PortalContainerProvider, { container: bodyPortalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "contents", onPointerDown: onFocus, onPointerDownCapture: claimFront, onFocusCapture: claimFront, children: bodyContent }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_window_host4.PopoutContext.Provider, { value: bodyPopoutValue, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_design_system7.PortalContainerProvider, { container: bodyPortalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "contents", onPointerDown: onFocus, onPointerDownCapture: claimFront, onFocusCapture: claimFront, children: bodyContent }) }) }),
     bodyHost
   ) : null;
   if (isMobile) {
@@ -3008,7 +2997,7 @@ function WindowPanel({
           surfaceLayer,
           sizeToContent: mobileSizeToContent,
           hideClose: mobileHideClose,
-          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_window_host2.WindowSelectionSurface, { children })
+          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_window_host3.WindowSelectionSurface, { children })
         }
       );
     }
@@ -3023,7 +3012,7 @@ function WindowPanel({
           actionsRight: resolvedActionsRight,
           bodyClassName,
           surfaceLayer,
-          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_window_host2.WindowSelectionSurface, { children })
+          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_window_host3.WindowSelectionSurface, { children })
         }
       );
     }
@@ -3061,7 +3050,7 @@ function WindowPanel({
             }
           ),
           isDebugMode && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DebugStrip, { rect, zIndex }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: (0, import_cn9.cn)("flex-1 overflow-auto min-h-0", bodyClassName), children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_window_host2.WindowSelectionSurface, { children: mobileBody }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: (0, import_cn9.cn)("flex-1 overflow-auto min-h-0", bodyClassName), children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_window_host3.WindowSelectionSurface, { children: mobileBody }) }),
           footerBar
         ]
       }
@@ -3200,8 +3189,8 @@ function WindowPanel({
   ] });
 }
 function BodyMount({ host }) {
-  const slotRef = (0, import_react19.useRef)(null);
-  (0, import_react19.useLayoutEffect)(() => {
+  const slotRef = (0, import_react18.useRef)(null);
+  (0, import_react18.useLayoutEffect)(() => {
     const slot2 = slotRef.current;
     if (!slot2 || !host) return void 0;
     slot2.appendChild(host);
@@ -3477,9 +3466,9 @@ function GreenTrafficLight({
   onSaveWindowState,
   onPopOut
 }) {
-  const [dropdownOpen, setDropdownOpen] = (0, import_react19.useState)(false);
-  const leaveTimer = (0, import_react19.useRef)(null);
-  const containerRef = (0, import_react19.useRef)(null);
+  const [dropdownOpen, setDropdownOpen] = (0, import_react18.useState)(false);
+  const leaveTimer = (0, import_react18.useRef)(null);
+  const containerRef = (0, import_react18.useRef)(null);
   const openDropdown = () => {
     if (leaveTimer.current) clearTimeout(leaveTimer.current);
     setDropdownOpen(true);
@@ -3493,7 +3482,7 @@ function GreenTrafficLight({
     fn();
     setDropdownOpen(false);
   };
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!dropdownOpen) return void 0;
     const onPointerOutside = (e) => {
       const target = e.target;
@@ -3779,8 +3768,8 @@ function GreenTrafficLight({
 }
 
 // src/window.ts
-var import_window_host4 = require("@ai-matrx/summon/window-host");
-var import_window_host5 = require("@ai-matrx/summon/window-host");
+var import_window_host6 = require("@ai-matrx/summon/window-host");
+var import_window_host7 = require("@ai-matrx/summon/window-host");
 
 // src/window/WindowSidebar.tsx
 var import_cn10 = require("@ai-matrx/design-system/cn");
@@ -3814,19 +3803,9 @@ function WindowSidebar({
   }) }) });
 }
 
-// src/window/useOverlaySurfaceRenderAck.ts
-var import_react21 = require("react");
-var import_summon11 = require("@ai-matrx/summon");
-function useOverlaySurfaceRenderAck(overlayId, active) {
-  (0, import_react21.useEffect)(() => {
-    if (!active) return void 0;
-    (0, import_summon11.ackOverlaySurfaceRender)(overlayId);
-    return () => (0, import_summon11.clearOverlaySurfaceRender)(overlayId);
-  }, [active, overlayId]);
-}
-
 // src/window.ts
-var import_window_host6 = require("@ai-matrx/summon/window-host");
+var import_window_host8 = require("@ai-matrx/summon/window-host");
+var import_window_host9 = require("@ai-matrx/summon/window-host");
 
 // src/window/tray/TrayStatusChip.tsx
 var import_cn11 = require("@ai-matrx/design-system/cn");
@@ -3900,13 +3879,12 @@ function TrayStatusChip({
   ] });
 }
 
-// src/window/popout/usePopoutContainer.ts
-function usePopoutContainer() {
-  return usePopout().popoutContainer ?? void 0;
-}
+// src/window.ts
+var import_window_host10 = require("@ai-matrx/summon/window-host");
+var import_window_host11 = require("@ai-matrx/summon/window-host");
 
 // src/window/utils/mayRaiseUnbidden.ts
-var import_summon12 = require("@ai-matrx/summon");
+var import_summon11 = require("@ai-matrx/summon");
 function isUnderRoute(pathname, route) {
   if (pathname === route) return true;
   const base = route.endsWith("/") ? route.slice(0, -1) : route;
@@ -3916,7 +3894,7 @@ function describeHome(h) {
   return typeof h === "string" ? h : `${h.route} (exact)`;
 }
 function mayRaiseUnbidden(overlayId, pathname) {
-  const entry = (0, import_summon12.getOverlayMeta)(overlayId);
+  const entry = (0, import_summon11.getOverlayMeta)(overlayId);
   const declared = entry?.window?.unbiddenHome ?? [];
   const home = declared.map(describeHome);
   if (home.length === 0) {