@flanksource/clicky-ui 0.3.45 → 0.3.46

package/dist/hooks/event-hub.js

@@ -0,0 +1,229 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+const DEFAULT_URL = "/api/events";
+const TEARDOWN_GRACE_MS = 1e3;
+const RESUBSCRIBE_DELAY_MS = 1e3;
+const READY_STATE_CONNECTING = 0;
+const READY_STATE_OPEN = 1;
+const READY_STATE_CLOSED = 2;
+function invokeListener(listener, event) {
+  if (typeof listener === "function") listener(event);
+  else listener.handleEvent(event);
+}
+class Sub {
+  constructor(id, url, hooks) {
+    __publicField(this, "readyState", READY_STATE_CONNECTING);
+    __publicField(this, "onopen", null);
+    __publicField(this, "onmessage", null);
+    __publicField(this, "onerror", null);
+    __publicField(this, "listeners", /* @__PURE__ */ new Map());
+    // Real-connection listeners this sub has registered, keyed by the prefixed
+    // event name (`${id}/${name}`), so close() can remove exactly what it added.
+    __publicField(this, "routedHandlers", /* @__PURE__ */ new Map());
+    __publicField(this, "resubscribeTimer", null);
+    __publicField(this, "disposed", false);
+    this.id = id;
+    this.url = url;
+    this.hooks = hooks;
+  }
+  addEventListener(type, listener) {
+    let set = this.listeners.get(type);
+    if (!set) {
+      set = /* @__PURE__ */ new Set();
+      this.listeners.set(type, set);
+    }
+    set.add(listener);
+    this.hooks.route(this, type);
+  }
+  removeEventListener(type, listener) {
+    var _a;
+    (_a = this.listeners.get(type)) == null ? void 0 : _a.delete(listener);
+  }
+  close() {
+    this.hooks.close(this);
+  }
+}
+function dispatch(sub, name, event) {
+  var _a, _b, _c;
+  for (const listener of Array.from(sub.listeners.get(name) ?? [])) invokeListener(listener, event);
+  if (name === "message") (_a = sub.onmessage) == null ? void 0 : _a.call(sub, event);
+  if (name === "error") (_b = sub.onerror) == null ? void 0 : _b.call(sub, event);
+  if (name === "open") (_c = sub.onopen) == null ? void 0 : _c.call(sub, event);
+}
+function createEventHub(options = {}) {
+  const { url: hubUrl = DEFAULT_URL, buildId = null, onBuildMismatch = () => window.location.reload() } = options;
+  let real = null;
+  let connId = null;
+  let subCounter = 0;
+  const subs = /* @__PURE__ */ new Map();
+  let teardownTimer = null;
+  let reloadedForBuildMismatch = false;
+  function maybeReloadForBuildMismatch(helloBuildId) {
+    if (reloadedForBuildMismatch) return;
+    if (!helloBuildId || !buildId) return;
+    if (helloBuildId === buildId) return;
+    reloadedForBuildMismatch = true;
+    onBuildMismatch();
+  }
+  function failSub(sub, message, cause) {
+    sub.readyState = READY_STATE_CLOSED;
+    dispatch(sub, "error", new Event("error"));
+    if (cause !== void 0) console.error(`[event-hub] ${message} for ${sub.url}:`, cause);
+    else console.error(`[event-hub] ${message} for ${sub.url}`);
+  }
+  async function postSub(sub) {
+    const conn = connId;
+    if (!conn || sub.disposed || sub.readyState === READY_STATE_CLOSED) return;
+    const stale = () => sub.disposed || conn !== connId || sub.readyState === READY_STATE_CLOSED;
+    try {
+      const res = await fetch(`${hubUrl}/${conn}/subs`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ id: sub.id, path: sub.url })
+      });
+      if (stale()) return;
+      if (res.status === 204) {
+        sub.readyState = READY_STATE_OPEN;
+        dispatch(sub, "open", new Event("open"));
+        return;
+      }
+      if (res.status === 404) return;
+      failSub(sub, `subscribe failed: ${res.status}`);
+    } catch (err) {
+      if (stale()) return;
+      failSub(sub, "subscribe request failed", err);
+    }
+  }
+  function onHello(event) {
+    const payload = JSON.parse(event.data);
+    connId = payload.conn;
+    maybeReloadForBuildMismatch(payload.build);
+    for (const sub of subs.values()) {
+      if (!sub.disposed) void postSub(sub);
+    }
+  }
+  function onRealError(es) {
+    connId = null;
+    for (const sub of subs.values()) {
+      if (sub.disposed || sub.readyState === READY_STATE_CLOSED) continue;
+      sub.readyState = READY_STATE_CONNECTING;
+      dispatch(sub, "error", new Event("error"));
+    }
+    if (es.readyState !== READY_STATE_CLOSED || real !== es) return;
+    for (const sub of subs.values()) {
+      for (const [eventName, handler] of sub.routedHandlers) es.removeEventListener(eventName, handler);
+      sub.routedHandlers.clear();
+    }
+    es.onerror = null;
+    real = null;
+    setTimeout(() => {
+      if (!real && subs.size > 0) ensureRealOpen();
+    }, RESUBSCRIBE_DELAY_MS);
+  }
+  function ensureRealOpen() {
+    if (real) {
+      if (teardownTimer) {
+        clearTimeout(teardownTimer);
+        teardownTimer = null;
+      }
+      return real;
+    }
+    connId = null;
+    const es = new EventSource(hubUrl);
+    es.addEventListener("__hello", (event) => onHello(event));
+    es.onerror = () => onRealError(es);
+    real = es;
+    routeActiveSubs();
+    return es;
+  }
+  function routeActiveSubs() {
+    for (const sub of subs.values()) {
+      if (sub.disposed) continue;
+      routeName(sub, "message");
+      for (const name of sub.listeners.keys()) routeName(sub, name);
+      routeClosed(sub);
+    }
+  }
+  const eventNameFor = (sub, name) => `${sub.id}/${name}`;
+  function routeName(sub, name) {
+    const eventName = eventNameFor(sub, name);
+    if (!real || name === "open" || sub.disposed || sub.routedHandlers.has(eventName)) return;
+    const handler = (event) => {
+      const message = event;
+      dispatch(sub, name, new MessageEvent(name, { data: message.data, lastEventId: message.lastEventId }));
+    };
+    real.addEventListener(eventName, handler);
+    sub.routedHandlers.set(eventName, handler);
+  }
+  function onSubClosed(sub, event) {
+    if (sub.disposed) return;
+    let payload;
+    try {
+      payload = JSON.parse(event.data);
+    } catch (err) {
+      failSub(sub, "closed frame was malformed", err);
+      return;
+    }
+    if (payload.status >= 200 && payload.status < 300) {
+      sub.readyState = READY_STATE_CONNECTING;
+      dispatch(sub, "error", new Event("error"));
+      sub.resubscribeTimer = setTimeout(() => {
+        sub.resubscribeTimer = null;
+        if (!sub.disposed) void postSub(sub);
+      }, RESUBSCRIBE_DELAY_MS);
+      return;
+    }
+    failSub(sub, `sub closed with status ${payload.status}`, payload.error);
+  }
+  function routeClosed(sub) {
+    const eventName = eventNameFor(sub, "__closed");
+    if (!real || sub.routedHandlers.has(eventName)) return;
+    const handler = (event) => onSubClosed(sub, event);
+    real.addEventListener(eventName, handler);
+    sub.routedHandlers.set(eventName, handler);
+  }
+  function scheduleTeardownIfIdle() {
+    if (subs.size > 0 || teardownTimer) return;
+    teardownTimer = setTimeout(() => {
+      teardownTimer = null;
+      if (subs.size > 0) return;
+      real == null ? void 0 : real.close();
+      real = null;
+      connId = null;
+    }, TEARDOWN_GRACE_MS);
+  }
+  function closeSub(sub) {
+    if (sub.disposed) return;
+    sub.disposed = true;
+    sub.readyState = READY_STATE_CLOSED;
+    if (sub.resubscribeTimer) {
+      clearTimeout(sub.resubscribeTimer);
+      sub.resubscribeTimer = null;
+    }
+    for (const [eventName, handler] of sub.routedHandlers) real == null ? void 0 : real.removeEventListener(eventName, handler);
+    sub.routedHandlers.clear();
+    subs.delete(sub.id);
+    const conn = connId;
+    if (conn) {
+      fetch(`${hubUrl}/${conn}/subs/${sub.id}`, { method: "DELETE" }).then((res) => {
+        if (!res.ok && res.status !== 404) console.error(`[event-hub] unsubscribe failed for ${sub.url}: ${res.status}`);
+      }).catch((err) => console.error(`[event-hub] unsubscribe request failed for ${sub.url}:`, err));
+    }
+    scheduleTeardownIfIdle();
+  }
+  const hooks = { route: routeName, close: closeSub };
+  return (url) => {
+    const sub = new Sub(`s${++subCounter}`, url, hooks);
+    subs.set(sub.id, sub);
+    ensureRealOpen();
+    routeName(sub, "message");
+    routeClosed(sub);
+    if (connId) void postSub(sub);
+    return sub;
+  };
+}
+export {
+  createEventHub
+};
+//# sourceMappingURL=event-hub.js.map

