@mokly/mokly 0.8.0

package/dist/client/inspector_resize.js

@@ -0,0 +1,93 @@
+/** Accessible desktop divider and mobile sheet sizing, scoped to one workspace. */
+export function installInspectorResize(root, signal) {
+    const win = root.ownerDocument.defaultView;
+    const inspector = root.querySelector("[data-workspace-inspector]");
+    const divider = root.querySelector("[data-inspector-resize]");
+    const grab = root.querySelector("[data-inspector-size]");
+    const panes = root.querySelector(".mbk-workspace-panes");
+    let height = 260;
+    const narrow = () => win.matchMedia("(max-width: 56.25rem)").matches;
+    const bounds = () => ({
+        min: Math.min(160, panes.clientHeight - 100),
+        max: Math.max(46, panes.clientHeight - 100),
+    });
+    const clamp = () => {
+        const { min, max } = bounds();
+        height = Math.min(max, Math.max(Math.max(46, min), height));
+        inspector.style.setProperty("--inspector-height", `${height}px`);
+        divider.setAttribute("aria-valuemin", String(Math.max(46, min)));
+        divider.setAttribute("aria-valuemax", String(max));
+        divider.setAttribute("aria-valuenow", String(Math.round(height)));
+    };
+    const expand = (value) => {
+        inspector.dataset["expanded"] = String(value);
+        grab.setAttribute("aria-expanded", String(value));
+        grab.setAttribute("aria-label", value ? "Make inspector compact" : "Expand inspector");
+    };
+    let drag;
+    let suppressClick = false;
+    const begin = (event) => {
+        if (event.button !== 0)
+            return;
+        const target = event.currentTarget;
+        drag = {
+            pointer: event.pointerId,
+            y: event.clientY,
+            height: inspector.getBoundingClientRect().height,
+            moved: false,
+        };
+        target.setPointerCapture(event.pointerId);
+        if (!narrow())
+            event.preventDefault();
+    };
+    const move = (event) => {
+        if (!drag || drag.pointer !== event.pointerId)
+            return;
+        const delta = drag.y - event.clientY;
+        drag.moved ||= Math.abs(delta) > 5;
+        if (narrow())
+            inspector.style.height = `${Math.min(panes.clientHeight - 36, Math.max(190, drag.height + delta))}px`;
+        else {
+            height = drag.height + delta;
+            clamp();
+        }
+    };
+    const end = (event) => {
+        if (!drag || drag.pointer !== event.pointerId)
+            return;
+        if (narrow() && drag.moved)
+            expand(drag.y - event.clientY > 0);
+        suppressClick = drag.moved;
+        inspector.style.removeProperty("height");
+        drag = undefined;
+    };
+    for (const handle of [divider, grab]) {
+        handle.addEventListener("pointerdown", begin, { signal });
+        handle.addEventListener("pointermove", move, { signal });
+        handle.addEventListener("pointerup", end, { signal });
+        handle.addEventListener("pointercancel", end, { signal });
+    }
+    grab.addEventListener("click", () => {
+        if (!suppressClick)
+            expand(inspector.dataset["expanded"] !== "true");
+        suppressClick = false;
+    }, { signal });
+    divider.addEventListener("keydown", (event) => {
+        if (!["ArrowUp", "ArrowDown", "Home", "End"].includes(event.key))
+            return;
+        event.preventDefault();
+        height =
+            event.key === "Home"
+                ? bounds().min
+                : event.key === "End"
+                    ? bounds().max
+                    : height + (event.key === "ArrowUp" ? 20 : -20);
+        clamp();
+    }, { signal });
+    const observer = new ResizeObserver(clamp);
+    observer.observe(panes);
+    signal.addEventListener("abort", () => observer.disconnect(), { once: true });
+    clamp();
+    return clamp;
+}
+//# sourceMappingURL=inspector_resize.js.map

package/dist/client/inspector_resize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inspector_resize.js","sourceRoot":"","sources":["../../src/client/inspector_resize.ts"],"names":[],"mappings":"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"}

package/dist/client/inspector_tabs.d.ts

@@ -0,0 +1,7 @@
+export declare function installInspectorTabs(root: HTMLElement, signal: AbortSignal): {
+    open: (value: string | undefined, persist?: boolean) => void;
+    close: () => void;
+    active: () => string | undefined;
+    preferredOpen: boolean | undefined;
+};
+//# sourceMappingURL=inspector_tabs.d.ts.map

