@heycys/gallery 0.1.0 → 0.1.2

package/kit/runtime.js

@@ -1,10 +1,10 @@
 "use strict";
 (() => {
   // <define:__COMPONENT_FLOWS__>
-  var define_COMPONENT_FLOWS_default = [".doc-page", ".doc-section", ".doc-summary", ".doc-panel", ".doc-details-content", ".doc-dialog-content", "[data-doc-sheet]", ".doc-column"];
+  var define_COMPONENT_FLOWS_default = [".doc-page", ".doc-section", ".doc-summary", ".doc-panel", ".doc-callout", ".doc-details-content", ".doc-dialog-content", "[data-doc-sheet]", ".doc-column", "[data-doc-slot]"];
 
   // <define:__COMPONENT_RUNTIME__>
-  var define_COMPONENT_RUNTIME_default = [{ id: "page", match: "main.doc-page", runtime: { generated: [".doc-display", "script[data-doc-state]"], root: { attrs: ["data-doc-ready", "data-doc-drawn", "data-doc-controls"] }, state: { html: ["data-doc-theme", "data-doc-width"] }, internal: ["doc-display*", "data-doc-export-copy", "data-theme", "doc-export-id", "doc-reveal", "doc-kit-error"] } }, { id: "text", runtime: { classes: { ".doc-range": ["doc-range"] } } }, { id: "mention", runtime: { attrs: { "a.doc-link-mention": ["data-doc-gone"] } } }, { id: "paragraph", match: "p" }, { id: "heading", match: "h1, h2, h3, h4" }, { id: "list", match: "ul, ol", runtime: { attrs: { "ol.doc-flow": ["data-doc-flow-key", "data-doc-flow-recount"] }, generated: ["br.doc-item-line"] } }, { id: "quote", match: "blockquote" }, { id: "callout", match: ".doc-callout" }, { id: "code", match: ".doc-code", runtime: { generated: [".doc-code-fold", ".doc-code-range", ".doc-code-tools"], internal: ["doc-code-lines", "doc-code-line*", "doc-code-content", "doc-code-toolbar", "doc-code-language", "doc-code-separator", "doc-code-copy*", "doc-code-wrap*", "data-line-number"] } }, { id: "divider", match: "hr" }, { id: "math", match: ".doc-math-inline, .doc-math-block", runtime: { generated: [".doc-math-break", ".doc-math-joiner"], classes: { ".doc-math-tie": ["doc-math-tie"], ".doc-math-skip": ["doc-math-skip"] } } }, { id: "section", match: "section.doc-section" }, { id: "highlight", match: ".doc-panel, .doc-summary" }, { id: "details", match: "details.doc-details" }, { id: "dialog", match: "dialog.doc-dialog", runtime: { attrs: { "dialog.doc-dialog": ["data-doc-dialog-ready", "open", "aria-label"], ".doc-dialog-content": ["tabindex"] }, root: { classes: ["doc-dialog-open", "doc-dialog-gutter"] }, internal: ["doc-dialog-in", "doc-dialog-fade"] } }, { id: "sheets", match: "[data-doc-sheets]", runtime: { state: { "[data-doc-sheets]": ["data-active-sheet"], "[data-sheet-tab]": ["aria-selected", "tabindex", "is-active"], "[data-doc-sheet]": ["hidden", "aria-hidden"] }, internal: ["doc-sheets"] } }, { id: "table", match: "table.doc-table", runtime: { generated: ["colgroup[data-doc-columns]", ".doc-scrollbars"], attrs: { "table.doc-table": ["data-doc-sortable-ready", "data-doc-filled"], ".doc-table-wrap": ["data-doc-min-width", "data-doc-layout", "data-doc-whole"], "th, td": ["data-column-kind", "data-column-wrap", "data-run-wrap", "data-doc-edge"] }, classes: { "table.doc-table": ["doc-table--auto"] }, internal: ["doc-code-run", "doc-table-sort-button", "doc-scrollbar*", "data-doc-sort-arrow", "data-active", "data-drag", "data-x", "data-y", "data-more"] } }, { id: "columns", match: ".doc-columns" }, { id: "figure", match: "figure" }, { id: "chart", match: "[data-doc-chart]", runtime: { attrs: { "[data-doc-chart]": ["data-doc-layout"] }, classes: { "[data-doc-chart]": ["doc-chart"] }, internal: ["doc-chart-message", "data-missing"] } }, { id: "image", match: "figure.doc-image", runtime: { generated: ["dialog.doc-zoom"], attrs: { "img[data-doc-zoom]": ["data-doc-zoom", "tabindex", "role", "aria-haspopup", "aria-label"] }, root: { classes: ["doc-zoom-open", "doc-zoom-gutter", "doc-zoom-hover"] }, internal: ["doc-zoom-*"] } }, { id: "file", match: "figure.doc-file" }, { id: "bookmark", match: "figure.doc-bookmark" }, { id: "embed", match: "figure.doc-embed", runtime: { attrs: { "iframe.doc-embed-frame": ["data-doc-blob"] } } }, { id: "diff", match: ".doc-diff", runtime: { generated: [".doc-diff-body", ".doc-diff-stats"], internal: ["doc-diff-added", "doc-diff-removed"] } }, { id: "icon", match: ".doc-icon", runtime: { internal: ["data-doc-tab-icon"] } }, { id: "installed", match: "div[data-doc-component], section[data-doc-component]", runtime: { generated: [".doc-component-note", ".doc-component-data"], attrs: { "[data-doc-fallback]": ["data-doc-fallback"], "[data-doc-fallback-control]": ["data-doc-fallback-control", "inert"] }, internal: ["data-doc-package", "doc-component-more", "doc-component-one", "doc-component-line", "doc-component-short"] } }, { id: "state", match: "[data-doc-bind], [data-doc-show]", runtime: { attrs: { "[data-doc-show]": ["hidden"] }, state: { "button[data-doc-bind]": ["aria-pressed"] } } }];
+  var define_COMPONENT_RUNTIME_default = [{ id: "page", match: "main.doc-page", runtime: { generated: [".doc-display", "script[data-doc-state]"], root: { attrs: ["data-doc-ready", "data-doc-drawn", "data-doc-controls", "data-doc-effective-theme", "data-doc-platform"] }, state: { html: ["data-doc-theme", "data-doc-font", "data-doc-size", "data-doc-spacing", "data-doc-measure", "data-doc-width"] }, internal: ["doc-display*", "data-doc-export-copy", "data-theme", "doc-export-id", "doc-reveal", "doc-kit-error", "doc-net-consent*", "data-doc-snapshot", "data-at", "data-x", "data-y", "data-w", "data-h", "data-columns"] } }, { id: "text", runtime: { classes: { ".doc-range": ["doc-range"], ".doc-long-run": ["doc-long-run"] } } }, { id: "mention", runtime: { attrs: { "a.doc-link-mention": ["data-doc-gone"] } } }, { id: "paragraph", match: "p" }, { id: "heading", match: "h1, h2, h3, h4" }, { id: "list", match: "ul, ol", runtime: { attrs: { "ol.doc-flow": ["data-doc-flow-key", "data-doc-flow-recount"] }, generated: ["br.doc-item-line"] } }, { id: "quote", match: "blockquote" }, { id: "code", match: ".doc-code", runtime: { generated: [".doc-code-fold", ".doc-code-range", ".doc-code-tools"], internal: ["doc-code-lines", "doc-code-line*", "doc-code-content", "doc-code-toolbar", "doc-code-language", "doc-code-separator", "doc-code-copy*", "doc-code-wrap*", "data-line-number"] } }, { id: "divider", match: "hr" }, { id: "math", match: ".doc-math-inline, .doc-math-block", runtime: { generated: [".doc-math-break", ".doc-math-joiner"], classes: { ".doc-math-tie": ["doc-math-tie"], ".doc-math-skip": ["doc-math-skip"] } } }, { id: "section", match: "section.doc-section" }, { id: "highlight", match: ".doc-panel, .doc-summary" }, { id: "callout", match: ".doc-callout" }, { id: "details", match: "details.doc-details" }, { id: "dialog", match: "dialog.doc-dialog", runtime: { attrs: { "dialog.doc-dialog": ["data-doc-dialog-ready", "open", "aria-label"], ".doc-dialog-content": ["tabindex"] }, root: { classes: ["doc-dialog-open", "doc-dialog-gutter"] }, internal: ["doc-dialog-in", "doc-dialog-fade"] } }, { id: "sheets", match: "[data-doc-sheets]", runtime: { state: { "[data-doc-sheets]": ["data-active-sheet"], "[data-sheet-tab]": ["aria-selected", "tabindex", "is-active"], "[data-doc-sheet]": ["hidden", "aria-hidden"] }, internal: ["doc-sheets"] } }, { id: "table", match: "table.doc-table", runtime: { generated: ["colgroup[data-doc-columns]", ".doc-scrollbars"], attrs: { "table.doc-table": ["data-doc-sortable-ready", "data-doc-filled"], ".doc-table-wrap": ["data-doc-min-width", "data-doc-layout", "data-doc-whole"], "th, td": ["data-column-kind", "data-column-wrap", "data-run-wrap", "data-doc-edge"] }, classes: { "table.doc-table": ["doc-table--auto"] }, internal: ["doc-code-run", "doc-table-sort-button", "doc-scrollbar*", "data-doc-sort-arrow", "data-active", "data-drag", "data-x", "data-y", "data-more"] } }, { id: "columns", match: ".doc-columns" }, { id: "figure", match: "figure" }, { id: "chart", match: "[data-doc-chart]", runtime: { attrs: { "[data-doc-chart]": ["data-doc-layout"] }, classes: { "[data-doc-chart]": ["doc-chart"] }, internal: ["doc-chart-message", "data-missing"] } }, { id: "image", match: "figure.doc-image", runtime: { generated: ["dialog.doc-zoom"], attrs: { "img[data-doc-zoom]": ["data-doc-zoom", "tabindex", "role", "aria-haspopup", "aria-label"] }, root: { classes: ["doc-zoom-open", "doc-zoom-gutter", "doc-zoom-hover"] }, internal: ["doc-zoom-*"] } }, { id: "file", match: "figure.doc-file" }, { id: "bookmark", match: "figure.doc-bookmark" }, { id: "embed", match: "figure.doc-embed", runtime: { attrs: { "iframe.doc-embed-frame": ["data-doc-blob"] } } }, { id: "diff", match: ".doc-diff", runtime: { generated: [".doc-diff-body", ".doc-diff-stats"], internal: ["doc-diff-added", "doc-diff-removed"] } }, { id: "icon", match: ".doc-icon", runtime: { internal: ["data-doc-tab-icon"] } }, { id: "installed", match: "div[data-doc-component], section[data-doc-component]", runtime: { generated: [".doc-component-note", ".doc-component-data"], attrs: { "[data-doc-fallback]": ["data-doc-fallback"], "[data-doc-fallback-control]": ["data-doc-fallback-control", "inert"] }, internal: ["data-doc-package", "doc-component-more", "doc-component-one", "doc-component-line", "doc-component-short", "doc-dragging"] } }, { id: "state", match: "[data-doc-bind], [data-doc-show]", runtime: { generated: [".doc-choice"], attrs: { "[data-doc-show]": ["hidden"] }, state: { "button[data-doc-bind]": ["aria-pressed"] }, internal: ["doc-choice-*"] } }];
 
   // src/render/kit/runtime/bindings.js
   var global = globalThis;
@@ -26,7 +26,7 @@
     let state = null;
     const later = /* @__PURE__ */ new Map();
     const listeners = /* @__PURE__ */ new Set();
-    function open() {
+    function open2() {
       if (state) return state;
       if (!global.DocState) throw new Error("State bindings require /kit/state.js to be loaded.");
       const defaults = {};
@@ -49,11 +49,11 @@
       });
       return state;
     }
-    const known = (key) => later.has(key) || Object.prototype.hasOwnProperty.call(open().snapshot(), key);
+    const known = (key) => later.has(key) || Object.prototype.hasOwnProperty.call(open2().snapshot(), key);
     const store = {
       get(key) {
         if (later.has(key)) return later.get(key);
-        return open().get(key, "");
+        return open2().get(key, "");
       },
       set(key, value) {
         if (!known(key)) later.set(key, value);
@@ -62,7 +62,7 @@
           for (const listener of listeners) listener(key);
           return;
         }
-        if (JSON.stringify(open().get(key)) !== JSON.stringify(value)) open().set(key, value);
+        if (JSON.stringify(open2().get(key)) !== JSON.stringify(value)) open2().set(key, value);
       },
       /** Calls listener(key) when a key changes; returns what stops it. */
       subscribe(listener) {
@@ -75,7 +75,7 @@
       const key = element.getAttribute("data-doc-bind").trim();
       if (!key) return null;
       if (!known(key)) later.set(key, initial(element) ?? "");
-      const show = () => {
+      const show2 = () => {
         const value = store.get(key);
         if (element.localName === "details") {
           if (element.open !== Boolean(value)) element.open = Boolean(value);
@@ -99,25 +99,286 @@
       };
       const event = element.localName === "details" ? "toggle" : element.localName === "button" ? "click" : element.localName === "select" || element.type === "checkbox" || element.type === "radio" ? "change" : "input";
       element.addEventListener(event, write, { signal });
-      const stop = store.subscribe((changed) => changed === key && show());
-      show();
+      const stop = store.subscribe((changed) => changed === key && show2());
+      show2();
       return { destroy: stop };
     }
     function bindShow(element) {
       const { key, value } = showOf(element);
       if (!key) return null;
-      const show = () => {
+      const show2 = () => {
         const chosen = store.get(key);
         const hidden = chosen !== "" && chosen !== null && chosen !== void 0 && String(chosen) !== value;
         if (element.hidden !== hidden) element.hidden = hidden;
       };
-      const stop = store.subscribe((changed) => changed === key && show());
-      show();
+      const stop = store.subscribe((changed) => changed === key && show2());
+      show2();
       return { destroy: stop };
     }
     return { store, bindControl, bindShow, CONTROLS };
   }
 
+  // src/render/kit/runtime/choice.js
+  var MENU = "doc-choice";
+  var CHECK = '<svg class="doc-choice-check" viewBox="0 0 16 16" aria-hidden="true"><path d="m3.5 8.5 3 3 6-7"/></svg>';
+  var GAP = 4;
+  var EDGE = 8;
+  var LEAST_HEIGHT = 96;
+  var TYPING = 700;
+  var open = null;
+  function rowsOf(options) {
+    const rows = [];
+    for (const entry of Array.isArray(options) ? options : []) {
+      if (Array.isArray(entry)) rows.push({ value: String(entry[0]), label: String(entry[1] ?? entry[0]) });
+      else if (entry !== null && typeof entry === "object" && "group" in entry) rows.push({ group: String(entry.group) });
+      else if (entry !== null && typeof entry === "object") rows.push({ value: String(entry.value), label: String(entry.label ?? entry.value), disabled: Boolean(entry.disabled) });
+      else rows.push({ value: String(entry), label: String(entry) });
+    }
+    return rows;
+  }
+  var choosable = (row) => row.value !== void 0 && !row.disabled;
+  function show(anchor, rows, { current = -1, signal = null, label = "" } = {}) {
+    open?.finish(null);
+    const doc = anchor.ownerDocument;
+    const view = doc.defaultView;
+    const menu = doc.createElement("div");
+    menu.className = MENU;
+    menu.setAttribute("role", "listbox");
+    if (label) menu.setAttribute("aria-label", label);
+    const nodes = rows.map((row, index) => {
+      const node = doc.createElement("div");
+      if (row.group !== void 0) {
+        node.className = "doc-choice-group";
+        node.setAttribute("role", "presentation");
+        node.textContent = row.group;
+      } else {
+        node.className = "doc-choice-row";
+        node.setAttribute("role", "option");
+        node.setAttribute("aria-selected", String(index === current));
+        if (row.disabled) node.setAttribute("aria-disabled", "true");
+        const words = doc.createElement("span");
+        words.className = "doc-choice-label";
+        words.textContent = row.label;
+        node.append(words);
+        if (index === current) node.insertAdjacentHTML("beforeend", CHECK);
+      }
+      menu.append(node);
+      return node;
+    });
+    const first = () => rows.findIndex(choosable);
+    let active = current >= 0 && choosable(rows[current]) ? current : first();
+    const light = () => nodes.forEach((node, index) => node.classList.toggle("is-active", index === active));
+    const reveal2 = () => {
+      const node = nodes[active];
+      if (!node) return;
+      if (node.offsetTop < menu.scrollTop) menu.scrollTop = node.offsetTop - 4;
+      else if (node.offsetTop + node.offsetHeight > menu.scrollTop + menu.clientHeight) menu.scrollTop = node.offsetTop + node.offsetHeight - menu.clientHeight + 4;
+    };
+    const move = (to) => {
+      if (to < 0 || to >= rows.length || !choosable(rows[to])) return;
+      active = to;
+      light();
+      reveal2();
+    };
+    const step = (from, by) => {
+      for (let at = from + by; at >= 0 && at < rows.length; at += by) if (choosable(rows[at])) return at;
+      return from;
+    };
+    const place = () => {
+      const box = anchor.getBoundingClientRect();
+      const root = doc.documentElement;
+      const width = root.clientWidth || view.innerWidth;
+      const height = view.innerHeight;
+      menu.style.minWidth = `${Math.round(box.width)}px`;
+      menu.style.maxHeight = "";
+      menu.style.left = "0px";
+      menu.style.top = "0px";
+      const size = menu.getBoundingClientRect();
+      const below = height - box.bottom - GAP - EDGE;
+      const above = box.top - GAP - EDGE;
+      const up = size.height > below && above > below;
+      const room = Math.max(LEAST_HEIGHT, up ? above : below);
+      menu.style.maxHeight = `${Math.floor(room)}px`;
+      const tall = Math.min(size.height, room);
+      const rtl = view.getComputedStyle(anchor).direction === "rtl";
+      const left = rtl ? box.right - size.width : box.left;
+      menu.style.left = `${Math.round(Math.max(EDGE, Math.min(left, width - size.width - EDGE)))}px`;
+      menu.style.top = `${Math.round(up ? box.top - GAP - tall : box.bottom + GAP)}px`;
+    };
+    return new Promise((resolve) => {
+      const controller = new AbortController();
+      const { signal: own } = controller;
+      let typed = "";
+      let typedAt = 0;
+      let done = false;
+      const watcher = new view.MutationObserver((records) => {
+        if (!anchor.isConnected || anchor.localName === "select" && records.some((record) => anchor.contains(record.target))) finish2(null);
+      });
+      function finish2(row, refocus = true) {
+        if (done) return;
+        done = true;
+        if (open?.finish === finish2) open = null;
+        controller.abort();
+        watcher.disconnect();
+        try {
+          menu.hidePopover?.();
+        } catch {
+        }
+        menu.remove();
+        if (refocus && anchor.isConnected) anchor.focus({ preventScroll: true });
+        resolve(row);
+      }
+      open = { finish: finish2, anchor };
+      signal?.addEventListener("abort", () => finish2(null, false), { once: true, signal: own });
+      if (signal?.aborted) return finish2(null, false);
+      (anchor.closest?.("dialog[open]") ?? doc.body).append(menu);
+      menu.setAttribute("popover", "manual");
+      try {
+        menu.showPopover();
+      } catch {
+        menu.removeAttribute("popover");
+      }
+      light();
+      place();
+      reveal2();
+      const inside = (target) => target instanceof view.Node && menu.contains(target);
+      view.addEventListener("pointerdown", (event) => {
+        if (!inside(event.target) && !(event.target instanceof view.Node && anchor.contains(event.target))) finish2(null, false);
+      }, { capture: true, signal: own });
+      view.addEventListener("scroll", (event) => {
+        if (!inside(event.target)) finish2(null, false);
+      }, { capture: true, signal: own });
+      view.addEventListener("resize", () => finish2(null, false), { signal: own });
+      view.addEventListener("blur", () => finish2(null, false), { signal: own });
+      watcher.observe(doc.documentElement, { childList: true, subtree: true });
+      view.addEventListener("keydown", (event) => {
+        if (event.isComposing || event.keyCode === 229) return;
+        const take = () => {
+          event.preventDefault();
+          event.stopImmediatePropagation();
+        };
+        const key = event.key;
+        if (event.repeat && (key === "Enter" || key === " ")) take();
+        else if (key === "Escape") {
+          take();
+          finish2(null);
+        } else if (key === "Tab") {
+          finish2(null, false);
+        } else if (key === "ArrowDown" || key === "ArrowUp") {
+          take();
+          if (event.altKey) finish2(choosable(rows[active] ?? {}) ? rows[active] : null);
+          else move(step(active, key === "ArrowDown" ? 1 : -1));
+        } else if (key === "Home" || key === "End") {
+          take();
+          move(key === "Home" ? first() : rows.length - 1 - [...rows].reverse().findIndex(choosable));
+        } else if (key === "PageDown" || key === "PageUp") {
+          take();
+          const page = Math.max(1, Math.floor(menu.clientHeight / 28) - 1);
+          let to = active;
+          for (let count = 0; count < page; count++) to = step(to, key === "PageDown" ? 1 : -1);
+          move(to);
+        } else if (key === "Enter" || key === " " && typed === "") {
+          take();
+          if (choosable(rows[active] ?? {})) finish2(rows[active]);
+        } else if (key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey) {
+          take();
+          typed = Date.now() - typedAt > TYPING ? key.toLowerCase() : typed + key.toLowerCase();
+          typedAt = Date.now();
+          const same = [...typed].every((letter) => letter === typed[0]);
+          const at = (from) => rows.findIndex((row, index) => index >= from && choosable(row) && row.label.trim().toLowerCase().startsWith(same ? typed[0] : typed));
+          const found = same && typed.length > 1 ? at(active + 1) >= 0 ? at(active + 1) : at(0) : at(0);
+          if (found >= 0) move(found);
+          setTimeout(() => {
+            if (Date.now() - typedAt >= TYPING) typed = "";
+          }, TYPING + 20);
+        }
+      }, { capture: true, signal: own });
+      menu.addEventListener("pointermove", (event) => {
+        const node = event.target instanceof view.Element ? event.target.closest(".doc-choice-row") : null;
+        const at = node ? nodes.indexOf(node) : -1;
+        if (at >= 0 && at !== active && choosable(rows[at])) {
+          active = at;
+          light();
+        }
+      }, { signal: own });
+      menu.addEventListener("pointerdown", (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+      }, { signal: own });
+      menu.addEventListener("click", (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        const node = event.target instanceof view.Element ? event.target.closest(".doc-choice-row") : null;
+        const at = node ? nodes.indexOf(node) : -1;
+        if (at >= 0 && choosable(rows[at])) finish2(rows[at]);
+      }, { signal: own });
+    });
+  }
+  async function chooseIn(select) {
+    const rows = [];
+    const current = { at: -1 };
+    const walk = (parent, disabled) => {
+      for (const child of parent.children) {
+        if (child.localName === "optgroup") {
+          if (child.label) rows.push({ group: child.label });
+          walk(child, disabled || child.disabled);
+        } else if (child.localName === "option" && !child.hidden) {
+          if (child.selected) current.at = rows.length;
+          rows.push({ value: child.value, label: child.label || child.textContent.trim(), disabled: disabled || child.disabled, option: child });
+        }
+      }
+    };
+    walk(select, false);
+    const row = await show(select, rows, { current: current.at, label: select.getAttribute("aria-label") ?? "" });
+    if (!row?.option || !select.isConnected || row.option.index === select.selectedIndex) return;
+    select.selectedIndex = row.option.index;
+    const view = select.ownerDocument.defaultView;
+    select.dispatchEvent(new view.Event("input", { bubbles: true, composed: true }));
+    select.dispatchEvent(new view.Event("change", { bubbles: true }));
+  }
+  async function choose(anchor, { options, value = null, label = "", signal } = {}) {
+    if (anchor?.nodeType !== 1) throw new Error("DocKit.choose: the first argument is the element the menu opens under");
+    if (open?.anchor === anchor) {
+      open.finish(null);
+      return null;
+    }
+    const rows = rowsOf(options);
+    const current = value === null || value === void 0 ? -1 : rows.findIndex((row2) => row2.value === String(value));
+    const row = await show(anchor, rows, { current, signal, label });
+    return row?.value ?? null;
+  }
+  var popup = (select) => {
+    if (!(select instanceof select.ownerDocument.defaultView.HTMLSelectElement)) return false;
+    if (select.multiple || Number(select.getAttribute("size")) > 1 || select.disabled) return false;
+    return !select.closest("fieldset:disabled");
+  };
+  var selectAt = (event, view) => {
+    const node = event.target instanceof view.Element ? event.target.closest("select") : null;
+    return node && popup(node) ? node : null;
+  };
+  function startChoices(doc) {
+    const view = doc.defaultView;
+    view.addEventListener("mousedown", (event) => {
+      if (event.button !== 0 || event.ctrlKey) return;
+      const select = selectAt(event, view);
+      if (!select) return;
+      event.preventDefault();
+      select.focus({ preventScroll: true, focusVisible: false });
+      if (open?.anchor === select) open.finish(null);
+      else void chooseIn(select);
+    }, true);
+    view.addEventListener("keydown", (event) => {
+      if (event.isComposing || event.keyCode === 229 || event.defaultPrevented) return;
+      const select = selectAt(event, view);
+      if (!select || open) return;
+      const opens = event.key === " " || event.key === "Enter" || event.key === "F4" || event.key === "ArrowDown" || event.key === "ArrowUp";
+      if (!opens || event.ctrlKey || event.metaKey || event.shiftKey) return;
+      event.preventDefault();
+      event.stopImmediatePropagation();
+      if (!event.repeat) void chooseIn(select);
+    }, true);
+  }
+
   // src/render/kit/runtime/embeds.js
   var sources = /* @__PURE__ */ new Map();
   function showEmbed(figure) {
@@ -196,11 +457,28 @@
     return each.map((weight) => weight / all);
   }
 
+  // src/shared/long-runs.mjs
+  var LONG_RUN = 20;
+  var RUNS = /[^\s\u2000-\u206f\u2e80-\u9fff\uac00-\ud7af\uf900-\ufaff\ufe30-\ufe4f\uff00-\uffef]+/gu;
+  var PIECES = /(?<=[-?])/u;
+  var long = (run) => run.length > LONG_RUN && run.split(PIECES).some((piece) => [...piece].length > LONG_RUN);
+  function longRuns(text) {
+    const found = [];
+    if (text.length <= LONG_RUN) return found;
+    for (const match of text.matchAll(RUNS)) if (long(match[0])) found.push({ index: match.index, length: match[0].length });
+    return found;
+  }
+  function holdsLongRun(text) {
+    if (text.length <= LONG_RUN) return false;
+    for (const match of text.matchAll(RUNS)) if (long(match[0])) return true;
+    return false;
+  }
+
   // src/render/kit/words.js
   var RUNTIME = {
-    "component-missing": { zh: "\u7EC4\u4EF6 {0} \u7684\u7EC4\u4EF6\u5305\u4E0D\u5728\u8FD9\u4E2A\u5DE5\u4F5C\u533A\u91CC\uFF0C\u8FD9\u91CC\u53EA\u663E\u793A\u5B83\u7684\u5185\u5BB9\u3002", en: "The package of component {0} is not in this workspace: only what it holds is shown." },
-    "component-broken": { zh: "\u7EC4\u4EF6 {0} \u7684\u7EC4\u4EF6\u5305\u6CA1\u6709\u52A0\u8F7D\uFF0C\u8FD9\u91CC\u53EA\u663E\u793A\u5B83\u7684\u5185\u5BB9\u3002\u539F\u56E0\uFF1A{1}", en: "The package of component {0} did not load: only what it holds is shown. Why: {1}" },
-    "component-silent": { zh: "\u7EC4\u4EF6 {0} \u7684\u811A\u672C\u6CA1\u6709\u542F\u52A8\u5B83\uFF0C\u8FD9\u91CC\u53EA\u663E\u793A\u5B83\u7684\u5185\u5BB9\uFF1A\u770B\u63A7\u5236\u53F0\u91CC\u7684\u9519\u8BEF\u3002", en: "The script of component {0} did not start it: only what it holds is shown. See the console for the error." },
+    "component-missing": { zh: "\u81EA\u5B9A\u4E49\u5757 {0} \u4E0D\u5728\u8FD9\u4E2A\u5DE5\u4F5C\u533A\u91CC\uFF0C\u8FD9\u91CC\u53EA\u663E\u793A\u5B83\u7684\u5185\u5BB9\u3002", en: "The custom block {0} is not in this workspace: only what it holds is shown." },
+    "component-broken": { zh: "\u81EA\u5B9A\u4E49\u5757 {0} \u6CA1\u6709\u52A0\u8F7D\uFF0C\u8FD9\u91CC\u53EA\u663E\u793A\u5B83\u7684\u5185\u5BB9\u3002\u539F\u56E0\uFF1A{1}", en: "The custom block {0} did not load: only what it holds is shown. Why: {1}" },
+    "component-silent": { zh: "\u81EA\u5B9A\u4E49\u5757 {0} \u7684\u811A\u672C\u6CA1\u6709\u542F\u52A8\u5B83\uFF0C\u8FD9\u91CC\u53EA\u663E\u793A\u5B83\u7684\u5185\u5BB9\uFF1A\u770B\u63A7\u5236\u53F0\u91CC\u7684\u9519\u8BEF\u3002", en: "The script of the custom block {0} did not start it: only what it holds is shown. See the console for the error." },
     "value-true": { zh: "\u662F", en: "Yes" },
     "value-false": { zh: "\u5426", en: "No" },
     "value-empty": { zh: "\uFF08\u7A7A\uFF09", en: "(empty)" },
@@ -213,7 +491,11 @@
     "open-image": { zh: "\u653E\u5927\u67E5\u770B\u56FE\u7247", en: "View the image larger" },
     "open-image-named": { zh: "\u653E\u5927\u67E5\u770B\uFF1A{0}", en: "View larger: {0}" },
     "close": { zh: "\u5173\u95ED", en: "Close" },
-    "flowchart": FLOW_LABEL
+    "flowchart": FLOW_LABEL,
+    // net.js: a block whose fetch waits for the reader's consent, its bar's line and its button.
+    "net-why": { zh: "\u8FD9\u4E2A\u5757\u8981\u8054\u7F51\u624D\u80FD\u663E\u793A\u5185\u5BB9", en: "This block needs the internet to show its content" },
+    "net-allow": { zh: "\u5141\u8BB8\u8BBF\u95EE {0}", en: "Allow {0}" },
+    "net-allow-many": { zh: "\u5141\u8BB8\u8BBF\u95EE {0} \u7B49 {1} \u4E2A\u7F51\u7AD9", en: "Allow {0} and others ({1} sites)" }
   };
   var UI_LANGUAGE = "data-ge-language";
   function kitLanguage(root = globalThis.document?.documentElement) {
@@ -225,7 +507,7 @@
     const entry = table2[key];
     if (!entry) throw new Error(`The kit has no word "${key}" here (src/render/kit/words.js).`);
     const text = entry[language] ?? entry.zh;
-    return values.length === 0 ? text : text.replace(/\{(\d+)\}/g, (whole, index) => index < values.length ? String(values[index]) : whole);
+    return values.length === 0 ? text : text.replace(/\{(\d+)\}/g, (whole2, index) => index < values.length ? String(values[index]) : whole2);
   }
   var sayer = (table2) => (key, ...values) => wordIn(table2, kitLanguage(), key, ...values);
   var sayRuntime = /* @__PURE__ */ sayer(RUNTIME);
@@ -234,7 +516,7 @@
   // src/render/kit/runtime/flowchart.js
   var CJK = "\\u2e80-\\u9fff\\uac00-\\ud7af\\uf900-\\ufaff\\uff00-\\uffef";
   var WORDS = new RegExp(`[${CJK}]|[^\\s${CJK}]+`, "g");
-  var PIECES = new RegExp(`[${CJK}]|[^\\s${CJK}]+|\\s+`, "g");
+  var PIECES2 = new RegExp(`[${CJK}]|[^\\s${CJK}]+|\\s+`, "g");
   var WIDE = new RegExp(`[${CJK}]`);
   function linesOf(pieces, width) {
     let lines = 0;
@@ -372,11 +654,23 @@
       return context.measureText(text).width;
     };
   }
-  function piecesOf(text, style) {
+  function piecesOf(text, style, split = true) {
     const measure = measurer(style);
     const space = measure(" ");
-    const pieces = (String(text).match(PIECES) ?? []).map((piece) => /^\s/.test(piece) ? { width: space, space: true } : { width: measure(piece) });
-    return { pieces, widest: Math.max(0, ...pieces.filter((piece) => !piece.space).map((piece) => piece.width)) };
+    const anywhere = split && style.wordBreak === "break-all";
+    const pieces = [];
+    let widest = 0;
+    for (const piece of String(text).match(PIECES2) ?? []) {
+      if (/^\s/.test(piece)) {
+        pieces.push({ width: space, space: true });
+        continue;
+      }
+      const width = measure(piece);
+      widest = Math.max(widest, width);
+      if (split && !WIDE.test(piece) && (anywhere || holdsLongRun(piece))) for (const character of piece) pieces.push({ width: measure(character) });
+      else pieces.push({ width });
+    }
+    return { pieces, widest };
   }
   function inlinePieces(nodes, style) {
     const holds = (node) => node.nodeType === 1 && (node.tagName === "CODE" || node.querySelector("code"));
@@ -390,23 +684,27 @@
       } else if (node.nodeType === 1) node.childNodes.forEach((child) => walk(child, code ?? (node.tagName === "CODE" ? node : null)));
     };
     nodes.forEach((node) => walk(node, null));
-    const pieces = [];
-    let joins = false;
-    for (const { text, code } of segments) {
-      if (!text) continue;
-      const look = code ? getComputedStyle(code) : style;
-      const own = piecesOf(text, look).pieces;
-      if (code && own.length) {
-        own[0].width += pixels(look.paddingLeft) + pixels(look.borderLeftWidth);
-        own.at(-1).width += pixels(look.paddingRight) + pixels(look.borderRightWidth);
-      }
-      own.forEach((piece, at) => {
-        if (at === 0 && joins && !piece.space && !WIDE.test(text[0])) pieces.at(-1).width += piece.width;
-        else pieces.push(piece);
-      });
-      joins = !/\s$/.test(text) && !WIDE.test(text.at(-1));
-    }
-    return { pieces, widest: Math.max(0, ...pieces.filter((piece) => !piece.space).map((piece) => piece.width)) };
+    const collect = (split) => {
+      const pieces = [];
+      let joins = false;
+      for (const { text, code } of segments) {
+        if (!text) continue;
+        const look = code ? getComputedStyle(code) : style;
+        const own = piecesOf(text, look, split).pieces;
+        if (code && own.length) {
+          own[0].width += pixels(look.paddingLeft) + pixels(look.borderLeftWidth);
+          own.at(-1).width += pixels(look.paddingRight) + pixels(look.borderRightWidth);
+        }
+        own.forEach((piece, at) => {
+          if (at === 0 && joins && !piece.space && !WIDE.test(text[0])) pieces.at(-1).width += piece.width;
+          else pieces.push(piece);
+        });
+        joins = !/\s$/.test(text) && !WIDE.test(text.at(-1));
+      }
+      return { pieces, widest: Math.max(0, ...pieces.filter((piece) => !piece.space).map((piece) => piece.width)) };
+    };
+    const whole2 = collect(false);
+    return { pieces: collect(true).pieces, widest: whole2.widest };
   }
   function contentOf(elements) {
     const blocks = [];
@@ -456,8 +754,8 @@
     const [first] = blocks;
     if (short || first?.tagName !== "P") return { nodes: ownNodes(item2), style, line: lineOf(style), content: blocks, short };
     const look = getComputedStyle(first);
-    const whole = first.children.length === 1 && first.textContent === first.firstElementChild.textContent ? getComputedStyle(first.firstElementChild) : look;
-    return { nodes: [...first.childNodes], style: whole, line: lineOf(look), content: blocks.slice(1), short };
+    const whole2 = first.children.length === 1 && first.textContent === first.firstElementChild.textContent ? getComputedStyle(first.firstElementChild) : look;
+    return { nodes: [...first.childNodes], style: whole2, line: lineOf(look), content: blocks.slice(1), short };
   }
   function stepShape(item2) {
     const style = getComputedStyle(item2);
@@ -559,10 +857,149 @@
   }
   var FLOWCHART = `ol.${FLOW}`;
 
+  // src/render/kit/runtime/gestures.js
+  var listen = (target, type, run, signal, options = {}) => target.addEventListener(type, run, { ...options, signal });
+  var DRAGGING = "doc-dragging";
+  function fieldIn(field, { commit, signal } = {}) {
+    if (typeof commit !== "function") throw new Error("DocKit.input: commit(value) is a function");
+    let committed = field.value;
+    let composing = false;
+    let leftComposing = false;
+    const done = () => {
+      if (composing || field.value === committed) return;
+      committed = field.value;
+      commit(committed);
+    };
+    listen(field, "compositionstart", () => {
+      composing = true;
+    }, signal);
+    listen(field, "compositionend", () => {
+      composing = false;
+      if (leftComposing) {
+        leftComposing = false;
+        done();
+      }
+    }, signal);
+    listen(field, "keydown", (event) => {
+      if (composing || event.isComposing || event.keyCode === 229) return;
+      if (event.key === "Enter" && field.localName !== "select" && (field.localName !== "textarea" || event.ctrlKey || event.metaKey)) {
+        event.preventDefault();
+        done();
+      } else if (event.key === "Escape") {
+        event.preventDefault();
+        event.stopPropagation();
+        field.value = committed;
+        field.blur();
+      }
+    }, signal);
+    listen(field, "blur", () => {
+      if (composing) leftComposing = true;
+      else done();
+    }, signal);
+    if (field.localName === "select") listen(field, "change", done, signal);
+    return Object.freeze({
+      /**
+       * The value the file holds now (drawn from a part): shown, unless the reader is typing another in
+       * the field, whose words stay; either way it is what is committed against.
+       */
+      set(value) {
+        const typing = field.ownerDocument.activeElement === field && field.value !== committed;
+        committed = String(value);
+        if (!typing) field.value = committed;
+      },
+      /** The value committed last, or set. */
+      get value() {
+        return committed;
+      }
+    });
+  }
+  function dragIn(area, { items, handle = null, threshold = 4, enabled = () => true, marker = null, over, drop, signal } = {}) {
+    if (typeof items !== "string" || typeof over !== "function" || typeof drop !== "function") throw new Error("DocKit.drag: items (a selector), over(x, y, item) and drop(item, spot) are given");
+    const view = area.ownerDocument.defaultView;
+    let drag = null;
+    const end = () => {
+      drag?.item.classList.remove(DRAGGING);
+      marker?.remove();
+      drag = null;
+    };
+    const noClick = () => {
+      const swallow = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+      };
+      view.addEventListener("click", swallow, { capture: true, once: true });
+      view.setTimeout(() => view.removeEventListener("click", swallow, { capture: true }), 0);
+    };
+    listen(area, "pointerdown", (event) => {
+      const at = event.target instanceof view.Element ? event.target : null;
+      const item2 = at?.closest(items);
+      if (!item2 || !area.contains(item2) || event.button !== 0 || handle && !at.closest(handle) || !enabled()) return;
+      drag = { item: item2, x: event.clientX, y: event.clientY, pointer: event.pointerId, moving: false };
+      item2.setPointerCapture?.(event.pointerId);
+    }, signal);
+    listen(area, "pointermove", (event) => {
+      if (!drag || event.pointerId !== drag.pointer) return;
+      if (!drag.moving && Math.hypot(event.clientX - drag.x, event.clientY - drag.y) < threshold) return;
+      drag.moving = true;
+      drag.item.classList.add(DRAGGING);
+      const spot = over(event.clientX, event.clientY, drag.item);
+      if (spot && marker) spot.into.insertBefore(marker, spot.before ?? null);
+      else marker?.remove();
+    }, signal);
+    listen(area, "pointerup", (event) => {
+      if (!drag || event.pointerId !== drag.pointer) return;
+      const { item: item2, moving } = drag;
+      const spot = moving ? over(event.clientX, event.clientY, item2) : null;
+      end();
+      if (!moving) return;
+      noClick();
+      if (spot) drop(item2, spot);
+    }, signal);
+    listen(area, "pointercancel", end, signal);
+    listen(area, "lostpointercapture", (event) => {
+      if (drag && event.pointerId === drag.pointer) end();
+    }, signal);
+    listen(view, "keydown", (event) => {
+      if (!drag || event.key !== "Escape") return;
+      event.preventDefault();
+      event.stopPropagation();
+      end();
+    }, signal, { capture: true });
+    signal?.addEventListener("abort", end, { once: true });
+    return Object.freeze({
+      /** Give up a drag going on, as Escape does: nothing dropped. */
+      cancel: end,
+      /** Whether an item is being dragged: past the threshold, not yet released. */
+      get dragging() {
+        return Boolean(drag?.moving);
+      }
+    });
+  }
+
   // src/shared/components/installed.mjs
   var ATTRIBUTE = "data-doc-component";
   var PACKAGE_ID = /^[a-z0-9][a-z0-9-]*\/[a-z0-9][a-z0-9-]*$/;
   var INSTANCE = `div[${ATTRIBUTE}], section[${ATTRIBUTE}]`;