package/dist/hooks/event-hub.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-hub.js","sources":["../../src/hooks/event-hub.ts"],"sourcesContent":["import type { EventSourceFactory, EventSourceLike } from \"./event-source\";\n\n// Browsers allow only six HTTP/1.1 connections per host, shared across every\n// tab. An app that opens one native EventSource per topic (list view, status\n// badge, detail pane, activity feed, ...) lets a second tab or a reload starve\n// ordinary fetches behind a queue that never drains.\n//\n// An event hub multiplexes every topic a tab opens onto a single real\n// connection to the server's events endpoint (`/api/events` by default): one\n// native EventSource, with each logical stream registered as a \"sub\"\n// (POST {url}/{conn}/subs, DELETE {url}/{conn}/subs/{id}) whose frames arrive\n// prefixed `<subId>/<name>`. Callers never see any of this — the factory\n// returned by createEventHub() hands back an EventSourceLike that behaves like\n// `new EventSource(url)` from their point of view, so it plugs straight into\n// `<EventSourceProvider value={...}>`.\n\nexport interface EventHubOptions {\n  /** Server endpoint of the multiplexed stream. Defaults to `/api/events`. */\n  url?: string;\n  /**\n   * The build id this page was served with. When the server's hello frame\n   * reports a different build, `onBuildMismatch` fires once. `null`/absent\n   * (tests, Storybook, a bare dev server with no backend in front of it)\n   * means the hub never reloads.\n   */\n  buildId?: string | null;\n  /** Called once on a build mismatch. Defaults to `window.location.reload()`. */\n  onBuildMismatch?: () => void;\n}\n\nconst DEFAULT_URL = \"/api/events\";\n\n// How long an idle hub (no subs left) keeps the real connection open before\n// tearing it down — long enough to survive React StrictMode's mount → unmount\n// → mount churn and a component swap that closes one stream and immediately\n// opens its replacement.\nconst TEARDOWN_GRACE_MS = 1000;\n\n// Delay before re-subscribing after a sub's handler ends with a 2xx status\n// (server-side stream completed normally and can be re-opened), mirroring\n// native EventSource's own reconnect delay.\nconst RESUBSCRIBE_DELAY_MS = 1000;\n\nconst READY_STATE_CONNECTING = 0;\nconst READY_STATE_OPEN = 1;\nconst READY_STATE_CLOSED = 2;\n\ntype DomListener = EventListenerOrEventListenerObject;\n\nfunction invokeListener(listener: DomListener, event: Event): void {\n  if (typeof listener === \"function\") listener(event);\n  else listener.handleEvent(event);\n}\n\n// Sub is both the internal bookkeeping for one logical stream and the public\n// EventSourceLike handed back to the caller — there is no separate wrapper\n// object, so `readyState`/`url` always reflect live state.\nclass Sub implements EventSourceLike {\n  readyState = READY_STATE_CONNECTING;\n  onopen: ((ev: Event) => unknown) | null = null;\n  onmessage: ((ev: MessageEvent) => unknown) | null = null;\n  onerror: ((ev: Event) => unknown) | null = null;\n\n  readonly listeners = new Map<string, Set<DomListener>>();\n  // Real-connection listeners this sub has registered, keyed by the prefixed\n  // event name (`${id}/${name}`), so close() can remove exactly what it added.\n  readonly routedHandlers = new Map<string, (ev: Event) => void>();\n  resubscribeTimer: ReturnType<typeof setTimeout> | null = null;\n  disposed = false;\n\n  constructor(\n    readonly id: string,\n    readonly url: string,\n    private readonly hooks: { route(sub: Sub, name: string): void; close(sub: Sub): void },\n  ) {}\n\n  addEventListener(type: string, listener: DomListener): void {\n    let set = this.listeners.get(type);\n    if (!set) {\n      set = new Set();\n      this.listeners.set(type, set);\n    }\n    set.add(listener);\n    this.hooks.route(this, type);\n  }\n\n  removeEventListener(type: string, listener: DomListener): void {\n    this.listeners.get(type)?.delete(listener);\n  }\n\n  close(): void {\n    this.hooks.close(this);\n  }\n}\n\nfunction dispatch(sub: Sub, name: string, event: Event): void {\n  // Snapshot the set so a listener that (un)registers listeners mid-dispatch\n  // doesn't change who receives this frame.\n  for (const listener of Array.from(sub.listeners.get(name) ?? [])) invokeListener(listener, event);\n  // onmessage/onerror/onopen mirror native EventSource: each is just the\n  // single-slot form of addEventListener('message'|'error'|'open', ...), so a\n  // frame named \"error\" (server-sent) reaches both a registered\n  // addEventListener('error', ...) and .onerror, exactly like the browser.\n  if (name === \"message\") sub.onmessage?.(event as MessageEvent);\n  if (name === \"error\") sub.onerror?.(event);\n  if (name === \"open\") sub.onopen?.(event);\n}\n\n/**\n * Creates an `EventSourceFactory` that multiplexes every stream it opens over\n * one real connection to `options.url`. Each returned stream behaves like\n * `new EventSource(url)` to the caller: CONNECTING until the subscription is\n * live, dispatches 'open'/'message'/'error' (and any server-named event), and\n * auto-reconnects the way native EventSource does.\n *\n * All state (real connection, connection id, sub registry, teardown timer,\n * reload guard) is per hub, so two hubs never share a connection.\n */\nexport function createEventHub(options: EventHubOptions = {}): EventSourceFactory {\n  const { url: hubUrl = DEFAULT_URL, buildId = null, onBuildMismatch = () => window.location.reload() } = options;\n\n  let real: EventSourceLike | null = null;\n  let connId: string | null = null;\n  let subCounter = 0;\n  const subs = new Map<string, Sub>();\n  let teardownTimer: ReturnType<typeof setTimeout> | null = null;\n  // Guards against a reload loop within one page load: once triggered, further\n  // __hello frames (e.g. after the reload's own new connection reconnects\n  // mid-flight) never trigger a second one.\n  let reloadedForBuildMismatch = false;\n\n  // A stale tab still serving an old bundle would otherwise keep working\n  // against a server that has moved on — including racing the six-connection\n  // cap this hub exists to close, since an old bundle may hold raw\n  // EventSources of its own. When the server's hello reports a different build\n  // than the one this page was served with, reload once to pick up the\n  // current bundle.\n  function maybeReloadForBuildMismatch(helloBuildId: string | undefined): void {\n    if (reloadedForBuildMismatch) return;\n    if (!helloBuildId || !buildId) return;\n    if (helloBuildId === buildId) return;\n    reloadedForBuildMismatch = true;\n    onBuildMismatch();\n  }\n\n  function failSub(sub: Sub, message: string, cause?: unknown): void {\n    sub.readyState = READY_STATE_CLOSED;\n    dispatch(sub, \"error\", new Event(\"error\"));\n    if (cause !== undefined) console.error(`[event-hub] ${message} for ${sub.url}:`, cause);\n    else console.error(`[event-hub] ${message} for ${sub.url}`);\n  }\n\n  async function postSub(sub: Sub): Promise<void> {\n    const conn = connId;\n    if (!conn || sub.disposed || sub.readyState === READY_STATE_CLOSED) return;\n    // A response for a connection that has since dropped (or a sub that has\n    // since failed) is stale: the next __hello re-subscribes on the live one.\n    const stale = () => sub.disposed || conn !== connId || sub.readyState === READY_STATE_CLOSED;\n    try {\n      const res = await fetch(`${hubUrl}/${conn}/subs`, {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: JSON.stringify({ id: sub.id, path: sub.url }),\n      });\n      if (stale()) return;\n      if (res.status === 204) {\n        sub.readyState = READY_STATE_OPEN;\n        dispatch(sub, \"open\", new Event(\"open\"));\n        return;\n      }\n      if (res.status === 404) return; // stale conn id; the next __hello retries\n      failSub(sub, `subscribe failed: ${res.status}`);\n    } catch (err) {\n      if (stale()) return;\n      failSub(sub, \"subscribe request failed\", err);\n    }\n  }\n\n  function onHello(event: MessageEvent): void {\n    const payload = JSON.parse(event.data) as { conn: string; build?: string };\n    connId = payload.conn;\n    maybeReloadForBuildMismatch(payload.build);\n    // A hello means every currently-active sub needs a fresh subscription: the\n    // first hello of a brand-new connection, or a reconnect hello after a\n    // drop, both start from a server side with no subs registered yet.\n    for (const sub of subs.values()) {\n      if (!sub.disposed) void postSub(sub);\n    }\n  }\n\n  function onRealError(es: EventSourceLike): void {\n    connId = null;\n    for (const sub of subs.values()) {\n      if (sub.disposed || sub.readyState === READY_STATE_CLOSED) continue;\n      sub.readyState = READY_STATE_CONNECTING;\n      dispatch(sub, \"error\", new Event(\"error\"));\n    }\n    // Native EventSource reconnects on its own after a transient error; the\n    // next __hello re-subscribes everything and dispatches 'open' again. A\n    // CLOSED source (non-200 or wrong Content-Type) never reconnects, so drop\n    // it and open a replacement after a delay.\n    if (es.readyState !== READY_STATE_CLOSED || real !== es) return;\n    for (const sub of subs.values()) {\n      for (const [eventName, handler] of sub.routedHandlers) es.removeEventListener(eventName, handler);\n      sub.routedHandlers.clear();\n    }\n    es.onerror = null;\n    real = null;\n    setTimeout(() => {\n      if (!real && subs.size > 0) ensureRealOpen();\n    }, RESUBSCRIBE_DELAY_MS);\n  }\n\n  function ensureRealOpen(): EventSourceLike {\n    if (real) {\n      if (teardownTimer) {\n        clearTimeout(teardownTimer);\n        teardownTimer = null;\n      }\n      return real;\n    }\n    connId = null;\n    const es = new EventSource(hubUrl);\n    es.addEventListener(\"__hello\", (event) => onHello(event as MessageEvent));\n    es.onerror = () => onRealError(es);\n    real = es;\n    routeActiveSubs();\n    return es;\n  }\n\n  // routeActiveSubs binds every live sub's routing onto a freshly created real\n  // connection (a replacement after a terminal error has none yet).\n  function routeActiveSubs(): void {\n    for (const sub of subs.values()) {\n      if (sub.disposed) continue;\n      routeName(sub, \"message\");\n      for (const name of sub.listeners.keys()) routeName(sub, name);\n      routeClosed(sub);\n    }\n  }\n\n  const eventNameFor = (sub: Sub, name: string) => `${sub.id}/${name}`;\n\n  // routeName registers, at most once per sub+name, a real-connection listener\n  // that re-dispatches `${sub.id}/${name}` frames to this sub's own listeners.\n  // \"open\" is synthetic (dispatched locally on subscribe/reconnect) and never\n  // arrives on the wire, so it is never routed. A closed sub has no routing to\n  // register: its real connection may already be torn down, and no frame for\n  // it can arrive. With no real connection (awaiting a replacement after a\n  // terminal error) routing is deferred to routeActiveSubs.\n  function routeName(sub: Sub, name: string): void {\n    const eventName = eventNameFor(sub, name);\n    if (!real || name === \"open\" || sub.disposed || sub.routedHandlers.has(eventName)) return;\n    const handler = (event: Event) => {\n      const message = event as MessageEvent;\n      dispatch(sub, name, new MessageEvent(name, { data: message.data, lastEventId: message.lastEventId }));\n    };\n    real.addEventListener(eventName, handler);\n    sub.routedHandlers.set(eventName, handler);\n  }\n\n  function onSubClosed(sub: Sub, event: MessageEvent): void {\n    if (sub.disposed) return;\n    let payload: { status: number; error?: string };\n    try {\n      payload = JSON.parse(event.data) as { status: number; error?: string };\n    } catch (err) {\n      failSub(sub, \"closed frame was malformed\", err);\n      return;\n    }\n    if (payload.status >= 200 && payload.status < 300) {\n      // The server-side handler ended on its own with a success status — the\n      // same shape as a native stream simply reconnecting.\n      sub.readyState = READY_STATE_CONNECTING;\n      dispatch(sub, \"error\", new Event(\"error\"));\n      sub.resubscribeTimer = setTimeout(() => {\n        sub.resubscribeTimer = null;\n        if (!sub.disposed) void postSub(sub);\n      }, RESUBSCRIBE_DELAY_MS);\n      return;\n    }\n    failSub(sub, `sub closed with status ${payload.status}`, payload.error);\n  }\n\n  // routeClosed wires the sub's terminal frame: unlike every other name, its\n  // payload drives re-subscription rather than being handed to consumers.\n  function routeClosed(sub: Sub): void {\n    const eventName = eventNameFor(sub, \"__closed\");\n    if (!real || sub.routedHandlers.has(eventName)) return;\n    const handler = (event: Event) => onSubClosed(sub, event as MessageEvent);\n    real.addEventListener(eventName, handler);\n    sub.routedHandlers.set(eventName, handler);\n  }\n\n  function scheduleTeardownIfIdle(): void {\n    if (subs.size > 0 || teardownTimer) return;\n    teardownTimer = setTimeout(() => {\n      teardownTimer = null;\n      if (subs.size > 0) return; // something re-subscribed during the grace window\n      real?.close();\n      real = null;\n      connId = null;\n    }, TEARDOWN_GRACE_MS);\n  }\n\n  function closeSub(sub: Sub): void {\n    if (sub.disposed) return;\n    sub.disposed = true;\n    sub.readyState = READY_STATE_CLOSED;\n    if (sub.resubscribeTimer) {\n      clearTimeout(sub.resubscribeTimer);\n      sub.resubscribeTimer = null;\n    }\n    for (const [eventName, handler] of sub.routedHandlers) real?.removeEventListener(eventName, handler);\n    sub.routedHandlers.clear();\n    subs.delete(sub.id);\n\n    const conn = connId;\n    if (conn) {\n      fetch(`${hubUrl}/${conn}/subs/${sub.id}`, { method: \"DELETE\" })\n        .then((res) => {\n          if (!res.ok && res.status !== 404) console.error(`[event-hub] unsubscribe failed for ${sub.url}: ${res.status}`);\n        })\n        .catch((err) => console.error(`[event-hub] unsubscribe request failed for ${sub.url}:`, err));\n    }\n    scheduleTeardownIfIdle();\n  }\n\n  const hooks = { route: routeName, close: closeSub };\n\n  return (url) => {\n    const sub = new Sub(`s${++subCounter}`, url, hooks);\n    subs.set(sub.id, sub);\n    ensureRealOpen();\n    // Routing must be registered before the subscribe POST is sent: frames can\n    // start arriving on the real connection as soon as the server accepts the\n    // subscription, which can race the POST's own response.\n    routeName(sub, \"message\");\n    routeClosed(sub);\n    if (connId) void postSub(sub);\n    return sub;\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/hooks.cjs