package/dist/client/inspector_tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inspector_tabs.d.ts","sourceRoot":"","sources":["../../src/client/inspector_tabs.ts"],"names":[],"mappings":"AAIA,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW;kBAgBpD,MAAM,GAAG,SAAS;;;;EA8ExC"}

package/dist/client/inspector_tabs.js

@@ -0,0 +1,71 @@
+/** Shared disclosure preference, keyboard navigation and focus for inspector tabs. */
+import { createBrowserDetailsPreference } from "./browse_details.js";
+import { installInspectorResize } from "./inspector_resize.js";
+export function installInspectorTabs(root, signal) {
+    const doc = root.ownerDocument;
+    const win = doc.defaultView;
+    const preference = createBrowserDetailsPreference(win);
+    const inspector = root.querySelector("[data-workspace-inspector]");
+    const content = root.querySelector(".mbk-inspector-content");
+    const clamp = installInspectorResize(root, signal);
+    let active;
+    const button = (value) => value
+        ? root.querySelector(`[data-inspector-tab="${value}"]`)
+        : undefined;
+    const open = (value, persist = true) => {
+        active = value;
+        inspector.dataset["open"] = String(value !== undefined);
+        content.hidden = value === undefined;
+        for (const tab of root.querySelectorAll("[data-inspector-tab]"))
+            tab.setAttribute("aria-selected", String(tab.dataset["inspectorTab"] === value));
+        for (const panel of root.querySelectorAll("[data-inspector-panel]"))
+            panel.hidden = panel.dataset["inspectorPanel"] !== value;
+        root.querySelector("[data-inspector-title]").textContent =
+            button(value)?.getAttribute("aria-label") ?? "";
+        root.querySelector("[data-inspector-close]").hidden = !value;
+        clamp();
+        if (persist)
+            preference.remember(value !== undefined);
+    };
+    const close = () => {
+        const previous = active;
+        open(undefined);
+        button(previous)?.focus({ preventScroll: true });
+    };
+    root.addEventListener("click", (event) => {
+        const target = event.target;
+        const tab = target.closest("[data-inspector-tab]");
+        if (tab)
+            open(active === tab.dataset["inspectorTab"]
+                ? undefined
+                : tab.dataset["inspectorTab"]);
+        if (target.closest("[data-inspector-close]"))
+            close();
+    }, { signal });
+    root.addEventListener("keydown", (event) => {
+        const target = event.target;
+        if (!target.matches("[data-inspector-tab]") ||
+            !["ArrowLeft", "ArrowRight", "Home", "End"].includes(event.key))
+            return;
+        event.preventDefault();
+        const tabs = [
+            ...root.querySelectorAll("[data-inspector-tab]"),
+        ];
+        const next = event.key === "Home"
+            ? 0
+            : event.key === "End"
+                ? tabs.length - 1
+                : (tabs.indexOf(target) +
+                    (event.key === "ArrowRight" ? 1 : tabs.length - 1)) %
+                    tabs.length;
+        tabs[next]?.focus();
+    }, { signal });
+    doc.addEventListener("mokly:inspector-restore", () => open(inspector.dataset["open"] === "true" ? "details" : undefined, false), { signal });
+    return {
+        open,
+        close,
+        active: () => active,
+        preferredOpen: preference.preferredOpen,
+    };
+}
+//# sourceMappingURL=inspector_tabs.js.map

package/dist/client/inspector_tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inspector_tabs.js","sourceRoot":"","sources":["../../src/client/inspector_tabs.ts"],"names":[],"mappings":"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"}

package/dist/client/live_updates.d.ts

@@ -0,0 +1,43 @@
+/** Storage subset used for one-shot reload recovery. */
+import type { BrowseRecoveryState } from "./browse_state.js";
+export interface RecoveryStorage {
+    getItem(key: string): string | null;
+    removeItem(key: string): void;
+    setItem(key: string, value: string): void;
+}
+/** Browser location subset used by live updates. */
+export interface ReloadLocation {
+    href: string;
+    reload(): void;
+}
+/** Event stream subset used by the package client. */
+export interface UpdateEventStream {
+    close(): void;
+    onReady(callback: (version: number) => void): void;
+    onUpdate(callback: (version: number) => void): void;
+}
+/** One-shot recovery payload consumed after an automatic reload. */
+export interface RecoveryState {
+    browse?: BrowseRecoveryState;
+    url: string;
+    version: number;
+}
+/** Coordinate latest-wins refreshes and one-shot reload recovery. */
+export declare class LiveUpdateController {
+    #private;
+    private readonly stream;
+    private readonly storage;
+    private readonly location;
+    private readonly captureBrowseState;
+    private readonly refresh?;
+    constructor(stream: UpdateEventStream, storage: RecoveryStorage, location: ReloadLocation, captureBrowseState?: () => BrowseRecoveryState | undefined, pageVersion?: number, refresh?: ((version: number, signal: AbortSignal) => Promise<number | undefined>) | undefined);
+    /** Begin receiving server update versions. */
+    start(): void;
+    /** Close the stream when the shell unmounts. */
+    close(): void;
+    /** Consume recovery exactly once; later manual refreshes see no stale state. */
+    consumeRecovery(): RecoveryState | undefined;
+    private receive;
+    private reload;
+}
+//# sourceMappingURL=live_updates.d.ts.map

