@ai-matrx/summon 0.1.6 → 0.1.8

package/dist/react.js

@@ -8,10 +8,7 @@ import { createSummonStore } from "@ai-matrx/summon";
 
 // src/react/context.ts
 import { createContext } from "react";
-var SummonStoreContext = createContext(null);
-SummonStoreContext.displayName = "SummonStoreContext";
-var SummonPortsContext = createContext(null);
-SummonPortsContext.displayName = "SummonPortsContext";
+import { SummonStoreContext, SummonPortsContext } from "@ai-matrx/summon/root";
 var SummonConfigContext = createContext(null);
 SummonConfigContext.displayName = "SummonConfigContext";
 
@@ -21,114 +18,8 @@ import { Button } from "@ai-matrx/design-system";
 
 // src/react/storeHooks.ts
 import { useContext } from "react";
-import {
-  createDispatchHook,
-  createSelectorHook,
-  createStoreHook
-} from "react-redux";
-import { DEFAULT_PORTS } from "@ai-matrx/summon";
-var useSummonSelector = createSelectorHook(SummonStoreContext).withTypes();
-var useSummonDispatch = createDispatchHook(SummonStoreContext).withTypes();
-var useSummonStore = createStoreHook(SummonStoreContext).withTypes();
-var MISSING_PROVIDER = "[summon] No <SummonProvider> above this component. Wrap the app (or the part that opens overlays) in <SummonProvider>.";
-function useSummonPorts() {
-  const ports = useContext(SummonPortsContext);
-  if (!ports) throw new Error(MISSING_PROVIDER);
-  return ports;
-}
-function useOptionalSummonPorts() {
-  return useContext(SummonPortsContext) ?? DEFAULT_PORTS;
-}
-function useOptionalSummonStore() {
-  const context = useContext(SummonStoreContext);
-  return context ? context.store : null;
-}
-function useSummonConfig() {
-  const config = useContext(SummonConfigContext);
-  if (!config) throw new Error(MISSING_PROVIDER);
-  return config;
-}
-
-// src/react/fallbacks.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function normalizeOverlayError(error) {
-  if (error instanceof Error) {
-    const isChunkLoadError = error.name === "ChunkLoadError" || /Loading chunk [\w-]+ failed|Failed to fetch dynamically imported module|Importing a module script failed/i.test(
-      error.message
-    );
-    return { name: error.name, message: error.message, stack: error.stack ?? null, isChunkLoadError };
-  }
-  return { name: "Error", message: typeof error === "string" ? error : String(error), stack: null, isChunkLoadError: false };
-}
-function OverlayLoadingFallback({ overlayId, label }) {
-  const ports = useSummonPorts();
-  const { stallWarnMs } = useSummonConfig();
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      ports.errors.capture(new Error(`Overlay "${overlayId}" still loading after ${stallWarnMs}ms`), {
-        stage: "overlay-load-stall",
-        overlayId,
-        level: "warning"
-      });
-    }, stallWarnMs);
-    return () => clearTimeout(timer);
-  }, [ports, overlayId, stallWarnMs]);
-  return /* @__PURE__ */ jsx("div", { className: "pointer-events-none fixed inset-0 z-[2147483000] flex items-center justify-center p-4", children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "status",
-      "aria-label": `Loading ${label}`,
-      className: "pointer-events-auto flex items-center gap-3 rounded-xl border border-border bg-card px-5 py-4 text-sm text-muted-foreground shadow-[var(--elevation-2)]",
-      children: [
-        /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "size-4 animate-spin rounded-full border-2 border-border border-t-primary" }),
-        /* @__PURE__ */ jsx("span", { children: "Loading\u2026" })
-      ]
-    }
-  ) });
-}
-function OverlayErrorFallback({ label, error, retry, close, extras }) {
-  const e = normalizeOverlayError(error);
-  return /* @__PURE__ */ jsx("div", { className: "pointer-events-none fixed inset-0 z-[2147483001] flex items-center justify-center p-4", children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "alertdialog",
-      "aria-label": `${label} failed to load`,
-      className: "pointer-events-auto flex max-h-[85dvh] w-full max-w-lg flex-col overflow-hidden rounded-xl border border-destructive bg-card shadow-[var(--elevation-3)]",
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "border-b border-border px-5 py-4", children: [
-          /* @__PURE__ */ jsxs("h2", { className: "text-sm font-semibold text-foreground", children: [
-            label,
-            " failed to load"
-          ] }),
-          /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: e.isChunkLoadError ? "Part of it did not finish loading." : "It hit an error while rendering." })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-auto px-5 py-4", children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-muted px-3 py-2 font-mono text-xs text-foreground", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-destructive", children: e.name }),
-          ": ",
-          e.message
-        ] }) }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 border-t border-border px-5 py-3", children: [
-          /* @__PURE__ */ jsx("div", { children: extras }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: close, children: "Close" }),
-            /* @__PURE__ */ jsx(Button, { variant: "primary", size: "sm", onClick: retry, children: "Try again" }),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "outline",
-                size: "sm",
-                onClick: () => {
-                  if (typeof window !== "undefined") window.location.reload();
-                },
-                children: "Reload page"
-              }
-            )
-          ] })
-        ] })
-      ]
-    }
-  ) });
-}
+import { getSummonHostConfig, getSummonHostVersion } from "@ai-matrx/summon/root";
+import { globalSlot } from "@ai-matrx/kit/global-slot";
 
 // src/react/keepAlive.ts
 var KeepAliveRegistry = class {
@@ -221,11 +112,126 @@ var LoaderCache = class {
   }
 };
 
