@aiquants/markdown-explorer 0.1.0 → 0.3.0

package/dist/MultiLayout-BxeXOLX1.js

@@ -0,0 +1,909 @@
+import { jsx as T, jsxs as re } from "react/jsx-runtime";
+import { createContext as je, use as Me, useRef as q, useState as V, useLayoutEffect as F, useMemo as R, useSyncExternalStore as Ye, memo as We, useEffect as $, useCallback as D, useImperativeHandle as Ge } from "react";
+import { g as se, e as Ne, h as Ke, P as Je, j as Xe } from "./location-V5BKeWNs.js";
+import { c as Ze, u as W, e as Qe, f as en, I as nn, D as tn, b as on } from "./index-BJTmp0lR.js";
+import { S as rn, a as ln, b as sn } from "./ExplorerSplit-B7pmzR8t.js";
+import { SCROLL_ROOT_SELECTOR as Q, generateColumnIds as an, sortColumnIds as Ie, generateColumnId as Te, useDragDropColumns as cn, DEFAULT_DEBUG_CONFIG as ge, DragDropLayout as un } from "@aiquants/drag-drop-panels";
+import { v as dn, i as mn } from "./dataRoute-zUX-oR9j.js";
+import { useNavigate as fn, useLocation as pn } from "react-router";
+import { s as gn, r as hn, w as vn } from "./storage-DA4ItHzl.js";
+import { createPortal as wn } from "react-dom";
+const yn = 0xcbf29ce484222325n, xn = 0x100000001b3n, Sn = (1n << 64n) - 1n, En = (1n << 53n) - 1n, bn = new TextEncoder(), Pn = (e) => {
+  let n = yn;
+  for (const t of bn.encode(e))
+    n = (n ^ BigInt(t)) * xn & Sn;
+  return Number(n & En);
+}, ee = 256, On = (e) => `aqmx-p-${Pn(e).toString(36)}`, Le = (e, n) => {
+  const t = On(e);
+  let o = t;
+  for (let r = 2; n.has(o); r += 1) o = `${t}-${String(r)}`;
+  return o;
+}, Cn = /* @__PURE__ */ new Map(), Mn = (e, n = Cn) => {
+  const t = new Set(e.flatMap((r) => n.get(r) ?? [])), o = /* @__PURE__ */ new Map();
+  for (const r of e) {
+    const l = n.get(r) ?? Le(r, t);
+    t.add(l), o.set(r, l);
+  }
+  return o;
+}, De = (e, n, t) => {
+  const o = e.columnOf.get(n);
+  return o === void 0 ? void 0 : Math.min(t - 1, Math.max(0, o));
+}, Ae = (e, n) => {
+  const [t, ...o] = se(n.logical, n.visible);
+  if (t === void 0) throw new RangeError("[markdown-explorer] there must be at least one visible column");
+  const r = ([c, f]) => e.slice(c, f).reduce((s, p) => s + p.length, 0);
+  let l = t;
+  for (const c of o) r(c) < r(l) && (l = c);
+  let i = l[0];
+  for (let c = l[0]; c < l[1]; c += 1) (e[c]?.length ?? 0) < (e[i]?.length ?? 0) && (i = c);
+  return i;
+}, ne = (e, n) => {
+  const t = Array.from({ length: n.logical }, () => []), o = [];
+  for (const r of e.docs) {
+    const l = De(e, r, n.logical);
+    l === void 0 ? o.push(r) : t[l]?.push(r);
+  }
+  for (const r of o) t[Ae(t, n)]?.push(r);
+  return t;
+}, Nn = (e, n) => se(e.length, n).map(([t, o]) => e.slice(t, o).flat()), In = (e, n, t) => {
+  const [o, r] = n, l = r - o, i = e.length, c = Array.from({ length: l }, (u, g) => {
+    const m = [0];
+    for (const b of e) m.push((m.at(-1) ?? 0) + (t(b) === o + g ? 1 : 0));
+    return m;
+  }), f = (u, g, m) => (c[u]?.[m] ?? 0) - (c[u]?.[g] ?? 0), s = Array.from({ length: l + 1 }, () => Array.from({ length: i + 1 }, () => Number.NEGATIVE_INFINITY)), p = Array.from({ length: l + 1 }, () => Array.from({ length: i + 1 }, () => 0)), w = s[0];
+  w && (w[0] = 0);
+  for (let u = 0; u < l; u += 1)
+    for (let g = 0; g <= i; g += 1)
+      for (let m = 0; m <= g; m += 1) {
+        const b = (s[u]?.[m] ?? Number.NEGATIVE_INFINITY) + f(u, m, g), x = s[u + 1], M = p[u + 1];
+        x && M && b > (x[g] ?? Number.NEGATIVE_INFINITY) && (x[g] = b, M[g] = m);
+      }
+  const O = Array.from({ length: l }, () => []);
+  let P = i;
+  for (let u = l; u > 0; u -= 1) {
+    const g = p[u]?.[P] ?? 0;
+    O[u - 1] = e.slice(g, P), P = g;
+  }
+  return O;
+}, Re = (e, n) => {
+  const t = n.flat(), o = new Map(e.columnOf);
+  for (const [r, l] of n.entries())
+    for (const i of l)
+      o.delete(i), o.set(i, r);
+  for (const r of o.keys()) {
+    if (o.size <= ee) break;
+    o.delete(r);
+  }
+  return { docs: t, columnOf: o };
+}, Tn = (e, n, t, o) => {
+  if (e.docs.includes(n)) return { state: e, outcome: "existing" };
+  if (e.docs.length >= o) return { state: e, outcome: "rejected" };
+  const r = ne(e, t), l = De(e, n, t.logical) ?? Ae(r, t);
+  r[l]?.push(n);
+  const i = new Map(e.panelIds);
+  return i.set(n, Le(n, new Set(i.values()))), { state: { ...e, ...Re(e, r), panelIds: i }, outcome: "opened" };
+}, ke = (e, n) => {
+  if (!e.docs.includes(n)) return e;
+  const t = new Set(e.hidden);
+  t.delete(n);
+  const o = new Map(e.panelIds);
+  return o.delete(n), { ...e, docs: e.docs.filter((r) => r !== n), hidden: t, panelIds: o, maximized: e.maximized === n ? null : e.maximized };
+}, Ln = (e, n, t, o) => {
+  if (e.hidden.has(n)) return { state: ze(e, n, !1), outcome: "shown" };
+  if (e.docs.includes(n)) return { state: ke(e, n), outcome: "closed" };
+  const r = Tn(e, n, t, o);
+  return { state: r.state, outcome: r.outcome === "rejected" ? "rejected" : "opened" };
+}, Dn = (e, n, t) => {
+  if (n === t || !e.docs.includes(n)) return { state: e, outcome: "ignored" };
+  if (e.docs.includes(t)) return { state: e, outcome: "existing" };
+  const o = new Map(e.columnOf), r = o.get(n);
+  r !== void 0 && (o.delete(t), o.set(t, r));
+  const l = new Set(e.hidden);
+  l.delete(n);
+  const i = new Map(e.panelIds), c = i.get(n);
+  if (c === void 0) throw new Error(`[markdown-explorer] the open document ${JSON.stringify(n)} has no panel id`);
+  return i.delete(n), i.set(t, c), {
+    state: { docs: e.docs.map((f) => f === n ? t : f), maximized: e.maximized === n ? t : e.maximized, columnOf: o, hidden: l, panelIds: i },
+    outcome: "navigated"
+  };
+}, ze = (e, n, t) => {
+  if (!e.docs.includes(n) || e.hidden.has(n) === t) return e;
+  const o = new Set(e.hidden);
+  return t ? o.add(n) : o.delete(n), { ...e, hidden: o, maximized: t && e.maximized === n ? null : e.maximized };
+}, An = (e, n) => {
+  if (e.maximized === n || n !== null && !e.docs.includes(n)) return e;
+  if (n === null || !e.hidden.has(n)) return { ...e, maximized: n };
+  const t = new Set(e.hidden);
+  return t.delete(n), { ...e, maximized: n, hidden: t };
+}, Rn = (e, n, t) => {
+  const o = ne(e, t), r = /* @__PURE__ */ new Map();
+  for (const [s, p] of o.entries())
+    for (const w of p) r.set(w, s);
+  const l = new Set(e.docs), i = /* @__PURE__ */ new Set(), c = se(t.logical, t.visible), f = Array.from({ length: t.logical }, () => []);
+  for (const [s, p] of c.entries()) {
+    const w = (n[s] ?? []).filter((O) => l.has(O) && !i.has(O));
+    for (const O of w) i.add(O);
+    for (const [O, P] of In(w, p, (u) => r.get(u)).entries())
+      f[p[0] + O]?.push(...P);
+  }
+  for (const s of e.docs)
+    i.has(s) || f[r.get(s) ?? 0]?.push(s);
+  return f.every((s, p) => s.length === o[p]?.length && s.every((w, O) => o[p]?.[O] === w)) ? e : { ...e, ...Re(e, f) };
+}, te = (e, n) => {
+  const t = [...new Set(e.docs)].slice(0, n), o = new Set(t), r = e.maximized !== null && o.has(e.maximized) ? e.maximized : null;
+  return {
+    docs: t,
+    maximized: r,
+    columnOf: e.stored.columnOf,
+    hidden: new Set([...e.stored.hidden].filter((l) => o.has(l) && l !== r)),
+    panelIds: Mn(t, e.panelIds)
+  };
+}, he = (e, n) => {
+  if (e.docs.every((o) => e.columnOf.has(o))) return e;
+  const t = new Map(e.columnOf);
+  for (const [o, r] of ne(e, n).entries())
+    for (const l of r)
+      t.delete(l), t.set(l, o);
+  for (const o of t.keys()) {
+    if (t.size <= ee) break;
+    t.delete(o);
+  }
+  return { ...e, columnOf: t };
+}, He = 1, U = Object.freeze({ columnOf: /* @__PURE__ */ new Map(), hidden: /* @__PURE__ */ new Set() }), kn = (e, n) => {
+  if (e === null || e === "") return U;
+  let t;
+  try {
+    t = JSON.parse(e);
+  } catch {
+    return U;
+  }
+  if (t === null || typeof t != "object" || Array.isArray(t)) return U;
+  const o = t;
+  if (o.v !== He) return U;
+  const r = /* @__PURE__ */ new Map();
+  if (Array.isArray(o.columnOf))
+    for (const i of o.columnOf.slice(-ee))
+      Array.isArray(i) && i.length === 2 && typeof i[0] == "string" && i[0] !== "" && Number.isInteger(i[1]) && i[1] >= 0 && i[1] < n && (r.delete(i[0]), r.set(i[0], i[1]));
+  const l = new Set(Array.isArray(o.hidden) ? o.hidden.filter((i) => typeof i == "string" && i !== "") : []);
+  return { columnOf: r, hidden: l };
+}, zn = (e) => JSON.stringify({
+  v: He,
+  columnOf: [...e.columnOf.entries()].slice(-ee),
+  hidden: e.docs.filter((n) => e.hidden.has(n))
+}), ie = (e, n) => {
+  const t = e.get(n);
+  return t === void 0 ? dn(n) : t;
+}, G = (e) => {
+  const n = /* @__PURE__ */ new Map();
+  for (const [t, o] of e.panelIds) n.set(o, t);
+  return n;
+}, ve = (e) => {
+  if (!mn(e)) throw new RangeError(`[markdown-explorer] not an acceptable document path: ${JSON.stringify(e.slice(0, 80))}`);
+}, Hn = ({ config: e, location: n, writeUrl: t, persist: o }) => {
+  const { maxPanels: r, columns: l } = e.multiView, i = Ze(), c = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map();
+  let s = {
+    layout: te({ docs: n.docs, maximized: n.maximized, stored: U }, r),
+    source: n.source,
+    visibleColumns: l,
+    ready: !1,
+    splitDragging: !1,
+    titles: /* @__PURE__ */ new Map(),
+    pendingHashes: /* @__PURE__ */ new Map()
+  }, p = !1;
+  const w = (a) => p ? he(a, { logical: l, visible: s.visibleColumns }) : a, O = (a, v) => Ne(e, { view: "multi", source: a, docs: v.docs, maximized: v.maximized });
+  let P = O(n.source, n), u = n.source, g = P;
+  const m = [], b = [];
+  let x = null;
+  const M = () => {
+    if (!(m.length > 0))
+      for (const a of b.splice(0)) a();
+  }, d = (a) => {
+    s = { ...s, ...a }, i.emit();
+  }, S = () => {
+    if (!s.ready) return;
+    const a = zn(s.layout);
+    a !== x && (x = a, o(a));
+  }, h = (a, v, C) => {
+    const L = O(a, v);
+    L !== P && (P = L, u = a, m.push(L), t(L, C));
+  }, N = (a) => {
+    const v = new Set(a.panelIds.values());
+    for (const E of [...c.keys()]) v.has(E) || c.delete(E);
+    for (const E of [...f.keys()]) v.has(E) || f.delete(E);
+    const C = new Set(a.docs), L = [...s.titles.keys()].every((E) => C.has(E)) ? s.titles : new Map([...s.titles].filter(([E]) => C.has(E))), y = [...s.pendingHashes.keys()].every((E) => v.has(E)) ? s.pendingHashes : new Map([...s.pendingHashes].filter(([E]) => v.has(E)));
+    return { titles: L, pendingHashes: y };
+  }, I = (a) => a === s.layout ? !1 : (d({ layout: a, ...N(a) }), h(u, a, "replace"), S(), !0), z = () => ({ logical: l, visible: s.visibleColumns });
+  return {
+    getSnapshot: () => s,
+    subscribe: i.subscribe,
+    toggle: (a) => {
+      ve(a);
+      const { state: v, outcome: C } = Ln(s.layout, a, z(), r);
+      return I(v), C;
+    },
+    close: (a) => I(ke(s.layout, a)),
+    navigate: (a, v) => {
+      ve(v);
+      const { state: C, outcome: L } = Dn(s.layout, a, v);
+      if (L !== "navigated") return L;
+      const y = C.panelIds.get(v);
+      return y !== void 0 && (c.delete(y), f.delete(y)), I(C), L;
+    },
+    setHidden: (a, v) => I(ze(s.layout, a, v)),
+    maximize: (a) => I(An(s.layout, a)),
+    arrange: (a) => I(Rn(s.layout, a, { logical: l, visible: a.length })),
+    changeSource: (a) => {
+      h(a, s.layout, "push");
+    },
+    observeLocation: (a) => {
+      const v = O(a.source, a);
+      if (v === P)
+        return m.length = 0, g = v, a.source !== s.source && d({ source: a.source }), M(), !1;
+      if (v === g) return !1;
+      g = v;
+      const C = m.indexOf(v);
+      if (C >= 0)
+        return m.splice(0, C + 1), a.source !== s.source && d({ source: a.source }), M(), !1;
+      m.length = 0, P = v, u = a.source;
+      const L = w(te({ docs: a.docs, maximized: a.maximized, stored: { columnOf: s.layout.columnOf, hidden: s.layout.hidden }, panelIds: s.layout.panelIds }, r));
+      return d({ layout: L, source: a.source, ...N(L) }), S(), M(), !0;
+    },
+    whenUrlRendered: (a) => {
+      b.push(a), M();
+    },
+    loadStored: (a) => {
+      d({ layout: w(te({ docs: s.layout.docs, maximized: s.layout.maximized, stored: a, panelIds: s.layout.panelIds }, r)), ready: !0 }), S();
+    },
+    setVisibleColumns: (a) => {
+      if (!Number.isInteger(a) || a < 1 || a > l) throw new RangeError(`[markdown-explorer] visible columns must be an integer in 1..${String(l)}; got ${String(a)}`);
+      p = !0;
+      const v = he(s.layout, { logical: l, visible: a });
+      a === s.visibleColumns && v === s.layout || (d({ visibleColumns: a, layout: v }), v !== s.layout && S());
+    },
+    setSplitDragging: (a) => {
+      a !== s.splitDragging && d({ splitDragging: a });
+    },
+    setTitle: (a, v) => {
+      !s.layout.docs.includes(a) || s.titles.get(a) === v || d({ titles: new Map(s.titles).set(a, v) });
+    },
+    titleOf: (a) => ie(s.titles, a),
+    setPendingHash: (a, v) => {
+      const C = s.pendingHashes.get(a);
+      if (v === null || v === "") {
+        if (C === void 0) return;
+        const L = new Map(s.pendingHashes);
+        L.delete(a), d({ pendingHashes: L });
+        return;
+      }
+      C !== v && d({ pendingHashes: new Map(s.pendingHashes).set(a, v) });
+    },
+    saveReadingPosition: (a, v, C) => {
+      s.layout.panelIds.get(v) === a && c.set(a, { doc: v, position: C });
+    },
+    readingPositionOf: (a, v) => {
+      const C = c.get(a);
+      return C === void 0 || C.doc !== v ? null : C.position;
+    },
+    saveImageView: (a, v, C) => {
+      f.set(a, { url: v, state: C });
+    },
+    imageViewOf: (a, v) => {
+      const C = f.get(a);
+      return C === void 0 || C.url !== v ? null : C.state;
+    }
+  };
+}, _n = () => {
+  const e = /* @__PURE__ */ new Map();
+  return {
+    hold: (n, t) => {
+      e.set(n, t), queueMicrotask(() => {
+        e.get(n) === t && e.delete(n);
+      });
+    },
+    take: (n) => {
+      const t = e.get(n);
+      return e.delete(n), t === void 0 ? null : t;
+    }
+  };
+}, _e = je(null), ae = () => {
+  const e = Me(_e);
+  if (e === null) throw new Error("[markdown-explorer] multi-view panels must be rendered inside the multi-view stage");
+  return e;
+}, qn = (e, n) => {
+  const t = e.pendingHashes.get(n);
+  return t === void 0 ? null : t;
+}, ce = "data-aqmx-column-probe", J = "data-panel-id", le = "--aqmx-multi-panel-chrome", B = (e) => e.endsWith("px") ? Number.parseFloat(e) : Number.NaN, Fn = (e) => e === "normal" ? 0 : B(e), Bn = (e, n) => {
+  const t = e.querySelector(Q)?.firstElementChild, o = e.querySelector(`[${ce}]`), r = o instanceof HTMLElement ? o.getBoundingClientRect().width : Number.NaN;
+  if (!(t instanceof HTMLElement))
+    return { plan: { trackInlineSize: Number.NaN, gap: Number.NaN, minColumnInlineSize: r, logicalColumns: n }, stageBlockSize: Number.NaN };
+  const l = getComputedStyle(t), i = t.clientWidth - B(l.paddingLeft) - B(l.paddingRight), c = t.clientHeight - B(l.paddingTop) - B(l.paddingBottom);
+  return { plan: { trackInlineSize: i, gap: Fn(l.columnGap), minColumnInlineSize: r, logicalColumns: n }, stageBlockSize: c };
+}, Vn = (e, n) => {
+  if (e.getClientRects().length === 0) return Number.NaN;
+  const t = getComputedStyle(e);
+  return n.getBoundingClientRect().top - e.getBoundingClientRect().top + B(t.paddingBottom) + B(t.borderBottomWidth);
+}, k = (e, n) => {
+  const t = () => n(e.getSnapshot());
+  return Ye(e.subscribe, t, t);
+}, $n = (e) => {
+  const { config: n, storageNamespace: t } = W(), o = fn(), r = q(o), l = gn(t).multiLayout, [i] = V(
+    () => Hn({
+      config: n,
+      location: e,
+      writeUrl: (s, p) => {
+        r.current(s, Qe(p === "replace" ? "browse" : "switch-source"));
+      },
+      persist: (s) => vn(l, s)
+    })
+  );
+  F(() => {
+    r.current = o;
+  }, [o]);
+  const c = pn(), f = R(() => ({ location: e, navigated: c }), [e, c]);
+  return F(() => {
+    i.observeLocation(f.location);
+  }, [i, f]), F(() => {
+    i.loadStored(kn(hn(l), n.multiView.columns));
+  }, [i, l, n]), i;
+}, qe = "[data-aqdd-scroll-area]", X = "data-aqmx-panel-frame", we = "--aqmx-multi-panel-pinned-block-size", Un = (e) => {
+  const { docPath: n, panelId: t } = e;
+  if (typeof n != "string" || typeof t != "string") throw new TypeError("[markdown-explorer] a multi-view panel needs string docPath and panelId props");
+  return { docPath: n, panelId: t };
+}, jn = (e) => {
+  const n = getComputedStyle(e), t = Number.parseFloat(n.lineHeight);
+  return Number.isFinite(t) ? t : Number.parseFloat(n.fontSize);
+}, Yn = (e, n, t) => e.deltaMode === WheelEvent.DOM_DELTA_PAGE ? e.deltaY * n.clientHeight : e.deltaMode !== WheelEvent.DOM_DELTA_LINE ? e.deltaY : e.deltaY * t(n), j = (e) => {
+  const n = e.closest(qe);
+  return n instanceof HTMLElement ? n : null;
+}, Fe = (e) => {
+  const n = e.firstElementChild;
+  return n instanceof HTMLElement && getComputedStyle(n).position === "sticky" ? n : null;
+}, Be = (e, n) => {
+  const t = n.getBoundingClientRect().top, o = Fe(e);
+  return o === null ? t : Math.max(t, o.getBoundingClientRect().bottom);
+}, ye = (e, n) => {
+  let t = 0, o = e.length;
+  for (; t < o; ) {
+    const r = t + o >>> 1;
+    (e[r]?.getBoundingClientRect().bottom ?? Number.NEGATIVE_INFINITY) > n ? o = r : t = r + 1;
+  }
+  return t < e.length ? t : -1;
+}, Wn = (e, n) => {
+  const t = Be(e, n), o = [];
+  let r = e;
+  for (let l = ye([...r.children], t); l >= 0; l = ye([...r.children], t)) {
+    const i = r.children[l];
+    if (i === void 0) break;
+    o.push(l), r = i;
+  }
+  return { scrollTop: n.scrollTop, anchor: o.length === 0 ? null : { path: o, offset: r.getBoundingClientRect().top - t } };
+}, xe = (e, n, t) => {
+  if (n.scrollTop = t.scrollTop, t.anchor === null) return;
+  let o = e;
+  for (const r of t.anchor.path) o = o?.children[r];
+  o !== void 0 && (n.scrollTop += o.getBoundingClientRect().top - Be(e, n) - t.anchor.offset);
+}, Gn = Object.freeze(["data-testid", "aria-label", "title", "href", "id", "name"]), Ve = (e) => JSON.stringify([e.tagName, ...Gn.map((n) => e.getAttribute(n))]), Kn = (e, n) => {
+  if (n === null || !e.contains(n)) return null;
+  const t = [];
+  for (let o = n; o !== e; ) {
+    const r = o.parentElement;
+    if (r === null) return null;
+    t.unshift([...r.children].indexOf(o)), o = r;
+  }
+  return { path: t, signature: Ve(n) };
+}, Jn = (e, n, t) => {
+  let o = e;
+  for (const r of t.path) o = o?.children[r];
+  o instanceof HTMLElement && Ve(o) === t.signature && en(o) || n.focus({ preventScroll: !0 });
+}, Xn = (e, n, t) => {
+  if (e.shiftKey || Math.abs(e.deltaX) > Math.abs(e.deltaY)) return;
+  const o = e.ctrlKey || e.metaKey, r = o ? j(n) : n.closest(Q);
+  if (!(r instanceof HTMLElement)) return;
+  const l = Yn(e, r, t);
+  (o || Zn(r, l)) && (e.preventDefault(), r.scrollTop += l);
+}, Zn = (e, n) => n < 0 ? e.scrollTop > 0 : n > 0 ? Math.ceil(e.scrollTop + e.clientHeight) < e.scrollHeight : !1, Qn = (e) => e.scrollHeight > e.clientHeight, et = (e, n, t) => {
+  let o = Number.NaN, r = Number.NaN;
+  const l = Fe(t), i = () => {
+    const s = Vn(e, n);
+    if (!Number.isFinite(s)) return;
+    const p = l === null ? 0 : l.getBoundingClientRect().height;
+    p !== r && (r = p, t.style.setProperty(we, `${String(p)}px`));
+    const w = s + p;
+    w !== o && (o = w, e.style.setProperty(le, `${String(w)}px`));
+  };
+  i();
+  let c = null;
+  const f = typeof ResizeObserver > "u" ? null : new ResizeObserver(() => {
+    c === null && (c = requestAnimationFrame(() => {
+      c = null, i();
+    }));
+  });
+  return f?.observe(e), f?.observe(n), l !== null && f?.observe(l), () => {
+    f?.disconnect(), c !== null && cancelAnimationFrame(c), e.style.removeProperty(le), t.style.removeProperty(we);
+  };
+}, nt = (e) => {
+  const { docPath: n, panelId: t } = Un(e), { store: o, Body: r, maximize: l, focusCarry: i } = ae(), c = k(o, (u) => u.layout.maximized === n), f = k(o, (u) => ie(u.titles, n)), s = q(null), p = q(null), w = q(null);
+  $(() => {
+    const u = s.current, g = u === null ? null : j(u);
+    if (u === null || g === null || c) return;
+    const m = /* @__PURE__ */ new Map(), b = (h) => {
+      const N = m.get(h);
+      if (N !== void 0) return N;
+      const I = jn(h);
+      return m.set(h, I), I;
+    }, x = (h) => Xn(h, u, b);
+    let M = !1;
+    const d = () => {
+      const h = Qn(g);
+      h !== M && (M = h, h ? u.addEventListener("wheel", x, { capture: !0, passive: !1 }) : u.removeEventListener("wheel", x, { capture: !0 }));
+    };
+    d();
+    const S = typeof ResizeObserver > "u" ? null : new ResizeObserver(d);
+    return S?.observe(g), S?.observe(u), () => {
+      S?.disconnect(), u.removeEventListener("wheel", x, { capture: !0 });
+    };
+  }, [c]), F(() => {
+    const u = s.current, g = u === null ? null : j(u), m = u === null ? null : u.closest(`[${J}]`);
+    if (!(u === null || g === null || !(m instanceof HTMLElement)))
+      return et(m, g, u);
+  }, []), F(() => {
+    const u = s.current, g = u === null ? null : j(u);
+    if (u === null || g === null) return;
+    const m = o.readingPositionOf(t, n);
+    p.current = m === null ? null : { doc: n, position: m }, m !== null && xe(u, g, m);
+    let b = null;
+    const x = () => {
+      b === null && (b = requestAnimationFrame(() => {
+        b = null;
+        const M = w.current;
+        M !== null && o.saveReadingPosition(t, M, Wn(u, g));
+      }));
+    };
+    return g.addEventListener("scroll", x, { passive: !0 }), () => {
+      g.removeEventListener("scroll", x), b !== null && cancelAnimationFrame(b);
+    };
+  }, [o, t, n]), F(() => {
+    const u = s.current, g = u === null ? null : u.closest(`[${J}]`);
+    if (u === null || g === null) return;
+    const m = i.take(t);
+    return m !== null && Jn(g, u, m), () => {
+      const b = Kn(g, g.ownerDocument.activeElement);
+      b !== null && i.hold(t, b);
+    };
+  }, [i, t]);
+  const O = D((u) => {
+    const g = s.current, m = g === null ? null : j(g);
+    if (g === null || m === null) return;
+    const b = w.current;
+    w.current = u;
+    const x = p.current;
+    p.current = null, x !== null && x.doc === u ? xe(g, m, x.position) : b !== null && b !== u && (m.scrollTop = 0);
+  }, []), P = D(() => l(n), [l, n]);
+  return (
+    /* @__PURE__ */ T(
+      "div",
+      {
+        ref: s,
+        role: "group",
+        "aria-label": f,
+        className: "aqmx-multi-panel-frame",
+        tabIndex: -1,
+        "data-aqmx-panel-frame": t,
+        "data-aqmx-maximized": c ? "true" : "false",
+        "data-testid": "markdown-explorer-panel-frame",
+        onDoubleClick: c ? void 0 : P,
+        children: /* @__PURE__ */ T(r, { docPath: n, panelId: t, maximized: c, title: f, onContentShown: O })
+      }
+    )
+  );
+}, tt = We(nt), ot = (e) => {
+  const n = e.closest(qe);
+  if (n === null) throw new Error("[markdown-explorer] a panel's document region is not inside the panel's scroll area");
+  return n;
+}, rt = ({ docPath: e, panelId: n, maximized: t, title: o, onContentShown: r }) => {
+  const { store: l, followLink: i, revealInPanel: c } = ae(), { announcer: f } = W(), s = k(l, (x) => qn(x, n)), p = D((x, M) => i(n, e, x, M), [i, n, e]), w = D(() => l.setPendingHash(n, null), [l, n]), O = R(() => ({ read: (x) => l.imageViewOf(n, x), save: (x, M) => l.saveImageView(n, x, M) }), [l, n]), P = D(
+    (x, M) => {
+      M.kind !== "failure" && l.setTitle(x, M.name), r(x);
+    },
+    [l, r]
+  ), u = D(
+    (x) => {
+      l.whenUrlRendered(() => f.announce(x));
+    },
+    [l, f]
+  ), g = R(() => ({ scrollerOf: ot, reveal: (x) => c(n, x) }), [c, n]), m = R(
+    () => ({ kind: "panel", maximized: t, onDocumentLink: p, pendingHash: s, onHashConsumed: w, announceFailure: u, paneScroll: g }),
+    [t, p, s, w, u, g]
+  ), b = R(() => ({ kind: "panel", documentName: o }), [o]);
+  return /* @__PURE__ */ re(nn, { value: O, children: [
+    /* @__PURE__ */ T(tn, { path: e, placement: b }),
+    /* @__PURE__ */ T(on, { path: e, variant: m, onDocumentShown: P })
+  ] });
+}, Se = () => typeof HTMLElement < "u" && typeof HTMLElement.prototype.showPopover == "function" && typeof HTMLElement.prototype.hidePopover == "function", K = (e, n) => {
+  const t = e.panelIds.get(n);
+  if (t === void 0) throw new Error(`[markdown-explorer] the open document ${JSON.stringify(n)} has no panel id`);
+  return t;
+}, Ee = (e) => Object.fromEntries(an(e).map((n) => [n, []])), lt = (e, n) => {
+  const t = Nn(ne(e, n), n.visible);
+  return Object.fromEntries(t.map((o, r) => [Te(r), o.map((l) => K(e, l))]));
+}, st = (e, n) => {
+  const t = G(e);
+  return Ie(Object.keys(n)).map(
+    (o) => (n[o] ?? []).flatMap((r) => {
+      const l = t.get(r);
+      return l === void 0 ? [] : [l];
+    })
+  );
+}, it = (e) => ({
+  switchToCustomDragMode: e.panelSwitchToCustomDrag,
+  switchToNormalDragMode: e.panelSwitchToNormalDrag,
+  hidePanel: e.panelHide,
+  maximizePanel: e.panelMaximize,
+  restorePanel: e.panelRestore,
+  closePanel: e.panelClose,
+  movePanelToPreviousColumn: e.panelMovePreviousColumn,
+  movePanelToNextColumn: e.panelMoveNextColumn,
+  movePanelUp: e.panelMoveUp,
+  movePanelDown: e.panelMoveDown,
+  customDragModeBadge: e.panelCustomDragBadge,
+  panelMoved: e.panelMoved,
+  panelMoveUnavailable: e.panelMoveUnavailable,
+  panelDragStarted: e.panelDragStarted,
+  panelDragCancelled: e.panelDragCancelled,
+  hiddenPanels: e.hiddenPanelsTitle,
+  hiddenPanelBadge: e.hiddenPanelBadge,
+  hiddenPanelNotice: e.hiddenPanelNotice,
+  emptyColumn: e.multiColumnEmpty,
+  dropZone: e.multiColumnRegion,
+  dropHere: e.panelDropHere
+}), ue = "--aqmx-stage-block", at = "--aqmx-multi-panel-body-floor", ct = `calc(var(${ue}) * ${String(Xe)})`, ut = `max(calc(var(${ue}) * ${String(Je)}), calc(var(${le}) + var(${at})))`, dt = (e, n) => {
+  const t = Object.entries(e);
+  return t.length !== Object.keys(n).length ? !1 : t.every(([o, r]) => {
+    const l = n[o];
+    return l !== void 0 && l.length === r.length && l.every((i, c) => r[c] === i);
+  });
+}, be = ["keydown", "pointerdown", "wheel", "touchstart"], Y = /* @__PURE__ */ new WeakMap(), Pe = (e, n, t) => {
+  for (let o = n; o !== null && o !== t; o = o.parentElement) {
+    e.observe(o);
+    for (let r = o.previousElementSibling; r !== null; r = r.previousElementSibling) e.observe(r);
+  }
+}, mt = (e) => {
+  const n = /* @__PURE__ */ new Map();
+  for (let t = e.parentElement; t !== null; t = t.parentElement) n.set(t, { top: t.scrollTop, left: t.scrollLeft });
+  return n;
+}, Z = (e, n, t) => {
+  Y.get(e)?.();
+  const o = e.querySelector(`[${J}="${n}"]`);
+  if (!(o instanceof HTMLElement)) return;
+  const r = t !== null && o.contains(t) ? t : null;
+  let l = /* @__PURE__ */ new Map();
+  const i = () => {
+    if (!o.isConnected) return;
+    o.scrollIntoView({ block: "nearest", inline: "nearest", behavior: "instant" });
+    const w = r?.isConnected === !0 ? r : o;
+    w !== o && w.scrollIntoView({ block: "nearest", inline: "nearest", behavior: "instant" }), l = mt(w);
+  };
+  if (i(), typeof ResizeObserver > "u") return;
+  const c = new ResizeObserver(i);
+  Pe(c, o, o.closest(Q)), r !== null && Pe(c, r, o);
+  const { ownerDocument: f } = e, s = (w) => {
+    const O = w.target === f ? f.scrollingElement : w.target;
+    if (!(O instanceof Element)) return;
+    const P = l.get(O);
+    P !== void 0 && (O.scrollTop !== P.top || O.scrollLeft !== P.left) && p();
+  }, p = () => {
+    c.disconnect();
+    for (const w of be) f.removeEventListener(w, p, !0);
+    f.removeEventListener("scroll", s, !0), Y.get(e) === p && Y.delete(e);
+  };
+  for (const w of be) f.addEventListener(w, p, { capture: !0, passive: !0 });
+  f.addEventListener("scroll", s, { capture: !0, passive: !0 }), Y.set(e, p);
+}, $e = (e, n) => {
+  const t = e.querySelector(`[${X}="${n}"]`);
+  return t instanceof HTMLElement ? (Z(e, n, null), t.focus({ preventScroll: !0 }), !0) : !1;
+}, de = (e, n) => {
+  const t = e.querySelector(`[${J}="${n}"]`);
+  return t instanceof HTMLElement && t.contains(e.ownerDocument.activeElement);
+}, Oe = (e, n) => {
+  if (!de(e, n)) return null;
+  const t = [...e.querySelectorAll(`[${X}]`)].map((i) => i.getAttribute(X)), o = t.indexOf(n), r = t[o + 1];
+  if (o >= 0 && typeof r == "string") return { kind: "panel", panelId: r };
+  const l = t[o - 1];
+  return o > 0 && typeof l == "string" ? { kind: "panel", panelId: l } : { kind: "stage" };
+}, Ce = (e, n) => {
+  requestAnimationFrame(() => {
+    const t = e.current;
+    t !== null && (n.kind === "panel" && $e(t, n.panelId) || t.focus({ preventScroll: !0 }));
+  });
+}, Ue = (e, n) => {
+  requestAnimationFrame(() => {
+    const t = e.current;
+    t !== null && $e(t, n);
+  });
+}, ft = (e, n, t) => {
+  requestAnimationFrame(() => {
+    const o = e.current;
+    if (o === null) return;
+    const { activeElement: r, body: l } = o.ownerDocument;
+    if (Z(o, n, t && de(o, n) ? r : null), !t || r !== null && r !== l && r.isConnected) return;
+    const i = o.querySelector(`[${X}="${n}"]`);
+    i instanceof HTMLElement && i.focus({ preventScroll: !0 });
+  });
+}, pt = ({ store: e, stageRef: n }) => {
+  const { config: t, labels: o, announcer: r } = W(), { maximize: l } = ae(), i = t.multiView.columns, c = k(e, (y) => y.layout), f = k(e, (y) => y.visibleColumns), s = k(e, (y) => y.titles), p = k(e, (y) => y.layout.maximized !== null || y.splitDragging), [w, O] = V(!1), [P] = V(() => Ee(f)), u = R(() => it(o), [o]), g = D(
+    (y) => {
+      e.arrange(st(e.getSnapshot().layout, y));
+    },
+    [e]
+  ), m = cn({ initialColumnPanels: P, initialPanelVisibility: {}, debugConfig: ge, onColumnPanelsChange: g }), { columnPanels: b, setColumnPanels: x } = m, M = q(p), d = q(b);
+  F(() => {
+    M.current = p, d.current = b;
+  }, [p, b]);
+  const S = D(
+    (y) => {
+      const E = n.current;
+      if (E === null) return;
+      const { plan: _, stageBlockSize: A } = Bn(E, i);
+      if (Number.isFinite(A) && A > 0 && E.style.setProperty(ue, `${String(A)}px`), M.current && !y) return;
+      const H = Ke(e.getSnapshot().visibleColumns, _);
+      H !== null && e.setVisibleColumns(H);
+    },
+    [e, n, i]
+  );
+  F(() => {
+    S(!0), O(!0);
+  }, [S]), $(() => {
+    const y = n.current;
+    if (y === null || typeof ResizeObserver > "u") return;
+    let E = null;
+    const _ = new ResizeObserver(() => {
+      E === null && (E = requestAnimationFrame(() => {
+        E = null, S(!1);
+      }));
+    }), A = y.querySelector(Q)?.firstElementChild, H = y.querySelector(`[${ce}]`);
+    return A instanceof Element && _.observe(A), H instanceof Element && _.observe(H), () => {
+      _.disconnect(), E !== null && cancelAnimationFrame(E);
+    };
+  }, [n, S]), $(() => {
+    p || S(!1);
+  }, [p, S]);
+  const h = R(() => w ? lt(c, { logical: i, visible: f }) : Ee(f), [w, c, i, f]);
+  F(() => {
+    dt(d.current, h) || x(h);
+  }, [h, x]);
+  const N = R(() => Ie(Object.keys(b)).map((y) => ({ id: y, key: y, className: "aqmx-multi-column" })), [b]), I = R(
+    () => c.docs.map((y) => {
+      const E = K(c, y);
+      return { id: E, component: tt, title: ie(s, y), props: { docPath: y, panelId: E }, minHeight: ct, maxHeight: ut };
+    }),
+    [c, s]
+  ), z = R(() => Object.fromEntries(c.docs.map((y) => [K(c, y), !c.hidden.has(y)])), [c]), a = c.maximized === null ? null : K(c, c.maximized), v = D(
+    (y) => {
+      const { layout: E } = e.getSnapshot();
+      for (const [_, A] of G(E)) {
+        const H = y[_];
+        if (H === void 0 || H !== E.hidden.has(A)) continue;
+        const me = e.titleOf(A);
+        if (H) {
+          if (!e.setHidden(A, !1)) continue;
+          r.announce(o.panelShown(me)), Ue(n, _);
+          continue;
+        }
+        const fe = n.current, pe = fe === null ? null : Oe(fe, _);
+        e.setHidden(A, !0) && (r.announce(o.panelHidden(me)), pe !== null && Ce(n, pe));
+      }
+    },
+    [e, n, r, o]
+  ), C = D(
+    (y) => {
+      const E = G(e.getSnapshot().layout).get(y);
+      if (E === void 0) return;
+      const _ = e.titleOf(E), A = n.current, H = A === null ? null : Oe(A, y);
+      e.close(E) && (r.announce(o.panelClosed(_)), H !== null && Ce(n, H));
+    },
+    [e, n, r, o]
+  ), L = D(
+    (y) => {
+      if (y === null) {
+        l(null);
+        return;
+      }
+      const E = G(e.getSnapshot().layout).get(y);
+      E !== void 0 && l(E);
+    },
+    [e, l]
+  );
+  return /* @__PURE__ */ T("div", { className: "aqmx-multi-layout", "aria-busy": !w, children: /* @__PURE__ */ T(
+    un,
+    {
+      columns: N,
+      panels: I,
+      columnPanels: b,
+      onColumnPanelsChange: g,
+      panelVisibility: z,
+      onPanelVisibilityChange: v,
+      dragState: m.dragState,
+      dragOverPosition: m.dragOverPosition,
+      originalPanelPosition: m.originalPanelPosition,
+      dragModes: m.dragModes,
+      debugConfig: ge,
+      panelSizes: m.panelSizes,
+      customDrag: m.customDrag,
+      setPanelRef: m.setPanelRef,
+      onDragStart: m.handleDragStart,
+      onDragEnd: m.handleDragEnd,
+      onPlaceholderDragEnter: m.handlePlaceholderDragEnter,
+      onPlaceholderDragLeave: m.handlePlaceholderDragLeave,
+      onDragOverWithInsert: m.handleDragOverWithInsert,
+      onDropWithInsert: m.handleDropWithInsert,
+      onColumnDragLeave: m.handleColumnDragLeave,
+      onPanelMouseDown: m.handleMouseDown,
+      onPanelSizeInfoClick: m.handlePanelSizeInfoClick,
+      onToggleDragMode: m.toggleDragMode,
+      onPanelClose: C,
+      onPanelMaximizeChange: L,
+      maximizedPanel: a,
+      dragHandle: "header",
+      labels: u,
+      panelClassName: "aqmx-multi-panel"
+    }
+  ) });
+}, oe = { blockStart: "--aqmx-multi-toast-block-start", inlineEnd: "--aqmx-multi-toast-inline-end", room: "--aqmx-multi-toast-room" }, gt = (e, n) => {
+  const t = n.getBoundingClientRect(), o = [t.left + 1, t.left + t.width / 2, t.right - 1], r = [t.top + 1, t.top + t.height / 2, t.bottom - 1];
+  return o.some(
+    (l) => r.some((i) => {
+      const c = n.ownerDocument.elementsFromPoint(l, i), f = c.findIndex((p) => n.contains(p)), s = c.findIndex((p) => e.contains(p));
+      return f !== -1 && s !== -1 && s < f;
+    })
+  );
+}, ht = (e, n) => {
+  const t = n.getBoundingClientRect(), o = n.ownerDocument.documentElement.clientWidth, r = getComputedStyle(n).direction === "rtl";
+  return e.style.setProperty(oe.blockStart, `${String(t.top)}px`), e.style.setProperty(oe.inlineEnd, `${String(r ? t.left : o - t.right)}px`), e.style.setProperty(oe.room, `${String(t.width)}px`), e.showPopover(), () => {
+    e.isConnected && e.hidePopover();
+  };
+}, vt = ({ store: e, body: n, limitNotice: t, onLimitNoticeCovered: o, ref: r }) => {
+  const { config: l, labels: i, announcer: c } = W(), f = q(null), s = q(null), p = k(e, (d) => d.ready), w = k(e, (d) => d.layout.docs.length > 0), O = k(e, (d) => d.visibleColumns), P = Me(rn), u = D(
+    (d) => {
+      const { layout: S } = e.getSnapshot(), h = S.maximized, N = d === null && h !== null ? S.panelIds.get(h) : void 0, I = f.current, z = N !== void 0 && I !== null && de(I, N);
+      e.maximize(d) && (d !== null ? c.announce(i.panelMaximized(e.titleOf(d))) : h !== null && c.announce(i.panelRestored(e.titleOf(h))), N !== void 0 && ft(f, N, z));
+    },
+    [e, c, i]
+  ), g = D(
+    (d, S, h, N) => {
+      if (h === S) {
+        e.setPendingHash(d, N);
+        return;
+      }
+      const I = e.navigate(S, h);
+      if (I === "navigated") {
+        e.setPendingHash(d, N);
+        return;
+      }
+      if (I !== "existing") return;
+      const { layout: z } = e.getSnapshot(), a = z.panelIds.get(h);
+      a !== void 0 && (c.announce(i.panelAlreadyOpen(e.titleOf(h))), z.maximized === null ? e.setHidden(h, !1) : u(h), e.setPendingHash(a, N), Ue(f, a));
+    },
+    [e, c, i, u]
+  );
+  F(() => {
+    if (t === null || P !== null || !Se()) return;
+    const d = s.current, S = f.current;
+    if (d === null || S === null) throw new Error("[markdown-explorer] the panel-limit notice and the stage must be mounted together");
+    return ht(d, S);
+  }, [t, P]), $(() => {
+    const d = s.current;
+    if (t === null || d === null) return;
+    const { ownerDocument: S } = d;
+    let h = null;
+    const N = (I) => {
+      const z = I.target;
+      z instanceof Element && (h !== null && cancelAnimationFrame(h), h = requestAnimationFrame(() => {
+        h = null, S.activeElement === z && d.isConnected && gt(d, z) && o();
+      }));
+    };
+    return S.addEventListener("focusin", N, !0), () => {
+      S.removeEventListener("focusin", N, !0), h !== null && cancelAnimationFrame(h);
+    };
+  }, [t, P, o]), Ge(
+    r,
+    () => ({
+      bringIntoView: (d) => {
+        requestAnimationFrame(() => {
+          const S = f.current, h = e.getSnapshot().layout.panelIds.get(d);
+          S !== null && h !== void 0 && Z(S, h, null);
+        });
+      }
+    }),
+    [e]
+  ), $(() => {
+    const d = f.current;
+    return () => {
+      d !== null && Y.get(d)?.();
+    };
+  }, []);
+  const m = D((d, S) => {
+    const h = f.current;
+    h !== null && Z(h, d, S);
+  }, []), [b] = V(_n), x = R(() => ({ store: e, Body: n, followLink: g, maximize: u, revealInPanel: m, focusCarry: b }), [e, n, g, u, m, b]), M = R(() => Array.from({ length: l.multiView.columns }, (d, S) => Te(S)), [l]);
+  return (
+    /* @__PURE__ */ re("section", { ref: f, className: "aqmx-multi-stage", tabIndex: -1, "aria-label": i.multiRegion, "aria-busy": w && !p, "data-testid": "markdown-explorer-stage", "data-aqmx-visible-columns": O, children: [
+      /* @__PURE__ */ T("span", { className: "aqmx-multi-probe", "aria-hidden": "true", [ce]: "" }),
+      w ? p ? /* @__PURE__ */ T(_e, { value: x, children: /* @__PURE__ */ T(pt, { store: e, stageRef: f }) }) : /* @__PURE__ */ T("div", { className: "aqmx-multi-skeleton", "aria-hidden": "true", "data-testid": "markdown-explorer-stage-skeleton", children: M.map((d) => /* @__PURE__ */ re("div", { className: "aqmx-skeleton aqmx-multi-skeleton-column", children: [
+        /* @__PURE__ */ T("span", {}),
+        /* @__PURE__ */ T("span", {}),
+        /* @__PURE__ */ T("span", {})
+      ] }, d)) }) : /* @__PURE__ */ T("div", { className: "aqmx-empty", "data-testid": "markdown-explorer-multi-empty", children: /* @__PURE__ */ T("p", { className: "aqmx-empty-title", children: i.multiEmpty }) }),
+      t === null ? null : P !== null ? wn(
+        /* @__PURE__ */ T("div", { ref: s, className: "aqmx-toast aqmx-multi-toast", "data-testid": "markdown-explorer-panel-limit", children: t }),
+        P
+      ) : (
+        /* @__PURE__ */ T("div", { ref: s, popover: Se() ? "manual" : void 0, className: "aqmx-toast aqmx-multi-toast", "data-testid": "markdown-explorer-panel-limit", children: t })
+      )
+    ] })
+  );
+}, wt = 3e3, yt = (e, n) => {
+  if (n !== null) return n;
+  const [t] = e;
+  return t === void 0 ? null : t;
+}, xt = (e, n, t) => {
+  switch (n) {
+    case "opened":
+      return e.panelOpened(t);
+    case "shown":
+      return e.panelShown(t);
+    case "closed":
+      return e.panelClosed(t);
+    default: {
+      const o = n;
+      throw new RangeError(`[markdown-explorer] unknown toggle outcome ${JSON.stringify(o)}`);
+    }
+  }
+}, Lt = ({ location: e }) => {
+  const { config: n, labels: t, announcer: o } = W(), r = $n(e), l = k(r, (d) => d.layout.docs), i = k(r, (d) => d.layout.maximized), c = k(r, (d) => d.source), [f, s] = V(!1), p = q(null), [w, O] = V(0), P = q(null), u = q(null);
+  F(() => {
+    const d = P.current;
+    P.current = null, d !== null && (r.whenUrlRendered(() => o.announce(d.announcement)), u.current?.bringIntoView(d.doc));
+  }), $(
+    () => () => {
+      p.current !== null && clearTimeout(p.current);
+    },
+    []
+  );
+  const g = D(() => {
+    p.current !== null && clearTimeout(p.current), s(!0), p.current = setTimeout(() => {
+      p.current = null, s(!1);
+    }, wt);
+  }, []), m = D(() => {
+    p.current !== null && clearTimeout(p.current), p.current = null, s(!1);
+  }, []), b = D(
+    (d) => {
+      const S = r.titleOf(d), h = r.toggle(d);
+      h === "rejected" && g();
+      const N = h === "rejected" ? t.panelLimit(n.multiView.maxPanels) : xt(t, h, S);
+      if (h === "shown") {
+        P.current = { doc: d, announcement: N }, O((I) => I + 1);
+        return;
+      }
+      r.whenUrlRendered(() => {
+        o.announce(N), h === "opened" && u.current?.bringIntoView(d);
+      });
+    },
+    [r, g, o, t, n]
+  ), x = R(() => new Set(l), [l]), M = R(() => ({ href: Ne(n, { view: "tree", source: c, doc: yt(l, i) }), target: "tree" }), [n, c, l, i]);
+  return /* @__PURE__ */ T(
+    ln,
+    {
+      view: "multi",
+      explorer: /* @__PURE__ */ T(sn, { mode: "multi", sourceId: c, currentPath: null, openPaths: x, onOpenDocument: b, onSourceChange: r.changeSource, viewSwitch: M }),
+      content: /* @__PURE__ */ T(vt, { ref: u, store: r, body: rt, limitNotice: f ? t.panelLimit(n.multiView.maxPanels) : null, onLimitNoticeCovered: m }),
+      contentCoversPage: i !== null,
+      sheetDismissals: w,
+      onDraggingChange: r.setSplitDragging
+    }
+  );
+};
+export {
+  Lt as MultiLayout,
+  wt as PANEL_LIMIT_NOTICE_MS,
+  yt as treeSwitchDocument
+};