package/dist/client/live_updates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"live_updates.d.ts","sourceRoot":"","sources":["../../src/client/live_updates.ts"],"names":[],"mappings":"AAAA,wDAAwD;AAGxD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACpC,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3C;AAED,oDAAoD;AACpD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,IAAI,IAAI,CAAC;CAChB;AAED,sDAAsD;AACtD,MAAM,WAAW,iBAAiB;IAChC,KAAK,IAAI,IAAI,CAAC;IACd,OAAO,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI,CAAC;IACnD,QAAQ,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI,CAAC;CACrD;AAED,oEAAoE;AACpE,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;CACjB;AAID,qEAAqE;AACrE,qBAAa,oBAAoB;;IAO7B,OAAO,CAAC,QAAQ,CAAC,MAAM;IACvB,OAAO,CAAC,QAAQ,CAAC,OAAO;IACxB,OAAO,CAAC,QAAQ,CAAC,QAAQ;IACzB,OAAO,CAAC,QAAQ,CAAC,kBAAkB;IAGnC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC;gBANR,MAAM,EAAE,iBAAiB,EACzB,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,cAAc,EACxB,kBAAkB,GAAE,MACnC,mBAAmB,GAAG,SAA2B,EACnD,WAAW,CAAC,EAAE,MAAM,EACH,OAAO,CAAC,GAAE,CACzB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,WAAW,KAChB,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,aAAA;IAOlC,8CAA8C;IAC9C,KAAK,IAAI,IAAI;IAKb,gDAAgD;IAChD,KAAK,IAAI,IAAI;IAMb,gFAAgF;IAChF,eAAe,IAAI,aAAa,GAAG,SAAS;IA2B5C,OAAO,CAAC,OAAO;IA4Bf,OAAO,CAAC,MAAM;CAUf"}

package/dist/client/live_updates.js