@@ -10,6 +10,7 @@ const useSort = require("./hooks/use-sort.cjs");
 const useHistoryRoute = require("./hooks/use-history-route.cjs");
 const eventSource = require("./hooks/event-source.cjs");
 const eventSourceProvider = require("./hooks/event-source-provider.cjs");
+const eventHub = require("./hooks/event-hub.cjs");
 const useTaskRun = require("./hooks/use-task-run.cjs");
 const usePrompts = require("./hooks/use-prompts.cjs");
 const useHotkey = require("./hooks/use-hotkey.cjs");
@@ -31,6 +32,7 @@ exports.useSort = useSort.useSort;
 exports.useHistoryRoute = useHistoryRoute.useHistoryRoute;
 exports.useEventSourceFactory = eventSource.useEventSourceFactory;
 exports.EventSourceProvider = eventSourceProvider.EventSourceProvider;
+exports.createEventHub = eventHub.createEventHub;
 exports.useTaskRun = useTaskRun.useTaskRun;
 exports.useTaskRuns = useTaskRun.useTaskRuns;
 exports.answerPrompt = usePrompts.answerPrompt;

package/dist/hooks.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"hooks.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/hooks.d.ts

@@ -8,6 +8,7 @@ export { useSort, type SortDir, type SortState, type UseSortOptions, type UseSor
 export { useHistoryRoute, type UseHistoryRouteOptions } from './hooks/use-history-route.js';
 export { useEventSourceFactory, type EventSourceFactory, type EventSourceLike, } from './hooks/event-source.js';
 export { EventSourceProvider, type EventSourceProviderProps, } from './hooks/event-source-provider.js';
+export { createEventHub, type EventHubOptions } from './hooks/event-hub.js';
 export { useTaskRun, useTaskRuns, type UseTaskRunOptions, type UseTaskRunResult, type UseTaskRunsOptions, type UseTaskRunsResult, type TaskTransportOptions, } from './hooks/use-task-run.js';
 export { usePrompts, answerPrompt, type PromptSnapshot, type PromptFilter, type UsePromptsOptions, type UsePromptsResult, } from './hooks/use-prompts.js';
 export { useHotkey, parseHotkey, formatHotkey, type UseHotkeyOptions, type ParsedHotkey, } from './hooks/use-hotkey.js';

package/dist/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,KAAK,EACV,KAAK,aAAa,GACnB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAO,EACL,YAAY,EACZ,aAAa,EACb,aAAa,GACd,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,KAAK,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAChF,OAAO,EACL,eAAe,EACf,oBAAoB,EACpB,KAAK,oBAAoB,GAC1B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,OAAO,EACP,KAAK,OAAO,EACZ,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,aAAa,GACnB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,KAAK,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACzF,OAAO,EACL,qBAAqB,EACrB,KAAK,kBAAkB,EACvB,KAAK,eAAe,GACrB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,GAC9B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,UAAU,EACV,WAAW,EACX,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,GAC1B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,UAAU,EACV,YAAY,EACZ,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,GACtB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,SAAS,EACT,WAAW,EACX,YAAY,EACZ,KAAK,gBAAgB,EACrB,KAAK,YAAY,GAClB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,UAAU,EACV,eAAe,EACf,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACtB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,aAAa,GACnB,MAAM,sBAAsB,CAAC;AAK9B,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,KAAK,EACV,KAAK,aAAa,GACnB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAO,EACL,YAAY,EACZ,aAAa,EACb,aAAa,GACd,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,KAAK,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAChF,OAAO,EACL,eAAe,EACf,oBAAoB,EACpB,KAAK,oBAAoB,GAC1B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,OAAO,EACP,KAAK,OAAO,EACZ,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,aAAa,GACnB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,KAAK,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACzF,OAAO,EACL,qBAAqB,EACrB,KAAK,kBAAkB,EACvB,KAAK,eAAe,GACrB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,GAC9B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EACL,UAAU,EACV,WAAW,EACX,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,GAC1B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,UAAU,EACV,YAAY,EACZ,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,GACtB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,SAAS,EACT,WAAW,EACX,YAAY,EACZ,KAAK,gBAAgB,EACrB,KAAK,YAAY,GAClB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,UAAU,EACV,eAAe,EACf,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACtB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,aAAa,GACnB,MAAM,sBAAsB,CAAC;AAK9B,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/hooks.js

@@ -8,6 +8,7 @@ import { useSort } from "./hooks/use-sort.js";
 import { useHistoryRoute } from "./hooks/use-history-route.js";
 import { useEventSourceFactory } from "./hooks/event-source.js";
 import { EventSourceProvider } from "./hooks/event-source-provider.js";
+import { createEventHub } from "./hooks/event-hub.js";
 import { useTaskRun, useTaskRuns } from "./hooks/use-task-run.js";
 import { answerPrompt, usePrompts } from "./hooks/use-prompts.js";
 import { formatHotkey, parseHotkey, useHotkey } from "./hooks/use-hotkey.js";
@@ -20,6 +21,7 @@ export {
   ThemeProvider,
   answerPrompt,
   appendTailEvent,
+  createEventHub,
   emptyLogTailBuffer,
   encodeTailParams,
   formatHotkey,

package/dist/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
+{"version":3,"file":"hooks.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/index.cjs

@@ -23,6 +23,7 @@ const useSort = require("./hooks/use-sort.cjs");
 const useHistoryRoute = require("./hooks/use-history-route.cjs");
 const eventSource = require("./hooks/event-source.cjs");
 const eventSourceProvider = require("./hooks/event-source-provider.cjs");
+const eventHub = require("./hooks/event-hub.cjs");
 const useTaskRun = require("./hooks/use-task-run.cjs");
 const usePrompts = require("./hooks/use-prompts.cjs");
 const useHotkey = require("./hooks/use-hotkey.cjs");
@@ -199,6 +200,8 @@ const ExecutionTree = require("./data/ExecutionTree.cjs");
 const GraphDiagram = require("./data/GraphDiagram.cjs");
 const graphLayout = require("./data/graph-layout.cjs");
 const graphColumnsLayout = require("./data/graph-columns-layout.cjs");
+const AccessMark = require("./data/AccessMark.cjs");
+const dataAccess = require("./data/data-access.cjs");
 const TreeNode = require("./data/TreeNode.cjs");
 const TreeGroupHeader = require("./data/TreeGroupHeader.cjs");
 const Timeline = require("./data/Timeline.cjs");
@@ -992,6 +995,7 @@ exports.useSort = useSort.useSort;
 exports.useHistoryRoute = useHistoryRoute.useHistoryRoute;
 exports.useEventSourceFactory = eventSource.useEventSourceFactory;
 exports.EventSourceProvider = eventSourceProvider.EventSourceProvider;
+exports.createEventHub = eventHub.createEventHub;
 exports.useTaskRun = useTaskRun.useTaskRun;
 exports.useTaskRuns = useTaskRun.useTaskRuns;
 exports.answerPrompt = usePrompts.answerPrompt;
@@ -1270,7 +1274,10 @@ exports.pruneNullNodes = objectGraphNodes.pruneNullNodes;
 exports.ExecutionTree = ExecutionTree.ExecutionTree;
 exports.GraphDiagram = GraphDiagram.GraphDiagram;
 exports.ringLayout = graphLayout.ringLayout;
+exports.GROUP_MEMBER_WINDOW = graphColumnsLayout.GROUP_MEMBER_WINDOW;
 exports.columnsLayout = graphColumnsLayout.columnsLayout;
+exports.AccessMark = AccessMark.AccessMark;
+exports.mergeAccess = dataAccess.mergeAccess;
 exports.TreeNode = TreeNode.TreeNode;
 exports.TreeGroupHeader = TreeGroupHeader.TreeGroupHeader;
 exports.Timeline = Timeline.Timeline;
@@ -1471,14 +1478,19 @@ exports.isPositionalParam = types$2.isPositionalParam;
 exports.CALL_GRAPH_ACCESS = types.CALL_GRAPH_ACCESS;
 exports.CALL_GRAPH_DATA_GLYPHS = callGraphVocabulary.CALL_GRAPH_DATA_GLYPHS;
 exports.CALL_GRAPH_DATA_KIND_WORDS = callGraphVocabulary.DATA_KIND_WORDS;
+exports.DATA_MEMBER_OWNER = callGraphVocabulary.DATA_MEMBER_OWNER;
 exports.UIR_CALL_GRAPH_VOCABULARY = callGraphVocabulary.UIR_CALL_GRAPH_VOCABULARY;
 exports.callsItself = callGraphVocabulary.callsItself;
+exports.dataMemberAside = callGraphVocabulary.dataMemberAside;
 exports.dataNodeBacking = callGraphVocabulary.dataNodeBacking;
+exports.dataNodeGlyph = callGraphVocabulary.dataNodeGlyph;
 exports.dataNodeStatus = callGraphVocabulary.dataNodeStatus;
 exports.interfaceMethods = callGraphVocabulary.interfaceMethods;
+exports.isDataMember = callGraphVocabulary.isDataMember;
 exports.isDataNode = callGraphVocabulary.isDataNode;
 exports.CALL_GRAPH_DEFAULT_DEPTH = callGraphModel.CALL_GRAPH_DEFAULT_DEPTH;
 exports.CALL_GRAPH_MAX_DEPTH = callGraphModel.CALL_GRAPH_MAX_DEPTH;
+exports.baseCallGraphAccess = callGraphModel.baseAccess;
 exports.mergeCallGraph = callGraphModel.mergeGraph;
 exports.toggleCallGraphAccess = callGraphModel.toggleAccess;
 exports.CALL_GRAPH_EXCLUDE_EXTERNAL = callGraphExclude.EXCLUDE_EXTERNAL;

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.js

@@ -21,6 +21,7 @@ import { useSort } from "./hooks/use-sort.js";
 import { useHistoryRoute } from "./hooks/use-history-route.js";
 import { useEventSourceFactory } from "./hooks/event-source.js";
 import { EventSourceProvider } from "./hooks/event-source-provider.js";
+import { createEventHub } from "./hooks/event-hub.js";
 import { useTaskRun, useTaskRuns } from "./hooks/use-task-run.js";
 import { answerPrompt, usePrompts } from "./hooks/use-prompts.js";
 import { formatHotkey, parseHotkey, useHotkey } from "./hooks/use-hotkey.js";
@@ -196,7 +197,9 @@ import { countObjectGraphNodes, pruneNullNodes } from "./data/object-graph-nodes
 import { ExecutionTree } from "./data/ExecutionTree.js";
 import { GraphDiagram } from "./data/GraphDiagram.js";
 import { ringLayout } from "./data/graph-layout.js";
-import { columnsLayout } from "./data/graph-columns-layout.js";
+import { GROUP_MEMBER_WINDOW, columnsLayout } from "./data/graph-columns-layout.js";
+import { AccessMark } from "./data/AccessMark.js";
+import { mergeAccess } from "./data/data-access.js";
 import { TreeNode } from "./data/TreeNode.js";
 import { TreeGroupHeader } from "./data/TreeGroupHeader.js";
 import { Timeline } from "./data/Timeline.js";
@@ -286,8 +289,8 @@ import { useBrowserRouter, useMemoryRouter, useRouter } from "./rpc/router.js";
 import { RouterProvider } from "./rpc/RouterProvider.js";
 import { isPositionalParam } from "./rpc/types.js";
 import { CALL_GRAPH_ACCESS } from "./data/call-graph/types.js";
-import { CALL_GRAPH_DATA_GLYPHS, DATA_KIND_WORDS, UIR_CALL_GRAPH_VOCABULARY, callsItself, dataNodeBacking, dataNodeStatus, interfaceMethods, isDataNode } from "./data/call-graph/call-graph-vocabulary.js";
-import { CALL_GRAPH_DEFAULT_DEPTH, CALL_GRAPH_MAX_DEPTH, mergeGraph, toggleAccess } from "./data/call-graph/call-graph-model.js";
+import { CALL_GRAPH_DATA_GLYPHS, DATA_KIND_WORDS, DATA_MEMBER_OWNER, UIR_CALL_GRAPH_VOCABULARY, callsItself, dataMemberAside, dataNodeBacking, dataNodeGlyph, dataNodeStatus, interfaceMethods, isDataMember, isDataNode } from "./data/call-graph/call-graph-vocabulary.js";
+import { CALL_GRAPH_DEFAULT_DEPTH, CALL_GRAPH_MAX_DEPTH, baseAccess, mergeGraph, toggleAccess } from "./data/call-graph/call-graph-model.js";
 import { EXCLUDE_EXTERNAL, callGraphGroupFacts, formatExclude, matchesExclude, parseExclude } from "./data/call-graph/call-graph-exclude.js";
 import { CacheAdapterRegistry, createCacheRegistry, prefixAdapter } from "./data/cache-browser/adapter.js";
 import { CacheBrowser } from "./data/cache-browser/CacheBrowser.js";
@@ -902,6 +905,7 @@ import { verifyReportCounts, verifyReportTests } from "./data/verification/verif
 export {
   ACCEPT_OPTIONS,
   AVATAR_PALETTE,
+  AccessMark,
   AccordionList,
   AnsiHtml,
   AppLayout,
@@ -971,6 +975,7 @@ export {
   CopyButton,
   CountryFlag,
   CountryPicker,
+  DATA_MEMBER_OWNER,
   DATA_TABLE_FILTER_LOOKUP_LIMIT,
   DEBUG_CAPTURE_HEADER,
   DEBUG_REFRESH_INSPECTION_HEADER,
@@ -1015,6 +1020,7 @@ export {
   FormLookupProvider,
   FormatOptionsDropdown,
   FrameSourceWindow,
+  GROUP_MEMBER_WINDOW,
   Gauge,
   GaugeHoverCard,
   GitChangedFilesSummary,
@@ -2256,6 +2262,7 @@ export {
   authorDisplayName,
   authoredRuntimeSpec,
   badgeVariants,
+  baseAccess as baseCallGraphAccess,
   bucketTasks,
   buildCommandHref,
   buildJSONPathNode,
@@ -2298,6 +2305,7 @@ export {
   createCacheRegistry,
   createChecklistMarkdown,
   createComboboxCustomEntry,
+  createEventHub,
   createFenceMarkdown,
   createLazyJSONPathTree,
   createOperationsApiClient,
@@ -2305,7 +2313,9 @@ export {
   createTestRunnerRegistry,
   createUnitFormExtensions,
   cycleFilterState,
+  dataMemberAside,
   dataNodeBacking,
+  dataNodeGlyph,
   dataNodeStatus,
   debugCaptureHeaders,
   debugConsoleAvailable,
@@ -2386,6 +2396,7 @@ export {
   isApplicationStackFrame,
   isConnectionLoggingCapability,
   isCountryCode,
+  isDataMember,
   isDataNode,
   isFailedOrWarn,
   isFlatMetadata,
@@ -2421,6 +2432,7 @@ export {
   matchingTools,
   mediaMatches,
   memoryTourStorage,
+  mergeAccess,
   mergeGraph as mergeCallGraph,
   mergeRuntimeSpec,
   mergeSeries,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/overlay/modalStack.cjs

@@ -23,11 +23,12 @@ function onEscapeKeyDown(event) {
   if (event.defaultPrevented || event.key !== "Escape" || event.isComposing || event.keyCode === 229) {
     return;
   }
-  const top = escapeStack[escapeStack.length - 1];
+  const top = escapeStack.findLast((entry) => !entry.dismissed);
   if (!top) return;
   event.preventDefault();
   event.stopPropagation();
   event.stopImmediatePropagation();
+  top.dismissed = true;
   top.onEscape();
 }
 function ensureEscapeListener() {
@@ -66,14 +67,20 @@ function useEscapeLayer(open, onEscape, enabled = true) {
   const id = react.useId();
   const onEscapeRef = react.useRef(onEscape);
   onEscapeRef.current = onEscape;
+  const entryRef = react.useRef(null);
+  react.useEffect(() => {
+    if (entryRef.current) entryRef.current.dismissed = false;
+  });
   react.useEffect(() => {
     if (!open || !enabled) return;
     ensureEscapeListener();
-    escapeStack.push({
-      id,
-      onEscape: () => onEscapeRef.current()
-    });
-    return () => removeEscapeLayer(id);
+    const entry = { id, dismissed: false, onEscape: () => onEscapeRef.current() };
+    entryRef.current = entry;
+    escapeStack.push(entry);
+    return () => {
+      entryRef.current = null;
+      removeEscapeLayer(id);
+    };
   }, [enabled, id, open]);
 }
 function useTourLayer(active) {

package/dist/overlay/modalStack.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"modalStack.cjs","sources":["../../src/overlay/modalStack.ts"],"sourcesContent":["import { useEffect, useId, useRef, useSyncExternalStore } from \"react\";\nimport { zIndex } from \"./zIndex\";\n\n// A process-wide stack of the currently open modals, topmost last. Modals mount\n// independently (no shared provider), so the stack lives at module scope and is\n// shared through useSyncExternalStore. It lets nested modals cooperate: only the\n// topmost reacts to Escape, and each renders above the one it opened over.\nconst stack: string[] = [];\nconst listeners = new Set<() => void>();\nconst escapeStack: Array<{ id: string; onEscape: () => void }> = [];\nlet escapeDocument: Document | null = null;\n// Running guided tours. A tour dims the page from `zIndex.tour`, far above the\n// modal band, so floating content opened *during* a tour (the menu a step tells\n// the user to open) has to clear that dim or it renders invisibly underneath.\nlet tourLayers = 0;\n\nfunction emit() {\n  for (const listener of listeners) listener();\n}\n\nfunction subscribe(listener: () => void) {\n  listeners.add(listener);\n  return () => {\n    listeners.delete(listener);\n  };\n}\n\n// The snapshot is the stack identity plus the tour-layer count; it only changes\n// when an entry is pushed or popped, so subscribers re-render exactly when their\n// position could have moved.\nfunction getSnapshot() {\n  return `${tourLayers}:` + stack.join(\"\\u0000\");\n}\n\nfunction onEscapeKeyDown(event: KeyboardEvent) {\n  if (\n    event.defaultPrevented ||\n    event.key !== \"Escape\" ||\n    event.isComposing ||\n    (event as KeyboardEvent & { keyCode?: number }).keyCode === 229\n  ) {\n    return;\n  }\n\n  const top = escapeStack[escapeStack.length - 1];\n  if (!top) return;\n\n  event.preventDefault();\n  event.stopPropagation();\n  event.stopImmediatePropagation();\n  top.onEscape();\n}\n\nfunction ensureEscapeListener() {\n  if (escapeDocument || typeof document === \"undefined\") return;\n  escapeDocument = document;\n  escapeDocument.addEventListener(\"keydown\", onEscapeKeyDown);\n}\n\nfunction removeEscapeLayer(id: string) {\n  const index = escapeStack.findIndex((entry) => entry.id === id);\n  if (index !== -1) escapeStack.splice(index, 1);\n\n  if (escapeStack.length === 0 && escapeDocument) {\n    escapeDocument.removeEventListener(\"keydown\", onEscapeKeyDown);\n    escapeDocument = null;\n  }\n}\n\nexport type ModalStackPosition = {\n  /** Whether this modal is the topmost open one and should own global affordances. */\n  isTop: boolean;\n  /** Zero-based depth in the stack; drives the stacking order of nested modals. */\n  depth: number;\n};\n\n/**\n * Registers a modal in the global stack while `open`, returning its live\n * position. Used so a nested modal sits above its opener and only the topmost\n * modal closes on Escape.\n */\nexport function useModalStack(open: boolean): ModalStackPosition {\n  const id = useId();\n  useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n\n  useEffect(() => {\n    if (!open) return;\n    stack.push(id);\n    emit();\n    return () => {\n      const index = stack.indexOf(id);\n      if (index !== -1) stack.splice(index, 1);\n      emit();\n    };\n  }, [open, id]);\n\n  const depth = stack.indexOf(id);\n  return {\n    isTop: depth !== -1 && depth === stack.length - 1,\n    depth: depth === -1 ? 0 : depth,\n  };\n}\n\n/**\n * Registers an Escape-closeable overlay while `open`. The topmost registered\n * layer owns Escape, so a keypress dismisses one dialog/menu layer at a time.\n */\nexport function useEscapeLayer(open: boolean, onEscape: () => void, enabled = true) {\n  const id = useId();\n  const onEscapeRef = useRef(onEscape);\n  onEscapeRef.current = onEscape;\n\n  useEffect(() => {\n    if (!open || !enabled) return;\n\n    ensureEscapeListener();\n    escapeStack.push({\n      id,\n      onEscape: () => onEscapeRef.current(),\n    });\n\n    return () => removeEscapeLayer(id);\n  }, [enabled, id, open]);\n}\n\n/**\n * Registers a running guided tour while `active`, so floating layers lift above\n * its dim. Symmetric with `useModalStack`, but a count rather than a stack: the\n * tour overlay does not nest.\n */\nexport function useTourLayer(active: boolean): void {\n  useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n\n  useEffect(() => {\n    if (!active) return;\n    tourLayers += 1;\n    emit();\n    return () => {\n      tourLayers -= 1;\n      emit();\n    };\n  }, [active]);\n}\n\n/**\n * z-index a floating layer (dropdown / combobox / tooltip / popover) should use\n * so it renders above any open modal — and below the next nested modal — or at\n * the popover floor when no modal is open. While a guided tour runs, the value\n * also clears the tour's dim and step card, so a step that says \"open this menu\"\n * shows the menu rather than hiding it under the overlay. Subscribes to the\n * modal stack so the value tracks modals and tours opening and closing.\n */\nexport function useFloatingZIndex(): number {\n  useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n  const base =\n    stack.length === 0\n      ? zIndex.popover\n      : zIndex.modal + (stack.length - 1) * zIndex.modalStep + zIndex.popoverOverModalOffset;\n  if (tourLayers === 0) return base;\n  return Math.max(base, zIndex.tour + zIndex.tourCardOffset + zIndex.popoverOverModalOffset);\n}\n"],"names":["useId","useSyncExternalStore","useEffect","useRef","zIndex"],"mappings":"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"}
+{"version":3,"file":"modalStack.cjs","sources":["../../src/overlay/modalStack.ts"],"sourcesContent":["import { useEffect, useId, useRef, useSyncExternalStore } from \"react\";\nimport { zIndex } from \"./zIndex\";\n\n// A process-wide stack of the currently open modals, topmost last. Modals mount\n// independently (no shared provider), so the stack lives at module scope and is\n// shared through useSyncExternalStore. It lets nested modals cooperate: only the\n// topmost reacts to Escape, and each renders above the one it opened over.\nconst stack: string[] = [];\nconst listeners = new Set<() => void>();\n// `dismissed` marks a layer whose onEscape already ran but whose close has not\n// committed yet, so a quick second Escape reaches the layer beneath it.\ntype EscapeLayer = { id: string; dismissed: boolean; onEscape: () => void };\nconst escapeStack: EscapeLayer[] = [];\nlet escapeDocument: Document | null = null;\n// Running guided tours. A tour dims the page from `zIndex.tour`, far above the\n// modal band, so floating content opened *during* a tour (the menu a step tells\n// the user to open) has to clear that dim or it renders invisibly underneath.\nlet tourLayers = 0;\n\nfunction emit() {\n  for (const listener of listeners) listener();\n}\n\nfunction subscribe(listener: () => void) {\n  listeners.add(listener);\n  return () => {\n    listeners.delete(listener);\n  };\n}\n\n// The snapshot is the stack identity plus the tour-layer count; it only changes\n// when an entry is pushed or popped, so subscribers re-render exactly when their\n// position could have moved.\nfunction getSnapshot() {\n  return `${tourLayers}:` + stack.join(\"\\u0000\");\n}\n\nfunction onEscapeKeyDown(event: KeyboardEvent) {\n  if (\n    event.defaultPrevented ||\n    event.key !== \"Escape\" ||\n    event.isComposing ||\n    (event as KeyboardEvent & { keyCode?: number }).keyCode === 229\n  ) {\n    return;\n  }\n\n  const top = escapeStack.findLast((entry) => !entry.dismissed);\n  if (!top) return;\n\n  event.preventDefault();\n  event.stopPropagation();\n  event.stopImmediatePropagation();\n  top.dismissed = true;\n  top.onEscape();\n}\n\nfunction ensureEscapeListener() {\n  if (escapeDocument || typeof document === \"undefined\") return;\n  escapeDocument = document;\n  escapeDocument.addEventListener(\"keydown\", onEscapeKeyDown);\n}\n\nfunction removeEscapeLayer(id: string) {\n  const index = escapeStack.findIndex((entry) => entry.id === id);\n  if (index !== -1) escapeStack.splice(index, 1);\n\n  if (escapeStack.length === 0 && escapeDocument) {\n    escapeDocument.removeEventListener(\"keydown\", onEscapeKeyDown);\n    escapeDocument = null;\n  }\n}\n\nexport type ModalStackPosition = {\n  /** Whether this modal is the topmost open one and should own global affordances. */\n  isTop: boolean;\n  /** Zero-based depth in the stack; drives the stacking order of nested modals. */\n  depth: number;\n};\n\n/**\n * Registers a modal in the global stack while `open`, returning its live\n * position. Used so a nested modal sits above its opener and only the topmost\n * modal closes on Escape.\n */\nexport function useModalStack(open: boolean): ModalStackPosition {\n  const id = useId();\n  useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n\n  useEffect(() => {\n    if (!open) return;\n    stack.push(id);\n    emit();\n    return () => {\n      const index = stack.indexOf(id);\n      if (index !== -1) stack.splice(index, 1);\n      emit();\n    };\n  }, [open, id]);\n\n  const depth = stack.indexOf(id);\n  return {\n    isTop: depth !== -1 && depth === stack.length - 1,\n    depth: depth === -1 ? 0 : depth,\n  };\n}\n\n/**\n * Registers an Escape-closeable overlay while `open`. The topmost registered\n * layer owns Escape, so a keypress dismisses one dialog/menu layer at a time.\n */\nexport function useEscapeLayer(open: boolean, onEscape: () => void, enabled = true) {\n  const id = useId();\n  const onEscapeRef = useRef(onEscape);\n  onEscapeRef.current = onEscape;\n  const entryRef = useRef<EscapeLayer | null>(null);\n\n  // A dismissed layer that re-rendered without closing owns Escape again.\n  useEffect(() => {\n    if (entryRef.current) entryRef.current.dismissed = false;\n  });\n\n  useEffect(() => {\n    if (!open || !enabled) return;\n\n    ensureEscapeListener();\n    const entry: EscapeLayer = { id, dismissed: false, onEscape: () => onEscapeRef.current() };\n    entryRef.current = entry;\n    escapeStack.push(entry);\n\n    return () => {\n      entryRef.current = null;\n      removeEscapeLayer(id);\n    };\n  }, [enabled, id, open]);\n}\n\n/**\n * Registers a running guided tour while `active`, so floating layers lift above\n * its dim. Symmetric with `useModalStack`, but a count rather than a stack: the\n * tour overlay does not nest.\n */\nexport function useTourLayer(active: boolean): void {\n  useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n\n  useEffect(() => {\n    if (!active) return;\n    tourLayers += 1;\n    emit();\n    return () => {\n      tourLayers -= 1;\n      emit();\n    };\n  }, [active]);\n}\n\n/**\n * z-index a floating layer (dropdown / combobox / tooltip / popover) should use\n * so it renders above any open modal — and below the next nested modal — or at\n * the popover floor when no modal is open. While a guided tour runs, the value\n * also clears the tour's dim and step card, so a step that says \"open this menu\"\n * shows the menu rather than hiding it under the overlay. Subscribes to the\n * modal stack so the value tracks modals and tours opening and closing.\n */\nexport function useFloatingZIndex(): number {\n  useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n  const base =\n    stack.length === 0\n      ? zIndex.popover\n      : zIndex.modal + (stack.length - 1) * zIndex.modalStep + zIndex.popoverOverModalOffset;\n  if (tourLayers === 0) return base;\n  return Math.max(base, zIndex.tour + zIndex.tourCardOffset + zIndex.popoverOverModalOffset);\n}\n"],"names":["useId","useSyncExternalStore","useEffect","useRef","zIndex"],"mappings":"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"}

package/dist/overlay/modalStack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modalStack.d.ts","sourceRoot":"","sources":["../../src/overlay/modalStack.ts"],"names":[],"mappings":"AAqEA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,oFAAoF;IACpF,KAAK,EAAE,OAAO,CAAC;IACf,iFAAiF;IACjF,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,OAAO,GAAG,kBAAkB,CAoB/D;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,EAAE,OAAO,UAAO,QAgBjF;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,CAYlD;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,CAQ1C"}
+{"version":3,"file":"modalStack.d.ts","sourceRoot":"","sources":["../../src/overlay/modalStack.ts"],"names":[],"mappings":"AAyEA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,oFAAoF;IACpF,KAAK,EAAE,OAAO,CAAC;IACf,iFAAiF;IACjF,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,OAAO,GAAG,kBAAkB,CAoB/D;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,EAAE,OAAO,UAAO,QAwBjF;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,CAYlD;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,CAQ1C"}

package/dist/overlay/modalStack.js

@@ -21,11 +21,12 @@ function onEscapeKeyDown(event) {
   if (event.defaultPrevented || event.key !== "Escape" || event.isComposing || event.keyCode === 229) {
     return;
   }
-  const top = escapeStack[escapeStack.length - 1];
+  const top = escapeStack.findLast((entry) => !entry.dismissed);
   if (!top) return;
   event.preventDefault();
   event.stopPropagation();
   event.stopImmediatePropagation();
+  top.dismissed = true;
   top.onEscape();
 }
 function ensureEscapeListener() {
@@ -64,14 +65,20 @@ function useEscapeLayer(open, onEscape, enabled = true) {
   const id = useId();
   const onEscapeRef = useRef(onEscape);
   onEscapeRef.current = onEscape;
+  const entryRef = useRef(null);
+  useEffect(() => {
+    if (entryRef.current) entryRef.current.dismissed = false;
+  });
   useEffect(() => {
     if (!open || !enabled) return;
     ensureEscapeListener();
-    escapeStack.push({
-      id,
-      onEscape: () => onEscapeRef.current()
-    });
-    return () => removeEscapeLayer(id);
+    const entry = { id, dismissed: false, onEscape: () => onEscapeRef.current() };
+    entryRef.current = entry;
+    escapeStack.push(entry);
+    return () => {
+      entryRef.current = null;
+      removeEscapeLayer(id);
+    };
   }, [enabled, id, open]);
 }
 function useTourLayer(active) {