-// src/react/SummonProvider.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+// src/react/storeHooks.ts
+import {
+  useSummonSelector,
+  useSummonDispatch,
+  useSummonStore,
+  useSummonPorts,
+  useOptionalSummonPorts,
+  useOptionalSummonStore
+} from "@ai-matrx/summon/root";
 var DEFAULT_KEEP_ALIVE_LIMIT = 8;
 var DEFAULT_IMPORT_TIMEOUT_MS = 12e3;
 var DEFAULT_STALL_WARN_MS = 1e4;
+var hostConfigSlot = () => globalSlot("ai-matrx.summon.hostReactConfig", () => ({ version: -1, config: null, keepAlive: null, loaders: null }));
+function hostReactConfig() {
+  const s = hostConfigSlot();
+  const version = getSummonHostVersion();
+  if (s.config && s.version === version) return s.config;
+  const host = getSummonHostConfig();
+  s.keepAlive ??= new KeepAliveRegistry(DEFAULT_KEEP_ALIVE_LIMIT);
+  s.loaders ??= new LoaderCache({ timeoutMs: () => DEFAULT_IMPORT_TIMEOUT_MS });
+  s.config = {
+    loadingFallback: OverlayLoadingFallback,
+    errorFallback: OverlayErrorFallback,
+    errorReportExtras: host.errorReportExtras ?? null,
+    renderWrapper: host.renderWrapper ?? null,
+    importTimeoutMs: DEFAULT_IMPORT_TIMEOUT_MS,
+    stallWarnMs: DEFAULT_STALL_WARN_MS,
+    keepAlive: s.keepAlive,
+    loaders: s.loaders
+  };
+  s.version = version;
+  return s.config;
+}
+function useSummonConfig() {
+  return useContext(SummonConfigContext) ?? hostReactConfig();
+}
+
+// src/react/fallbacks.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function normalizeOverlayError(error) {
+  if (error instanceof Error) {
+    const isChunkLoadError = error.name === "ChunkLoadError" || /Loading chunk [\w-]+ failed|Failed to fetch dynamically imported module|Importing a module script failed/i.test(
+      error.message
+    );
+    return { name: error.name, message: error.message, stack: error.stack ?? null, isChunkLoadError };
+  }
+  return { name: "Error", message: typeof error === "string" ? error : String(error), stack: null, isChunkLoadError: false };
+}
+function OverlayLoadingFallback({ overlayId, label }) {
+  const ports = useSummonPorts();
+  const { stallWarnMs } = useSummonConfig();
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      ports.errors.capture(new Error(`Overlay "${overlayId}" still loading after ${stallWarnMs}ms`), {
+        stage: "overlay-load-stall",
+        overlayId,
+        level: "warning"
+      });
+    }, stallWarnMs);
+    return () => clearTimeout(timer);
+  }, [ports, overlayId, stallWarnMs]);
+  return /* @__PURE__ */ jsx("div", { className: "pointer-events-none fixed inset-0 z-[2147483000] flex items-center justify-center p-4", children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "status",
+      "aria-label": `Loading ${label}`,
+      className: "pointer-events-auto flex items-center gap-3 rounded-xl border border-border bg-card px-5 py-4 text-sm text-muted-foreground shadow-[var(--elevation-2)]",
+      children: [
+        /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "size-4 animate-spin rounded-full border-2 border-border border-t-primary" }),
+        /* @__PURE__ */ jsx("span", { children: "Loading\u2026" })
+      ]
+    }
+  ) });
+}
+function OverlayErrorFallback({ label, error, retry, close, extras }) {
+  const e = normalizeOverlayError(error);
+  return /* @__PURE__ */ jsx("div", { className: "pointer-events-none fixed inset-0 z-[2147483001] flex items-center justify-center p-4", children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "alertdialog",
+      "aria-label": `${label} failed to load`,
+      className: "pointer-events-auto flex max-h-[85dvh] w-full max-w-lg flex-col overflow-hidden rounded-xl border border-destructive bg-card shadow-[var(--elevation-3)]",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "border-b border-border px-5 py-4", children: [
+          /* @__PURE__ */ jsxs("h2", { className: "text-sm font-semibold text-foreground", children: [
+            label,
+            " failed to load"
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: e.isChunkLoadError ? "Part of it did not finish loading." : "It hit an error while rendering." })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-auto px-5 py-4", children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-muted px-3 py-2 font-mono text-xs text-foreground", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-destructive", children: e.name }),
+          ": ",
+          e.message
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 border-t border-border px-5 py-3", children: [
+          /* @__PURE__ */ jsx("div", { children: extras }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: close, children: "Close" }),
+            /* @__PURE__ */ jsx(Button, { variant: "primary", size: "sm", onClick: retry, children: "Try again" }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                size: "sm",
+                onClick: () => {
+                  if (typeof window !== "undefined") window.location.reload();
+                },
+                children: "Reload page"
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  ) });
+}
+
+// src/react/SummonProvider.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
 function SummonProvider({
   store,
   ports,
@@ -263,49 +269,52 @@ function SummonProvider({
   return /* @__PURE__ */ jsx2(Provider, { store: activeStore, context: SummonStoreContext, children: /* @__PURE__ */ jsx2(SummonPortsContext.Provider, { value: resolvedPorts, children: /* @__PURE__ */ jsx2(SummonConfigContext.Provider, { value: config, children }) }) });
 }
 
-// src/react/defineOverlay.tsx
-import { useCallback as useCallback2, useEffect as useEffect4, useMemo as useMemo3, useRef as useRef3, useState as useState2 } from "react";
+// src/react.ts
 import {
-  DEFAULT_INSTANCE_ID as DEFAULT_INSTANCE_ID2,
-  instanceKey as toInstanceKey
-} from "@ai-matrx/summon";
-import { selectIsOverlayOpen } from "@ai-matrx/summon";
-
-// src/react/dispatchers.ts
-import { closeOverlay, openOverlay } from "@ai-matrx/summon";
-import { DEFAULT_INSTANCE_ID } from "@ai-matrx/summon";
-function newInstanceId(overlayId) {
-  return `${overlayId}-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
-}
-function dispatchOpen(dispatch, overlayId, instanceId, data) {
-  dispatch(
-    openOverlay({
-      overlayId,
-      instanceId,
-      data: data ?? null
-    })
-  );
-}
-function dispatchClose(dispatch, overlayId, instanceId = DEFAULT_INSTANCE_ID) {
-  dispatch(closeOverlay({ overlayId, instanceId }));
-}
+  defineOverlay,
+  CALLBACK_GROUP_KEY
+} from "@ai-matrx/summon/root";
 
 // src/react/events.ts
 import { createEventChannel, getEventChannel } from "@ai-matrx/summon/handles";
-function openOverlayEventChannel(owner, getHandlers) {
-  const channel = createEventChannel({ owner });
-  channel.subscribe((message) => {
-    const handlers = getHandlers();
-    handlers?.[message.type]?.(message.payload);
-  });
-  return channel.id;
-}
+import { materializePendingChannels } from "@ai-matrx/summon/open";
+import { registerOverlayEmitter } from "@ai-matrx/summon/root";
 function emitOverlayEvent(channelId, type, payload) {
+  materializePendingChannels(createEventChannel);
   getEventChannel(channelId)?.emit({ type, payload });
 }
+registerOverlayEmitter(emitOverlayEvent);
+
+// src/react/SummonHost.tsx
+import { Activity, memo as memo2, useCallback as useCallback2, useEffect as useEffect4, useRef as useRef3, useState as useState2 } from "react";
+import { releaseOverlayInstance } from "@ai-matrx/summon";
+import { registerOverlayMeta } from "@ai-matrx/summon";
+import { closeOverlaysBoundToPage, overlayIdsBoundToPage, selectOpenInstances } from "@ai-matrx/summon";
+import { instanceKey as toInstanceKey } from "@ai-matrx/summon";
+import { dispatchClose } from "@ai-matrx/summon/root";
+
+// src/react/hostRenders.ts
+import { createContext as createContext2 } from "react";
+var HostRendersContext = createContext2(null);
+var MISSING_RENDER_ERROR = "OverlayRenderMissingError";
+var missing = /* @__PURE__ */ new Map();
+function missingRenderLoader(overlayId) {
+  let loader = missing.get(overlayId);
+  if (!loader) {
+    const message = `Overlay "${overlayId}" is open but has no render module: its definition has no \`render\` and <SummonHost renders> has no "${overlayId}" entry.`;
+    loader = () => {
+      if (process.env.NODE_ENV !== "production") console.error(`[summon] ${message}`);
+      const error = new Error(message);
+      error.name = MISSING_RENDER_ERROR;
+      return Promise.reject(error);
+    };
+    missing.set(overlayId, loader);
+  }
+  return loader;
+}
 
 // src/react/instanceBody.tsx
-import { Suspense, memo, useContext as useContext3, useEffect as useEffect3, useMemo as useMemo2, useRef as useRef2 } from "react";
+import { Suspense, memo, useContext as useContext2, useEffect as useEffect3, useMemo as useMemo2, useRef as useRef2 } from "react";
 
 // src/react/OverlayErrorBoundary.tsx
 import { Component } from "react";
@@ -356,20 +365,14 @@ var OverlayErrorBoundary = class extends Component {
 };
 
 // src/react/instance.tsx
-import { createContext as createContext2, useCallback, useContext as useContext2 } from "react";
+import { useCallback } from "react";
 import { selectOverlayStateValue, setOverlayStateValue } from "@ai-matrx/summon";
-var OverlayInstanceContext = createContext2(null);
-OverlayInstanceContext.displayName = "OverlayInstanceContext";
-function useOverlayInstance() {
-  const value = useContext2(OverlayInstanceContext);
-  if (!value) {
-    throw new Error("[summon] useOverlayInstance() was called outside a rendered overlay.");
-  }
-  return value;
-}
-function useOptionalOverlayInstance() {
-  return useContext2(OverlayInstanceContext);
-}
+import { useOverlayInstance } from "@ai-matrx/summon/root";
+import {
+  OverlayInstanceContext,
+  useOverlayInstance as useOverlayInstance2,
+  useOptionalOverlayInstance
+} from "@ai-matrx/summon/root";
 function useOverlayState(name, initial) {
   const { instanceKey } = useOverlayInstance();
   const dispatch = useSummonDispatch();
@@ -390,26 +393,6 @@ function useOverlayState(name, initial) {
   return [value, setValue];
 }
 
-// src/react/hostRenders.ts
-import { createContext as createContext3 } from "react";
-var HostRendersContext = createContext3(null);
-var MISSING_RENDER_ERROR = "OverlayRenderMissingError";
-var missing = /* @__PURE__ */ new Map();
-function missingRenderLoader(overlayId) {
-  let loader = missing.get(overlayId);
-  if (!loader) {
-    const message = `Overlay "${overlayId}" is open but has no render module: its definition has no \`render\` and <SummonHost renders> has no "${overlayId}" entry.`;
-    loader = () => {
-      if (process.env.NODE_ENV !== "production") console.error(`[summon] ${message}`);
-      const error = new Error(message);
-      error.name = MISSING_RENDER_ERROR;
-      return Promise.reject(error);
-    };
-    missing.set(overlayId, loader);
-  }
-  return loader;
-}
-
 // src/react/instanceBody.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
 function LazyRender({ overlayId, instanceId, data, hidden, close, render, attemptRef }) {
@@ -423,7 +406,7 @@ function createInstanceBody(overlayId, label, ownRender, parse, refusable) {
   function OverlayInstanceBody({ instanceId, instanceKey, data, hidden, close }) {
     const config = useSummonConfig();
     const ports = useSummonPorts();
-    const hostRenders = useContext3(HostRendersContext);
+    const hostRenders = useContext2(HostRendersContext);
     const hostRender = ownRender ? void 0 : hostRenders?.[overlayId];
     const render = ownRender ?? hostRender ?? missingRenderLoader(overlayId);
     const attemptRef = useRef2(0);
@@ -476,104 +459,7 @@ function createInstanceBody(overlayId, label, ownRender, parse, refusable) {
   return memo(OverlayInstanceBody);
 }
 
-// src/react/defineOverlay.tsx
-var CALLBACK_GROUP_KEY = "callbackGroupId";
-function openWith(dispatch, id, multi, options) {
-  const instanceId = options?.instanceId ?? (multi ? newInstanceId(id) : DEFAULT_INSTANCE_ID2);
-  const key = toInstanceKey(id, instanceId);
-  const data = {};
-  const given = options?.data;
-  if (typeof given === "object" && given !== null) Object.assign(data, given);
-  const handlers = options?.handlers;
-  if (handlers) data[CALLBACK_GROUP_KEY] = openOverlayEventChannel(key, () => handlers);
-  dispatchOpen(dispatch, id, instanceId, data);
-  return { overlayId: id, instanceId, close: () => dispatchClose(dispatch, id, instanceId) };
-}
-function dataSignature(data) {
-  try {
-    return JSON.stringify(data, (_key, value) => typeof value === "function" ? void 0 : value);
-  } catch {
-    return String(Date.now());
-  }
-}
-function defineOverlay() {
-  return function define(spec) {
-    const id = spec.id;
-    const multi = spec.instance === "multi";
-    const parse = spec.parse ?? ((raw) => raw);
-    const Body = createInstanceBody(id, spec.label, spec.render, parse, spec.parse !== void 0);
-    const meta = spec;
-    function useSummon() {
-      const dispatch = useSummonDispatch();
-      return useCallback2((options) => openWith(dispatch, id, multi, options), [dispatch]);
-    }
-    function useIsOpen(instanceId = DEFAULT_INSTANCE_ID2) {
-      return useSummonSelector((state) => selectIsOverlayOpen(state, id, instanceId));
-    }
-    function useClose() {
-      const dispatch = useSummonDispatch();
-      return useCallback2((instanceId) => dispatchClose(dispatch, id, instanceId ?? DEFAULT_INSTANCE_ID2), [dispatch]);
-    }
-    function useEmit() {
-      const instance = useOptionalOverlayInstance();
-      const channelId = instance?.overlayId === id ? instance.rawData?.[CALLBACK_GROUP_KEY] : void 0;
-      return useCallback2(
-        (event, payload) => {
-          if (typeof channelId === "string") emitOverlayEvent(channelId, event, payload);
-        },
-        [channelId]
-      );
-    }
-    function Controller(props) {
-      const dispatch = useSummonDispatch();
-      const [ownInstanceId] = useState2(() => multi ? newInstanceId(id) : DEFAULT_INSTANCE_ID2);
-      const instanceId = props.instanceId ?? ownInstanceId;
-      const handlersRef = useRef3(props.handlers);
-      handlersRef.current = props.handlers;
-      const hasHandlers = props.handlers !== void 0;
-      const data = useMemo3(() => {
-        const out = {};
-        for (const [key, value] of Object.entries(props)) {
-          if (key !== "instanceId" && key !== "handlers") out[key] = value;
-        }
-        return out;
-      }, [props]);
-      const signature = dataSignature(data);
-      const dataRef = useRef3(data);
-      dataRef.current = data;
-      useEffect4(() => {
-        const key = toInstanceKey(id, instanceId);
-        const open = { ...dataRef.current };
-        if (hasHandlers) open[CALLBACK_GROUP_KEY] = openOverlayEventChannel(key, () => handlersRef.current);
-        dispatchOpen(dispatch, id, instanceId, open);
-        return () => dispatchClose(dispatch, id, instanceId);
-      }, [dispatch, instanceId, signature, hasHandlers]);
-      return null;
-    }
-    Controller.displayName = `${id}Controller`;
-    return {
-      ...spec,
-      id,
-      label: spec.label,
-      instance: multi ? "multi" : "single",
-      keepAlive: spec.keepAlive ?? "none",
-      meta,
-      Body,
-      useSummon,
-      Controller,
-      useIsOpen,
-      useClose,
-      useEmit
-    };
-  };
-}
-
 // src/react/SummonHost.tsx
-import { Activity, memo as memo2, useCallback as useCallback3, useEffect as useEffect5, useRef as useRef4, useState as useState3 } from "react";
-import { releaseOverlayInstance } from "@ai-matrx/summon";
-import { registerOverlayMeta } from "@ai-matrx/summon";
-import { closeOverlaysBoundToPage, overlayIdsBoundToPage, selectOpenInstances } from "@ai-matrx/summon";
-import { instanceKey as toInstanceKey2 } from "@ai-matrx/summon";
 import { Fragment, jsx as jsx5 } from "react/jsx-runtime";
 function asRawData(data) {
   return typeof data === "object" && data !== null && !Array.isArray(data) ? data : null;
@@ -588,11 +474,22 @@ function sameInstances(a, b) {
   }
   return true;
 }
+var bodies = /* @__PURE__ */ new WeakMap();
+function bodyOf(definition) {
+  let body = bodies.get(definition);
+  if (!body) {
+    const parse = definition.parse ?? ((raw) => raw);
+    const render = definition.render;
+    body = createInstanceBody(definition.id, definition.label, render, parse, definition.parse !== void 0);
+    bodies.set(definition, body);
+  }
+  return body;
+}
 var NO_RETAINED = /* @__PURE__ */ new Map();
 function useCloseOnNavigation() {
   const ports = useSummonPorts();
   const dispatch = useSummonDispatch();
-  useEffect5(() => {
+  useEffect4(() => {
     const router = ports.router;
     let previous = router.pathname();
     return router.subscribe(() => {
@@ -606,17 +503,17 @@ function useCloseOnNavigation() {
 }
 var InstanceSlot = memo2(function InstanceSlot2({ definition, instanceId, data, hidden }) {
   const dispatch = useSummonDispatch();
-  const close = useCallback3(() => dispatchClose(dispatch, definition.id, instanceId), [dispatch, definition.id, instanceId]);
-  const Body = definition.Body;
-  return /* @__PURE__ */ jsx5(Body, { instanceId, instanceKey: toInstanceKey2(definition.id, instanceId), data, hidden, close });
+  const close = useCallback2(() => dispatchClose(dispatch, definition.id, instanceId), [dispatch, definition.id, instanceId]);
+  const Body = bodyOf(definition);
+  return /* @__PURE__ */ jsx5(Body, { instanceId, instanceKey: toInstanceKey(definition.id, instanceId), data, hidden, close });
 });
 var DefinitionSlot = memo2(function DefinitionSlot2({ definition }) {
   const { keepAlive } = useSummonConfig();
   const dispatch = useSummonDispatch();
   const open = useSummonSelector((state) => selectOpenInstances(state, definition.id), sameInstances);
   const keepHidden = definition.keepAlive === "hidden";
-  const [retained, setRetained] = useState3(NO_RETAINED);
-  const [previousOpen, setPreviousOpen] = useState3(open);
+  const [retained, setRetained] = useState2(NO_RETAINED);
+  const [previousOpen, setPreviousOpen] = useState2(open);
   if (previousOpen !== open) {
     setPreviousOpen(open);
     if (keepHidden) {
@@ -629,13 +526,13 @@ var DefinitionSlot = memo2(function DefinitionSlot2({ definition }) {
       setRetained(next);
     }
   }
-  const registered = useRef4(/* @__PURE__ */ new Set());
-  useEffect5(() => {
+  const registered = useRef3(/* @__PURE__ */ new Set());
+  useEffect4(() => {
     const seen = registered.current;
     for (const instanceId of retained.keys()) {
       if (seen.has(instanceId)) continue;
       seen.add(instanceId);
-      const key = toInstanceKey2(definition.id, instanceId);
+      const key = toInstanceKey(definition.id, instanceId);
       keepAlive.retain(key, () => {
         seen.delete(instanceId);
         releaseOverlayInstance(dispatch, key);
@@ -650,14 +547,14 @@ var DefinitionSlot = memo2(function DefinitionSlot2({ definition }) {
     for (const instanceId of [...seen]) {
       if (retained.has(instanceId)) continue;
       seen.delete(instanceId);
-      keepAlive.release(toInstanceKey2(definition.id, instanceId));
+      keepAlive.release(toInstanceKey(definition.id, instanceId));
     }
   }, [retained, keepAlive, definition.id, dispatch]);
-  useEffect5(() => {
+  useEffect4(() => {
     const seen = registered.current;
     return () => {
       for (const instanceId of seen) {
-        const key = toInstanceKey2(definition.id, instanceId);
+        const key = toInstanceKey(definition.id, instanceId);
         keepAlive.release(key);
         releaseOverlayInstance(dispatch, key);
       }
@@ -682,7 +579,7 @@ var DefinitionSlot = memo2(function DefinitionSlot2({ definition }) {
   return /* @__PURE__ */ jsx5(Fragment, { children: nodes });
 });
 function SummonHost({ definitions, renders }) {
-  const registeredFor = useRef4(null);
+  const registeredFor = useRef3(null);
   if (registeredFor.current !== definitions) {
     registerOverlayMeta(definitions.map((definition) => definition.meta));
     registeredFor.current = definitions;
@@ -691,41 +588,45 @@ function SummonHost({ definitions, renders }) {
   return /* @__PURE__ */ jsx5(HostRendersContext.Provider, { value: renders ?? null, children: definitions.map((definition) => /* @__PURE__ */ jsx5(DefinitionSlot, { definition }, definition.id)) });
 }
 
+// src/react.ts
+import { SummonRoot, configureSummonHost } from "@ai-matrx/summon/root";
+
 // src/react/hooks.ts
-import { useCallback as useCallback4 } from "react";
+import { useCallback as useCallback3 } from "react";
 import { getOverlayMeta } from "@ai-matrx/summon";
-import { selectIsOverlayOpen as selectIsOverlayOpen2 } from "@ai-matrx/summon";
-import { DEFAULT_INSTANCE_ID as DEFAULT_INSTANCE_ID3 } from "@ai-matrx/summon";
-function useIsOverlayOpen(overlayId, instanceId = DEFAULT_INSTANCE_ID3) {
-  return useSummonSelector((state) => selectIsOverlayOpen2(state, overlayId, instanceId));
+import { selectIsOverlayOpen } from "@ai-matrx/summon";
+import { DEFAULT_INSTANCE_ID } from "@ai-matrx/summon";
+import { dispatchClose as dispatchClose2, dispatchOpen, newInstanceId } from "@ai-matrx/summon/root";
+function useIsOverlayOpen(overlayId, instanceId = DEFAULT_INSTANCE_ID) {
+  return useSummonSelector((state) => selectIsOverlayOpen(state, overlayId, instanceId));
 }
 function useOpenOverlay(overlayId) {
   const dispatch = useSummonDispatch();
-  return useCallback4(
+  return useCallback3(
     (options) => {
       const multi = getOverlayMeta(overlayId)?.instance === "multi";
-      const instanceId = options?.instanceId ?? (multi ? newInstanceId(overlayId) : DEFAULT_INSTANCE_ID3);
+      const instanceId = options?.instanceId ?? (multi ? newInstanceId(overlayId) : DEFAULT_INSTANCE_ID);
       dispatchOpen(dispatch, overlayId, instanceId, options?.data ?? null);
-      return { overlayId, instanceId, close: () => dispatchClose(dispatch, overlayId, instanceId) };
+      return { overlayId, instanceId, close: () => dispatchClose2(dispatch, overlayId, instanceId) };
     },
     [dispatch, overlayId]
   );
 }
-function useCloseOverlay(overlayId, instanceId = DEFAULT_INSTANCE_ID3) {
+function useCloseOverlay(overlayId, instanceId = DEFAULT_INSTANCE_ID) {
   const dispatch = useSummonDispatch();
-  return useCallback4(() => dispatchClose(dispatch, overlayId, instanceId), [dispatch, overlayId, instanceId]);
+  return useCallback3(() => dispatchClose2(dispatch, overlayId, instanceId), [dispatch, overlayId, instanceId]);
 }
 
 // src/react/useOverlayLink.ts
-import { useEffect as useEffect6, useMemo as useMemo4 } from "react";
+import { useEffect as useEffect5, useMemo as useMemo3 } from "react";
 import { registerSyncEntry, unregisterSyncEntry } from "@ai-matrx/summon";
 function useOverlayLink(linkKey, id, args) {
   const dispatch = useSummonDispatch();
   const argsKey = args ? JSON.stringify(
     Object.keys(args).sort().map((k) => [k, args[k]])
   ) : "";
-  const stableArgs = useMemo4(() => args ? { ...args } : void 0, [argsKey]);
-  useEffect6(() => {
+  const stableArgs = useMemo3(() => args ? { ...args } : void 0, [argsKey]);
+  useEffect5(() => {
     if (!linkKey || !id) return void 0;
     dispatch(registerSyncEntry(stableArgs ? { typeKey: linkKey, instanceId: id, args: stableArgs } : { typeKey: linkKey, instanceId: id }));
     return () => {
@@ -744,9 +645,12 @@ export {
   OverlayLoadingFallback,
   SummonHost,
   SummonProvider,
+  SummonRoot,
   SummonStoreContext,
   chunkTimeoutError,
+  configureSummonHost,
   defineOverlay,
+  emitOverlayEvent,
   normalizeOverlayError,
   useCloseOnNavigation,
   useCloseOverlay,
@@ -755,7 +659,7 @@ export {
   useOptionalOverlayInstance,
   useOptionalSummonPorts,
   useOptionalSummonStore,
-  useOverlayInstance,
+  useOverlayInstance2 as useOverlayInstance,
   useOverlayLink,
   useOverlayState,
   useSummonDispatch,