@@ -0,0 +1,105 @@
+/** Storage subset used for one-shot reload recovery. */
+import { parseBrowseRecoveryState } from "./browse_recovery.js";
+const RECOVERY_KEY = "mokly:live-update-recovery";
+/** Coordinate latest-wins refreshes and one-shot reload recovery. */
+export class LiveUpdateController {
+    stream;
+    storage;
+    location;
+    captureBrowseState;
+    refresh;
+    #lastVersion;
+    #pageVersionKnown;
+    #pending;
+    #closed = false;
+    constructor(stream, storage, location, captureBrowseState = () => undefined, pageVersion, refresh) {
+        this.stream = stream;
+        this.storage = storage;
+        this.location = location;
+        this.captureBrowseState = captureBrowseState;
+        this.refresh = refresh;
+        const knownPageVersion = isUpdateVersion(pageVersion) ? pageVersion : 0;
+        this.#pageVersionKnown = knownPageVersion > 0;
+        this.#lastVersion = knownPageVersion;
+    }
+    /** Begin receiving server update versions. */
+    start() {
+        this.stream.onReady((version) => this.receive(version, false));
+        this.stream.onUpdate((version) => this.receive(version, true));
+    }
+    /** Close the stream when the shell unmounts. */
+    close() {
+        this.#closed = true;
+        this.#pending?.abort();
+        this.stream.close();
+    }
+    /** Consume recovery exactly once; later manual refreshes see no stale state. */
+    consumeRecovery() {
+        const raw = this.storage.getItem(RECOVERY_KEY);
+        this.storage.removeItem(RECOVERY_KEY);
+        if (!raw)
+            return undefined;
+        try {
+            const value = JSON.parse(raw);
+            if (typeof value.url !== "string" || !Number.isSafeInteger(value.version))
+                return undefined;
+            const browse = value.browse === undefined
+                ? undefined
+                : parseBrowseRecoveryState(value.browse);
+            if (value.browse !== undefined && !browse)
+                return undefined;
+            return {
+                ...(browse ? { browse } : {}),
+                url: value.url,
+                version: value.version,
+            };
+        }
+        catch {
+            return undefined;
+        }
+    }
+    receive(version, forceReload) {
+        if (this.#closed ||
+            !isUpdateVersion(version) ||
+            version <= this.#lastVersion)
+            return;
+        const initialReady = !this.#pageVersionKnown && this.#lastVersion === 0 && !forceReload;
+        this.#lastVersion = version;
+        if (initialReady)
+            return;
+        this.#pending?.abort();
+        if (this.refresh) {
+            const pending = new AbortController();
+            this.#pending = pending;
+            void this.refresh(version, pending.signal)
+                .then((applied) => {
+                if (pending.signal.aborted || this.#closed)
+                    return;
+                if (isUpdateVersion(applied) && applied >= version)
+                    this.#lastVersion = Math.max(this.#lastVersion, applied);
+                else
+                    this.reload(version);
+            })
+                .catch(() => {
+                if (!pending.signal.aborted && !this.#closed)
+                    this.reload(version);
+            });
+        }
+        else
+            this.reload(version);
+    }
+    reload(version) {
+        const browse = this.captureBrowseState();
+        const recovery = {
+            ...(browse ? { browse } : {}),
+            url: this.location.href,
+            version,
+        };
+        this.storage.setItem(RECOVERY_KEY, JSON.stringify(recovery));
+        this.location.reload();
+    }
+}
+function isUpdateVersion(value) {
+    return Number.isSafeInteger(value) && value !== undefined && value > 0;
+}
+//# sourceMappingURL=live_updates.js.map

package/dist/client/live_updates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"live_updates.js","sourceRoot":"","sources":["../../src/client/live_updates.ts"],"names":[],"mappings":"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"}

package/dist/client/nav_resize.d.ts

@@ -0,0 +1,4 @@
+/** Desktop navigation split-panel resizing shared by catalogue views. */
+/** Attach pointer, keyboard, viewport, and persistence behavior to the nav. */
+export declare function initializeNavigationResize(doc: Document, win: Window & typeof globalThis): void;
+//# sourceMappingURL=nav_resize.d.ts.map

package/dist/client/nav_resize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav_resize.d.ts","sourceRoot":"","sources":["../../src/client/nav_resize.ts"],"names":[],"mappings":"AAAA,yEAAyE;AAEzE,+EAA+E;AAC/E,wBAAgB,0BAA0B,CACxC,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,MAAM,GAAG,OAAO,UAAU,GAC9B,IAAI,CAyHN"}

package/dist/client/nav_resize.js

@@ -0,0 +1,135 @@
+/** Desktop navigation split-panel resizing shared by catalogue views. */
+/** Attach pointer, keyboard, viewport, and persistence behavior to the nav. */
+export function initializeNavigationResize(doc, win) {
+    const nav = doc.querySelector(".mbk-nav");
+    const handle = nav?.querySelector("[data-mokly-nav-resize]");
+    if (!nav || !handle || handle.dataset["resizeInitialized"] === "true") {
+        return;
+    }
+    const numericAttribute = (name) => {
+        const value = handle.getAttribute(name);
+        if (value === null || value.trim() === "")
+            return undefined;
+        const parsed = Number(value);
+        return Number.isFinite(parsed) ? parsed : undefined;
+    };
+    const minimum = numericAttribute("aria-valuemin");
+    const initial = numericAttribute("aria-valuenow");
+    const maximum = numericAttribute("aria-valuemax");
+    if (minimum === undefined ||
+        initial === undefined ||
+        maximum === undefined ||
+        minimum > initial ||
+        initial > maximum) {
+        return;
+    }
+    const storageKey = "mokly:navigation-width:v1";
+    let storage;
+    try {
+        storage = win.localStorage;
+    }
+    catch {
+        storage = undefined;
+    }
+    let storedWidth;
+    try {
+        const stored = storage?.getItem(storageKey);
+        if (stored !== null && stored !== undefined) {
+            const parsed = Number(stored);
+            if (Number.isFinite(parsed))
+                storedWidth = parsed;
+        }
+    }
+    catch {
+        storage = undefined;
+    }
+    const viewportMaximum = () => Math.max(minimum, Math.min(maximum, Math.floor(win.innerWidth / 2)));
+    const applyWidth = (candidate) => {
+        const upper = viewportMaximum();
+        const width = Math.round(Math.max(minimum, Math.min(upper, candidate)));
+        nav.style.setProperty("--mbk-nav-width", `${width}px`);
+        handle.setAttribute("aria-valuemax", String(upper));
+        handle.setAttribute("aria-valuenow", String(width));
+        handle.setAttribute("aria-valuetext", `${width} pixels`);
+        return width;
+    };
+    const persist = (width) => {
+        try {
+            storage?.setItem(storageKey, String(width));
+        }
+        catch {
+            storage = undefined;
+        }
+    };
+    let width = applyWidth(storedWidth ?? initial);
+    let activePointer;
+    let pointerStart = 0;
+    let widthStart = width;
+    const finishPointerResize = () => {
+        const pointer = activePointer;
+        if (pointer === undefined)
+            return;
+        activePointer = undefined;
+        doc.body.classList.remove("mbk-nav-resizing");
+        if (handle.hasPointerCapture(pointer))
+            handle.releasePointerCapture(pointer);
+        persist(width);
+    };
+    handle.addEventListener("pointerdown", (event) => {
+        if (!event.isPrimary || event.button !== 0)
+            return;
+        event.preventDefault();
+        activePointer = event.pointerId;
+        pointerStart = event.clientX;
+        widthStart = nav.getBoundingClientRect().width;
+        handle.setPointerCapture(event.pointerId);
+        doc.body.classList.add("mbk-nav-resizing");
+    });
+    handle.addEventListener("pointermove", (event) => {
+        if (event.pointerId !== activePointer)
+            return;
+        width = applyWidth(widthStart + event.clientX - pointerStart);
+    });
+    handle.addEventListener("pointerup", (event) => {
+        if (event.pointerId === activePointer)
+            finishPointerResize();
+    });
+    handle.addEventListener("pointercancel", (event) => {
+        if (event.pointerId === activePointer)
+            finishPointerResize();
+    });
+    handle.addEventListener("lostpointercapture", (event) => {
+        if (event.pointerId === activePointer)
+            finishPointerResize();
+    });
+    handle.addEventListener("keydown", (event) => {
+        let candidate;
+        if (event.key === "ArrowLeft")
+            candidate = width - 16;
+        else if (event.key === "ArrowRight")
+            candidate = width + 16;
+        else if (event.key === "Home")
+            candidate = minimum;
+        else if (event.key === "End")
+            candidate = viewportMaximum();
+        else
+            return;
+        event.preventDefault();
+        width = applyWidth(candidate);
+        persist(width);
+    });
+    handle.addEventListener("dblclick", () => {
+        width = applyWidth(initial);
+        persist(width);
+    });
+    win.addEventListener("blur", finishPointerResize);
+    win.addEventListener("resize", () => {
+        width = applyWidth(width);
+    });
+    handle.dataset["resizeInitialized"] = "true";
+    nav.dataset["resizeReady"] = "";
+}
+if (typeof document !== "undefined" && typeof window !== "undefined") {
+    initializeNavigationResize(document, window);
+}
+//# sourceMappingURL=nav_resize.js.map

package/dist/client/nav_resize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav_resize.js","sourceRoot":"","sources":["../../src/client/nav_resize.ts"],"names":[],"mappings":"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"}

package/dist/client/navigation-resize.js

@@ -0,0 +1,116 @@
+"use strict";
+(() => {
+  // src/client/nav_resize.ts
+  function initializeNavigationResize(doc, win) {
+    const nav = doc.querySelector(".mbk-nav");
+    const handle = nav?.querySelector("[data-mokly-nav-resize]");
+    if (!nav || !handle || handle.dataset["resizeInitialized"] === "true") {
+      return;
+    }
+    const numericAttribute = (name) => {
+      const value = handle.getAttribute(name);
+      if (value === null || value.trim() === "") return void 0;
+      const parsed = Number(value);
+      return Number.isFinite(parsed) ? parsed : void 0;
+    };
+    const minimum = numericAttribute("aria-valuemin");
+    const initial = numericAttribute("aria-valuenow");
+    const maximum = numericAttribute("aria-valuemax");
+    if (minimum === void 0 || initial === void 0 || maximum === void 0 || minimum > initial || initial > maximum) {
+      return;
+    }
+    const storageKey = "mokly:navigation-width:v1";
+    let storage;
+    try {
+      storage = win.localStorage;
+    } catch {
+      storage = void 0;
+    }
+    let storedWidth;
+    try {
+      const stored = storage?.getItem(storageKey);
+      if (stored !== null && stored !== void 0) {
+        const parsed = Number(stored);
+        if (Number.isFinite(parsed)) storedWidth = parsed;
+      }
+    } catch {
+      storage = void 0;
+    }
+    const viewportMaximum = () => Math.max(minimum, Math.min(maximum, Math.floor(win.innerWidth / 2)));
+    const applyWidth = (candidate) => {
+      const upper = viewportMaximum();
+      const width2 = Math.round(Math.max(minimum, Math.min(upper, candidate)));
+      nav.style.setProperty("--mbk-nav-width", `${width2}px`);
+      handle.setAttribute("aria-valuemax", String(upper));
+      handle.setAttribute("aria-valuenow", String(width2));
+      handle.setAttribute("aria-valuetext", `${width2} pixels`);
+      return width2;
+    };
+    const persist = (width2) => {
+      try {
+        storage?.setItem(storageKey, String(width2));
+      } catch {
+        storage = void 0;
+      }
+    };
+    let width = applyWidth(storedWidth ?? initial);
+    let activePointer;
+    let pointerStart = 0;
+    let widthStart = width;
+    const finishPointerResize = () => {
+      const pointer = activePointer;
+      if (pointer === void 0) return;
+      activePointer = void 0;
+      doc.body.classList.remove("mbk-nav-resizing");
+      if (handle.hasPointerCapture(pointer))
+        handle.releasePointerCapture(pointer);
+      persist(width);
+    };
+    handle.addEventListener("pointerdown", (event) => {
+      if (!event.isPrimary || event.button !== 0) return;
+      event.preventDefault();
+      activePointer = event.pointerId;
+      pointerStart = event.clientX;
+      widthStart = nav.getBoundingClientRect().width;
+      handle.setPointerCapture(event.pointerId);
+      doc.body.classList.add("mbk-nav-resizing");
+    });
+    handle.addEventListener("pointermove", (event) => {
+      if (event.pointerId !== activePointer) return;
+      width = applyWidth(widthStart + event.clientX - pointerStart);
+    });
+    handle.addEventListener("pointerup", (event) => {
+      if (event.pointerId === activePointer) finishPointerResize();
+    });
+    handle.addEventListener("pointercancel", (event) => {
+      if (event.pointerId === activePointer) finishPointerResize();
+    });
+    handle.addEventListener("lostpointercapture", (event) => {
+      if (event.pointerId === activePointer) finishPointerResize();
+    });
+    handle.addEventListener("keydown", (event) => {
+      let candidate;
+      if (event.key === "ArrowLeft") candidate = width - 16;
+      else if (event.key === "ArrowRight") candidate = width + 16;
+      else if (event.key === "Home") candidate = minimum;
+      else if (event.key === "End") candidate = viewportMaximum();
+      else return;
+      event.preventDefault();
+      width = applyWidth(candidate);
+      persist(width);
+    });
+    handle.addEventListener("dblclick", () => {
+      width = applyWidth(initial);
+      persist(width);
+    });
+    win.addEventListener("blur", finishPointerResize);
+    win.addEventListener("resize", () => {
+      width = applyWidth(width);
+    });
+    handle.dataset["resizeInitialized"] = "true";
+    nav.dataset["resizeReady"] = "";
+  }
+  if (typeof document !== "undefined" && typeof window !== "undefined") {
+    initializeNavigationResize(document, window);
+  }
+})();

package/dist/client/navigation.d.ts

@@ -0,0 +1,26 @@
+/** Shell-link eligibility and latest-wins progressive navigation sequencing. */
+/** Anchor facts used to decide whether Browse may intercept a click. */
+export interface BrowseLinkCandidate {
+    download: boolean;
+    modified: boolean;
+    pathname: string;
+    sameOrigin: boolean;
+    samePageHash: boolean;
+    target: string;
+}
+/** Decide whether one clicked link is an eligible in-shell navigation. */
+export declare function isEligibleBrowseLink(candidate: BrowseLinkCandidate): boolean;
+/** Fragment navigation stays within one document; route or query changes do not. */
+export declare function isSameBrowseDocument(current: URL, next: URL): boolean;
+/** Latest-wins request sequencing for overlapping navigations. */
+export declare class NavigationSequencer {
+    #private;
+    /** Abort the previous request and open a new latest-wins slot. */
+    begin(): {
+        isCurrent(): boolean;
+        signal: AbortSignal;
+    };
+    /** Invalidate outstanding work when history retains the current document. */
+    cancel(): void;
+}
+//# sourceMappingURL=navigation.d.ts.map