+  var SLOT = "data-doc-slot";
+  var SLOT_PART = `div[${SLOT}], section[${SLOT}]`;
+  var REGION = `${INSTANCE}, ${SLOT_PART}`;
+  var edgeAround = (node) => node?.parentElement?.closest(REGION) ?? null;
+  function heldBy(node) {
+    const edge = edgeAround(node);
+    if (!edge) return null;
+    const owner = heldBy(edge);
+    if (edge.matches(INSTANCE)) return owner ?? edge;
+    return owner !== null && edgeAround(edge) === owner ? null : owner;
+  }
+  function heldWithin(element) {
+    if (!element.matches(REGION)) return heldBy(element);
+    const owner = heldBy(element);
+    if (element.matches(INSTANCE)) return owner ?? element;
+    return owner !== null && edgeAround(element) === owner ? null : owner;
+  }
+  var opensDocument = (node) => node.matches(SLOT_PART) && heldBy(node) !== null && edgeAround(node) === heldBy(node);
+  var componentAt = (node) => node?.nodeType === 1 && heldBy(node) !== null && !opensDocument(node);
+  var slotsIn = (instance) => [...instance.querySelectorAll(SLOT_PART)].filter((slot) => edgeAround(slot) === instance);
   var FALLBACK = "data-doc-fallback";
   var CONTROLS2 = "input, select, textarea, button";
   var CONTROL_MARK = "data-doc-fallback-control";
@@ -578,16 +1015,686 @@
   var SCHEMA = "data-doc-schema";
   var schemaAhead = (value, schema = 1) => value !== null && value !== void 0 && !(String(value).trim() !== "" && Number(value) <= schema);
 
+  // src/shared/card-size.mjs
+  var PAGE2 = "main.gallery-page";
+  var BOARD = ".gallery-board";
+  var CARD = ".gallery-card";
+  var CARD_ID = "data-card-id";
+  var MOST = Object.freeze({ w: 12, h: 24 });
+  var DEFAULT = Object.freeze({ x: 0, y: 0, w: 4, h: 2 });
+  var whole = (value, fallback) => {
+    const number2 = Number.parseInt(value ?? "", 10);
+    return Number.isFinite(number2) ? number2 : fallback;
+  };
+  function cellsOf(card) {
+    const w = Math.min(MOST.w, Math.max(1, whole(card.dataset.w, DEFAULT.w)));
+    const h = Math.min(MOST.h, Math.max(1, whole(card.dataset.h, DEFAULT.h)));
+    const x = Math.min(MOST.w - w, Math.max(0, whole(card.dataset.x, DEFAULT.x)));
+    const y = Math.max(0, whole(card.dataset.y, DEFAULT.y));
+    return { x, y, w, h };
+  }
+  function drawnCells(card) {
+    const { w, h } = cellsOf(card);
+    const columns = Number(
+      /** @type {HTMLElement | null} */
+      card.closest(BOARD)?.dataset.columns
+    ) || MOST.w;
+    const drawn2 = Number.parseInt(card.style?.getPropertyValue?.("--gallery-h") ?? "", 10);
+    return { w: Math.min(w, columns), h: Number.isFinite(drawn2) ? Math.min(MOST.h, Math.max(1, drawn2)) : h };
+  }
+
+  // src/shared/colors.mjs
+  var COLORS = [
+    { name: "gray", label: "\u7070\u8272", text: ["#6e6e73", "#a1a1a6"], fill: ["#f0efed", "#383836"], mark: ["#e0dfdd", "#454542"] },
+    { name: "brown", label: "\u68D5\u8272", text: ["#9f765a", "#ba856f"], fill: ["#f5ede9", "#45362d"], mark: ["#efdbce", "#534034"] },
+    { name: "orange", label: "\u6A59\u8272", text: ["#d27b2d", "#c77d48"], fill: ["#fbebde", "#53361f"], mark: ["#fbddc5", "#654025"] },
+    { name: "yellow", label: "\u9EC4\u8272", text: ["#cb9434", "#ca9849"], fill: ["#f9f3dc", "#504425"], mark: ["#f8eab6", "#614f26"] },
+    { name: "green", label: "\u7EFF\u8272", text: ["#50946e", "#529e72"], fill: ["#e8f1ec", "#263d30"], mark: ["#cfead9", "#2c4b3a"] },
+    { name: "blue", label: "\u84DD\u8272", text: ["#387dc9", "#5e87c9"], fill: ["#e5f2fc", "#233850"], mark: ["#cde5fb", "#294564"] },
+    { name: "purple", label: "\u7D2B\u8272", text: ["#9a6bb4", "#9d68d3"], fill: ["#f3ebf9", "#3c2d47"], mark: ["#ebdaf6", "#4b3859"] },
+    { name: "pink", label: "\u7C89\u8272", text: ["#c14c8a", "#d15796"], fill: ["#fae9f1", "#4e2b3c"], mark: ["#f8d7e6", "#5d3548"] },
+    { name: "red", label: "\u7EA2\u8272", text: ["#cf5148", "#df5452"], fill: ["#fce9e7", "#502c29"], mark: ["#fed7d1", "#663632"] }
+  ];
+  var COLOR_NAMES = COLORS.map(({ name }) => name);
+
+  // src/shared/component-source.mjs
+  var SOURCE_ATTRIBUTES = ["data-checked", "rowspan", "colspan", "data-sort-status", "data-sort-type", "data-sort-key", "data-sort-default", "data-sort-ignore", "data-sort-value", "data-sort-rank"];
+  var LOOK_CLASSES = /* @__PURE__ */ new Set([
+    ...COLOR_NAMES.flatMap((name) => [`doc-text-${name}`, `doc-highlight-${name}`]),
+    // table.mjs's CELL_ALIGN_CLASSES, CELL_VALIGN_CLASSES and CELL_BOLD_CLASS, written out: an import of that
+    // file would bring its description, prose and all, into the kit's runtime (tests/unit/installed.mjs
+    // holds the two lists together).
+    "doc-align-left",
+    "doc-align-center",
+    "doc-align-right",
+    "doc-valign-top",
+    "doc-valign-middle",
+    "doc-valign-bottom",
+    "doc-bold"
+  ]);
+  function lookChanged(before, after) {
+    const looks = (value) => [...new Set(String(value ?? "").split(/\s+/).filter((name) => LOOK_CLASSES.has(name)))].sort().join(" ");
+    return looks(before) !== looks(after);
+  }
+
+  // src/shared/json-layout.mjs
+  var isValue = (value) => value === null || typeof value !== "object";
+  var isFlat = (value) => Object.values(value).every((each) => isValue(each) || Array.isArray(each) && each.every(isValue));
+  function laidOut(value, indent) {
+    if (typeof value?.toJSON === "function") return laidOut(value.toJSON(), indent);
+    if (isValue(value)) return JSON.stringify(value) ?? "null";
+    const list2 = Array.isArray(value);
+    const entries = Object.entries(value).map(([key, each]) => [key, typeof each?.toJSON === "function" ? each.toJSON() : each]).filter(([, each]) => list2 || each !== void 0 && typeof each !== "function");
+    const items = entries.map(([key, each]) => `${list2 ? "" : `${JSON.stringify(key)}: `}${laidOut(each, `${indent}  `)}`);
+    if (items.length === 0) return list2 ? "[]" : "{}";
+    if (isFlat(Object.fromEntries(entries))) return list2 ? `[${items.join(", ")}]` : `{ ${items.join(", ")} }`;
+    return `${list2 ? "[" : "{"}
+${items.map((item2) => `${indent}  ${item2}`).join(",\n")}
+${indent}${list2 ? "]" : "}"}`;
+  }
+  function jsonIn(text, value) {
+    const start = text.length - text.trimStart().length;
+    const end = text.trimEnd().length;
+    const indent = text.slice(text.lastIndexOf("\n", start) + 1, start);
+    const json = text.slice(start, end).includes("\n") ? laidOut(value, indent) : JSON.stringify(value) ?? "null";
+    return text.slice(0, start) + json.replaceAll("</", "<\\/").replaceAll("<!--", "\\u003c!--") + text.slice(end);
+  }
+
+  // src/shared/inline-spacing.mjs
+  var UNITS = /* @__PURE__ */ new Set([..."\u4E2A\u4E07\u4EBF\u5343\u767E\u5341\u5143\u89D2\u5206\u5398\u6BDB\u500D\u5E74\u6708\u65E5\u53F7\u65F6\u70B9\u79D2\u5929\u5468\u5C81\u4EBA\u4F4D\u540D\u6B21\u5BB6\u6761\u9879\u79CD\u53F0\u53EA\u4EF6\u7BC7\u9875\u5F20\u5957\u4EFD\u7EC4\u6279\u671F\u5C4A\u4EE3\u7EA7\u5C42\u8F6E\u6B65\u7C73\u514B\u65A4\u5428\u5EA6\u91CC\u516C\u6BEB\u5FAE\u5BF8\u5C3A\u4E24\u5347\u6237\u6240\u5EA7\u680B\u8F86\u67B6\u8258\u672C\u90E8\u7AE0\u8282\u573A\u5C40\u9996\u53E5\u5B57\u884C\u5217\u904D\u56DE\u756A\u6210"]);
+  var ZWSP = String.fromCharCode(8203);
+  var WORD = /[\p{L}\p{N}]/u;
+  var ITEM = "code, .doc-math-inline, .katex";
+  var LINE = /^(P|LI|H[1-6]|TD|TH|DT|DD|DIV|SECTION|ARTICLE|ASIDE|HEADER|FOOTER|MAIN|NAV|FIGURE|FIGCAPTION|CAPTION|SUMMARY|DETAILS|BLOCKQUOTE|UL|OL|TABLE|THEAD|TBODY|TR|PRE|BR|HR|DIALOG|BODY|BUTTON|svg)$/;
+  var emptyFormula = (element) => element.matches(".doc-math-inline") && (element.getAttribute("data-ge-empty") === "formula" || !element.textContent.replace(/\\[()]/g, "").trim());
+  var isInlineItem = (node) => node?.nodeType === 1 && node.matches(ITEM) && !emptyFormula(node);
+  function inlineItems(root) {
+    const items = root.nodeType === 1 && root.matches(ITEM) ? [root, ...root.querySelectorAll(ITEM)] : [...root.querySelectorAll(ITEM)];
+    return items.filter((item2) => isInlineItem(item2) && !item2.parentElement?.closest(".doc-math-inline, .katex, .katex-display, code"));
+  }
+  function endOf(node, after) {
+    if (node.nodeType === 3) {
+      const characters = [...node.data.replaceAll(ZWSP, "")];
+      return characters.length === 0 ? void 0 : after ? characters[0] : characters.at(-1);
+    }
+    if (node.nodeType !== 1) return void 0;
+    if (LINE.test(node.tagName)) return null;
+    if (node.matches(ITEM)) return emptyFormula(node) ? void 0 : true;
+    if (node.hasAttribute("data-ge-empty")) return void 0;
+    const children = [...node.childNodes];
+    for (const child of after ? children : children.reverse()) {
+      const found = endOf(child, after);
+      if (found !== void 0) return found;
+    }
+    return void 0;
+  }
+  function sideOf(node, after) {
+    for (let at = node; at; ) {
+      const next = after ? at.nextSibling : at.previousSibling;
+      if (!next) {
+        at = at.parentElement;
+        if (!at || LINE.test(at.tagName) || at.hasAttribute("contenteditable")) return null;
+        continue;
+      }
+      const found = endOf(next, after);
+      if (found !== void 0) return found;
+      at = next;
+    }
+    return null;
+  }
+  function spaceAround(element) {
+    const put = { before: null, after: null };
+    for (const after of [false, true]) {
+      const side = sideOf(element, after);
+      if (side !== true && !(typeof side === "string" && WORD.test(side))) continue;
+      const space = element.ownerDocument.createTextNode(" ");
+      if (after) element.after(space);
+      else element.before(space);
+      put[after ? "after" : "before"] = space;
+    }
+    return put;
+  }
+
+  // src/shared/number-reading.mjs
+  var missingValues = /* @__PURE__ */ new Set(["", "-", "\u2014", "\u2013", "\u2212", "n/a", "na", "null"]);
+  function isMissingValue(raw) {
+    return missingValues.has(raw.toLowerCase());
+  }
+  var QUALIFIER = String.raw`(?:约|大约|近|超过|不足|≈|~|<=?|>=?|≤|≥|±)?`;
+  var AMOUNT = String.raw`[$¥€£₩₹]?\s*((?:\d{1,3}(?:[,\s\u00a0\u2009]\d{3})+|\d{1,4}(?:,\d{4})+|\d+)(?:\.\d*)?(?:e[+-]?\d+)?|\.\d+)`;
+  var UNIT = String.raw`((?:[%‰x×]|[A-Za-zµμ\u4e00-\u9fff°℃]+(?:\/[A-Za-zµμ\u4e00-\u9fff°℃·]+)?)?)`;
+  var UNIT_SCALES = { \u5343: 1e3, \u4E07: 1e4, \u4EBF: 1e8 };
+  var SCALE = UNIT_SCALES;
+  var SINGLE = new RegExp(`^${QUALIFIER}\\s*([+-]?)\\s*${AMOUNT}\\s*${UNIT}$`, "i");
+  var RANGE = new RegExp(`^([+-]?)\\s*${AMOUNT}\\s*${UNIT}\\s*(?:-|~|\u81F3|\u5230)\\s*[+-]?\\s*${AMOUNT}\\s*${UNIT}$`, "i");
+  function numberReading(raw) {
+    let text = raw.normalize("NFKC").trim().replace(/[−–—]/g, "-");
+    const accounting = /^\((.+)\)$/.exec(text);
+    if (accounting) text = accounting[1].trim();
+    const single = SINGLE.exec(text);
+    const match = single ?? RANGE.exec(text);
+    if (!match) return null;
+    const value = Number(`${match[1]}${match[2].replace(/[,\s\u00a0\u2009]/g, "")}`);
+    const written = accounting ? -value : value;
+    const unit = match[3] ?? "";
+    const scaled = written * (SCALE[unit[0]] ?? 1);
+    if (!Number.isFinite(scaled)) return null;
+    return single ? { value: scaled, written, unit } : { value: scaled, written, unit, range: true };
+  }
+
+  // src/shared/table-chart.mjs
+  var CHART_DATA = "data-doc-chart-data";
+  var CHART_SOURCE = "data-doc-chart-source";
+  var VIEW_FROM = "data-doc-from";
+  var TABLE_READERS = [CHART_DATA, VIEW_FROM];
+  var CHART_KEY = /^[A-Za-z][\w-]{0,31}$/;
+  var FORMULA = /\\\(([\s\S]*?)\\\)|\\\[([\s\S]*?)\\\]|\$\$([\s\S]*?)\$\$/g;
+  var cellWords = (text) => text.replace(FORMULA, (_, inline, display, dollars) => inline ?? display ?? dollars).replaceAll(ZWSP, "").replace(/\s+/g, " ").trim();
+  var TEX = 'annotation[encoding="application/x-tex"]';
+  function cellText(node) {
+    if (node.nodeType === 3) return (
+      /** @type {Text} */
+      node.data
+    );
+    if (node.nodeType !== 1) return "";
+    const element = (
+      /** @type {Element} */
+      node
+    );
+    if (element.hasAttribute("data-ge-empty")) return "";
+    const tex = element.classList.contains("katex") ? element.querySelector(TEX) : null;
+    if (tex) return tex.textContent ?? "";
+    let text = "";
+    for (const child of element.childNodes) text += cellText(child);
+    return text;
+  }
+  var WORD_TYPES = /* @__PURE__ */ new Set(["text", "date"]);
+  function cellValue(cell, type = null) {
+    if (!cell) return null;
+    const raw = cell.sort ?? cell.words;
+    if (isMissingValue(raw)) return null;
+    if (WORD_TYPES.has(type)) return cell.words;
+    const reading = numberReading(raw);
+    return reading && !reading.range ? reading.value : cell.words;
+  }
+
+  // src/shared/net-policy.mjs
+  var NET = "net:";
+  var netHostsOf = (needs) => Array.isArray(needs) ? needs.filter((need) => typeof need === "string" && need.startsWith(NET)).map((need) => need.slice(NET.length)) : [];
+
+  // src/render/kit/runtime/net.js
+  var CONSENT_BAR = "doc-net-consent";
+  function createNet({ restart, instances, describe }) {
+    const global2 = globalThis;
+    const refused = /* @__PURE__ */ new Map();
+    const bars = /* @__PURE__ */ new Map();
+    let consents = null;
+    let snapshot;
+    const embedded2 = () => {
+      if (snapshot !== void 0) return snapshot;
+      try {
+        snapshot = JSON.parse(document.querySelector("script[data-doc-snapshot]")?.textContent ?? "null");
+      } catch {
+        snapshot = null;
+      }
+      return snapshot;
+    };
+    const failure = (code, message, fields = {}) => Object.assign(new Error(message), { code, ...fields });
+    const read = (data, as) => {
+      if (as === "text") return typeof data === "string" ? data : JSON.stringify(data);
+      if (typeof data !== "string") return data;
+      try {
+        return JSON.parse(data);
+      } catch {
+        return data;
+      }
+    };
+    const ownSlug = () => document.querySelector(".doc-page")?.dataset.docId || null;
+    const pageSlug = () => /^\/pages\/([a-z0-9-]+)\/?$/.exec(location.pathname)?.[1] ?? null;
+    function clear(host) {
+      refused.delete(host);
+      bars.get(host)?.remove();
+      bars.delete(host);
+    }
+    function ask(id, hosts) {
+      const asked = new CustomEvent("doc-net-consent", { cancelable: true, detail: { block: id, hosts } });
+      if (global2.dispatchEvent(asked)) {
+        const page = pageSlug();
+        const slug = ownSlug();
+        global2.open(`${location.origin}/${page ? `#@${page}` : slug ? `#${slug}` : ""}`, "_blank", "noopener");
+      }
+    }
+    function showConsent(host, id, hosts) {
+      refused.set(host, { id, hosts });
+      let bar = bars.get(host);
+      if (!bar?.isConnected) {
+        bar = document.createElement("div");
+        bar.className = CONSENT_BAR;
+        bar.setAttribute("data-doc-dev", "");
+        bar.setAttribute("contenteditable", "false");
+        bar.setAttribute("role", "group");
+        const why = document.createElement("span");
+        why.className = `${CONSENT_BAR}-why`;
+        const button2 = document.createElement("button");
+        button2.type = "button";
+        button2.className = `${CONSENT_BAR}-allow`;
+        button2.addEventListener("click", (event) => {
+          event.preventDefault();
+          event.stopPropagation();
+          const waiting = refused.get(host);
+          if (waiting) ask(waiting.id, waiting.hosts);
+        });
+        bar.append(why, button2);
+        host.after(bar);
+        bars.set(host, bar);
+      }
+      const [first, ...others] = hosts;
+      bar.querySelector(`.${CONSENT_BAR}-why`).textContent = sayRuntime("net-why");
+      const button = bar.querySelector(`.${CONSENT_BAR}-allow`);
+      button.textContent = others.length > 0 ? sayRuntime("net-allow-many", first, hosts.length) : sayRuntime("net-allow", first);
+      button.title = hosts.join("\n");
+      bar.setAttribute("aria-label", sayRuntime("net-why"));
+    }
+    global2.addEventListener("doc-settings-changed", (event) => {
+      const told = event.detail?.net;
+      if (!Array.isArray(told)) return;
+      const before = consents;
+      consents = new Set(told);
+      for (const [host, def] of instances()) {
+        const hosts = netHostsOf(describe(def.id)?.needs);
+        if (hosts.length === 0) continue;
+        const pair = (name) => `${def.id}@${name}`;
+        const changed = before !== null && hosts.some((name) => before.has(pair(name)) !== consents.has(pair(name)));
+        const waiting = refused.get(host);
+        if (changed || waiting && waiting.hosts.every((name) => consents.has(pair(name)))) {
+          clear(host);
+          restart(host);
+        }
+      }
+    });
+    return {
+      /** The context.fetch of the instance of `def` on `host`, at `place` (context.place). */
+      fetchFor: (def, host, place) => async (url, options = {}) => {
+        const as = options?.as ?? "json";
+        if (as !== "json" && as !== "text") throw failure("url", `context.fetch: as is "json" or "text", not ${JSON.stringify(as)}`);
+        if (place === "export") {
+          let name2;
+          try {
+            const address = new URL(url);
+            address.hash = "";
+            name2 = address.href;
+          } catch {
+            throw failure("url", `context.fetch: ${url} is not an absolute address`);
+          }
+          const kept = embedded2()?.net?.[name2];
+          if (!kept) throw failure("offline", `an exported file reaches no network, and holds no answer for ${name2}`);
+          return { data: read(kept.data, as), at: kept.at, cached: true };
+        }
+        let asked = null;
+        const ask2 = { block: def.id, url, as, ...place === "document" && ownSlug() ? { doc: ownSlug() } : {} };
+        global2.dispatchEvent(new CustomEvent("doc-net-fetch", { cancelable: true, detail: { ask: ask2, answer: (promise) => {
+          asked = promise;
+        } } }));
+        if (!asked) throw failure("offline", "no server shows this page: nothing reaches the network for it");
+        let answer;
+        try {
+          answer = await asked;
+        } catch (error) {
+          throw failure("offline", `the server did not answer: ${error?.message ?? error}`);
+        }
+        if (answer?.ok) {
+          if (refused.has(host)) clear(host);
+          return { data: answer.data, at: answer.at, cached: Boolean(answer.cached) };
+        }
+        const { code = "offline", why, hosts, host: name, status } = answer ?? {};
+        if (code === "consent" && Array.isArray(hosts) && host.isConnected) showConsent(host, def.id, hosts);
+        throw failure(code, `${def.id}: ${url}: ${code}${why ? ` (${why})` : ""}`, { ...hosts ? { hosts } : {}, ...name ? { host: name } : {}, ...status ? { status } : {} });
+      },
+      forget: clear
+    };
+  }
+
+  // src/shared/page-links.mjs
+  var DOC_SLUG = /^doc-([a-z][a-z0-9]{7})$/;
+  function hashId(slug) {
+    let one = 3735928559;
+    let two = 1103547991;
+    for (let at = 0; at < slug.length; at++) {
+      one = Math.imul(one ^ slug.charCodeAt(at), 2654435761);
+      two = Math.imul(two ^ slug.charCodeAt(at), 1597334677);
+    }
+    one = Math.imul(one ^ one >>> 16, 2246822507) ^ Math.imul(two ^ two >>> 13, 3266489909);
+    two = Math.imul(two ^ two >>> 16, 2246822507) ^ Math.imul(one ^ one >>> 13, 3266489909);
+    const hash = (two >>> 0) % 2 ** 21 * 2 ** 32 + (one >>> 0);
+    return String.fromCharCode(97 + hash % 26) + Math.floor(hash / 26).toString(36).padStart(7, "0").slice(-7);
+  }
+  var pageId = (slug) => DOC_SLUG.exec(slug)?.[1] ?? hashId(slug);
+  var earlierId = (slug) => DOC_SLUG.test(slug) ? hashId(slug) : null;
+  var ID_FIRST = "abcdefghijklmnopqrstuvwxyz";
+  var ID_REST = `${ID_FIRST}0123456789`;
+  function pageOfLink(links, value) {
+    if (links.has(value)) return value;
+    const id = value.slice(value.lastIndexOf("-") + 1);
+    for (const slug of links.keys()) if (pageId(slug) === id) return slug;
+    for (const slug of links.keys()) if (earlierId(slug) === id) return slug;
+    return null;
+  }
+
+  // src/shared/page-address.mjs
+  var SLUG = "[a-z0-9]+(?:-[a-z0-9]+)*";
+  var FILE = "(?:doc|report)\\.html";
+  var IN_FILE = new RegExp(`^\\.\\./(${SLUG})/${FILE}(?:#(.*))?$`);
+  var PAGE3 = new RegExp(`^/generated/(${SLUG})\\.html$`);
+  var OWN_FILE = new RegExp(`^/(${SLUG})/${FILE}$`);
+  var LOOPBACK = /* @__PURE__ */ new Set(["127.0.0.1", "localhost"]);
+  var decoded = (text) => {
+    try {
+      return decodeURIComponent(text);
+    } catch {
+      return text;
+    }
+  };
+  function ownAddress(text) {
+    try {
+      const url = new URL(text, "http://127.0.0.1");
+      return /^https?:$/.test(url.protocol) && LOOPBACK.has(url.hostname) && /^(?:https?:|\/)/i.test(text) ? url : null;
+    } catch {
+      return null;
+    }
+  }
+  function hashAddress(hash, links = null) {
+    const at = hash.indexOf("/");
+    const name = at < 0 ? hash : hash.slice(0, at);
+    const block = at < 0 ? null : hash.slice(at + 1) || null;
+    const slug = links && pageOfLink(links, name);
+    return slug ? { slug, block } : null;
+  }
+  function pageAddress(text, links = null) {
+    const address = String(text ?? "").trim();
+    const known = (slug, block) => !links || links.has(slug) ? { slug, block: block || null } : null;
+    const inFile = IN_FILE.exec(address);
+    if (inFile) return known(inFile[1], decoded(inFile[2] ?? ""));
+    const url = ownAddress(address);
+    if (!url) return null;
+    const path = PAGE3.exec(url.pathname) ?? OWN_FILE.exec(url.pathname);
+    if (path) return known(path[1], decoded(url.hash.slice(1)));
+    return url.pathname === "/" && url.hash.length > 1 ? hashAddress(decoded(url.hash.slice(1)), links) : null;
+  }
+
+  // src/render/kit/runtime/table-reading.js
+  var cellReading = (cell) => ({ words: cellWords(cellText(cell)), sort: cell.getAttribute("data-sort-value")?.trim() ?? null });
+  var spans = (row) => Boolean(row) && [...row.cells].some((cell) => cell.rowSpan !== 1 || cell.colSpan !== 1);
+  function readTable(table2, { order = (rows) => rows, cell = cellReading } = {}) {
+    const head = table2.tHead?.rows[0] ?? null;
+    const body = [...table2.tBodies].flatMap((section) => [...section.rows]);
+    const header = head ?? (body[0] && body[0].cells.length > 0 && [...body[0].cells].every((each) => each.localName === "th") ? body[0] : null);
+    const ordered = order(body.filter((row) => row !== header));
+    const first = header ?? ordered[0] ?? null;
+    const rows = header ? ordered : ordered.slice(1);
+    const read = (row) => [...row.cells].map(cell);
+    const named = first ? read(first) : [];
+    return {
+      table: table2,
+      header,
+      first,
+      rows,
+      names: named.map(({ words }) => words),
+      types: first ? [...first.cells].map((each) => each.getAttribute("data-sort-type")) : [],
+      cells: rows.map(read),
+      merged: [first, ...rows].some(spans)
+    };
+  }
+  function linksOf(row, own) {
+    return [...row.querySelectorAll("a[href]")].flatMap((link) => {
+      const href = link.getAttribute("href").trim();
+      const place = href.startsWith("#") && href.length > 1 ? own ? { slug: own, block: decoded(href.slice(1)) } : null : pageAddress(href);
+      return place ? [{ slug: place.slug, title: cellWords(cellText(link)), block: place.block ?? null }] : [];
+    });
+  }
+  function rowOf(reading, at, own) {
+    const values = {};
+    reading.names.forEach((name, index) => {
+      values[name] = cellValue(reading.cells[at][index], reading.types[index] ?? null);
+    });
+    return Object.freeze({ el: reading.rows[at], values: Object.freeze(values), links: Object.freeze(linksOf(reading.rows[at], own)) });
+  }
+  var rowsOf2 = (reading, own = null) => reading.rows.map((_, at) => rowOf(reading, at, own));
+  var SOURCES = `.doc-table-wrap[${CHART_SOURCE}]`;
+  var READERS = TABLE_READERS.map((name) => `[${name}]`).join(", ");
+  var WATCHED = [CHART_SOURCE, ...TABLE_READERS, "data-sort-value", "data-sort-type", "rowspan", "colspan", "aria-sort", "href"];
+  function createKeyedTables(doc = globalThis.document) {
+    const followers = /* @__PURE__ */ new Set();
+    const kept = /* @__PURE__ */ new Map();
+    let cells = /* @__PURE__ */ new WeakMap();
+    let rowsKept = /* @__PURE__ */ new WeakMap();
+    let observer = null;
+    const frameOf = (key) => key === null || key === void 0 ? null : [...doc.querySelectorAll(SOURCES)].find((wrap) => wrap.getAttribute(CHART_SOURCE) === key && !wrap.closest("[data-doc-dev]")) ?? null;
+    const fileOrder = /* @__PURE__ */ new WeakMap();
+    const inFileOrder = (table2) => (rows) => {
+      const sorted = [...table2.tHead?.rows[0]?.cells ?? []].some((cell) => /^(?:ascending|descending)$/.test(cell.getAttribute("aria-sort") ?? ""));
+      if (!sorted) {
+        rows.forEach((row, index) => fileOrder.set(row, index));
+        return rows;
+      }
+      const place = (row) => fileOrder.get(row) ?? rows.length + rows.indexOf(row);
+      return [...rows].sort((a, b) => place(a) - place(b));
+    };
+    const cellOf = (cell) => {
+      if (!observer) return cellReading(cell);
+      if (!cells.has(cell)) cells.set(cell, cellReading(cell));
+      return cells.get(cell);
+    };
+    function touched(records) {
+      const keys = /* @__PURE__ */ new Set();
+      let readers = false;
+      const keysIn = (node) => {
+        if (node.nodeType !== 1) return;
+        for (const frame of [...node.matches(SOURCES) ? [node] : [], ...node.querySelectorAll(SOURCES)]) keys.add(frame.getAttribute(CHART_SOURCE));
+        if (node.matches(READERS) || node.querySelector(READERS)) readers = true;
+      };
+      for (const record of records) {
+        if (record.type === "attributes" && record.attributeName === CHART_SOURCE) {
+          keys.add(record.oldValue);
+          keys.add(record.target.getAttribute(CHART_SOURCE));
+          continue;
+        }
+        if (record.type === "attributes" && TABLE_READERS.includes(record.attributeName)) {
+          readers = true;
+          continue;
+        }
+        const target = record.target.nodeType === 1 ? record.target : record.target.parentElement;
+        const frame = target?.closest(SOURCES);
+        if (frame) keys.add(frame.getAttribute(CHART_SOURCE));
+        const cell = target?.closest("td, th");
+        if (cell) cells.delete(cell);
+        const row = target?.closest("tr");
+        if (row) rowsKept.delete(row);
+        for (const node of [...record.addedNodes, ...record.removedNodes]) keysIn(node);
+      }
+      keys.delete(null);
+      return { keys, readers };
+    }
+    function heard(records) {
+      if (!doc.defaultView || records.length === 0) return;
+      const { keys, readers } = touched(records);
+      if (keys.size === 0 && !readers) return;
+      for (const key of keys) kept.delete(key);
+      for (const follower of [...followers]) {
+        if (!followers.has(follower)) continue;
+        const key = follower.keyOf() ?? null;
+        if (key === follower.key && !keys.has(key)) continue;
+        follower.key = key;
+        follower.heard();
+      }
+    }
+    const flush = () => observer && heard(observer.takeRecords());
+    function keptOf(key) {
+      flush();
+      if (kept.has(key)) return kept.get(key);
+      const frame = frameOf(key);
+      const table2 = frame?.querySelector("table") ?? null;
+      const entry = { frame, reading: table2 ? readTable(table2, { order: inFileOrder(table2), cell: cellOf }) : null, rows: /* @__PURE__ */ new Map(), signature: null };
+      if (observer) kept.set(key, entry);
+      return entry;
+    }
+    const serials = /* @__PURE__ */ new WeakMap();
+    let serial = 0;
+    const serialOf = (el) => serials.get(el) ?? (serials.set(el, ++serial), serial);
+    function rowKept(reading, at, own, header) {
+      const el = reading.rows[at];
+      const was = observer ? rowsKept.get(el) : null;
+      if (was && was.header === header && was.own === own) return was;
+      const row = rowOf(reading, at, own);
+      const entry = { header, own, row, sign: null };
+      if (observer) rowsKept.set(el, entry);
+      return entry;
+    }
+    function rowsKeptOf(key, own) {
+      const entry = keptOf(key);
+      if (!entry.reading) return null;
+      if (!entry.rows.has(own)) {
+        const header = JSON.stringify([entry.reading.names, entry.reading.types]);
+        entry.rows.set(own, entry.reading.rows.map((_, at) => rowKept(entry.reading, at, own, header)));
+      }
+      return entry.rows.get(own);
+    }
+    return Object.freeze({
+      frameOf,
+      reading: (key) => keptOf(key).reading,
+      rows: (key, own = null) => rowsKeptOf(key, own)?.map(({ row }) => row) ?? null,
+      signature(key, own = null) {
+        const entry = keptOf(key);
+        if (!entry.reading) return "null";
+        if (entry.signature === null) {
+          const rows = rowsKeptOf(key, own).map((kept2) => {
+            kept2.sign ??= JSON.stringify([serialOf(kept2.row.el), kept2.row.values, kept2.row.links]);
+            return kept2.sign;
+          });
+          entry.signature = `${JSON.stringify([entry.reading.names, entry.reading.merged])}${rows.join(",")}`;
+        }
+        return entry.signature;
+      },
+      follow(keyOf, heardIt) {
+        const follower = { keyOf, heard: heardIt, key: keyOf() ?? null };
+        followers.add(follower);
+        if (!observer) {
+          observer = new MutationObserver(heard);
+          observer.observe(doc.documentElement, { childList: true, subtree: true, characterData: true, attributes: true, attributeOldValue: true, attributeFilter: WATCHED });
+        }
+        return () => {
+          followers.delete(follower);
+          if (followers.size > 0 || !observer) return;
+          observer.disconnect();
+          observer = null;
+          kept.clear();
+          cells = /* @__PURE__ */ new WeakMap();
+          rowsKept = /* @__PURE__ */ new WeakMap();
+        };
+      }
+    });
+  }
+
+  // src/render/kit/runtime/rows.js
+  var TEXT = 3;
+  var blankBefore = (node) => {
+    const blank2 = node?.previousSibling;
+    return blank2?.nodeType === TEXT && !blank2.data.trim() ? blank2 : null;
+  };
+  var blankAtEnd = (section) => {
+    const last = section.lastChild;
+    return last?.nodeType === TEXT && !last.data.trim() ? last : null;
+  };
+  var tableOf = (part) => part?.localName === "table" ? part : part?.querySelector?.("table") ?? null;
+  function namedIn(columns, values) {
+    const unknown = Object.keys(values ?? {}).filter((name) => !columns.includes(name));
+    if (unknown.length > 0) throw new Error(`no column ${unknown.map((name) => `"${name}"`).join(", ")} in the table: its columns are ${columns.map((name) => `"${name}"`).join(", ") || "none"}`);
+    return values ?? {};
+  }
+  function rowSet(table2, edit, own = null) {
+    const found = readTable(table2);
+    if (found.merged) return null;
+    const columns = Object.freeze([...found.names]);
+    const rows = Object.freeze(rowsOf2(found, own));
+    const placeOf = (row) => rows.includes(row) && row.el.parentNode && table2.contains(row.el) ? [...table2.rows].indexOf(row.el) : -1;
+    const named = (values) => namedIn(columns, values);
+    const setCells = (row, values) => {
+      columns.forEach((name, index) => {
+        if (!Object.hasOwn(values, name)) return;
+        while (row.cells.length <= index) row.append(row.ownerDocument.createElement("td"));
+        row.cells[index].textContent = String(values[name] ?? "");
+      });
+    };
+    const put = (nodes, next, section) => {
+      const at = next ? blankBefore(next) ?? next : blankAtEnd(section);
+      for (const node of nodes) if (node) (next?.parentNode ?? section).insertBefore(node, at);
+    };
+    const after = (row, skipped) => {
+      let next = row.nextElementSibling;
+      while (next && (next === skipped || next.localName !== "tr")) next = next.nextElementSibling;
+      return next;
+    };
+    return Object.freeze({
+      columns,
+      rows,
+      add(values, at = {}) {
+        const given = named(values);
+        const place = at?.after ? placeOf(at.after) : null;
+        if (place === -1) return false;
+        return edit((draft) => {
+          const all = [...draft.rows];
+          const previous = place === null ? null : all[place];
+          const section = previous?.parentNode ?? draft.tBodies[draft.tBodies.length - 1] ?? draft.createTBody();
+          const model = readTable(draft).rows[0] ?? null;
+          const row = draft.ownerDocument.createElement("tr");
+          columns.forEach((name, index) => {
+            const like = model?.cells[index];
+            const cell = draft.ownerDocument.createElement(like?.localName === "th" ? "th" : "td");
+            if (like?.hasAttribute("scope")) cell.setAttribute("scope", like.getAttribute("scope"));
+            cell.textContent = String(given[name] ?? "");
+            row.append(cell);
+          });
+          const blank2 = blankBefore(previous ?? model ?? section.lastElementChild);
+          put([blank2 ? draft.ownerDocument.createTextNode(blank2.data) : null, row], previous ? after(previous, null) : null, section);
+        });
+      },
+      move(row, to = {}) {
+        const from = placeOf(row);
+        const target = to?.before ?? to?.after ?? null;
+        const there = target ? placeOf(target) : null;
+        const values = to?.values ? named(to.values) : null;
+        if (from === -1 || there === -1) return false;
+        return edit((draft) => {
+          const all = [...draft.rows];
+          const moved = all[from];
+          if (values) setCells(moved, values);
+          if (there === null || there === from) return;
+          const nodes = [blankBefore(moved), moved];
+          if (to.before) put(nodes, all[there], all[there].parentNode);
+          else put(nodes, after(all[there], moved), all[there].parentNode);
+        });
+      },
+      remove(row) {
+        const from = placeOf(row);
+        if (from === -1) return false;
+        return edit((draft) => {
+          const gone = [...draft.rows][from];
+          blankBefore(gone)?.remove();
+          gone.remove();
+        });
+      }
+    });
+  }
+
   // src/render/kit/runtime/shown-data.js
   var DEPTH = 3;
   var ITEMS = 20;
   var COLUMNS = 8;
-  var TEXT = 200;
-  var MOST = 400;
+  var TEXT2 = 200;
+  var MOST2 = 400;
   var SHORT = 20;
   var isObject = (value) => value !== null && typeof value === "object" && !Array.isArray(value);
-  var isValue = (value) => value === null || typeof value !== "object";
-  var cut = (text) => text.length > TEXT ? `${text.slice(0, TEXT)}\u2026` : text;
+  var isValue2 = (value) => value === null || typeof value !== "object";
+  var cut = (text) => text.length > TEXT2 ? `${text.slice(0, TEXT2)}\u2026` : text;
   var sizeOf = (value) => Array.isArray(value) ? value.length : Object.keys(value).length;
   function made(doc, tag, text = null, className = null) {
     const node = doc.createElement(tag);
@@ -603,7 +1710,7 @@
   }
   function drawn(doc, value, depth, left) {
     left.values--;
-    if (isValue(value)) return doc.createTextNode(scalar(value));
+    if (isValue2(value)) return doc.createTextNode(scalar(value));
     if (sizeOf(value) === 0) return doc.createTextNode(sayRuntime("value-empty"));
     if (depth >= DEPTH || left.values <= 0) return doc.createTextNode(sayRuntime("value-deeper", String(sizeOf(value))));
     if (Array.isArray(value) && value.every(isObject)) return table(doc, value, depth, left);
@@ -644,7 +1751,7 @@
     return node;
   }
   function list(doc, items, depth, left) {
-    const node = made(doc, "ul", null, depth > 0 && items.every(isValue) ? DATA_LINE : null);
+    const node = made(doc, "ul", null, depth > 0 && items.every(isValue2) ? DATA_LINE : null);
     let shown2 = 0;
     for (const value of items.slice(0, ITEMS)) {
       if (left.values <= 0) break;
@@ -673,7 +1780,7 @@
     const text = script.textContent.trim();
     let root;
     try {
-      root = text === "" ? doc.createTextNode(sayRuntime("value-empty")) : drawn(doc, JSON.parse(text), 0, { values: MOST });
+      root = text === "" ? doc.createTextNode(sayRuntime("value-empty")) : drawn(doc, JSON.parse(text), 0, { values: MOST2 });
     } catch {
       root = doc.createTextNode(writing ? sayRuntime("not-json", cut(text)) : cut(text));
     }
@@ -686,12 +1793,162 @@
     return root;
   }
 
+  // src/shared/workspace-query.mjs
+  var QUERY_KINDS = Object.freeze(["todos", "recent", "stats", "activity", "table"]);
+  var FACT_KINDS = Object.freeze(["todos", "recent", "stats", "activity", "table"]);
+  var QUERY_CODES = Object.freeze(["kind", "options", "unsupported", "missing", "offline", "failed"]);
+  var QUERY_LIMITS = Object.freeze({ todos: { default: 200, most: 1e3 }, recent: { default: 10, most: 50 }, activity: { default: 365, most: 371 }, table: { default: 200, most: 1e3 } });
+  var SNAPSHOT_LIMITS = Object.freeze({ todos: 200, recent: 50, activity: 371, tables: 20, rows: 1e3 });
+  var TODO_EVENT = "doc-todo-set";
+  var TODO_CODES = Object.freeze(["ref", "changed", "ambiguous", "locked", "missing", "busy", "offline", "failed"]);
+  var SLUG2 = /^[a-z0-9]+(?:-[a-z0-9]+)*$/;
+  var BLOCK = /^[A-Za-z0-9_-]{1,64}$/;
+  var VERSION = /^[a-f0-9]{16}$/;
+  function todoRef(ref) {
+    if (!ref || typeof ref !== "object" || Array.isArray(ref)) return null;
+    const { slug, block = null, text, path, nth, version = null } = ref;
+    if (typeof slug !== "string" || !SLUG2.test(slug) || block !== null && (typeof block !== "string" || !BLOCK.test(block))) return null;
+    if (typeof text !== "string" || text.length > 4e3 || !Array.isArray(path) || path.length > 6 || !path.every((step) => typeof step === "string" && step.length <= 4e3)) return null;
+    if (!Number.isInteger(nth) || nth < 0 || version !== null && (typeof version !== "string" || !VERSION.test(version))) return null;
+    return { slug, block, text, path: [...path], nth, version };
+  }
+  var WORKSPACE_GLOBAL = "__galleryWorkspace";
+  var OPEN_EVENT = "doc-open-request";
+  function queryOptions(kind, options) {
+    const given = options ?? {};
+    if (typeof given !== "object" || Array.isArray(given)) return { problem: "its options are an object" };
+    const count = (name, { default: fallback, most }) => {
+      const value = given[name];
+      if (value === void 0) return fallback;
+      if (!Number.isInteger(value) || value < 1) throw new Error(`${name} is a whole number from 1`);
+      return Math.min(value, most);
+    };
+    try {
+      if (kind === "todos") {
+        if (given.done !== void 0 && typeof given.done !== "boolean") return { problem: "done is true or false" };
+        if (given.slugs !== void 0 && !(Array.isArray(given.slugs) && given.slugs.every((slug) => typeof slug === "string"))) return { problem: "slugs is a list of documents' slugs" };
+        return { options: { done: given.done, slugs: given.slugs ?? null, limit: count("limit", QUERY_LIMITS.todos) } };
+      }
+      if (kind === "recent") return { options: { limit: count("limit", QUERY_LIMITS.recent) } };
+      if (kind === "table") {
+        if (typeof given.slug !== "string" || !SLUG2.test(given.slug)) return { problem: "slug is a document's slug" };
+        if (typeof given.key !== "string" || !CHART_KEY.test(given.key)) return { problem: "key is a table's key (data-doc-chart-source)" };
+        const where = given.where ?? {};
+        if (typeof where !== "object" || Array.isArray(where) || !Object.values(where).every((value) => typeof value === "string")) return { problem: "where maps each column to the words its cells are to hold" };
+        return { options: { slug: given.slug, key: given.key, where: { ...where }, limit: count("limit", QUERY_LIMITS.table) } };
+      }
+      if (kind === "activity") return { options: { days: count("days", QUERY_LIMITS.activity) } };
+      return { options: {} };
+    } catch (error) {
+      return { problem: error.message };
+    }
+  }
+
+  // src/render/kit/runtime/workspace.js
+  var ASKED = /* @__PURE__ */ new Set(["kind", "options", "unsupported", "missing"]);
+  var SLUG3 = /^[a-z0-9]+(?:-[a-z0-9]+)*$/;
+  var BLOCK2 = /^[A-Za-z0-9_-]{1,64}$/;
+  var embedded;
+  var snapshotOf = () => {
+    if (embedded !== void 0) return embedded;
+    const tag = document.querySelector("script[data-doc-snapshot]");
+    try {
+      const value = JSON.parse(tag?.textContent ?? "null");
+      embedded = value && typeof value === "object" ? { value, at: tag.getAttribute("data-at") ?? "" } : null;
+    } catch {
+      embedded = null;
+    }
+    return embedded;
+  };
+  function fromSnapshot(kind, used) {
+    const value = snapshotOf()?.value;
+    if (!value) return void 0;
+    if (kind === "todos") {
+      if (!Array.isArray(value.todos)) return void 0;
+      return value.todos.filter((todo) => (used.done === void 0 || todo.done === used.done) && (!used.slugs || used.slugs.includes(todo.slug))).slice(0, used.limit);
+    }
+    if (kind === "recent") return Array.isArray(value.recent) ? value.recent.slice(0, used.limit) : void 0;
+    if (kind === "stats") return value.stats && typeof value.stats === "object" ? value.stats : void 0;
+    if (kind === "activity") return Array.isArray(value.activity) ? value.activity.slice(-used.days) : void 0;
+    const table2 = value.tables?.[`${used.slug}#${used.key}`];
+    if (!table2 || !Array.isArray(table2.columns) || !Array.isArray(table2.rows)) return void 0;
+    const tidy = (text) => String(text).replace(/\s+/g, " ").trim();
+    const words = (value2) => value2 === null || value2 === void 0 ? "" : tidy(value2);
+    const rows = table2.rows.filter((row) => Object.entries(used.where).every(([name, wanted]) => (row.words ? tidy(row.words[name] ?? "") : words(row.values?.[name])) === tidy(wanted)));
+    return { columns: table2.columns, rows: rows.slice(0, used.limit).map(({ values, links }) => ({ values, links })), total: rows.length };
+  }
+  function workspaceOf({ id, place, kinds }) {
+    const refused = (message, code) => Promise.reject(Object.assign(new Error(`${id}: ${message}`), { code }));
+    const own = () => document.querySelector(".doc-page")?.dataset.docId || null;
+    const member = {
+      query(kind, options = {}) {
+        if (!QUERY_KINDS.includes(kind)) return refused(`workspace.query knows no kind "${kind}": todos, recent, stats, activity or table`, "kind");
+        kinds.add(kind);
+        if (place === "export") {
+          const { problem, options: used } = queryOptions(kind, options);
+          if (problem) return refused(`${kind}: ${problem}`, "options");
+          const data = fromSnapshot(kind, used);
+          if (data === void 0) return refused("an exported file has no workspace to read, and its export kept none of this: open it in Gallery", "offline");
+          return Promise.resolve({ data, at: snapshotOf()?.at ?? "" });
+        }
+        const route = globalThis[WORKSPACE_GLOBAL];
+        if (typeof route !== "string") return refused("an exported file has no workspace to read: open it in Gallery", "offline");
+        let given;
+        try {
+          given = JSON.stringify(options ?? {});
+        } catch {
+          return refused("its options are no JSON", "options");
+        }
+        const doc = kind === "table" && place === "document" ? own() : null;
+        const address = `${route}?kind=${encodeURIComponent(kind)}&options=${encodeURIComponent(given)}${doc ? `&doc=${encodeURIComponent(doc)}` : ""}`;
+        return fetch(address, { cache: "no-store", credentials: "same-origin" }).then(
+          (response) => response.json().then((answer) => {
+            if (answer?.ok) return { data: answer.data, at: answer.at };
+            const message = typeof answer?.message === "string" ? answer.message : `the server answered ${response.status}`;
+            return ASKED.has(answer?.reason) ? refused(message, answer.reason) : refused(`the workspace could not be read: ${message}`, "failed");
+          }, () => refused(`the workspace could not be read: the server answered ${response.status}`, "failed")),
+          () => refused("the server that showed this page does not answer", "offline")
+        );
+      },
+      open(target) {
+        if (place === "export") return;
+        const page = typeof target?.page === "string" ? target.page : null;
+        const slug = typeof target?.slug === "string" ? target.slug : null;
+        const block = typeof target?.block === "string" && target.block ? target.block : null;
+        if (!(page ? SLUG3.test(page) : slug && SLUG3.test(slug)) || block !== null && !BLOCK2.test(block)) throw new Error(`${id}: workspace.open is given { slug, block? } of a document or { page } of a custom page`);
+        const detail = page ? { page } : { slug, block };
+        const asked = new CustomEvent(OPEN_EVENT, { cancelable: true, detail });
+        if (!globalThis.dispatchEvent(asked)) return;
+        globalThis.location.assign(page ? `/pages/${page}` : `/generated/${slug}.html${block ? `#${encodeURIComponent(block)}` : ""}`);
+      }
+    };
+    if (place !== "export") {
+      member.setTodo = (ref, done) => {
+        const given = todoRef(ref);
+        if (!given || typeof done !== "boolean") return refused(`workspace.setTodo is given a to-do's ref as query("todos") gave it, and true or false`, "ref");
+        let answer = null;
+        const asked = new CustomEvent(TODO_EVENT, { cancelable: true, detail: { ask: { slug: given.slug, ref: given, done }, answer: (promise) => {
+          answer = promise;
+        } } });
+        globalThis.dispatchEvent(asked);
+        if (!asked.defaultPrevented || !answer) return refused("nothing on this page writes the workspace: open it in Gallery's workbench", "offline");
+        return Promise.resolve(answer).then((result) => {
+          if (result?.ok) return result.changed === true;
+          const code = TODO_CODES.includes(result?.reason) ? result.reason : "failed";
+          return refused(typeof result?.message === "string" ? result.message : `the to-do could not be written (${result?.reason ?? "no answer"})`, code);
+        }, () => refused("the server that showed this page does not answer", "offline"));
+      };
+    }
+    return Object.freeze(member);
+  }
+
   // src/render/kit/runtime/kernel.js
   function createKit({ descriptions }) {
     const global2 = globalThis;
     const defs = /* @__PURE__ */ new Map();
     const instances = /* @__PURE__ */ new Map();
     const counters = { mounted: 0, destroyed: 0, failed: 0 };
+    const tables = createKeyedTables();
     const preview = () => !document.querySelector('meta[name="generator"][content="Gallery"], meta[name="generator"][content="HTML Report Studio"], meta[name="doc-export-id"]');
     const writing = () => preview() && !new URLSearchParams(location.search).has("present");
     const selectorOf = (def) => def.selector ?? descriptions.get(def.id)?.match;
@@ -720,17 +1977,21 @@
       instance.note = null;
     }
     const queued = /* @__PURE__ */ new Map();
+    const toHear = /* @__PURE__ */ new Map();
     let frame = 0;
     let asked = 0;
     function runFrame() {
       frame = 0;
+      const told = [...toHear];
+      toHear.clear();
+      for (const [host, records] of told) tell(host, "source", records);
       const work = [...queued];
       queued.clear();
       for (const [host, run] of work) {
         const instance = instances.get(host);
         if (!instance) continue;
         try {
-          run();
+          guarded(instance, host, run, "drew in a frame");
           clearNote(instance);
         } catch (error) {
           report(instance.def, host, error);
@@ -739,10 +2000,58 @@
       asked = queued.size > 0 ? asked + 1 : 0;
       settle();
     }
+    const ask = () => {
+      if (!frame) frame = requestAnimationFrame(runFrame);
+    };
     function schedule(host, run) {
       if (instances.get(host)?.failed) return;
       queued.set(host, run);
-      if (!frame) frame = requestAnimationFrame(runFrame);
+      ask();
+    }
+    function hearLater(host, records) {
+      const pending = toHear.get(host);
+      if (pending) pending.push(...records);
+      else toHear.set(host, records);
+      ask();
+    }
+    const GUARD = { childList: true, subtree: true, characterData: true, characterDataOldValue: true, attributes: true, attributeOldValue: true };
+    function guarded(instance, host, run, when) {
+      const slots = ofPackage(instance.def) ? slotsIn(host) : [];
+      if (slots.length === 0) return run();
+      const guard = new MutationObserver(() => {
+      });
+      guard.observe(host, GUARD);
+      let result;
+      let failure = null;
+      try {
+        result = run();
+      } catch (error) {
+        failure = error;
+      }
+      const records = guard.takeRecords();
+      guard.disconnect();
+      const touches = (slot2) => records.some((record) => slot2.contains(record.target) || record.type === "childList" && [...record.addedNodes, ...record.removedNodes].some((node) => node === slot2 || node.contains?.(slot2)));
+      const slot = slots.find(touches);
+      if (!slot) {
+        if (failure) throw failure;
+        return result;
+      }
+      putBack(records);
+      throw Object.assign(new Error(`it wrote in its slot "${slot.getAttribute(SLOT)}" as it ${when}, which is put back: a slot holds the document's blocks, the reader's; read it with context.part, and draw outside it`), { made: result });
+    }
+    function putBack(records) {
+      for (const record of [...records].reverse()) {
+        const { target } = record;
+        if (record.type === "characterData") target.data = record.oldValue ?? "";
+        else if (record.type === "attributes") {
+          if (record.oldValue === null) target.removeAttributeNS(record.attributeNamespace, record.attributeName);
+          else target.setAttributeNS(record.attributeNamespace, record.attributeName, record.oldValue);
+        } else {
+          for (const node of record.addedNodes) if (node.parentNode === target) target.removeChild(node);
+          const next = record.nextSibling?.parentNode === target ? record.nextSibling : null;
+          for (const node of record.removedNodes) target.insertBefore(node, next);
+        }
+      }
     }
     const ENDLESS = 30;
     let drawn2 = false;
@@ -769,7 +2078,7 @@
       const instance = instances.get(host);
       if (!instance?.handle?.update) return;
       try {
-        instance.handle.update(reason, detail, options);
+        guarded(instance, host, () => instance.handle.update(reason, detail, options), `heard ${reason}`);
       } catch (error) {
         report(instance.def, host, error);
       }
@@ -795,29 +2104,107 @@
     global2.addEventListener("resize", () => tellAll("viewport"));
     document.fonts?.ready.then(() => tellAll("fonts"));
     document.fonts?.addEventListener?.("loadingdone", (event) => tellAll("fonts", [...event.fontfaces ?? []]));
-    const partsIn = (host, at) => [...host.querySelectorAll(at)].filter((node) => !node.matches(INSTANCE) && node.parentElement.closest(INSTANCE) === host);
-    const instanceName = (def, host) => host.getAttribute("data-block-id") ?? String(hostsIn(document, selectorOf(def)).indexOf(host));
+    global2.addEventListener("doc-workspace-change", (event) => listening("data").forEach(([host, instance]) => {
+      if (instance.kinds?.has(event.detail)) tell(host, "data", event.detail);
+    }));
+    let clockTimer = 0;
+    let today = null;
+    function armClock() {
+      if (clockTimer || listening("clock").length === 0) return;
+      const now = /* @__PURE__ */ new Date();
+      today ??= now.toDateString();
+      clockTimer = global2.setTimeout(tick, 6e4 - (now.getSeconds() * 1e3 + now.getMilliseconds()) + 5);
+    }
+    function tick() {
+      clockTimer = 0;
+      const day = (/* @__PURE__ */ new Date()).toDateString();
+      const detail = day === today ? "minute" : "day";
+      today = day;
+      tellAll("clock", detail);
+      armClock();
+    }
+    const ownedBy = (node, host) => node.parentElement.closest(INSTANCE) === host && heldBy(node) === host;
+    const partsIn = (host, at, edit = null) => [...host.querySelectorAll(at)].filter((node) => !node.matches(INSTANCE) && ownedBy(node, host) && edit === "flow" === node.matches(SLOT_PART));
+    const placeOf = (host) => host.closest(PAGE2) ? "page" : preview() ? "document" : "export";
+    const HASHED_OUT = /^(?:data-block-id|data-ge-.*|contenteditable|spellcheck|data-doc-fallback.*|inert)$/;
+    const hashes = /* @__PURE__ */ new WeakMap();
+    function markupHash(def, host) {
+      if (hashes.has(host)) return hashes.get(host);
+      const copy = host.cloneNode(true);
+      try {
+        def.dehydrate?.(copy);
+      } catch {
+      }
+      takeRuntime(descriptions.get(def.id), copy);
+      for (const { at, edit } of Object.values(descriptions.get(def.id)?.parts ?? {})) {
+        if (edit === "text" || edit === "data" || edit === "flow") partsIn(copy, at, edit).forEach((node) => node.replaceChildren());
+      }
+      const attributes = (node) => [...node.attributes].filter(({ name }) => !HASHED_OUT.test(name)).map(({ name, value }) => ` ${name}="${value}"`).sort().join("");
+      const shape = (node) => `<${node.localName}${attributes(node)}>${[...node.children].filter((child) => !child.matches(`[data-doc-dev], .${NOTE}, .${DATA_SHOWN}`)).map(shape).join("")}`;
+      let hash = 2166136261;
+      for (const char of shape(copy)) hash = Math.imul(hash ^ char.codePointAt(0), 16777619);
+      const made2 = (hash >>> 0).toString(36);
+      hashes.set(host, made2);
+      return made2;
+    }
+    function stateName(def, host) {
+      const card = placeOf(host) === "page" ? host.closest(CARD)?.getAttribute(CARD_ID) : null;
+      if (card) return { id: `${def.id}:${card}` };
+      const hashed = () => {
+        const hash = markupHash(def, host);
+        const alike = hostsIn(document, selectorOf(def)).filter((other) => !outsidePage(other) && !inOther(def, other) && markupHash(def, other) === hash);
+        return `${def.id}:${hash}:${Math.max(0, alike.indexOf(host))}`;
+      };
+      const block = host.getAttribute("data-block-id");
+      return block ? { id: `${def.id}:${block}`, formerId: hashed() } : { id: hashed() };
+    }
+    const ownSlug = () => document.querySelector(".doc-page")?.dataset.docId || null;
     const canEdit = (def, host) => editable && instances.get(host)?.failed === false && !schemaAhead(host.getAttribute(SCHEMA), descriptions.get(def.id)?.schema);
     const partNamed = (def, name) => {
       const part = descriptions.get(def.id)?.parts?.[name];
       if (!part) throw new Error(`no part "${name}" in ${def.id}'s manifest`);
       return part;
     };
-    const packageContext = (def, host) => ({
-      part: (name) => partsIn(host, partNamed(def, name).at)[0] ?? null,
-      state: ({ version, defaults, transientKeys }) => global2.DocState.getOrCreate({ id: `${def.id}:${instanceName(def, host)}`, version, defaults, transientKeys }),
-      canEdit: () => canEdit(def, host),
-      edit(names, change) {
+    function packageContext(def, host, instance) {
+      const part = (name) => partsIn(host, partNamed(def, name).at, partNamed(def, name).edit)[0] ?? null;
+      const place = placeOf(host);
+      const needs = descriptions.get(def.id)?.needs ?? [];
+      const ended = () => instances.get(host) !== instance || instance.failed;
+      const timers = /* @__PURE__ */ new Map();
+      const timer = (set, clear2, run, ms, once) => {
+        if (typeof run !== "function") throw new Error(`${def.id}: a timer runs a function`);
+        const { signal } = instance.controller;
+        if (signal.aborted) return 0;
+        if (!timers.armed) {
+          timers.armed = true;
+          signal.addEventListener("abort", () => {
+            for (const [id2, clearIt] of timers) clearIt.call(global2, id2);
+            timers.clear();
+          }, { once: true });
+        }
+        const id = set.call(global2, () => {
+          if (once) timers.delete(id);
+          if (ended()) return;
+          try {
+            guarded(instance, host, run, "ran a timer");
+          } catch (error) {
+            report(def, host, error);
+          }
+        }, ms);
+        timers.set(id, clear2);
+        return id;
+      };
+      const edit = (names, change) => {
         if (!canEdit(def, host)) return false;
         const several = Array.isArray(names);
         const parts = (several ? names : [names]).map((name) => {
-          const { at, edit } = partNamed(def, name);
-          if (edit !== "data") throw new Error(`the part "${name}" of ${def.id} is not edited as data`);
-          return { name, part: partsIn(host, at)[0] };
+          const { at, edit: edit2 } = partNamed(def, name);
+          if (edit2 !== "data") throw new Error(`the part "${name}" of ${def.id} is not edited as data`);
+          return { name, part: partsIn(host, at, edit2)[0] };
         });
-        const apart = parts.find(({ part }, index) => parts.some((other, at) => at !== index && part && other.part && (part === other.part || other.part.contains(part))));
+        const apart = parts.find(({ part: part2 }, index) => parts.some((other, at) => at !== index && part2 && other.part && (part2 === other.part || other.part.contains(part2))));
         if (apart) throw new Error(`the part "${apart.name}" of ${def.id} is in another this edit names, or is it: name the one around it`);
-        if (parts.length === 0 || parts.some(({ part }) => !part)) return false;
+        if (parts.length === 0 || parts.some(({ part: part2 }) => !part2)) return false;
         const run = (drafts) => {
           try {
             if (typeof change(several ? drafts : drafts[names])?.then === "function") throw new Error(`a change of ${several ? names.map((name) => `"${name}"`).join(", ") : `"${names}"`} runs at once: context.edit does not wait for it`);
@@ -828,12 +2215,163 @@
           }
         };
         return !host.dispatchEvent(new CustomEvent("doc-component-edit", { bubbles: true, cancelable: true, detail: { parts, run } }));
+      };
+      return {
+        part,
+        state: ({ version, defaults, transientKeys }) => global2.DocState.getOrCreate({ ...stateName(def, host), version, defaults, transientKeys }),
+        canEdit: () => canEdit(def, host),
+        edit,
+        // A part's JSON, parsed (JSON's null too, as any value it holds); undefined where there is nothing
+        // to read, which no JSON is: an optional part the instance does not hold, and one that holds no
+        // JSON, which fails the instance (context.fail), as its data cannot be read.
+        readJSON(name) {
+          const node = part(name);
+          if (!node) return void 0;
+          try {
+            return JSON.parse(node.textContent ?? "");
+          } catch (error) {
+            report(def, host, new Error(`its part "${name}" holds no JSON: ${error.message}`));
+            return void 0;
+          }
+        },
+        // An edit of a part of JSON (a script of data): `change` is handed what it holds, parsed, and changes
+        // it or returns what is to stand there instead; written back as it was laid out (json-layout.mjs
+        // jsonIn), and not at all where it holds what it held.
+        editJSON(name, change) {
+          if (typeof name !== "string") throw new Error(`${def.id}: context.editJSON names one part`);
+          return edit(name, (script) => {
+            const text = script.textContent ?? "";
+            let data;
+            try {
+              data = JSON.parse(text);
+            } catch (error) {
+              throw new Error(`its part "${name}" holds no JSON: ${error.message}`);
+            }
+            const result = change(data);
+            if (typeof result?.then === "function") throw new Error(`a change of "${name}" runs at once: context.editJSON does not wait for it`);
+            const next = result === void 0 ? data : result;
+            if (JSON.stringify(next) !== JSON.stringify(JSON.parse(text))) script.textContent = jsonIn(text, next);
+          });
+        },
+        // The rows of the table a part is or holds (rows.js), each write of them one edit of that part.
+        rows(name) {
+          const table2 = tableOf(part(name));
+          if (!table2) return null;
+          return rowSet(table2, (change) => edit(name, (draft) => {
+            const drafted = tableOf(draft);
+            if (!drafted) throw new Error(`its part "${name}" holds no table`);
+            change(drafted);
+          }), ownSlug());
+        },
+        // The table of the document this instance is a view of (a block whose needs hold "tables": VIEW_FROM
+        // names its key), read now: its rows as context.rows gives them, and what changes it, each asked of
+        // the page editor (tableView).
+        table: () => tableView(def, host, instance, place),
+        interval: (run, ms) => timer(global2.setInterval, global2.clearInterval, run, ms, false),
+        timeout: (run, ms) => timer(global2.setTimeout, global2.clearTimeout, run, ms, true),
+        // A listener that goes as the instance ends, or as the signal of its own options aborts.
+        listen(target, type, run, options = {}) {
+          const given = typeof options === "boolean" ? { capture: options } : { ...options ?? {} };
+          const own = given.signal;
+          if (own?.aborted || instance.controller.signal.aborted) return;
+          target.addEventListener(type, run, { ...given, signal: instance.controller.signal });
+          own?.addEventListener("abort", () => target.removeEventListener(type, run, { capture: Boolean(given.capture) }), { once: true });
+        },
+        place,
+        // A block whose needs name a host of the net reaches it through the server (net.js), nothing else.
+        ...netHostsOf(descriptions.get(def.id)?.needs).length > 0 ? { fetch: net.fetchFor(def, host, place) } : {},
+        // Its card's size on a custom page, in the grid's cells (what the board draws it at, never the raw
+        // attributes: card-size.mjs drawnCells) and in pixels, what its card holds inside its padding; null
+        // anywhere else. The page says when it changes: `layout`.
+        get size() {
+          const card = place === "page" ? host.closest(CARD) : null;
+          if (!card) return null;
+          const style = global2.getComputedStyle(card);
+          const inner = (size, ...sides) => Math.max(0, Math.round(size - sides.reduce((sum, side) => sum + (parseFloat(style[side]) || 0), 0)));
+          return { ...drawnCells(card), width: inner(card.clientWidth, "paddingLeft", "paddingRight"), height: inner(card.clientHeight, "paddingTop", "paddingBottom") };
+        },
+        // What it reads of the workspace, where its manifest's needs say "workspace" (workspace.js), and none elsewhere.
+        ...needs.includes("workspace") ? { workspace: workspaceOf({ id: def.id, place, kinds: instance.kinds = /* @__PURE__ */ new Set() }) } : {}
+      };
+    }
+    const tablesTold = /* @__PURE__ */ new Set();
+    const readsTables = (def) => descriptions.get(def.id)?.needs?.includes("tables") ?? false;
+    function following(def, host, instance) {
+      if (instance.view) return instance.view;
+      const signature = () => {
+        const key = host.getAttribute(VIEW_FROM);
+        return key ? tables.signature(key, ownSlug()) : "none";
+      };
+      const view = { listeners: /* @__PURE__ */ new Set(), told: signature() };
+      instance.view = view;
+      const unfollow = tables.follow(() => host.getAttribute(VIEW_FROM), () => {
+        if (instances.get(host) !== instance || instance.failed) return;
+        const now = signature();
+        if (now === view.told) return;
+        view.told = now;
+        for (const listener of [...view.listeners]) {
+          try {
+            guarded(instance, host, listener, "heard its table");
+          } catch (error) {
+            report(def, host, error);
+            return;
+          }
+        }
+        if (def.on?.includes("data")) tell(host, "data", "table");
+      });
+      instance.controller.signal.addEventListener("abort", unfollow, { once: true });
+      return view;
+    }
+    function tableView(def, host, instance, place) {
+      if (!readsTables(def)) {
+        if (!tablesTold.has(def.id)) console.error(`[DocKit] ${def.id}: context.table() reads a table for a block whose manifest's needs hold "tables"`);
+        tablesTold.add(def.id);
+        return null;
       }
-    });
+      const key = host.getAttribute(VIEW_FROM);
+      const reading = place === "page" || !key ? null : tables.reading(key);
+      if (!reading || reading.merged) return null;
+      const { table: table2 } = reading;
+      const columns = Object.freeze([...reading.names]);
+      const rows = Object.freeze([...tables.rows(key, ownSlug())]);
+      const live2 = (row) => rows.includes(row) && table2.isConnected && table2.contains(row.el);
+      const cellsOf2 = (values) => Object.entries(namedIn(columns, values)).map(([name, text]) => [columns.lastIndexOf(name), String(text ?? "")]);
+      const ask2 = (detail) => place === "document" && canEdit(def, host) && !host.dispatchEvent(new CustomEvent("doc-table-intent", { bubbles: true, cancelable: true, detail: { table: table2, ...detail } }));
+      return Object.freeze({
+        columns,
+        rows,
+        canEdit: () => ask2({ op: "check" }),
+        set(row, column, text) {
+          const cells = cellsOf2({ [column]: text });
+          return live2(row) && ask2({ op: "set", row: row.el, cells });
+        },
+        add(values, at = {}) {
+          const cells = cellsOf2(values);
+          if (at?.after && !live2(at.after)) return false;
+          return ask2({ op: "add", after: at?.after?.el ?? null, cells });
+        },
+        move(row, to = {}) {
+          const cells = to?.values ? cellsOf2(to.values) : [];
+          const target = to?.before ?? to?.after ?? null;
+          if (!live2(row) || target && !live2(target)) return false;
+          return ask2({ op: "move", row: row.el, before: to?.before?.el ?? null, after: to?.before ? null : to?.after?.el ?? null, cells });
+        },
+        remove: (row) => live2(row) && ask2({ op: "remove", row: row.el }),
+        subscribe(listener) {
+          if (typeof listener !== "function") throw new Error(`${def.id}: context.table().subscribe takes a function`);
+          if (instances.get(host) !== instance || instance.controller.signal.aborted) return () => {
+          };
+          const { listeners } = following(def, host, instance);
+          listeners.add(listener);
+          return () => void listeners.delete(listener);
+        }
+      });
+    }
     function takeRuntime(description, root) {
       const { generated = [], attrs = {} } = description?.runtime ?? {};
-      for (const selector of generated) hostsIn(root, selector).forEach((node) => node.remove());
-      for (const [selector, names] of Object.entries(attrs)) hostsIn(root, selector).forEach((node) => names.forEach((name) => node.removeAttribute(name)));
+      const own = (selector) => hostsIn(root, selector).filter((node) => node === root || heldBy(node) === root);
+      for (const selector of generated) own(selector).forEach((node) => node.remove());
+      for (const [selector, names] of Object.entries(attrs)) own(selector).forEach((node) => names.forEach((name) => node.removeAttribute(name)));
     }
     function clear(def, host) {
       try {
@@ -857,6 +2395,7 @@
       if (instance.failed) return;
       instance.failed = true;
       queued.delete(host);
+      toHear.delete(host);
       resize.unobserve(host);
       instance.controller.abort();
       const { handle } = instance;
@@ -882,16 +2421,17 @@
         host,
         signal: controller.signal,
         frame: (run) => schedule(host, run),
-        fail: (error) => report(def, host, error),
-        ...packaged ? packageContext(def, host) : {}
+        fail: (error) => report(def, host, error)
       };
+      if (packaged) Object.defineProperties(context2, Object.getOwnPropertyDescriptors(packageContext(def, host, instance)));
       instance.context = context2;
       let failure = null;
       let made2 = null;
       try {
-        made2 = make(context2);
+        made2 = make(context2, (run) => guarded(instance, host, run, "mounted"));
       } catch (error) {
         failure = error;
+        if (error?.made && typeof error.made.then !== "function") instance.handle = error.made;
       }
       if (packaged && (failure || instance.failed)) {
         const failedAsItRan = instance.failed;
@@ -909,6 +2449,9 @@
       }
       counters.mounted += 1;
       if (def.on?.includes("resize")) resize.observe(host);
+      if (def.on?.includes("source")) watchSource();
+      if (def.on?.includes("clock")) armClock();
+      if (packaged && def.on?.includes("data") && readsTables(def)) following(def, host, instance);
       return instance.handle;
     }
     function whenMade(promise, instance, host, context2) {
@@ -925,16 +2468,18 @@
     }
     function mount(def, host) {
       if (instances.has(host)) return instances.get(host).handle;
-      return keep(def, host, (context2) => {
+      return keep(def, host, (context2, guard) => {
         if (ofPackage(def)) clear(def, host);
-        return def.mount(host, context2);
+        return guard(() => def.mount(host, context2));
       });
     }
     function destroy(host) {
       const instance = instances.get(host);
       if (!instance) return;
+      net.forget(host);
       instances.delete(host);
       queued.delete(host);
+      toHear.delete(host);
       counters.destroyed += 1;
       resize.unobserve(host);
       instance.controller.abort();
@@ -945,12 +2490,16 @@
         report(instance.def, host, error);
       }
     }
+    function restart(host) {
+      const instance = instances.get(host);
+      if (!instance) return;
+      destroy(host);
+      if (host.isConnected) mount(instance.def, host);
+    }
+    const net = createNet({ restart, instances: () => [...instances].map(([host, { def }]) => [host, def]), describe: (id) => descriptions.get(id) });
     const hostsIn = (root, selector) => [...root.matches?.(selector) ? [root] : [], ...root.querySelectorAll?.(selector) ?? []];
     const outsidePage = (node) => Boolean(node.closest?.("[data-doc-dev]"));
-    const inOther = (def, host) => {
-      for (let around = host.closest(INSTANCE); around; around = around.parentElement?.closest(INSTANCE)) if (around.getAttribute(ATTRIBUTE) !== def.id) return true;
-      return false;
-    };
+    const inOther = (def, host) => host.matches(INSTANCE) && host.getAttribute(ATTRIBUTE) !== def.id || (heldBy(host)?.getAttribute(ATTRIBUTE) ?? def.id) !== def.id;
     function scan(root, only, { later = false } = {}) {
       for (const def of only ? [only] : defs.values()) {
         if (!def.started || later && def.added === false) continue;
@@ -976,18 +2525,18 @@
     function showAsItStands(host) {
       host.setAttribute(FALLBACK, "");
       for (const control of host.querySelectorAll(CONTROLS2)) {
-        if (control.hasAttribute("inert")) continue;
+        if (control.hasAttribute("inert") || heldBy(control) !== host) continue;
         control.setAttribute("inert", "");
         control.setAttribute(CONTROL_MARK, "");
       }
       showData(host);
     }
     const drawnFrom = /* @__PURE__ */ new WeakMap();
-    const dataShownIn = (host) => [...host.querySelectorAll(`.${DATA_SHOWN}`)].filter((node) => node.parentElement.closest(INSTANCE) === host);
+    const dataShownIn = (host) => [...host.querySelectorAll(`.${DATA_SHOWN}`)].filter((node) => ownedBy(node, host));
     function showData(host) {
       const kept = /* @__PURE__ */ new Set();
       for (const script of host.querySelectorAll("script")) {
-        if (script.closest(INSTANCE) !== host || !isDataScript(script.localName, [...script.attributes])) continue;
+        if (!ownedBy(script, host) || !isDataScript(script.localName, [...script.attributes])) continue;
         const next = script.nextElementSibling;
         if (next && drawnFrom.get(next) === script.textContent) {
           kept.add(next);
@@ -1006,7 +2555,7 @@
       for (const host of hostsIn(root, INSTANCE)) {
         const id = host.getAttribute(ATTRIBUTE);
         const told = descriptions.get(id);
-        if (outsidePage(host) || host.parentElement?.closest(INSTANCE) || defs.has(id) || [...document.querySelectorAll(`script[${ARRIVING}]`)].some((script) => script.getAttribute(ARRIVING) === id)) continue;
+        if (outsidePage(host) || heldBy(host) || defs.has(id) || [...document.querySelectorAll(`script[${ARRIVING}]`)].some((script) => script.getAttribute(ARRIVING) === id)) continue;
         if (told?.match && !(told.script && loaded2)) {
           if (host.hasAttribute(FALLBACK)) takeFallback(host);
           continue;
@@ -1027,7 +2576,19 @@
     if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", () => fallback(document), { once: true });
     else fallback(document);
     if (document.readyState !== "complete") global2.addEventListener("load", () => fallback(document), { once: true });
-    const sourceParts = (host, id) => Object.values(descriptions.get(id)?.parts ?? {}).filter(({ edit }) => edit === "text" || edit === "data").flatMap(({ at }) => partsIn(host, at));
+    const sourceParts = (host, id) => Object.values(descriptions.get(id)?.parts ?? {}).filter(({ edit }) => edit === "text" || edit === "data" || edit === "flow").flatMap(({ at, edit }) => partsIn(host, at, edit));
+    const ownedHere = (target) => {
+      const host = target.closest(owned);
+      if (!host) return false;
+      if (!host.matches(INSTANCE)) return true;
+      return target === host || componentAt(target) && heldBy(target) === host;
+    };
+    function ofTheFile(host, target, record) {
+      const region = record.type === "attributes" ? heldBy(target) : heldWithin(target);
+      if (region === null || region === host) return true;
+      return sourceParts(region, region.getAttribute(ATTRIBUTE)).some((part) => part.contains(target));
+    }
+    const ofSource = (record) => record.attributeName === "class" ? lookChanged(record.oldValue, record.target.getAttribute("class")) : SOURCE_ATTRIBUTES.includes(record.attributeName);
     function changes(records, options) {
       if (!global2.document?.defaultView) return;
       const changed = [];
@@ -1035,19 +2596,24 @@
       const sourced = options?.quiet ? [] : listening("source");
       const written = [];
       let removed = false;
-      const later = [...defs.values()].filter((def) => def.started && def.added !== false).map(selectorOf).concat(INSTANCE).join(", ");
+      let later = null;
       for (const record of records) {
+        const attribute = record.type === "attributes" ? record.attributeName : null;
+        const reveals = attribute !== null && REVEALS.includes(attribute);
+        if (attribute !== null && !reveals && (sourced.length === 0 || !ofSource(record))) continue;
         const target = record.target.nodeType === 1 ? record.target : record.target.parentElement;
         if (!target || outsidePage(target)) continue;
-        if (sourced.length > 0 && record.type !== "attributes") written.push([target, record]);
-        if (owned && target.closest(owned)) continue;
-        if (record.type === "attributes") {
-          revealed.add(target);
+        if (sourced.length > 0 && !reveals) written.push([target, record]);
+        if (owned && ownedHere(target)) continue;
+        if (attribute !== null) {
+          if (reveals) revealed.add(target);
           continue;
         }
         if (record.removedNodes.length > 0) removed = true;
         for (const node of record.addedNodes) {
-          if (node.nodeType !== 1 || !node.isConnected || outsidePage(node) || !(node.matches(later) || node.querySelector(later))) continue;
+          if (node.nodeType !== 1 || !node.isConnected || outsidePage(node)) continue;
+          later ??= [...defs.values()].filter((def) => def.started && def.added !== false).map(selectorOf).concat(INSTANCE).join(", ");
+          if (!(node.matches(later) || node.querySelector(later))) continue;
           scan(node, null, { later: true });
           fallback(node);
         }
@@ -1063,9 +2629,10 @@
         for (const host of hosts) if (heard.get(host).length > 0) tell(host, "content", heard.get(host), options);
       }
       for (const [host, { def }] of sourced) {
+        if (!instances.has(host) || written.length === 0) continue;
         const parts = sourceParts(host, def.id);
-        const heard = written.filter(([target]) => parts.some((part) => part.contains(target))).map(([, record]) => record);
-        if (heard.length > 0) tell(host, "source", heard);
+        const heard = written.filter(([target, record]) => parts.some((part) => part.contains(target)) && ofTheFile(host, target, record)).map(([, record]) => record);
+        if (heard.length > 0) hearLater(host, heard);
       }
       for (const [host] of listening("reveal")) {
         for (const target of revealed) if (target.contains(host)) {
@@ -1074,8 +2641,16 @@
         }
       }
     }
+    const REVEALS = ["hidden", "open"];
+    const WATCHED2 = { childList: true, subtree: true, characterData: true, attributes: true, attributeFilter: REVEALS };
     const observer = new MutationObserver((records) => changes(records));
-    observer.observe(document.documentElement, { childList: true, subtree: true, characterData: true, attributes: true, attributeFilter: ["hidden", "open"] });
+    observer.observe(document.documentElement, WATCHED2);
+    let watchingSource = false;
+    function watchSource() {
+      if (watchingSource) return;
+      watchingSource = true;
+      observer.observe(document.documentElement, { ...WATCHED2, attributeOldValue: true, attributeFilter: [...REVEALS, ...SOURCE_ATTRIBUTES, "class"] });
+    }
     function quietly(change) {
       changes(observer.takeRecords());
       try {
@@ -1096,10 +2671,11 @@
           }
         }
       }
-      for (const description of descriptions.values()) {
+      for (const [id, description] of descriptions) {
         const marks = description.runtime ?? {};
-        for (const selector of marks.generated ?? []) all(selector).forEach((node) => node.remove());
-        for (const [selector, names] of Object.entries(marks.attrs ?? {})) all(selector).forEach((node) => names.forEach((name) => node.removeAttribute(name)));
+        const of = (selector) => PACKAGE_ID.test(id) ? all(selector).filter((node) => (node.matches(INSTANCE) ? node : heldBy(node))?.getAttribute(ATTRIBUTE) === id) : all(selector);
+        for (const selector of marks.generated ?? []) of(selector).forEach((node) => node.remove());
+        for (const [selector, names] of Object.entries(marks.attrs ?? {})) of(selector).forEach((node) => names.forEach((name) => node.removeAttribute(name)));
         for (const [selector, names] of Object.entries(marks.classes ?? {})) {
           all(selector).forEach((node) => {
             node.classList.remove(...names);
@@ -1126,7 +2702,9 @@
       },
       quietly,
       dehydrate,
-      /** The component on `host` makes its `example` of an edit, as gallery component check asks it. Whether it has one. */
+      /** The tables of the page a key names, for the kit's charts drawn from a table and its views (table-reading.js createKeyedTables): the kit's own, no document's. */
+      tables,
+      /** The component on `host` makes its `example` of an edit, as gallery block check asks it. Whether it has one. */
       example(host) {
         const instance = instances.get(host);
         if (!instance?.def.example) return false;
@@ -1204,7 +2782,7 @@
   }
 
   // src/render/kit/runtime/reveal.js
-  var CARD = "dialog.doc-dialog";
+  var CARD2 = "dialog.doc-dialog";
   var shown = (panel) => {
     const area = panel.parentElement;
     const key = panel.getAttribute("data-doc-sheet");
@@ -1212,7 +2790,7 @@
     if (panel.hidden) [...area.querySelectorAll("[data-sheet-tab]")].find((tab) => tab.getAttribute("data-sheet-tab") === key)?.click();
   };
   function reveal(target) {
-    for (const card of [...document.querySelectorAll(`${CARD}[open]`)].reverse()) {
+    for (const card of [...document.querySelectorAll(`${CARD2}[open]`)].reverse()) {
       if (card.contains(target)) continue;
       if (globalThis.DocDialogs) globalThis.DocDialogs.close(card, "outside");
       else card.close();
@@ -1221,7 +2799,7 @@
     for (let node = target; node; node = node.parentElement) around.unshift(node);
     for (const node of around) {
       if (node.hasAttribute("data-doc-sheet") && node.hidden && node.parentElement?.matches("[data-doc-sheets]")) shown(node);
-      else if (node.matches(`${CARD}:not([open])`)) {
+      else if (node.matches(`${CARD2}:not([open])`)) {
         if (globalThis.DocDialogs) globalThis.DocDialogs.open(node);
         else node.showModal();
       } else if (node !== target && node.localName === "details" && !node.open) node.open = true;
@@ -1247,18 +2825,18 @@
       reveal(target);
       target.scrollIntoView({ block: "center" });
     };
-    let order = [...doc.querySelectorAll(`${CARD}[open]`)];
+    let order = [...doc.querySelectorAll(`${CARD2}[open]`)];
     new win.MutationObserver((records) => {
       for (const { target } of records) {
-        if (!target.matches?.(CARD)) continue;
+        if (!target.matches?.(CARD2)) continue;
         order = order.filter((card) => card !== target);
         if (target.open) order.push(target);
       }
     }).observe(root, { subtree: true, attributes: true, attributeFilter: ["open"] });
     const contentOf2 = (card) => card.querySelector(".doc-dialog-content");
     const cards = () => {
-      const open = [...doc.querySelectorAll(`${CARD}[open]`)];
-      return [...order.filter((card) => card.open), ...open.filter((card) => !order.includes(card))].filter((card) => card.id).map((card) => ({ id: card.id, top: contentOf2(card)?.scrollTop ?? 0 }));
+      const open2 = [...doc.querySelectorAll(`${CARD2}[open]`)];
+      return [...order.filter((card) => card.open), ...open2.filter((card) => !order.includes(card))].filter((card) => card.id).map((card) => ({ id: card.id, top: contentOf2(card)?.scrollTop ?? 0 }));
     };
     let putting = 0;
     let seen = win.location.hash;
@@ -1291,7 +2869,7 @@
       });
       for (const { id } of kept) {
         const card = doc.getElementById(id);
-        if (!card?.matches(`${CARD}:not([open])`)) continue;
+        if (!card?.matches(`${CARD2}:not([open])`)) continue;
         if (globalThis.DocDialogs) globalThis.DocDialogs.open(card);
         else card.showModal();
       }
@@ -1346,69 +2924,14 @@
     observer.observe(root, { attributes: true, attributeFilter: ["data-doc-drawn"] });
   }
 
-  // src/shared/inline-spacing.mjs
-  var UNITS = /* @__PURE__ */ new Set([..."\u4E2A\u4E07\u4EBF\u5343\u767E\u5341\u5143\u89D2\u5206\u5398\u6BDB\u500D\u5E74\u6708\u65E5\u53F7\u65F6\u70B9\u79D2\u5929\u5468\u5C81\u4EBA\u4F4D\u540D\u6B21\u5BB6\u6761\u9879\u79CD\u53F0\u53EA\u4EF6\u7BC7\u9875\u5F20\u5957\u4EFD\u7EC4\u6279\u671F\u5C4A\u4EE3\u7EA7\u5C42\u8F6E\u6B65\u7C73\u514B\u65A4\u5428\u5EA6\u91CC\u516C\u6BEB\u5FAE\u5BF8\u5C3A\u4E24\u5347\u6237\u6240\u5EA7\u680B\u8F86\u67B6\u8258\u672C\u90E8\u7AE0\u8282\u573A\u5C40\u9996\u53E5\u5B57\u884C\u5217\u904D\u56DE\u756A\u6210"]);
-  var ZWSP = String.fromCharCode(8203);
-  var WORD = /[\p{L}\p{N}]/u;
-  var ITEM = "code, .doc-math-inline, .katex";
-  var LINE = /^(P|LI|H[1-6]|TD|TH|DT|DD|DIV|SECTION|ARTICLE|ASIDE|HEADER|FOOTER|MAIN|NAV|FIGURE|FIGCAPTION|CAPTION|SUMMARY|DETAILS|BLOCKQUOTE|UL|OL|TABLE|THEAD|TBODY|TR|PRE|BR|HR|DIALOG|BODY|BUTTON|svg)$/;
-  var emptyFormula = (element) => element.matches(".doc-math-inline") && (element.getAttribute("data-ge-empty") === "formula" || !element.textContent.replace(/\\[()]/g, "").trim());
-  var isInlineItem = (node) => node?.nodeType === 1 && node.matches(ITEM) && !emptyFormula(node);
-  function inlineItems(root) {
-    const items = root.nodeType === 1 && root.matches(ITEM) ? [root, ...root.querySelectorAll(ITEM)] : [...root.querySelectorAll(ITEM)];
-    return items.filter((item2) => isInlineItem(item2) && !item2.parentElement?.closest(".doc-math-inline, .katex, .katex-display, code"));
-  }
-  function endOf(node, after) {
-    if (node.nodeType === 3) {
-      const characters = [...node.data.replaceAll(ZWSP, "")];
-      return characters.length === 0 ? void 0 : after ? characters[0] : characters.at(-1);
-    }
-    if (node.nodeType !== 1) return void 0;
-    if (LINE.test(node.tagName)) return null;
-    if (node.matches(ITEM)) return emptyFormula(node) ? void 0 : true;
-    if (node.hasAttribute("data-ge-empty")) return void 0;
-    const children = [...node.childNodes];
-    for (const child of after ? children : children.reverse()) {
-      const found = endOf(child, after);
-      if (found !== void 0) return found;
-    }
-    return void 0;
-  }
-  function sideOf(node, after) {
-    for (let at = node; at; ) {
-      const next = after ? at.nextSibling : at.previousSibling;
-      if (!next) {
-        at = at.parentElement;
-        if (!at || LINE.test(at.tagName) || at.hasAttribute("contenteditable")) return null;
-        continue;
-      }
-      const found = endOf(next, after);
-      if (found !== void 0) return found;
-      at = next;
-    }
-    return null;
-  }
-  function spaceAround(element) {
-    const put = { before: null, after: null };
-    for (const after of [false, true]) {
-      const side = sideOf(element, after);
-      if (side !== true && !(typeof side === "string" && WORD.test(side))) continue;
-      const space = element.ownerDocument.createTextNode(" ");
-      if (after) element.after(space);
-      else element.before(space);
-      put[after ? "after" : "before"] = space;
-    }
-    return put;
-  }
-
   // src/render/kit/runtime/spacing.js
-  var inert = (element) => element.closest(`pre, svg, [contenteditable], [data-doc-dev], script, style, textarea, ${INSTANCE}`);
+  var inert = (element) => element.closest("pre, svg, [contenteditable], [data-doc-dev], script, style, textarea") || element.matches(INSTANCE) || componentAt(element);
   var NUMBER = String.raw`\d(?:[\d.,]*\d)?(?:%|[A-Za-z]{1,3})?`;
   var DASH = "[\u2013\u2014~\uFF5E]";
   var CLOSING = new RegExp(String.raw`^(?:${DASH}${NUMBER})?[，。、；：！？）」』》】〉〕”’,.;:!?)\]]*`);
-  var RANGE = new RegExp(`${NUMBER} ?${DASH} ?${NUMBER}`);
-  var OWN_TEXT = "code, kbd, samp, .katex, .doc-range, option";
-  var TEX = /\\[()[\]]|\$\$/;
+  var RANGE2 = new RegExp(`${NUMBER} ?${DASH} ?${NUMBER}`);
+  var OWN_TEXT = "code, kbd, samp, .katex, .doc-range, .doc-long-run, option";
+  var TEX2 = /\\[()[\]]|\$\$/;
   var WRAPPER = /^(STRONG|B|EM|I|U|S|MARK|SPAN|A|SUB|SUP|SMALL)$/;
   function tieClosing(formula) {
     let at = formula;
@@ -1446,7 +2969,7 @@
   function holdRanges(text) {
     const held = [];
     for (let rest = text; rest; ) {
-      const found = RANGE.exec(rest.data);
+      const found = RANGE2.exec(rest.data);
       if (!found) break;
       const range = found.index > 0 ? rest.splitText(found.index) : rest;
       rest = range.data.length > found[0].length ? range.splitText(found[0].length) : null;
@@ -1458,13 +2981,36 @@
     }
     return held;
   }
-  function holdIn(root) {
+  function holdRuns(text) {
+    const held = [];
+    for (const { index, length } of longRuns(text.data).reverse()) {
+      if (index + length < text.data.length) text.splitText(index + length);
+      held.unshift(breaking(index > 0 ? text.splitText(index) : text));
+    }
+    return held;
+  }
+  function breaking(node) {
+    const span = node.ownerDocument.createElement("span");
+    span.className = "doc-long-run";
+    node.before(span);
+    span.append(node);
+    return span;
+  }
+  function textsIn(root) {
     const texts = [];
     const walker = root.ownerDocument.createTreeWalker(root, 4);
     for (let node = walker.nextNode(); node; node = walker.nextNode()) texts.push(node);
-    for (const text of texts) {
-      const parent = text.parentElement;
-      if (parent?.closest("main") && RANGE.test(text.data) && !TEX.test(text.data) && !inert(parent) && !parent.closest(OWN_TEXT) && !(text.data.includes("$") && parent.closest("[data-doc-math-dollar]"))) holdRanges(text);
+    return texts;
+  }
+  function looked(text) {
+    const parent = text.parentElement;
+    return Boolean(parent?.closest("main")) && !TEX2.test(text.data) && !inert(parent) && !parent.closest(OWN_TEXT) && !(text.data.includes("$") && parent.closest("[data-doc-math-dollar]"));
+  }
+  function holdIn(root) {
+    for (const text of textsIn(root)) if (RANGE2.test(text.data) && looked(text)) holdRanges(text);
+    for (const text of textsIn(root)) if (holdsLongRun(text.data) && looked(text)) holdRuns(text);
+    for (const code of [...root.matches("code") ? [root] : [], ...root.querySelectorAll("code")]) {
+      if (code.closest("main") && !inert(code) && !code.parentElement?.closest(`${OWN_TEXT}, td, th`) && holdsLongRun(code.textContent)) breaking(code);
     }
   }
   function keepLines(root, flows) {
@@ -1506,8 +3052,7 @@
     ".doc-bookmark",
     ".doc-file",
     ".doc-zoom",
-    "[data-doc-dev]",
-    INSTANCE
+    "[data-doc-dev]"
   ].join(", ");
   var ZOOM_PICTURES = ".doc-page img";
   var ZOOM_MARK = "data-doc-zoom";
@@ -1515,7 +3060,7 @@
   var loaded = (img) => img.complete && (img.naturalWidth > 0 || /^data:image\/svg|\.svg(?:[?#]|$)/i.test(img.currentSrc || img.src));
   function zoomable(img) {
     const holder = img?.hasAttribute?.(ZOOM_MARK) ? img.parentElement : img;
-    if (img?.localName !== "img" || !img.closest(".doc-page") || holder?.closest(ZOOM_SKIP) || !loaded(img)) return false;
+    if (img?.localName !== "img" || !img.closest(".doc-page") || holder?.closest(ZOOM_SKIP) || holder.matches(INSTANCE) || componentAt(holder) || !loaded(img)) return false;
     const box = img.getBoundingClientRect();
     return box.width >= ZOOM_LEAST || box.height >= ZOOM_LEAST;
   }
@@ -1690,18 +3235,23 @@
 
   // src/render/kit/runtime/index.js
   if (!globalThis.DocKit) {
+    const platform = globalThis.navigator?.userAgentData?.platform || globalThis.navigator?.platform || "";
+    if (/mac|iphone|ipad/i.test(platform)) document.documentElement.setAttribute("data-doc-platform", "mac");
+    else document.documentElement.removeAttribute("data-doc-platform");
     const kit = createKit({ descriptions: new Map(define_COMPONENT_RUNTIME_default.map((component) => [component.id, component])) });
     const { store, bindControl, bindShow, CONTROLS: CONTROLS3 } = createBindings();
     kit.component({ id: "bind", selector: CONTROLS3, mount: (element, context2) => bindControl(element, context2) });
     kit.component({ id: "show", selector: "[data-doc-show]", mount: (element) => bindShow(element) });
     kit.component({ id: "embed", mount: (figure) => showEmbed(figure), dehydrate: (figure) => dehydrateEmbed(figure) });
-    kit.component({ id: "flowchart", selector: FLOWCHART, on: ["resize", "fonts", "content"], mount: (list2, context2) => startFlowchart(list2, context2), dehydrate: (list2) => dehydrateFlowchart(list2) });
-    globalThis.DocKit = Object.freeze({ ...kit, bindings: store, flows: define_COMPONENT_FLOWS_default, reveal });
+    kit.component({ id: "flowchart", selector: FLOWCHART, on: ["resize", "fonts", "content", "layout"], mount: (list2, context2) => startFlowchart(list2, context2), dehydrate: (list2) => dehydrateFlowchart(list2) });
+    globalThis.DocKit = Object.freeze({ ...kit, bindings: store, flows: define_COMPONENT_FLOWS_default, reveal, input: fieldIn, drag: dragIn, choose });
     globalThis.ReportKit = globalThis.DocKit;
     globalThis.DocKit.component({ id: "range", selector: ".doc-range", added: false, mount: () => null, dehydrate: untie });
-    startSpacing(document, ".doc-page, .doc-section, .doc-summary, .doc-panel, .doc-details-content, .doc-dialog-content, [data-doc-sheet], .doc-column, :is(.doc-section, .doc-summary, .doc-panel, .doc-details-content, .doc-dialog-content, .doc-column) > div:not([class])");
+    globalThis.DocKit.component({ id: "long-run", selector: ".doc-long-run", added: false, mount: () => null, dehydrate: untie });
+    startSpacing(document, ".doc-page, .doc-section, .doc-summary, .doc-panel, .doc-callout, .doc-details-content, .doc-dialog-content, [data-doc-sheet], .doc-column, [data-doc-slot], :is(.doc-section, .doc-summary, .doc-panel, .doc-callout, .doc-details-content, .doc-dialog-content, .doc-column, [data-doc-slot]) > div:not([class])");
     startZoom(document);
     globalThis.DocKit.component({ id: "zoom", selector: ZOOM_PICTURES, on: ["resize", "reveal"], mount: (img, context2) => watchZoom(img, context2) });
     startBlockLinks(document);
+    startChoices(document);
   }
 })();