@w100n/documents 0.4.0 → 0.11.0

package/dist/index.js

@@ -2,156 +2,2795 @@
 import {
   kindOf,
   kinds,
-  matches
-} from "./chunk-KEV4R7W5.js";
+  matches,
+  readable
+} from "./chunk-L765DZPO.js";
+import {
+  useLoad
+} from "./chunk-QDH7EZAF.js";
+import {
+  rove,
+  useRestore
+} from "./chunk-TDP6OJET.js";
+import {
+  readDocx,
+  texts,
+  writeDocx
+} from "./chunk-TNSN4ZQ5.js";
+
+// src/DocumentOverlay.tsx
+import { Download, ExternalLink, FileSpreadsheet, FileText, FileType, Files, Presentation, X as X4 } from "lucide-react";
+import { lazy, Suspense, useEffect as useEffect4, useRef as useRef4, useState as useState5 } from "react";
+import { createPortal as createPortal2 } from "react-dom";
+
+// src/slides/SlidesView.tsx
+import { ArrowDown, ArrowUp, ChevronLeft, ChevronRight, Copy, Maximize, Pause, Play, Projector, Redo2, RotateCcw, Save, StickyNote, Timer, Trash2, Undo2, X } from "lucide-react";
+import { useEffect, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+
+// src/slides/html.ts
+var voids = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "link", "meta", "param", "source", "track", "wbr"]);
+var raws = /* @__PURE__ */ new Set(["script", "style", "textarea", "title", "xmp", "iframe", "noembed", "noframes", "noscript"]);
+var breaks = /* @__PURE__ */ new Set([
+  "address",
+  "article",
+  "aside",
+  "blockquote",
+  "details",
+  "dialog",
+  "div",
+  "dl",
+  "fieldset",
+  "figcaption",
+  "figure",
+  "footer",
+  "form",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "header",
+  "hgroup",
+  "hr",
+  "li",
+  "main",
+  "menu",
+  "nav",
+  "ol",
+  "p",
+  "pre",
+  "section",
+  "table",
+  "ul"
+]);
+var fences = /* @__PURE__ */ new Set(["button", "table", "td", "th", "caption", "template", "object", "marquee", "applet", "html"]);
+var peers = {
+  li: [["li"], ["ul", "ol"]],
+  dt: [["dt", "dd"], ["dl"]],
+  dd: [["dt", "dd"], ["dl"]],
+  option: [["option"], ["select", "datalist", "optgroup"]],
+  tr: [["tr", "td", "th"], ["table", "thead", "tbody", "tfoot"]],
+  td: [["td", "th"], ["tr", "table"]],
+  th: [["td", "th"], ["tr", "table"]],
+  thead: [["thead", "tbody", "tfoot"], ["table"]],
+  tbody: [["thead", "tbody", "tfoot"], ["table"]],
+  tfoot: [["thead", "tbody", "tfoot"], ["table"]]
+};
+var names = {
+  amp: "&",
+  lt: "<",
+  gt: ">",
+  quot: '"',
+  apos: "'",
+  nbsp: "\xA0",
+  mdash: "\u2014",
+  ndash: "\u2013",
+  hellip: "\u2026",
+  rsquo: "\u2019",
+  lsquo: "\u2018",
+  rdquo: "\u201D",
+  ldquo: "\u201C",
+  laquo: "\xAB",
+  raquo: "\xBB",
+  copy: "\xA9",
+  reg: "\xAE",
+  trade: "\u2122",
+  middot: "\xB7",
+  bull: "\u2022",
+  euro: "\u20AC",
+  times: "\xD7"
+};
+var decode = (s) => s.replace(/&(#x[0-9a-f]+|#\d+|[a-z][a-z0-9]*);?/gi, (all, e) => {
+  if (e[0] !== "#") return names[e.toLowerCase()] ?? all;
+  const code = e[1] === "x" || e[1] === "X" ? parseInt(e.slice(2), 16) : parseInt(e.slice(1), 10);
+  return code > 0 && code < 1114112 ? String.fromCodePoint(code) : all;
+});
+var tagName = /<([a-zA-Z][^\s/>]*)/y;
+var endTag = /<\/([a-zA-Z][^\s/>]*)[^>]*>/y;
+var attrName = /[^\s/>=]+/y;
+var bare = /[^\s>]*/y;
+var sticky = (re, s, at) => {
+  re.lastIndex = at;
+  return re.exec(s);
+};
+function parse(html) {
+  const len = html.length;
+  const root = { tag: "#root", attrs: /* @__PURE__ */ new Map(), start: 0, open: 0, close: len, end: len, children: [], parent: null };
+  const stack = [root];
+  let foreign = 0;
+  const top = () => stack[stack.length - 1];
+  const text = (start, end) => {
+    if (end > start) top().children.push({ text: true, start, end });
+  };
+  const shut = (k, at, end) => {
+    for (let i2 = stack.length - 1; i2 > k; i2--) stack[i2].close = stack[i2].end = at;
+    stack[k].close = at;
+    stack[k].end = end;
+    for (let i2 = stack.length - 1; i2 >= k; i2--) if (stack[i2].tag === "svg" || stack[i2].tag === "math") foreign--;
+    stack.length = k;
+  };
+  const seek = (tags, stop) => {
+    for (let k = stack.length - 1; k > 0; k--) {
+      if (tags.includes(stack[k].tag)) return k;
+      if (Array.isArray(stop) ? stop.includes(stack[k].tag) : stop.has(stack[k].tag)) return -1;
+    }
+    return -1;
+  };
+  let i = 0;
+  let from = 0;
+  while (i < len) {
+    const lt = html.indexOf("<", i);
+    if (lt < 0) break;
+    const next = html[lt + 1];
+    if (html.startsWith("<!--", lt)) {
+      text(from, lt);
+      const e = html.indexOf("-->", lt + 4);
+      i = from = e < 0 ? len : e + 3;
+      continue;
+    }
+    if (next === "!" || next === "?") {
+      text(from, lt);
+      const e = html.indexOf(">", lt);
+      i = from = e < 0 ? len : e + 1;
+      continue;
+    }
+    if (next === "/") {
+      const m2 = sticky(endTag, html, lt);
+      if (!m2) {
+        i = lt + 1;
+        continue;
+      }
+      text(from, lt);
+      const k = seek([m2[1].toLowerCase()], []);
+      if (k > 0) shut(k, lt, lt + m2[0].length);
+      i = from = lt + m2[0].length;
+      continue;
+    }
+    const m = sticky(tagName, html, lt);
+    if (!m) {
+      i = lt + 1;
+      continue;
+    }
+    text(from, lt);
+    const tag = m[1].toLowerCase();
+    const attrs = /* @__PURE__ */ new Map();
+    let j = lt + m[0].length;
+    let closing = false;
+    while (j < len) {
+      while (j < len && /[\s/]/.test(html[j])) {
+        closing = html[j] === "/";
+        j++;
+      }
+      if (j >= len) break;
+      if (html[j] === ">") {
+        j++;
+        break;
+      }
+      closing = false;
+      const n = sticky(attrName, html, j) ?? [html[j]];
+      j += n[0].length;
+      while (j < len && /\s/.test(html[j])) j++;
+      let value = "";
+      let at = null;
+      if (html[j] === "=") {
+        j++;
+        while (j < len && /\s/.test(html[j])) j++;
+        const q = html[j];
+        if (q === '"' || q === "'") {
+          const e = html.indexOf(q, j + 1);
+          at = [j + 1, e < 0 ? len : e];
+          j = e < 0 ? len : e + 1;
+        } else {
+          const v = sticky(bare, html, j);
+          at = [j, j + v[0].length];
+          j += v[0].length;
+        }
+        value = decode(html.slice(at[0], at[1]));
+      }
+      const key = n[0].toLowerCase();
+      if (!attrs.has(key)) attrs.set(key, { value, at });
+    }
+    if (breaks.has(tag)) {
+      const k = seek(["p"], fences);
+      if (k > 0) shut(k, lt, lt);
+    }
+    if (peers[tag]) {
+      const k = seek(peers[tag][0], peers[tag][1]);
+      if (k > 0) shut(k, lt, lt);
+    }
+    const el = { tag, attrs, start: lt, open: j, close: j, end: j, children: [], parent: top() };
+    top().children.push(el);
+    i = from = j;
+    if (voids.has(tag) || closing && (foreign > 0 || tag === "svg" || tag === "math")) continue;
+    if (raws.has(tag) && !foreign) {
+      const re = new RegExp(`</${tag}[\\s/>]`, "gi");
+      re.lastIndex = j;
+      const hit = re.exec(html);
+      const e = hit ? hit.index : len;
+      el.children.push({ text: true, start: j, end: e });
+      const gt = hit ? html.indexOf(">", e) : -1;
+      el.close = e;
+      el.end = gt < 0 ? len : gt + 1;
+      i = from = el.end;
+      continue;
+    }
+    if (tag === "svg" || tag === "math") foreign++;
+    stack.push(el);
+  }
+  text(from, len);
+  for (let k = stack.length - 1; k > 0; k--) stack[k].close = stack[k].end = len;
+  return root;
+}
+function elements(root) {
+  const out = [];
+  const walk = (el) => {
+    for (const part of el.children) if (!part.text) {
+      out.push(part);
+      walk(part);
+    }
+  };
+  walk(root);
+  return out;
+}
+var classes = (el) => (el.attrs.get("class")?.value ?? "").split(/\s+/).filter(Boolean);
+var under = (el, test) => {
+  for (let up = el.parent; up; up = up.parent) if (test(up)) return true;
+  return false;
+};
+
+// src/slides/deck.ts
+var inline = /* @__PURE__ */ new Set([
+  "a",
+  "abbr",
+  "b",
+  "bdi",
+  "bdo",
+  "br",
+  "cite",
+  "code",
+  "data",
+  "del",
+  "dfn",
+  "em",
+  "font",
+  "i",
+  "ins",
+  "kbd",
+  "mark",
+  "q",
+  "s",
+  "samp",
+  "small",
+  "span",
+  "strong",
+  "sub",
+  "sup",
+  "time",
+  "u",
+  "var",
+  "wbr"
+]);
+var skip = /* @__PURE__ */ new Set([
+  "script",
+  "style",
+  "template",
+  "svg",
+  "math",
+  "iframe",
+  "object",
+  "embed",
+  "video",
+  "audio",
+  "canvas",
+  "select",
+  "textarea",
+  "noscript",
+  "img",
+  "picture",
+  "input",
+  "button"
+]);
+var boxes = /* @__PURE__ */ new Set(["h1", "h2", "h3", "h4", "h5", "h6", "p", "li", "td", "th", "dt", "dd", "figcaption", "caption", "blockquote", "pre"]);
+var most = (list) => {
+  const count = /* @__PURE__ */ new Map();
+  for (const el of list) count.set(el.parent, (count.get(el.parent) ?? 0) + 1);
+  return [...count].sort((a, b) => b[1] - a[1])[0][0];
+};
+var flat = (el, html) => {
+  let text = false;
+  const visit = (e) => e.children.every((part) => {
+    if (part.text) {
+      text || (text = /\S/.test(html.slice(part.start, part.end)));
+      return true;
+    }
+    return inline.has(part.tag) && visit(part);
+  });
+  return visit(el) && (text || boxes.has(el.tag));
+};
+var blocksOf = (el, html, notes) => {
+  if (flat(el, html)) return [el];
+  const out = [];
+  const walk = (e) => {
+    for (const part of e.children) {
+      if (part.text || part === notes || skip.has(part.tag) || part.attrs.get("contenteditable")?.value === "false") continue;
+      if (flat(part, html)) out.push(part);
+      else walk(part);
+    }
+  };
+  walk(el);
+  return out;
+};
+var notesOf = (el) => elements(el).find((e) => e.tag === "aside" && classes(e).includes("notes")) ?? null;
+var toText = (src) => decode(src.replace(/<!--[\s\S]*?-->/g, "").replace(/\s+/g, " ").replace(/<br\s*\/?>/gi, "\n").replace(/<\/(p|div|li|h[1-6]|blockquote|pre|tr)>/gi, "\n").replace(/<[^>]*>/g, "")).split("\n").map((line) => line.trim()).join("\n").replace(/\n{3,}/g, "\n\n").trim();
+var titled = (src) => toText(src).replace(/\s+/g, " ").slice(0, 80);
+var escape = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+var quote = (s) => escape(s).replace(/"/g, "&quot;");
+var notesHtml = (text) => escape(text).split("\n").join("<br>\n");
+var sizeOf = (html, kind, scripts, styles, marks) => {
+  if (kind === "reveal") {
+    const code = scripts.map((s) => html.slice(s.open, s.close)).join("\n");
+    const at = code.search(/Reveal\.initialize\s*\(/);
+    const init = at < 0 ? "" : code.slice(at, at + 4e3);
+    const width = Number(/\bwidth\s*:\s*['"]?(\d+)/.exec(init)?.[1] ?? 960);
+    const height = Number(/\bheight\s*:\s*['"]?(\d+)/.exec(init)?.[1] ?? 700);
+    return { width, height, center: !/\bcenter\s*:\s*false/.test(init) };
+  }
+  for (const el of marks) {
+    const width = Number(el.attrs.get("data-width")?.value);
+    const height = Number(el.attrs.get("data-height")?.value);
+    if (width > 0 && height > 0) return { width, height, center: false };
+  }
+  const css2 = styles.map((s) => html.slice(s.open, s.close)).join("\n").replace(/\/\*[\s\S]*?\*\//g, "");
+  const target = kind === "marked" ? /(^|[\s>])\[data-slide[^\]]*\](\.[\w-]+)*$/ : /(^|[\s>])(section|\.slide)(\.[\w-]+)*$/;
+  for (const rule of css2.matchAll(/([^{}]+)\{([^{}]*)\}/g)) {
+    if (!rule[1].split(",").some((sel) => target.test(sel.trim()))) continue;
+    const width = Number(/(?:^|;|\s)width\s*:\s*(\d+)px/.exec(rule[2])?.[1]);
+    const height = Number(/(?:^|;|\s)height\s*:\s*(\d+)px/.exec(rule[2])?.[1]);
+    if (width >= 320 && height >= 180) return { width, height, center: false };
+  }
+  return { width: 1280, height: 720, center: false };
+};
+function shape(html) {
+  const root = parse(html);
+  const all = elements(root);
+  const scripts = all.filter((el) => el.tag === "script");
+  const styles = all.filter((el) => el.tag === "style");
+  const refresh = all.filter((el) => el.tag === "meta" && el.attrs.get("http-equiv")?.value.toLowerCase() === "refresh");
+  const head = all.find((el) => el.tag === "head");
+  const outer = all.find((el) => el.tag === "html");
+  const body = all.find((el) => el.tag === "body") ?? null;
+  const doctype = /^\s*<!doctype[^>]*>/i.exec(html);
+  const at = head ? head.open : outer ? outer.open : doctype ? doctype[0].length : 0;
+  const reveal = all.find((el) => classes(el).includes("reveal")) ?? null;
+  const box = reveal && all.find((el) => classes(el).includes("slides") && under(el, (up) => up === reveal));
+  const spots = [];
+  const stacks = [];
+  const spot2 = (el, stack) => {
+    const notes = notesOf(el);
+    spots.push({ el, stack, notes, attr: notes ? null : el.attrs.get("data-notes") ?? null, blocks: blocksOf(el, html, notes) });
+  };
+  let kind;
+  let units;
+  let container;
+  if (box && box.children.some((part) => !part.text && part.tag === "section")) {
+    kind = "reveal";
+    container = box;
+    units = box.children.filter((part) => !part.text && part.tag === "section");
+    for (const unit of units) {
+      const inner = unit.children.filter((part) => !part.text && part.tag === "section");
+      if (!inner.length) spot2(unit, null);
+      else {
+        stacks.push(unit);
+        for (const el of inner) spot2(el, stacks.length - 1);
+      }
+    }
+  } else {
+    const marked = all.filter((el) => el.attrs.has("data-slide"));
+    const tops = marked.filter((el) => !under(el, (up) => up.attrs.has("data-slide")));
+    const sections = all.filter((el) => el.tag === "section" && !under(el, (up) => up.tag === "section"));
+    const list = tops.length ? tops : sections;
+    kind = tops.length ? "marked" : sections.length ? "sections" : "page";
+    if (list.length) {
+      container = most(list);
+      units = list.filter((el) => el.parent === container);
+    } else {
+      const page = body ?? root;
+      container = page.parent ?? root;
+      units = [page];
+    }
+    for (const unit of units) spot2(unit, null);
+  }
+  const size = sizeOf(html, kind, scripts, styles, [container, ...body ? [body] : [], ...outer ? [outer] : []]);
+  return { kind, ...size, root, box: container, units, stacks, spots, scripts, refresh, head: at, body };
+}
+var titleOf = (html, s) => {
+  const heading = elements(s.el).find((el2) => /^h[1-6]$/.test(el2.tag) && !(s.notes && under(el2, (up) => up === s.notes)));
+  const el = heading ?? s.blocks[0];
+  const head = el ? s.blocks.indexOf(el) : -1;
+  return { title: el ? titled(html.slice(el.open, el.close)) : "", head: head < 0 ? null : head };
+};
+var notesText = (html, s) => s.notes ? toText(html.slice(s.notes.open, s.notes.close)) : s.attr ? s.attr.value.trim() : "";
+function readDeck(html, known) {
+  const s = known ?? shape(html);
+  return {
+    kind: s.kind,
+    width: s.width,
+    height: s.height,
+    center: s.center,
+    slides: s.spots.map((spot2, i) => ({
+      key: `s${i}`,
+      from: i,
+      stack: spot2.stack,
+      ...titleOf(html, spot2),
+      notes: notesText(html, spot2),
+      blocks: spot2.blocks.map((el, id) => ({ id, html: html.slice(el.open, el.close) }))
+    }))
+  };
+}
+function cuts(html, s, slide, stamp) {
+  const out = [];
+  s.blocks.forEach((el, i) => {
+    if (stamp && el !== s.el) out.push([el.start + 1 + el.tag.length, el.start + 1 + el.tag.length, ` data-w100n-id="${i}"`]);
+    const now = slide.blocks[i]?.html;
+    if (now !== void 0 && now !== html.slice(el.open, el.close)) out.push([el.open, el.close, now]);
+  });
+  if (slide.notes !== notesText(html, s)) {
+    if (s.notes) out.push([s.notes.open, s.notes.close, notesHtml(slide.notes)]);
+    else if (s.attr?.at) {
+      const quoted = /["']/.test(html[s.attr.at[0] - 1] ?? "");
+      out.push([s.attr.at[0], s.attr.at[1], quoted ? quote(slide.notes) : `"${quote(slide.notes)}"`]);
+    } else if (slide.notes.trim()) {
+      const inner = html.slice(s.el.open, s.el.close);
+      const lead = /^\s*/.exec(inner)[0];
+      const tail = /\s*$/.exec(inner)[0];
+      const indent = lead.includes("\n") ? lead.slice(lead.lastIndexOf("\n")) : "";
+      const at = Math.max(s.el.open, s.el.close - tail.length);
+      out.push([at, at, `${indent}<aside class="notes">${notesHtml(slide.notes)}</aside>`]);
+    }
+  }
+  return out;
+}
+function apply(html, from, to, list) {
+  const sorted = [...list].sort((a, b) => a[0] - b[0] || a[1] - b[1]);
+  const out = [];
+  let at = from;
+  for (const [start, end, put] of sorted) {
+    if (start < at || end > to) continue;
+    out.push(html.slice(at, start), put);
+    at = end;
+  }
+  out.push(html.slice(at, to));
+  return out.join("");
+}
+var blank = (s) => !/\S/.test(s);
+var join = (html, box, els, parts) => {
+  const head = html.slice(box.open, els[0].start);
+  const pre = els.map((el, i) => i ? html.slice(els[i - 1].end, el.start) : "");
+  const fill = pre.find((gap, i) => i && blank(gap)) ?? (/\s*$/.exec(head)[0] || "\n");
+  const used = /* @__PURE__ */ new Set();
+  const body = parts.map(([from, part], k) => {
+    const first = !used.has(from);
+    used.add(from);
+    if (k) return (first && from ? pre[from] : fill) + part;
+    return (first && !blank(pre[from]) ? pre[from].trimStart() : "") + part;
+  });
+  const lost = pre.filter((gap, i) => !used.has(i) && !blank(gap)).map((gap) => gap.trimEnd());
+  return head + body.join("") + lost.join("") + html.slice(els[els.length - 1].end, box.close);
+};
+function writeDeck(original, deck, known) {
+  const s = known ?? shape(original);
+  const piece = (slide) => {
+    const spot2 = s.spots[slide.from];
+    return apply(original, spot2.el.start, spot2.el.end, cuts(original, spot2, slide, false));
+  };
+  const units = [];
+  for (let i = 0; i < deck.slides.length; ) {
+    const stack = deck.slides[i].stack;
+    if (stack === null) {
+      const slide = deck.slides[i++];
+      units.push([s.units.indexOf(s.spots[slide.from].el), piece(slide)]);
+      continue;
+    }
+    let j = i;
+    while (j < deck.slides.length && deck.slides[j].stack === stack) j++;
+    const el = s.stacks[stack];
+    const kids = s.spots.filter((spot2) => spot2.stack === stack).map((spot2) => spot2.el);
+    const inner = join(original, el, kids, deck.slides.slice(i, j).map((slide) => [kids.indexOf(s.spots[slide.from].el), piece(slide)]));
+    units.push([s.units.indexOf(el), original.slice(el.start, el.open) + inner + original.slice(el.close, el.end)]);
+    i = j;
+  }
+  return original.slice(0, s.box.open) + join(original, s.box, s.units, units) + original.slice(s.box.close);
+}
+function moveSlide(deck, from, to) {
+  const slide = deck.slides[from];
+  const rest = deck.slides.filter((_, i) => i !== from);
+  let at = Math.max(0, Math.min(rest.length, to));
+  const run = rest.flatMap((other, i) => slide.stack !== null && other.stack === slide.stack ? [i] : []);
+  if (run.length) at = Math.max(run[0], Math.min(run[run.length - 1] + 1, at));
+  else if (at > 0 && at < rest.length && rest[at].stack !== null && rest[at - 1].stack === rest[at].stack) {
+    let end = at;
+    while (end < rest.length && rest[end].stack === rest[at].stack) end++;
+    at = to > from ? end : rest.findIndex((other) => other.stack === rest[at].stack);
+  }
+  return { ...deck, slides: [...rest.slice(0, at), slide, ...rest.slice(at)] };
+}
+var duplicateSlide = (deck, i, key) => ({ ...deck, slides: [...deck.slides.slice(0, i + 1), { ...deck.slides[i], key }, ...deck.slides.slice(i + 1)] });
+var deleteSlide = (deck, i) => ({ ...deck, slides: deck.slides.filter((_, k) => k !== i) });
+
+// src/slides/frame.ts
+var bridge = "(function(){var me=document.currentScript,d=me.dataset,key=d.key,root=document.documentElement,edit=d.edit==='1',H=+d.h;root.setAttribute('data-w100n-mode',d.mode);if(edit)root.setAttribute('data-w100n-edit','');function send(m){m.key=key;parent.postMessage(m,'*')}var slide=null,groups=[],on=null,snap='',last='',timer=0;function center(){if(!slide||d.center!=='1')return;slide.style.top='0px';slide.style.top=Math.max(0,(H-slide.scrollHeight)/2)+'px'}function collect(){var keyed={},order=[],loose=[];[].slice.call(slide.querySelectorAll('.fragment')).forEach(function(el){var i=el.getAttribute('data-fragment-index');if(i===null||isNaN(+i))loose.push([el]);else{if(!keyed[i]){keyed[i]=[];order.push(+i)}keyed[i].push(el)}});order.sort(function(a,b){return a-b});groups=order.map(function(i){return keyed[i]}).concat(loose)}function step(n){groups.forEach(function(g,i){g.forEach(function(el){el.classList.toggle('visible',i<n);el.classList.toggle('current-fragment',i===n-1)})})}function report(){clearTimeout(timer);if(on&&on.innerHTML!==last){last=on.innerHTML;send({w100nSlides:'text',id:+on.getAttribute('data-w100n-id'),html:last});center()}}function begin(el){if(on)end();on=el;snap=last=el.innerHTML;el.setAttribute('contenteditable','true')}function end(){var el=on;if(!el)return;report();el.removeAttribute('contenteditable');on=null}function start(){slide=document.querySelector('[data-w100n-slide]')||document.body;collect();center();if(window.ResizeObserver)new ResizeObserver(center).observe(slide);send({w100nSlides:'ready',fragments:groups.length})}if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',start);else start();addEventListener('load',center);if(document.fonts)document.fonts.ready.then(center);addEventListener('message',function(e){var m=e.source===parent&&e.data;if(m&&m.w100nSlides==='step')step(+m.step||0)});addEventListener('click',function(e){if(e.target.closest&&e.target.closest('a'))e.preventDefault()},true);addEventListener('pointerdown',function(e){var el=edit&&e.target.closest&&e.target.closest('[data-w100n-id]');if(el&&el!==on)begin(el)},true);addEventListener('focusout',function(e){if(on&&e.target===on)end()});addEventListener('input',function(){clearTimeout(timer);timer=setTimeout(report,250)});addEventListener('paste',function(e){if(!on)return;e.preventDefault();document.execCommand('insertText',false,e.clipboardData?e.clipboardData.getData('text/plain'):'')},true);addEventListener('drop',function(e){if(on)e.preventDefault()},true);addEventListener('keydown',function(e){var k=e.key,mod=e.metaKey||e.ctrlKey;if(on){if(k==='Enter'&&!e.shiftKey){e.preventDefault();on.blur()}else if(k==='Enter'){e.preventDefault();document.execCommand('insertLineBreak')}else if(k==='Escape'){e.preventDefault();on.innerHTML=snap;report();on.blur()}else if(mod&&k.toLowerCase()==='s'){e.preventDefault();report();send({w100nSlides:'key',press:'s',mod:true,shift:false,alt:false})}return}if(/^(Arrow|Page|Home$|End$|Escape$| $)/.test(k)||mod&&/^[szy]$/i.test(k)){e.preventDefault();send({w100nSlides:'key',press:k,mod:mod,shift:e.shiftKey,alt:e.altKey})}},true)})()";
+var retag = (el, add, extra) => {
+  const list = new Map([...el.attrs].map(([name, attr]) => [name, attr.value]));
+  if (extra.length) list.set("class", [...(list.get("class") ?? "").split(/\s+/).filter(Boolean), ...extra].join(" "));
+  for (const [name, value] of Object.entries(add)) list.set(name, value);
+  return `<${el.tag}${[...list].map(([name, value]) => ` ${name}="${quote(value)}"`).join("")}>`;
+};
+var folder = (url) => {
+  if (!url) return "";
+  try {
+    const u = new URL(url);
+    return /^https?:$/.test(u.protocol) ? (u.origin + u.pathname.replace(/[^/]*$/, "")).replace(/[;,'"\s]/g, encodeURIComponent) : "";
+  } catch {
+    return "";
+  }
+};
+var policy = (nonce, scripts, base) => {
+  const b = base ? ` ${base}` : "";
+  return [
+    "default-src 'none'",
+    `script-src ${scripts ? `'unsafe-inline' 'unsafe-eval'${b}` : `'nonce-${nonce}'`}`,
+    `style-src 'unsafe-inline'${b}`,
+    `img-src data: blob:${b}`,
+    `font-src data:${b}`,
+    `media-src data: blob:${b}`,
+    `connect-src ${scripts && base ? base : "'none'"}`,
+    "frame-src 'none'",
+    "object-src 'none'",
+    "form-action 'none'",
+    `base-uri ${base || "'none'"}`
+  ].join("; ");
+};
+var css = (value) => value.replace(/[<>{};\\"\n\r]/g, "");
+var backdrop = (els) => {
+  for (const el of els) {
+    const get = (name) => el.attrs.get(name)?.value.trim();
+    const plain = get("data-background");
+    const image = get("data-background-image") ?? (plain && (/^(https?:|file:|\/\/)/i.test(plain) || /\.(svg|png|jpe?g|gif|bmp|webp)([?#\s]|$)/i.test(plain)) ? plain : void 0);
+    const color = get("data-background-color") ?? (plain && !image ? plain : void 0);
+    if (!image && !color) continue;
+    return `.reveal{${color ? `background-color:${css(color)}!important;` : ""}${image ? `background-image:url("${css(image)}")!important;background-size:${css(get("data-background-size") ?? "cover")};background-position:${css(get("data-background-position") ?? "center")};background-repeat:${css(get("data-background-repeat") ?? "no-repeat")};` : ""}}`;
+  }
+  return "";
+};
+var layout = (s, els) => {
+  const { width: w, height: h } = s;
+  const page = s.kind === "page" ? "" : `html,body{margin:0!important;width:${w}px!important;height:${h}px!important;overflow:hidden!important}`;
+  const reveal = s.kind !== "reveal" ? "" : `.reveal{position:relative!important;width:${w}px!important;height:${h}px!important;overflow:hidden!important}.reveal .slides{position:absolute!important;left:0!important;top:0!important;right:auto!important;bottom:auto!important;width:${w}px!important;height:${h}px!important;margin:0!important;transform:none!important;zoom:1!important;pointer-events:auto!important;text-align:center}.reveal .slides>section,.reveal .slides>section>section{position:absolute;left:0;width:100%;box-sizing:border-box}[data-w100n-stack]{top:0!important;height:100%}.reveal .backgrounds,.reveal .controls,.reveal .progress,.reveal .slide-number{display:none!important}[data-w100n-slide],[data-w100n-stack]{display:block!important;transform:none!important}` + backdrop(els);
+  return page + reveal + "[data-w100n-slide],[data-w100n-stack]{visibility:visible!important;opacity:1!important}aside.notes{display:none!important}a[href]{pointer-events:none!important}[data-w100n-edit] [data-w100n-id]{cursor:text}[data-w100n-edit] [data-w100n-id]:hover{outline:1.5px dashed #8b5cf6aa;outline-offset:3px}[data-w100n-id][contenteditable=true]{outline:2px solid #8b5cf6!important;outline-offset:3px}[data-w100n-mode=present] .fragment{transition:opacity .25s}[data-w100n-mode=present] .fragment:not(.visible){opacity:0;visibility:hidden}html:not([data-w100n-mode=present]) .fragment{opacity:1!important;visibility:inherit!important}";
+};
+function framePage(html, s, slide, o) {
+  const spot2 = s.spots[slide.from];
+  const unit = spot2.stack === null ? spot2.el : s.stacks[spot2.stack];
+  const reveal = s.kind === "reveal";
+  const list = [];
+  for (const el of s.units) if (el !== unit) list.push([el.start, el.end, ""]);
+  if (spot2.stack !== null) {
+    for (const other of s.spots) if (other.stack === spot2.stack && other !== spot2) list.push([other.el.start, other.el.end, ""]);
+    list.push([unit.start, unit.open, retag(unit, { "data-w100n-stack": "" }, reveal ? ["stack", "present"] : [])]);
+  }
+  list.push(...cuts(html, spot2, slide, true));
+  if (spot2.el.tag !== "#root") list.push([spot2.el.start, spot2.el.open, retag(spot2.el, { "data-w100n-slide": "", ...spot2.blocks[0] === spot2.el ? { "data-w100n-id": "0" } : {} }, reveal ? ["present"] : ["active", "current"])]);
+  if (reveal && s.body) list.push([s.body.start, s.body.open, retag(s.body, {}, ["reveal-viewport"])]);
+  for (const el of s.refresh) list.push([el.start, el.end, ""]);
+  for (const el of s.scripts) list.push(o.scripts ? [el.start + 7, el.start + 7, o.nonce ? ` nonce="${quote(o.nonce)}"` : ""] : [el.start, el.end, ""]);
+  const base = folder(o.base);
+  const tag = `<script nonce="${quote(o.nonce)}" data-key="${quote(o.id)}" data-mode="${o.mode}" data-edit="${o.edit ? 1 : 0}" data-h="${s.height}" data-center="${reveal && s.center ? 1 : 0}">`;
+  list.push([s.head, s.head, `<meta http-equiv="Content-Security-Policy" content="${quote(policy(o.nonce, !!o.scripts, base))}">${base ? `<base href="${quote(base)}">` : ""}<style>${layout(s, [spot2.el, ...spot2.stack === null ? [] : [unit]])}</style>${tag}${bridge}</script>`]);
+  return apply(html, 0, html.length, list);
+}
+var drop = /* @__PURE__ */ new Set([
+  "script",
+  "style",
+  "iframe",
+  "object",
+  "embed",
+  "template",
+  "svg",
+  "math",
+  "link",
+  "meta",
+  "base",
+  "form",
+  "input",
+  "button",
+  "textarea",
+  "select",
+  "img",
+  "picture",
+  "video",
+  "audio",
+  "canvas",
+  "noscript",
+  "title"
+]);
+function clean(html) {
+  const box = document.createElement("template");
+  box.innerHTML = html;
+  const walk = (node) => {
+    for (const child of [...node.childNodes]) {
+      if (child.nodeType === Node.COMMENT_NODE) child.remove();
+      if (child.nodeType !== Node.ELEMENT_NODE) continue;
+      const el = child;
+      if (drop.has(el.localName)) {
+        el.remove();
+        continue;
+      }
+      walk(el);
+      if (!inline.has(el.localName)) {
+        el.replaceWith(...[...el.childNodes]);
+        continue;
+      }
+      for (const { name, value } of [...el.attributes]) {
+        if (/^on/i.test(name) || name === "contenteditable" || name.startsWith("data-w100n") || /^(href|src|xlink:href|action|formaction)$/i.test(name) && /^\s*(javascript|vbscript|data):/i.test(value)) el.removeAttribute(name);
+      }
+    }
+  };
+  walk(box.content);
+  return box.content.textContent?.trim() ? box.innerHTML : "";
+}
+var nonceOf = (doc) => doc.querySelector("script[nonce]")?.nonce || Math.random().toString(36).slice(2) + Date.now().toString(36);
+
+// src/slides/text.ts
+var en = {
+  slides: "Slides",
+  slide: "Slide",
+  tools: "Slide tools",
+  present: "Present",
+  presenter: "Presenter view",
+  duplicate: "Duplicate slide",
+  remove: "Delete slide",
+  earlier: "Move up",
+  later: "Move down",
+  undo: "Undo",
+  redo: "Redo",
+  save: "Save",
+  saving: "Saving",
+  saved: "Saved",
+  saveFailed: "Could not save",
+  notes: "Speaker notes",
+  notesHint: "What to say on this slide",
+  noNotes: "No notes for this slide",
+  editHint: "Click any text on the slide to change it",
+  next: "Next slide",
+  previous: "Previous slide",
+  leave: "End the show",
+  fullscreen: "Full screen",
+  upNext: "Up next",
+  last: "End of the deck",
+  elapsed: "Time",
+  pause: "Pause the timer",
+  resume: "Resume the timer",
+  restart: "Start the timer again",
+  now: "Now",
+  popup: "Allow pop-ups for this site to open the presenter view",
+  savedNote: "Slides edited"
+};
+var pl = {
+  slides: "Slajdy",
+  slide: "Slajd",
+  tools: "Narz\u0119dzia slajd\xF3w",
+  present: "Prezentuj",
+  presenter: "Widok prezentera",
+  duplicate: "Powiel slajd",
+  remove: "Usu\u0144 slajd",
+  earlier: "Przesu\u0144 wy\u017Cej",
+  later: "Przesu\u0144 ni\u017Cej",
+  undo: "Cofnij",
+  redo: "Pon\xF3w",
+  save: "Zapisz",
+  saving: "Zapisywanie",
+  saved: "Zapisano",
+  saveFailed: "Nie uda\u0142o si\u0119 zapisa\u0107",
+  notes: "Notatki prelegenta",
+  notesHint: "Co powiedzie\u0107 przy tym slajdzie",
+  noNotes: "Brak notatek do tego slajdu",
+  editHint: "Kliknij dowolny tekst na slajdzie, aby go zmieni\u0107",
+  next: "Nast\u0119pny slajd",
+  previous: "Poprzedni slajd",
+  leave: "Zako\u0144cz pokaz",
+  fullscreen: "Pe\u0142ny ekran",
+  upNext: "Nast\u0119pny",
+  last: "Koniec prezentacji",
+  elapsed: "Czas",
+  pause: "Wstrzymaj stoper",
+  resume: "Wzn\xF3w stoper",
+  restart: "Uruchom stoper od nowa",
+  now: "Teraz",
+  popup: "Zezw\xF3l tej stronie na wyskakuj\u0105ce okna, aby otworzy\u0107 widok prezentera",
+  savedNote: "Edycja slajd\xF3w"
+};
+var uk = {
+  slides: "\u0421\u043B\u0430\u0439\u0434\u0438",
+  slide: "\u0421\u043B\u0430\u0439\u0434",
+  tools: "\u0406\u043D\u0441\u0442\u0440\u0443\u043C\u0435\u043D\u0442\u0438 \u0441\u043B\u0430\u0439\u0434\u0456\u0432",
+  present: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u0438",
+  presenter: "\u0420\u0435\u0436\u0438\u043C \u0434\u043E\u043F\u043E\u0432\u0456\u0434\u0430\u0447\u0430",
+  duplicate: "\u0414\u0443\u0431\u043B\u044E\u0432\u0430\u0442\u0438 \u0441\u043B\u0430\u0439\u0434",
+  remove: "\u0412\u0438\u0434\u0430\u043B\u0438\u0442\u0438 \u0441\u043B\u0430\u0439\u0434",
+  earlier: "\u041F\u0435\u0440\u0435\u043C\u0456\u0441\u0442\u0438\u0442\u0438 \u0432\u0438\u0449\u0435",
+  later: "\u041F\u0435\u0440\u0435\u043C\u0456\u0441\u0442\u0438\u0442\u0438 \u043D\u0438\u0436\u0447\u0435",
+  undo: "\u0412\u0456\u0434\u043C\u0456\u043D\u0438\u0442\u0438",
+  redo: "\u041F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u0438",
+  save: "\u0417\u0431\u0435\u0440\u0435\u0433\u0442\u0438",
+  saving: "\u0417\u0431\u0435\u0440\u0435\u0436\u0435\u043D\u043D\u044F",
+  saved: "\u0417\u0431\u0435\u0440\u0435\u0436\u0435\u043D\u043E",
+  saveFailed: "\u041D\u0435 \u0432\u0434\u0430\u043B\u043E\u0441\u044F \u0437\u0431\u0435\u0440\u0435\u0433\u0442\u0438",
+  notes: "\u041D\u043E\u0442\u0430\u0442\u043A\u0438 \u0434\u043E\u043F\u043E\u0432\u0456\u0434\u0430\u0447\u0430",
+  notesHint: "\u0429\u043E \u0441\u043A\u0430\u0437\u0430\u0442\u0438 \u043D\u0430 \u0446\u044C\u043E\u043C\u0443 \u0441\u043B\u0430\u0439\u0434\u0456",
+  noNotes: "\u0414\u043E \u0446\u044C\u043E\u0433\u043E \u0441\u043B\u0430\u0439\u0434\u0430 \u043D\u0435\u043C\u0430\u0454 \u043D\u043E\u0442\u0430\u0442\u043E\u043A",
+  editHint: "\u041A\u043B\u0430\u0446\u043D\u0456\u0442\u044C \u0431\u0443\u0434\u044C-\u044F\u043A\u0438\u0439 \u0442\u0435\u043A\u0441\u0442 \u043D\u0430 \u0441\u043B\u0430\u0439\u0434\u0456, \u0449\u043E\u0431 \u0437\u043C\u0456\u043D\u0438\u0442\u0438 \u0439\u043E\u0433\u043E",
+  next: "\u041D\u0430\u0441\u0442\u0443\u043F\u043D\u0438\u0439 \u0441\u043B\u0430\u0439\u0434",
+  previous: "\u041F\u043E\u043F\u0435\u0440\u0435\u0434\u043D\u0456\u0439 \u0441\u043B\u0430\u0439\u0434",
+  leave: "\u0417\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u0438 \u043F\u043E\u043A\u0430\u0437",
+  fullscreen: "\u041D\u0430 \u0432\u0435\u0441\u044C \u0435\u043A\u0440\u0430\u043D",
+  upNext: "\u0414\u0430\u043B\u0456",
+  last: "\u041A\u0456\u043D\u0435\u0446\u044C \u043F\u0440\u0435\u0437\u0435\u043D\u0442\u0430\u0446\u0456\u0457",
+  elapsed: "\u0427\u0430\u0441",
+  pause: "\u041F\u0440\u0438\u0437\u0443\u043F\u0438\u043D\u0438\u0442\u0438 \u0442\u0430\u0439\u043C\u0435\u0440",
+  resume: "\u041F\u0440\u043E\u0434\u043E\u0432\u0436\u0438\u0442\u0438 \u0442\u0430\u0439\u043C\u0435\u0440",
+  restart: "\u0417\u0430\u043F\u0443\u0441\u0442\u0438\u0442\u0438 \u0442\u0430\u0439\u043C\u0435\u0440 \u0437\u043D\u043E\u0432\u0443",
+  now: "\u0417\u0430\u0440\u0430\u0437",
+  popup: "\u0414\u043E\u0437\u0432\u043E\u043B\u044C\u0442\u0435 \u0441\u043F\u043B\u0438\u0432\u043D\u0456 \u0432\u0456\u043A\u043D\u0430 \u0434\u043B\u044F \u0446\u044C\u043E\u0433\u043E \u0441\u0430\u0439\u0442\u0443, \u0449\u043E\u0431 \u0432\u0456\u0434\u043A\u0440\u0438\u0442\u0438 \u0440\u0435\u0436\u0438\u043C \u0434\u043E\u043F\u043E\u0432\u0456\u0434\u0430\u0447\u0430",
+  savedNote: "\u041F\u0440\u0430\u0432\u043A\u0430 \u0441\u043B\u0430\u0439\u0434\u0456\u0432"
+};
+var slidesTexts = { en, pl, uk };
+
+// src/slides/SlidesView.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var load = (html) => {
+  const form = shape(html);
+  return { html, form, deck: readDeck(html, form) };
+};
+var record = (s, deck, group) => ({ ...s, deck, past: group && group === s.group ? s.past : [...s.past.slice(-99), s.deck], future: [], group });
+function reduce(s, a) {
+  if (a.type === "set") return record(s, a.deck, null);
+  if (a.type === "undo") return s.past.length ? { deck: s.past[s.past.length - 1], past: s.past.slice(0, -1), future: [s.deck, ...s.future], group: null, epoch: s.epoch + 1 } : s;
+  if (a.type === "redo") return s.future.length ? { deck: s.future[0], past: [...s.past, s.deck], future: s.future.slice(1), group: null, epoch: s.epoch + 1 } : s;
+  const slide = s.deck.slides.find((x) => x.key === a.key);
+  if (!slide) return s;
+  let next;
+  if (a.type === "notes") {
+    if (slide.notes === a.text) return s;
+    next = { ...slide, notes: a.text };
+  } else {
+    const block = slide.blocks.find((b) => b.id === a.id);
+    if (!block || block.html === a.html) return s;
+    next = { ...slide, blocks: slide.blocks.map((b) => b === block ? { ...b, html: a.html } : b), title: slide.head === a.id ? titled(a.html) : slide.title };
+  }
+  return record(s, { ...s.deck, slides: s.deck.slides.map((x) => x === slide ? next : x) }, `${a.type}:${a.key}:${a.type === "text" ? a.id : ""}`);
+}
+var differs = (a, b) => a.slides.length !== b.slides.length || a.slides.some((s, i) => s.from !== b.slides[i].from || s.stack !== b.slides[i].stack || s.notes !== b.slides[i].notes || s.blocks.some((x, k) => x.html !== b.slides[i].blocks[k].html));
+function useBox() {
+  const [el, setEl] = useState(null);
+  const [box, setBox] = useState({ w: 0, h: 0 });
+  useEffect(() => {
+    const Watch = el?.ownerDocument.defaultView?.ResizeObserver;
+    if (!el || !Watch) return;
+    const watch = new Watch(([entry]) => setBox({ w: entry.contentRect.width, h: entry.contentRect.height }));
+    watch.observe(el);
+    return () => watch.disconnect();
+  }, [el]);
+  return [setEl, box];
+}
+function SlidesView({ html, name, rights, language = "en", theme = "light", baseUrl, scripts = false, onChange, onSaveRequest, onOutline, guard }) {
+  const t = slidesTexts[language];
+  const [source, setSource] = useState(() => load(html));
+  const [state, setState] = useState(() => ({ deck: source.deck, past: [], future: [], group: null, epoch: 0 }));
+  const live = useRef(state);
+  const [saved, setSaved] = useState({ html, deck: source.deck });
+  const [prop, setProp] = useState(html);
+  const [at, setAt] = useState(0);
+  if (html !== prop) {
+    setProp(html);
+    if (html !== saved.html) {
+      const next = load(html);
+      live.current = { deck: next.deck, past: [], future: [], group: null, epoch: state.epoch + 1 };
+      setSource(next);
+      setState(live.current);
+      setSaved({ html, deck: next.deck });
+      setAt(0);
+    }
+  }
+  const act = (a) => {
+    live.current = reduce(live.current, a);
+    setState(live.current);
+  };
+  const { deck, epoch } = state;
+  const count = deck.slides.length;
+  const index = Math.min(at, count - 1);
+  const slide = deck.slides[index];
+  const can = rights.edit && !!onSaveRequest;
+  const movable = can && deck.kind !== "page";
+  const dirty = differs(saved.deck, deck);
+  const [saving, setSaving] = useState("idle");
+  const [nonce] = useState(() => typeof document === "undefined" ? "" : nonceOf(document));
+  const made = useRef(0);
+  const frames = useRef(/* @__PURE__ */ new Map());
+  const pages = useRef(/* @__PURE__ */ new Map());
+  const root = useRef(null);
+  const rail = useRef(null);
+  const full = useRef(false);
+  const channel = useRef(null);
+  const [near, setNear] = useState(() => typeof IntersectionObserver === "undefined" ? null : /* @__PURE__ */ new Set());
+  const [drag, setDrag] = useState(null);
+  const [drop2, setDrop] = useState(null);
+  const [presenting, setPresenting] = useState(false);
+  const [popup, setPopup] = useState(null);
+  const [blocked, setBlocked] = useState(false);
+  const [nav, setNav] = useState({ at: 0, step: 0 });
+  const [steps2, setSteps] = useState({});
+  const [timer, setTimer] = useState({ from: 0, stop: null });
+  const [now, setNow] = useState(() => Date.now());
+  const [stageRef, stageBox] = useBox();
+  const [showRef, showBox] = useBox();
+  const [nowRef, nowBox] = useBox();
+  const [nextRef, nextBox] = useBox();
+  const build = (s, id, mode) => framePage(source.html, source.form, s, { id, mode, edit: mode === "edit" && can, nonce, base: baseUrl, scripts });
+  const rendered = [];
+  const frozen = (s, id, mode) => {
+    rendered.push(id);
+    const page = pages.current.get(id) ?? build(s, id, mode);
+    pages.current.set(id, page);
+    return page;
+  };
+  const fit = (box, pad = 0) => box.w > pad && box.h > pad ? Math.min((box.w - pad) / deck.width, (box.h - pad) / deck.height) : 0.5;
+  const byKey = (a, b) => deck.slides[a].key < deck.slides[b].key ? -1 : 1;
+  const around = (i) => [i - 1, i, i + 1].filter((k) => k >= 0 && k < count).sort(byKey);
+  const caption = (i) => `${t.slide} ${i + 1}${deck.slides[i].title ? `: ${deck.slides[i].title}` : ""}`;
+  const post = (id, msg) => frames.current.get(id)?.contentWindow?.postMessage(msg, "*");
+  const frame = (id, page, scale, title, hidden = false, still = false) => /* @__PURE__ */ jsx("span", { className: "w100n-slides-frame", "data-hidden": hidden || void 0, style: { width: Math.round(deck.width * scale), height: Math.round(deck.height * scale) }, children: /* @__PURE__ */ jsx(
+    "iframe",
+    {
+      ref: (el) => {
+        if (el) frames.current.set(id, el);
+        else frames.current.delete(id);
+      },
+      title,
+      sandbox: "allow-scripts",
+      referrerPolicy: "no-referrer",
+      srcDoc: page,
+      tabIndex: hidden || still ? -1 : void 0,
+      "aria-hidden": hidden || still || void 0,
+      style: { width: deck.width, height: deck.height, transform: `scale(${scale})` }
+    }
+  ) }, id);
+  const moveTo = (from, to) => {
+    const d = live.current.deck;
+    const next = moveSlide(d, from, to);
+    if (next.slides.every((s, i) => s === d.slides[i])) return;
+    act({ type: "set", deck: next });
+    setAt(next.slides.indexOf(d.slides[from]));
+  };
+  const duplicate = () => {
+    act({ type: "set", deck: duplicateSlide(live.current.deck, index, `d${++made.current}`) });
+    setAt(index + 1);
+  };
+  const remove = () => {
+    if (count < 2) return;
+    act({ type: "set", deck: deleteSlide(live.current.deck, index) });
+    setAt(Math.min(index, count - 2));
+  };
+  const save = async () => {
+    const d = live.current.deck;
+    if (!can || saving === "busy" || !differs(saved.deck, d)) return false;
+    setSaving("busy");
+    const out = writeDeck(source.html, d, source.form);
+    try {
+      await onSaveRequest(new TextEncoder().encode(out).buffer, t.savedNote);
+      setSaved({ html: out, deck: d });
+      setSaving("done");
+      return true;
+    } catch {
+      setSaving("failed");
+      return false;
+    }
+  };
+  const press = (k, typing = false) => {
+    const key = k.press.toLowerCase();
+    if (k.mod && key === "s") {
+      void save();
+      return true;
+    }
+    if (typing) return false;
+    if (k.mod && (key === "z" || key === "y")) {
+      if (can) act(key === "y" || k.shift ? { type: "redo" } : { type: "undo" });
+      return true;
+    }
+    if (k.mod && key === "d" && movable) {
+      duplicate();
+      return true;
+    }
+    const step = /^(arrowdown|arrowright|pagedown)$/.test(key) ? 1 : /^(arrowup|arrowleft|pageup)$/.test(key) ? -1 : 0;
+    if (step && k.alt) {
+      if (movable) moveTo(index, index + step);
+      return true;
+    }
+    if (step || key === "home" || key === "end") {
+      setAt(key === "home" ? 0 : key === "end" ? count - 1 : Math.max(0, Math.min(count - 1, index + step)));
+      return true;
+    }
+    return false;
+  };
+  const go = (to, step) => {
+    const next = { at: Math.max(0, Math.min(count - 1, to)), step: Math.max(0, step) };
+    setNav(next);
+    channel.current?.postMessage({ w100nSlides: "go", ...next });
+  };
+  const forward = () => {
+    if (nav.step < (steps2[deck.slides[nav.at].key] ?? 0)) go(nav.at, nav.step + 1);
+    else if (nav.at < count - 1) go(nav.at + 1, 0);
+  };
+  const back = () => {
+    if (nav.step > 0) go(nav.at, nav.step - 1);
+    else if (nav.at > 0) go(nav.at - 1, steps2[deck.slides[nav.at - 1].key] ?? 0);
+  };
+  const fullscreen = () => {
+    if (document.fullscreenElement) {
+      full.current = false;
+      void document.exitFullscreen();
+    } else root.current?.requestFullscreen?.().then(() => {
+      full.current = true;
+    }, () => {
+    });
+  };
+  const start = () => {
+    setNav({ at: index, step: 0 });
+    setPresenting(true);
+    fullscreen();
+  };
+  const stop = () => {
+    setPresenting(false);
+    setAt(nav.at);
+    if (document.fullscreenElement) {
+      full.current = false;
+      void document.exitFullscreen();
+    }
+    popup?.close();
+    setPopup(null);
+  };
+  const presenter = () => {
+    if (popup && !popup.closed) {
+      popup.focus();
+      return;
+    }
+    const win = window.open("", "w100n-presenter", "popup,width=1280,height=780");
+    setBlocked(!win);
+    if (!win) return;
+    win.document.head.replaceChildren(...[...document.querySelectorAll('style, link[rel="stylesheet"]')].map((node) => node.cloneNode(true)));
+    win.document.title = `${t.presenter} \xB7 ${name}`;
+    win.document.body.replaceChildren();
+    Object.assign(win.document.body.style, { margin: "0", height: "100vh" });
+    win.addEventListener("pagehide", () => setPopup(null));
+    setPopup(win);
+    setTimer({ from: Date.now(), stop: null });
+    if (!presenting) {
+      setNav({ at: index, step: 0 });
+      setPresenting(true);
+    }
+  };
+  useEffect(() => {
+    const listen = (e) => {
+      const m = e.data;
+      if (!m || typeof m !== "object" || typeof m.w100nSlides !== "string" || typeof m.key !== "string") return;
+      const el = frames.current.get(m.key);
+      if (!el || !e.source || el.contentWindow !== e.source) return;
+      const [kind, key] = m.key.split(":");
+      if (m.w100nSlides === "text" && kind === "m" && can && typeof m.id === "number" && typeof m.html === "string") act({ type: "text", key, id: m.id, html: clean(m.html) });
+      if (m.w100nSlides === "key" && kind === "m" && typeof m.press === "string") press({ press: m.press, mod: !!m.mod, shift: !!m.shift, alt: !!m.alt });
+      if (m.w100nSlides === "ready" && typeof m.fragments === "number") {
+        const n = m.fragments;
+        setSteps((old) => old[key] === n ? old : { ...old, [key]: n });
+        if ((kind === "p" || kind === "q") && deck.slides[nav.at]?.key === key) post(m.key, { w100nSlides: "step", step: nav.step });
+      }
+    };
+    window.addEventListener("message", listen);
+    popup?.addEventListener("message", listen);
+    return () => {
+      window.removeEventListener("message", listen);
+      popup?.removeEventListener("message", listen);
+    };
+  });
+  useEffect(() => {
+    for (const id of [...pages.current.keys()]) if (!rendered.includes(id)) pages.current.delete(id);
+  });
+  useEffect(() => {
+    onChange?.(dirty);
+  }, [dirty]);
+  useEffect(() => {
+    if (!guard || !dirty || !can) return;
+    guard.current = save;
+    return () => {
+      guard.current = null;
+    };
+  });
+  useRestore(presenting);
+  useEffect(() => {
+    if (!dirty) return;
+    const stay = (e) => e.preventDefault();
+    window.addEventListener("beforeunload", stay);
+    return () => window.removeEventListener("beforeunload", stay);
+  }, [dirty]);
+  const order = deck.slides.map((s) => s.key).join();
+  const titles = deck.slides.map((s) => s.title).join("\n");
+  useEffect(() => {
+    onOutline?.(deck.slides.map((s, i) => ({ id: s.key, level: s.stack !== null && deck.slides[i - 1]?.stack === s.stack ? 2 : 1, text: `${i + 1}. ${s.title || t.slide}`, go: () => setAt(i) })));
+  }, [order, titles, language]);
+  useEffect(() => {
+    const list = rail.current;
+    if (!list || typeof IntersectionObserver === "undefined") return;
+    const watch = new IntersectionObserver((entries) => setNear((old) => {
+      const next = new Set(old ?? []);
+      for (const entry of entries) {
+        const key = entry.target.dataset.key;
+        if (entry.isIntersecting) next.add(key);
+        else next.delete(key);
+      }
+      return next;
+    }), { root: list, rootMargin: "320px" });
+    for (const li of list.querySelectorAll("li")) watch.observe(li);
+    return () => watch.disconnect();
+  }, [order]);
+  useEffect(() => {
+    rail.current?.querySelector('[aria-current="true"]')?.scrollIntoView?.({ block: "nearest" });
+  }, [index]);
+  useEffect(() => {
+    if (!presenting && !popup) return;
+    const key = deck.slides[nav.at]?.key;
+    for (const id of frames.current.keys()) if (/^[pq]:/.test(id) && id.split(":")[1] === key) post(id, { w100nSlides: "step", step: nav.step });
+  }, [nav, presenting, popup, epoch]);
+  useEffect(() => {
+    if (!presenting && !popup) return;
+    const keys = (e) => {
+      const k = e.key;
+      if (/^(ArrowRight|ArrowDown|PageDown| |Enter|n|N)$/.test(k)) forward();
+      else if (/^(ArrowLeft|ArrowUp|PageUp|Backspace|p|P)$/.test(k)) back();
+      else if (k === "Home" || k === "End") go(k === "Home" ? 0 : count - 1, 0);
+      else if (k === "Escape") stop();
+      else if (k === "f" || k === "F") fullscreen();
+      else return;
+      e.preventDefault();
+      e.stopPropagation();
+    };
+    if (presenting) window.addEventListener("keydown", keys, true);
+    popup?.addEventListener("keydown", keys, true);
+    const change = () => {
+      if (document.fullscreenElement || !full.current) return;
+      full.current = false;
+      stop();
+    };
+    document.addEventListener("fullscreenchange", change);
+    return () => {
+      window.removeEventListener("keydown", keys, true);
+      popup?.removeEventListener("keydown", keys, true);
+      document.removeEventListener("fullscreenchange", change);
+    };
+  });
+  useEffect(() => {
+    if (!presenting && !popup || typeof BroadcastChannel === "undefined") return;
+    const ch = new BroadcastChannel(`w100n-slides:${name}`);
+    ch.onmessage = (e) => {
+      const m = e.data;
+      if (m?.w100nSlides === "go" && typeof m.at === "number" && typeof m.step === "number") setNav({ at: Math.max(0, Math.min(count - 1, m.at)), step: Math.max(0, m.step) });
+    };
+    channel.current = ch;
+    return () => {
+      ch.close();
+      channel.current = null;
+    };
+  }, [presenting, popup, name, count]);
+  useEffect(() => {
+    if (!popup) return;
+    const tick = setInterval(() => setNow(Date.now()), 1e3);
+    return () => {
+      clearInterval(tick);
+      popup.close();
+    };
+  }, [popup]);
+  const tool = (Icon, text, run, disabled = false) => /* @__PURE__ */ jsx("button", { type: "button", "aria-label": text, title: text, disabled, onClick: run, children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": true }) });
+  const thumb = 148;
+  const seconds = Math.floor(Math.max(0, (timer.stop ?? now) - timer.from) / 1e3);
+  const elapsed = `${seconds >= 3600 ? `${Math.floor(seconds / 3600)}:` : ""}${String(Math.floor(seconds / 60) % 60).padStart(2, "0")}:${String(seconds % 60).padStart(2, "0")}`;
+  const shown = deck.slides[Math.min(nav.at, count - 1)];
+  const first = nav.at === 0 && nav.step === 0;
+  const end = nav.at === count - 1 && nav.step >= (steps2[shown.key] ?? 0);
+  return /* @__PURE__ */ jsxs("div", { ref: root, className: "w100n-slides", onKeyDown: (e) => {
+    if (press({ press: e.key, mod: e.metaKey || e.ctrlKey, shift: e.shiftKey, alt: e.altKey }, /^(TEXTAREA|INPUT|SELECT)$/.test(e.target.tagName))) e.preventDefault();
+  }, children: [
+    /* @__PURE__ */ jsxs("div", { className: "w100n-pdf-bar w100n-slides-bar", role: "toolbar", "aria-label": t.tools, onKeyDown: rove, children: [
+      /* @__PURE__ */ jsxs("button", { type: "button", className: "w100n-docs-action", onClick: start, children: [
+        /* @__PURE__ */ jsx(Play, { "aria-hidden": true }),
+        t.present
+      ] }),
+      tool(Projector, t.presenter, presenter),
+      movable && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "w100n-pdf-gap" }),
+        tool(Copy, t.duplicate, duplicate),
+        tool(Trash2, t.remove, remove, count < 2),
+        tool(ArrowUp, t.earlier, () => moveTo(index, index - 1), index === 0),
+        tool(ArrowDown, t.later, () => moveTo(index, index + 1), index === count - 1)
+      ] }),
+      can && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "w100n-pdf-gap" }),
+        tool(Undo2, t.undo, () => act({ type: "undo" }), !state.past.length),
+        tool(Redo2, t.redo, () => act({ type: "redo" }), !state.future.length)
+      ] }),
+      /* @__PURE__ */ jsxs("span", { className: "w100n-pdf-pageno", children: [
+        index + 1,
+        " / ",
+        count
+      ] }),
+      blocked && /* @__PURE__ */ jsx("span", { className: "w100n-docs-muted", children: t.popup }),
+      can && saving === "failed" && /* @__PURE__ */ jsx("span", { className: "w100n-docs-muted", children: t.saveFailed }),
+      can && /* @__PURE__ */ jsxs("button", { type: "button", className: "w100n-docs-action", disabled: !dirty || saving === "busy", onClick: () => void save(), children: [
+        /* @__PURE__ */ jsx(Save, { "aria-hidden": true }),
+        saving === "busy" ? t.saving : !dirty && saving === "done" ? t.saved : t.save
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "w100n-slides-body", children: [
+      /* @__PURE__ */ jsx("nav", { ref: rail, className: "w100n-slides-rail", "aria-label": t.slides, children: /* @__PURE__ */ jsx("ol", { children: deck.slides.map((s, i) => /* @__PURE__ */ jsxs(
+        "li",
+        {
+          "data-key": s.key,
+          "data-stack": s.stack !== null && deck.slides[i - 1]?.stack === s.stack ? "in" : void 0,
+          "data-drop": drop2 === i ? "before" : drop2 === i + 1 && i === count - 1 ? "after" : void 0,
+          children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "w100n-slides-thumb",
+                "aria-current": i === index,
+                "aria-label": caption(i),
+                draggable: movable,
+                "data-dragging": drag === i || void 0,
+                onClick: () => setAt(i),
+                onDragStart: (e) => {
+                  e.dataTransfer.effectAllowed = "move";
+                  e.dataTransfer.setData("text/plain", String(i));
+                  setDrag(i);
+                },
+                onDragOver: (e) => {
+                  if (drag === null) return;
+                  e.preventDefault();
+                  const box = e.currentTarget.getBoundingClientRect();
+                  setDrop(e.clientY < box.top + box.height / 2 ? i : i + 1);
+                },
+                onDrop: (e) => {
+                  e.preventDefault();
+                  if (drag !== null && drop2 !== null) moveTo(drag, drop2 > drag ? drop2 - 1 : drop2);
+                  setDrag(null);
+                  setDrop(null);
+                },
+                onDragEnd: () => {
+                  setDrag(null);
+                  setDrop(null);
+                },
+                children: i + 1
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "w100n-slides-mini", style: { width: thumb, height: Math.round(thumb * deck.height / deck.width) }, children: (!near || near.has(s.key)) && frame(`t:${s.key}`, build(s, `t:${s.key}`, "thumb"), thumb / deck.width, caption(i), false, true) })
+          ]
+        },
+        s.key
+      )) }) }),
+      /* @__PURE__ */ jsxs("div", { className: "w100n-slides-main", children: [
+        /* @__PURE__ */ jsx("div", { ref: stageRef, className: "w100n-slides-stage", style: { "--w100n-ratio": `${deck.width} / ${deck.height}` }, children: around(index).map((i) => {
+          const id = `m:${deck.slides[i].key}:${epoch}`;
+          return frame(id, frozen(deck.slides[i], id, "edit"), fit(stageBox, 32), caption(i), i !== index);
+        }) }),
+        /* @__PURE__ */ jsxs("section", { className: "w100n-slides-notes", "aria-label": t.notes, children: [
+          /* @__PURE__ */ jsxs("header", { children: [
+            /* @__PURE__ */ jsx(StickyNote, { "aria-hidden": true }),
+            t.notes,
+            can && /* @__PURE__ */ jsx("small", { children: t.editHint })
+          ] }),
+          can ? /* @__PURE__ */ jsx("textarea", { value: slide.notes, placeholder: t.notesHint, "aria-label": t.notes, onChange: (e) => act({ type: "notes", key: slide.key, text: e.target.value }) }) : /* @__PURE__ */ jsx("p", { children: slide.notes || t.noNotes })
+        ] })
+      ] })
+    ] }),
+    presenting && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: showRef,
+        className: "w100n-slides-show",
+        role: "dialog",
+        "aria-label": `${t.present} \xB7 ${name}`,
+        onClick: forward,
+        onContextMenu: (e) => {
+          e.preventDefault();
+          back();
+        },
+        children: [
+          around(nav.at).map((i) => {
+            const id = `p:${deck.slides[i].key}:${epoch}`;
+            return frame(id, frozen(deck.slides[i], id, "present"), fit(showBox), caption(i), i !== nav.at, true);
+          }),
+          /* @__PURE__ */ jsxs("span", { className: "w100n-slides-count", children: [
+            nav.at + 1,
+            " / ",
+            count
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "w100n-slides-foot", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxs("div", { className: "w100n-slides-controls", role: "toolbar", "aria-label": t.tools, onKeyDown: rove, children: [
+            tool(ChevronLeft, t.previous, back, first),
+            tool(ChevronRight, t.next, forward, end),
+            tool(Projector, t.presenter, presenter),
+            tool(Maximize, t.fullscreen, fullscreen),
+            tool(X, t.leave, stop)
+          ] }) })
+        ]
+      }
+    ),
+    popup && createPortal(/* @__PURE__ */ jsxs("div", { className: "w100n-docs w100n-slides-presenter", "data-theme": theme, children: [
+      /* @__PURE__ */ jsxs("header", { className: "w100n-slides-head", children: [
+        /* @__PURE__ */ jsx("span", { className: "w100n-docs-tile", children: /* @__PURE__ */ jsx(Timer, { "aria-hidden": true }) }),
+        /* @__PURE__ */ jsx("b", { className: "w100n-slides-time", title: t.elapsed, children: elapsed }),
+        tool(
+          timer.stop === null ? Pause : Play,
+          timer.stop === null ? t.pause : t.resume,
+          () => setTimer(timer.stop === null ? { ...timer, stop: Date.now() } : { from: timer.from + Date.now() - timer.stop, stop: null })
+        ),
+        tool(RotateCcw, t.restart, () => setTimer({ from: Date.now(), stop: timer.stop === null ? null : Date.now() })),
+        /* @__PURE__ */ jsxs("span", { className: "w100n-docs-muted", children: [
+          t.now,
+          " ",
+          new Intl.DateTimeFormat(language, { hour: "2-digit", minute: "2-digit" }).format(now)
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "w100n-slides-end", children: [
+          /* @__PURE__ */ jsxs("span", { className: "w100n-pdf-pageno", children: [
+            nav.at + 1,
+            " / ",
+            count
+          ] }),
+          tool(ChevronLeft, t.previous, back, first),
+          tool(ChevronRight, t.next, forward, end),
+          /* @__PURE__ */ jsxs("button", { type: "button", className: "w100n-docs-action", onClick: stop, children: [
+            /* @__PURE__ */ jsx(X, { "aria-hidden": true }),
+            t.leave
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "w100n-slides-desk", children: [
+        /* @__PURE__ */ jsx("div", { ref: nowRef, className: "w100n-slides-now", children: frame(`q:${shown.key}:${epoch}`, frozen(shown, `q:${shown.key}:${epoch}`, "present"), fit(nowBox, 16), caption(nav.at), false, true) }),
+        /* @__PURE__ */ jsxs("aside", { className: "w100n-slides-side", children: [
+          /* @__PURE__ */ jsx("p", { className: "w100n-docs-caption", children: t.upNext }),
+          /* @__PURE__ */ jsx("div", { ref: nextRef, className: "w100n-slides-next", children: nav.at < count - 1 ? frame(
+            `n:${deck.slides[nav.at + 1].key}:${epoch}`,
+            frozen(deck.slides[nav.at + 1], `n:${deck.slides[nav.at + 1].key}:${epoch}`, "thumb"),
+            (nextBox.w || 320) / deck.width,
+            caption(nav.at + 1),
+            false,
+            true
+          ) : /* @__PURE__ */ jsx("p", { className: "w100n-docs-muted", children: t.last }) }),
+          /* @__PURE__ */ jsxs("p", { className: "w100n-docs-caption", children: [
+            /* @__PURE__ */ jsx(StickyNote, { "aria-hidden": true }),
+            t.notes
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "w100n-slides-speech", children: shown.notes || t.noNotes })
+        ] })
+      ] })
+    ] }), popup.document.body)
+  ] });
+}
+
+// src/Unsaved.tsx
+import { Save as Save2, Trash2 as Trash22 } from "lucide-react";
+import { useId, useState as useState2 } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function useUnsaved(guard, t) {
+  const id = useId();
+  const [asking, setAsking] = useState2(null);
+  useRestore(!!asking);
+  const ask = (then, stay) => guard.current ? setAsking({ then, stay, state: "idle" }) : then();
+  const cancel = () => {
+    asking?.stay?.();
+    setAsking(null);
+  };
+  const leave = (save) => async () => {
+    const was = asking;
+    if (save && guard.current) {
+      setAsking({ ...was, state: "busy" });
+      if (!await guard.current()) return setAsking({ ...was, state: "failed" });
+    }
+    setAsking(null);
+    was.then();
+  };
+  const dialog = asking && /* @__PURE__ */ jsx2("div", { className: "w100n-pdf-back w100n-docs-ask", onKeyDown: (e) => {
+    if (e.key === "Escape") {
+      e.stopPropagation();
+      cancel();
+    }
+  }, children: /* @__PURE__ */ jsxs2("div", { className: "w100n-pdf-dialog", role: "alertdialog", "aria-modal": true, "aria-labelledby": `${id}t`, "aria-describedby": `${id}d`, children: [
+    /* @__PURE__ */ jsx2("b", { id: `${id}t`, className: "w100n-pdf-dialog-title", children: t.unsavedTitle }),
+    /* @__PURE__ */ jsx2("p", { id: `${id}d`, className: "w100n-docs-muted", role: asking.state === "failed" ? "alert" : void 0, children: asking.state === "failed" ? t.saveFailed : t.unsavedHint }),
+    /* @__PURE__ */ jsxs2("div", { className: "w100n-pdf-dialog-end", children: [
+      /* @__PURE__ */ jsx2("button", { type: "button", className: "w100n-pdf-link", onClick: cancel, children: t.cancel }),
+      /* @__PURE__ */ jsxs2("button", { type: "button", className: "w100n-docs-action", "data-tone": "red", disabled: asking.state === "busy", onClick: leave(false), children: [
+        /* @__PURE__ */ jsx2(Trash22, { "aria-hidden": true }),
+        t.discard
+      ] }),
+      /* @__PURE__ */ jsxs2("button", { type: "button", className: "w100n-docs-action", autoFocus: true, disabled: asking.state === "busy", onClick: leave(true), children: [
+        /* @__PURE__ */ jsx2(Save2, { "aria-hidden": true }),
+        asking.state === "busy" ? t.saving : t.save
+      ] })
+    ] })
+  ] }) });
+  return { ask, dialog };
+}
+
+// src/viewers/PdfView.tsx
+import {
+  ChevronDown,
+  ChevronUp,
+  Ellipsis,
+  Eraser,
+  Highlighter,
+  ImageUp,
+  Maximize as Maximize2,
+  Minus,
+  MousePointer2,
+  MoveHorizontal,
+  PanelLeft,
+  PenLine,
+  Plus,
+  Redo2 as Redo22,
+  Save as Save3,
+  Search,
+  Signature as Sign,
+  StickyNote as StickyNote3,
+  Strikethrough,
+  Type,
+  Underline,
+  Undo2 as Undo22,
+  X as X3
+} from "lucide-react";
+import { Fragment as Fragment3, useEffect as useEffect3, useId as useId2, useLayoutEffect as useLayoutEffect2, useRef as useRef3, useState as useState4 } from "react";
+
+// src/viewers/PdfPage.tsx
+import { StickyNote as StickyNote2, Trash2 as Trash23, X as X2 } from "lucide-react";
+import { useEffect as useEffect2, useLayoutEffect, useRef as useRef2, useState as useState3 } from "react";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var pct = (v) => `${v * 100}%`;
+var same = (a, b) => !!b && a.page === b.page && a.start === b.start;
+var spot = (b, size) => ({ left: pct(b.x / size.w), top: pct(b.y / size.h), width: pct(b.w / size.w), height: pct(b.h / size.h) });
+function PdfPage({ pdf, n, size, scale, live, id, layers }) {
+  const paint = useRef2(null);
+  const words = useRef2(null);
+  const forms = useRef2(null);
+  const focus = useRef2(null);
+  const rubbed = useRef2(null);
+  const [ready, setReady] = useState3(0);
+  const [boxes2, setBoxes] = useState3([]);
+  const [stroke, setStroke] = useState3(null);
+  const [drag, setDrag] = useState3(null);
+  const fill = !!layers?.forms;
+  const hitKey = layers ? layers.hits.map((hit) => `${hit.start}:${hit.end}`).join() : "";
+  useEffect2(() => {
+    if (!live) return;
+    const holders = [paint, words, forms].flatMap((ref) => ref.current ? [ref.current] : []);
+    return () => {
+      for (const holder of holders) {
+        for (const canvas of holder.querySelectorAll("canvas")) {
+          canvas.width = 0;
+          canvas.height = 0;
+        }
+        holder.replaceChildren();
+      }
+    };
+  }, [live]);
+  useEffect2(() => {
+    if (!live || !pdf) return;
+    let stop = false;
+    let task;
+    const canvas = document.createElement("canvas");
+    const timer = setTimeout(() => {
+      void Promise.all([pdf.getPage(n), import("pdfjs-dist")]).then(async ([page, { AnnotationMode }]) => {
+        if (stop) return;
+        const viewport = page.getViewport({ scale });
+        const ratio = Math.min(window.devicePixelRatio || 1, Math.sqrt(16777216 / (viewport.width * viewport.height)));
+        canvas.width = Math.floor(viewport.width * ratio);
+        canvas.height = Math.floor(viewport.height * ratio);
+        task = page.render({
+          canvas,
+          canvasContext: canvas.getContext("2d"),
+          viewport,
+          transform: [ratio, 0, 0, ratio, 0, 0],
+          annotationMode: fill ? AnnotationMode.ENABLE_FORMS : AnnotationMode.ENABLE
+        });
+        await task.promise;
+        if (stop) return;
+        for (const old of paint.current.querySelectorAll("canvas")) {
+          old.width = 0;
+          old.height = 0;
+        }
+        paint.current.replaceChildren(canvas);
+      }).catch(() => {
+      });
+    }, paint.current.firstChild ? 120 : 0);
+    return () => {
+      stop = true;
+      clearTimeout(timer);
+      task?.cancel();
+      if (!canvas.isConnected) {
+        canvas.width = 0;
+        canvas.height = 0;
+      }
+    };
+  }, [pdf, n, scale, live, fill]);
+  useEffect2(() => {
+    if (!live || !pdf || !layers) return;
+    let stop = false;
+    let text;
+    const links = {
+      externalLinkEnabled: true,
+      addLinkAttributes: (link, url) => {
+        link.href = url;
+        link.target = "_blank";
+        link.rel = "noopener noreferrer nofollow";
+      },
+      getDestinationHash: () => "#",
+      getAnchorUrl: () => "#",
+      executeNamedAction: () => {
+      },
+      executeSetOCGState: () => {
+      },
+      goToDestination: async (dest) => {
+        const target = typeof dest === "string" ? await pdf.getDestination(dest) : dest;
+        const ref = Array.isArray(target) ? target[0] : null;
+        const index = typeof ref === "number" ? ref : ref && typeof ref === "object" ? await pdf.getPageIndex(ref) : null;
+        if (index !== null) paint.current?.closest(".w100n-pdf-pages")?.querySelector(`[data-n="${index + 1}"]`)?.scrollIntoView({ block: "start" });
+      }
+    };
+    void Promise.all([pdf.getPage(n), import("pdfjs-dist")]).then(async ([page, pdfjs]) => {
+      if (stop) return;
+      const viewport = page.getViewport({ scale: 1 });
+      const layer = document.createElement("div");
+      layer.className = "textLayer";
+      text = new pdfjs.TextLayer({ textContentSource: page.streamTextContent(), container: layer, viewport });
+      await text.render();
+      if (stop) return;
+      const end = document.createElement("div");
+      end.className = "endOfContent";
+      layer.append(end);
+      words.current.replaceChildren(layer);
+      const annotations = await page.getAnnotations();
+      for (const a of annotations) {
+        if (!a.fieldName || a.pushButton || !["Tx", "Btn", "Ch"].includes(a.fieldType)) continue;
+        const [x1, y1] = viewport.convertToViewportPoint(a.rect[0], a.rect[1]);
+        const [x2, y2] = viewport.convertToViewportPoint(a.rect[2], a.rect[3]);
+        const options = a.fieldType === "Ch" ? a.options : void 0;
+        const value = a.checkBox ? a.fieldValue === a.exportValue : a.radioButton ? a.fieldValue === a.buttonValue : options ? [a.fieldValue].flat().filter(Boolean).map((v) => options.find((o) => o.exportValue === v)?.displayValue ?? v) : a.fieldValue ?? "";
+        layers.widgets.set(a.id, { page: n, name: a.fieldName, box: { x: Math.min(x1, x2), y: Math.min(y1, y2), w: Math.abs(x2 - x1), h: Math.abs(y2 - y1) }, value, options });
+      }
+      const div = document.createElement("div");
+      div.className = "annotationLayer";
+      const flat2 = viewport.clone({ dontFlip: true });
+      await new pdfjs.AnnotationLayer({
+        div,
+        page,
+        viewport: flat2,
+        linkService: links,
+        annotationStorage: pdf.annotationStorage,
+        accessibilityManager: null,
+        annotationCanvasMap: null,
+        annotationEditorUIManager: null,
+        structTreeLayer: null,
+        commentManager: null
+      }).render({ annotations, div, page, viewport: flat2, linkService: links, renderForms: fill, annotationStorage: pdf.annotationStorage, enableScripting: false, hasJSActions: false });
+      if (stop) return;
+      forms.current.replaceChildren(div);
+      setReady((count) => count + 1);
+    }).catch(() => {
+    });
+    return () => {
+      stop = true;
+      text?.cancel();
+    };
+  }, [pdf, n, live, fill]);
+  useLayoutEffect(() => {
+    const layer = words.current?.firstElementChild;
+    if (!layers || !layer || !hitKey) {
+      setBoxes([]);
+      return;
+    }
+    const frame = layer.getBoundingClientRect();
+    const k = frame.width ? size.w / frame.width : 1 / scale;
+    const parts = [];
+    let at2 = 0;
+    const walk = document.createTreeWalker(layer, NodeFilter.SHOW_TEXT | NodeFilter.SHOW_ELEMENT);
+    for (let node = walk.nextNode(); node; node = walk.nextNode()) {
+      if (node.nodeType === Node.TEXT_NODE) {
+        parts.push({ node, start: at2 });
+        at2 += node.length;
+      } else if (node.nodeName === "BR") at2 += 1;
+    }
+    setBoxes(layers.hits.flatMap((hit) => parts.flatMap(({ node, start }) => {
+      const from = Math.max(hit.start, start);
+      const to = Math.min(hit.end, start + node.length);
+      if (from >= to) return [];
+      const range = document.createRange();
+      range.setStart(node, from - start);
+      range.setEnd(node, to - start);
+      return [...range.getClientRects()].map((r) => ({ x: (r.left - frame.left) * k, y: (r.top - frame.top) * k, w: r.width * k, h: r.height * k, hit }));
+    })));
+  }, [ready, hitKey]);
+  useEffect2(() => {
+    const el = focus.current;
+    const scroller = el?.closest(".w100n-pdf-scroll");
+    if (!el || !scroller) return;
+    const r = el.getBoundingClientRect();
+    const view = scroller.getBoundingClientRect();
+    if (r.top < view.top + 40 || r.bottom > view.bottom - 40) scroller.scrollBy({ top: r.top - view.top - view.height / 2 });
+  }, [layers?.active, boxes2]);
+  const style = { width: size.w * scale, height: size.h * scale, "--total-scale-factor": scale, "--scale-round-x": "1px", "--scale-round-y": "1px" };
+  if (!layers) return /* @__PURE__ */ jsx3("div", { className: "w100n-pdf-page", "data-n": n, style, children: /* @__PURE__ */ jsx3("div", { ref: paint, className: "w100n-pdf-paint" }) });
+  const { tool, marks, act, t, open } = layers;
+  const first = boxes2.findIndex((b) => same(b.hit, layers.active));
+  const at = (e) => {
+    const r = e.currentTarget.closest(".w100n-pdf-page").getBoundingClientRect();
+    return { x: (e.clientX - r.left) / scale, y: (e.clientY - r.top) / scale };
+  };
+  const line = (points) => points.map((p, i) => `${i ? "L" : "M"}${p.x.toFixed(1)} ${p.y.toFixed(1)}`).join(" ");
+  const down = (e) => {
+    const p = at(e);
+    if (tool === "note" || tool === "place") {
+      e.preventDefault();
+      if (tool === "note") act.note(n, p);
+      else act.place(n, p);
+    } else {
+      e.currentTarget.setPointerCapture(e.pointerId);
+      if (tool === "ink") setStroke([p]);
+      else {
+        rubbed.current = p;
+        act.erase(n, p);
+      }
+    }
+  };
+  const move = (e) => {
+    if (!e.buttons) return;
+    const p = at(e);
+    if (stroke) {
+      const last = stroke[stroke.length - 1];
+      if (Math.hypot(p.x - last.x, p.y - last.y) > 0.8) setStroke([...stroke, p]);
+    } else if (tool === "eraser" && rubbed.current) {
+      const from = rubbed.current;
+      const steps2 = Math.ceil(Math.hypot(p.x - from.x, p.y - from.y) / 3);
+      for (let i = 1; i <= steps2; i++) act.erase(n, { x: from.x + (p.x - from.x) * i / steps2, y: from.y + (p.y - from.y) * i / steps2 });
+      rubbed.current = p;
+    }
+  };
+  const grab = (e, mark, resize) => {
+    e.stopPropagation();
+    e.currentTarget.setPointerCapture(e.pointerId);
+    act.open(mark.id);
+    setDrag({ id: mark.id, from: at(e), start: mark.box, box: mark.box, resize });
+  };
+  const pull = (e) => {
+    if (!drag) return;
+    const p = at(e);
+    const dx = p.x - drag.from.x;
+    const { start } = drag;
+    if (drag.resize) {
+      const w = Math.max(24, Math.min(size.w - start.x, start.w + dx));
+      setDrag({ ...drag, box: { ...start, w, h: w * start.h / start.w } });
+    } else {
+      setDrag({ ...drag, box: { ...start, x: Math.max(0, Math.min(size.w - start.w, start.x + dx)), y: Math.max(0, Math.min(size.h - start.h, start.y + p.y - drag.from.y)) } });
+    }
+  };
+  const drop2 = () => {
+    if (drag && (drag.box.x !== drag.start.x || drag.box.y !== drag.start.y || drag.box.w !== drag.start.w)) act.move(drag.id, drag.box);
+    setDrag(null);
+  };
+  return /* @__PURE__ */ jsxs3("div", { className: "w100n-pdf-page", id, "data-n": n, style, children: [
+    /* @__PURE__ */ jsx3("div", { ref: paint, className: "w100n-pdf-paint" }),
+    /* @__PURE__ */ jsx3("div", { ref: words, className: "w100n-pdf-words" }),
+    /* @__PURE__ */ jsx3("div", { ref: forms, className: "w100n-pdf-forms" }),
+    /* @__PURE__ */ jsxs3("svg", { className: "w100n-pdf-marks", viewBox: `0 0 ${size.w} ${size.h}`, preserveAspectRatio: "none", "aria-hidden": true, children: [
+      marks.map((mark) => {
+        if (mark.kind === "ink") return /* @__PURE__ */ jsx3("path", { d: mark.lines.map(line).join(" "), stroke: mark.color, strokeWidth: mark.width, children: /* @__PURE__ */ jsx3("title", { children: `${mark.author} \xB7 ${layers.when(mark.at)}` }) }, mark.id);
+        if (mark.kind === "highlight") return /* @__PURE__ */ jsx3("g", { className: "w100n-pdf-glow", children: mark.rects.map((r, i) => /* @__PURE__ */ jsx3("rect", { x: r.x, y: r.y, width: r.w, height: r.h, fill: mark.color }, i)) }, mark.id);
+        if (mark.kind === "underline" || mark.kind === "strike") {
+          return /* @__PURE__ */ jsx3("g", { children: mark.rects.map((r, i) => {
+            const y = mark.kind === "underline" ? r.y + r.h * 0.94 : r.y + r.h * 0.55;
+            return /* @__PURE__ */ jsx3("line", { x1: r.x, x2: r.x + r.w, y1: y, y2: y, stroke: mark.color, strokeWidth: Math.max(0.8, r.h * 0.08) }, i);
+          }) }, mark.id);
+        }
+        return null;
+      }),
+      stroke && /* @__PURE__ */ jsx3("path", { d: line(stroke), stroke: layers.pen.color, strokeWidth: layers.pen.width })
+    ] }),
+    boxes2.map((b, i) => /* @__PURE__ */ jsx3(
+      "div",
+      {
+        ref: i === first ? focus : void 0,
+        className: "w100n-pdf-hit",
+        "data-active": same(b.hit, layers.active),
+        style: spot(b, size)
+      },
+      i
+    )),
+    ["ink", "eraser", "note", "place"].includes(tool) && /* @__PURE__ */ jsx3(
+      "div",
+      {
+        className: "w100n-pdf-input",
+        "data-tool": tool,
+        onPointerDown: down,
+        onPointerMove: move,
+        onPointerUp: () => {
+          if (stroke) act.ink(n, stroke);
+          setStroke(null);
+        }
+      }
+    ),
+    marks.map((mark) => {
+      if (mark.kind === "note") {
+        return /* @__PURE__ */ jsxs3(
+          "div",
+          {
+            className: "w100n-pdf-note",
+            "data-side": `${mark.spot.x > size.w / 2 ? "left" : "right"} ${mark.spot.y > size.h * 0.7 ? "up" : "down"}`,
+            style: { left: pct(mark.spot.x / size.w), top: pct(mark.spot.y / size.h) },
+            children: [
+              /* @__PURE__ */ jsx3("button", { type: "button", className: "w100n-pdf-pin", "aria-label": t.note, "aria-expanded": open === mark.id, onClick: () => act.open(open === mark.id ? null : mark.id), children: /* @__PURE__ */ jsx3(StickyNote2, { "aria-hidden": true }) }),
+              open === mark.id && /* @__PURE__ */ jsxs3("div", { className: "w100n-pdf-card", role: "dialog", "aria-label": t.note, children: [
+                /* @__PURE__ */ jsxs3("div", { className: "w100n-pdf-card-head", children: [
+                  /* @__PURE__ */ jsxs3("span", { children: [
+                    /* @__PURE__ */ jsx3("b", { children: mark.author }),
+                    /* @__PURE__ */ jsx3("small", { children: layers.when(mark.at) })
+                  ] }),
+                  /* @__PURE__ */ jsx3("button", { type: "button", onClick: () => act.remove(mark.id), "aria-label": t.remove, title: t.remove, children: /* @__PURE__ */ jsx3(Trash23, { "aria-hidden": true }) })
+                ] }),
+                /* @__PURE__ */ jsx3("textarea", { autoFocus: true, defaultValue: mark.text, placeholder: t.notePlaceholder, "aria-label": t.note, onBlur: (e) => act.text(mark.id, e.target.value) })
+              ] })
+            ]
+          },
+          mark.id
+        );
+      }
+      if (mark.kind !== "sign") return null;
+      return /* @__PURE__ */ jsxs3(
+        "div",
+        {
+          className: "w100n-pdf-sign",
+          "aria-selected": open === mark.id,
+          style: spot(drag?.id === mark.id ? drag.box : mark.box, size),
+          title: `${mark.author} \xB7 ${layers.when(mark.at)}`,
+          onPointerDown: (e) => grab(e, mark, false),
+          onPointerMove: pull,
+          onPointerUp: drop2,
+          children: [
+            /* @__PURE__ */ jsx3("img", { src: mark.image, alt: t.signature, draggable: false }),
+            open === mark.id && /* @__PURE__ */ jsxs3(Fragment2, { children: [
+              /* @__PURE__ */ jsx3("span", { className: "w100n-pdf-grip", onPointerDown: (e) => grab(e, mark, true) }),
+              /* @__PURE__ */ jsx3("button", { type: "button", className: "w100n-pdf-drop", onPointerDown: (e) => e.stopPropagation(), onClick: () => act.remove(mark.id), "aria-label": t.remove, title: t.remove, children: /* @__PURE__ */ jsx3(X2, { "aria-hidden": true }) })
+            ] })
+          ]
+        },
+        mark.id
+      );
+    })
+  ] });
+}
+
+// src/viewers/PdfView.tsx
+import { Fragment as Fragment4, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var steps = [25, 33, 50, 67, 75, 90, 100, 110, 125, 150, 175, 200, 250, 300, 400];
+var uid = () => Math.random().toString(36).slice(2, 10);
+var dist = (p, a, b) => {
+  const dx = b.x - a.x;
+  const dy = b.y - a.y;
+  const k = Math.max(0, Math.min(1, ((p.x - a.x) * dx + (p.y - a.y) * dy) / (dx * dx + dy * dy || 1)));
+  return Math.hypot(p.x - a.x - k * dx, p.y - a.y - k * dy);
+};
+var touches = (m, p) => {
+  const inside = (b) => p.x >= b.x - 2 && p.x <= b.x + b.w + 2 && p.y >= b.y - 2 && p.y <= b.y + b.h + 2;
+  if (m.kind === "note") return inside({ ...m.spot, w: 20, h: 20 });
+  if (m.kind === "sign") return inside(m.box);
+  if (m.kind === "ink") return m.lines.some((line) => line.some((q, i) => dist(p, line[Math.max(0, i - 1)], q) < m.width / 2 + 4));
+  return m.rects.some(inside);
+};
+function PdfView({ bytes, t, language, worker, rights, host, documentId, onSaved, onOutline, guard }) {
+  const prefix = useId2();
+  const root = useRef3(null);
+  const bar = useRef3(null);
+  const scroller = useRef3(null);
+  const railBox = useRef3(null);
+  const finder = useRef3(null);
+  const pad = useRef3(null);
+  const inked = useRef3(null);
+  const widgets = useRef3(/* @__PURE__ */ new Map());
+  const words = useRef3(/* @__PURE__ */ new Map());
+  const anchor = useRef3({ scale: 0, page: 0, frac: 0 });
+  const [pdf, setPdf] = useState4(null);
+  const [sizes, setSizes] = useState4([]);
+  const [error, setError] = useState4(false);
+  const [box, setBox] = useState4({ w: 0, h: 0 });
+  const [top, setTop] = useState4(0);
+  const [railTop, setRailTop] = useState4(0);
+  const [fit, setFit] = useState4("auto");
+  const [zoom, setZoom] = useState4(100);
+  const [rail, setRail] = useState4(false);
+  const [typed, setTyped] = useState4(null);
+  const [query, setQuery] = useState4(null);
+  const [hits, setHits] = useState4({ list: [], done: true });
+  const [at, setAt] = useState4(0);
+  const [tool, setTool] = useState4("select");
+  const [pen, setPen] = useState4({ highlight: "#facc15", line: "#dc2626", ink: "#2563eb", width: 2 });
+  const [palette, setPalette] = useState4(false);
+  const [more, setMore] = useState4(false);
+  const [level, setLevel] = useState4(0);
+  const [history, setHistory] = useState4({ marks: [], past: [], future: [] });
+  const [clean2, setClean] = useState4(null);
+  const [filled, setFilled] = useState4(false);
+  const [open, setOpen] = useState4(null);
+  const [signing, setSigning] = useState4(null);
+  const [pending, setPending] = useState4(null);
+  const [saving, setSaving] = useState4("idle");
+  const store = host?.save && documentId ? host.save : null;
+  const can = { mark: !!store && !!rights && (rights.comment || rights.edit), edit: !!store && !!rights?.edit };
+  const marks = history.marks;
+  const dirty = marks.length > 0 && marks !== clean2 || filled;
+  const me = host?.me.name ?? "";
+  useEffect3(() => {
+    let stop = false;
+    let close = () => {
+    };
+    setPdf(null);
+    setError(false);
+    setHistory({ marks: [], past: [], future: [] });
+    setFilled(false);
+    setOpen(null);
+    widgets.current = /* @__PURE__ */ new Map();
+    words.current = /* @__PURE__ */ new Map();
+    (async () => {
+      var _a;
+      const pdfjs = await import("pdfjs-dist");
+      if (worker) (_a = pdfjs.GlobalWorkerOptions).workerPort ?? (_a.workerPort = worker());
+      const task = pdfjs.getDocument({ data: new Uint8Array(bytes.slice(0)) });
+      close = () => {
+        void task.destroy();
+      };
+      const doc = await task.promise;
+      const first = (await doc.getPage(1)).getViewport({ scale: 1 });
+      if (stop) return;
+      Object.assign(doc.annotationStorage, { onSetModified: () => setFilled(true) });
+      setSizes(Array.from({ length: doc.numPages }, () => ({ w: first.width, h: first.height })));
+      setPdf(doc);
+      const flat2 = async (entries2, level2) => (await Promise.all(entries2.map(async (entry) => {
+        const dest = typeof entry.dest === "string" ? await doc.getDestination(entry.dest) : entry.dest;
+        const ref = Array.isArray(dest) ? dest[0] : null;
+        const index = typeof ref === "number" ? ref : ref && typeof ref === "object" ? await doc.getPageIndex(ref) : null;
+        const here = index === null ? [] : [{ id: `${prefix}-${index + 1}`, level: level2, text: entry.title }];
+        return [...here, ...level2 < 3 ? await flat2(entry.items ?? [], level2 + 1) : []];
+      }))).flat();
+      const outline = await flat2(await doc.getOutline() ?? [], 1);
+      if (!stop) onOutline?.(outline);
+      const all = [];
+      for (let n = 1; n <= doc.numPages && !stop; n += 64) {
+        all.push(...await Promise.all(Array.from({ length: Math.min(64, doc.numPages - n + 1) }, async (_, i) => {
+          const v = (await doc.getPage(n + i)).getViewport({ scale: 1 });
+          return { w: v.width, h: v.height };
+        })));
+      }
+      if (!stop && all.some((s) => s.w !== first.width || s.h !== first.height)) setSizes(all);
+    })().catch(() => {
+      if (!stop) setError(true);
+    });
+    return () => {
+      stop = true;
+      close();
+    };
+  }, [bytes, worker, onOutline]);
+  useLayoutEffect2(() => {
+    const el = scroller.current;
+    let width = root.current.clientWidth;
+    const measure = () => {
+      setBox({ w: el.clientWidth, h: el.clientHeight });
+      if (root.current.clientWidth !== width) setLevel(0);
+      width = root.current.clientWidth;
+    };
+    measure();
+    const watch = new ResizeObserver(measure);
+    watch.observe(el);
+    watch.observe(root.current);
+    return () => watch.disconnect();
+  }, []);
+  useLayoutEffect2(() => {
+    const items = bar.current.children;
+    if (level < 2 && items[items.length - 1].offsetTop - items[0].offsetTop > 16) setLevel(level + 1);
+  });
+  useRestore(palette);
+  useRestore(more);
+  useRestore(signing !== null);
+  useEffect3(() => {
+    if (!more && !palette) return;
+    const close = (e) => {
+      if (e.target.closest(".w100n-pdf-palette")) return;
+      setMore(false);
+      setPalette(false);
+    };
+    document.addEventListener("pointerdown", close);
+    return () => document.removeEventListener("pointerdown", close);
+  }, [more, palette]);
+  const widest = Math.max(1, ...sizes.map((s) => s.w));
+  const tallest = Math.max(1, ...sizes.map((s) => s.h));
+  const room = { w: Math.max(120, box.w - 32), h: Math.max(120, box.h - 32) };
+  const scale = fit === "auto" ? Math.min(room.w / widest, 5 / 3) : fit === "width" ? room.w / widest : fit === "page" ? Math.min(room.w / widest, room.h / tallest) : zoom / 75;
+  const percent = Math.round(scale * 75);
+  const tops = [];
+  let end = 16;
+  for (const s of sizes) {
+    tops.push(end);
+    end += s.h * scale + 16;
+  }
+  let page = 1;
+  while (page < tops.length && tops[page] <= top + box.h / 3) page++;
+  const live = (i) => !!pdf && tops[i] < top + box.h * 2 && tops[i] + sizes[i].h * scale > top - box.h;
+  const thumbTops = [];
+  let thumbEnd = 10;
+  for (const s of sizes) {
+    thumbTops.push(thumbEnd);
+    thumbEnd += s.h * 96 / s.w + 34;
+  }
+  const thumbLive = (i) => thumbTops[i] < railTop + box.h * 2 && thumbTops[i] + 160 > railTop - box.h;
+  const centre = (y) => {
+    let i = 0;
+    while (i + 1 < tops.length && tops[i + 1] <= y + box.h / 2) i++;
+    return { page: i, frac: sizes[i] ? (y + box.h / 2 - tops[i]) / (sizes[i].h * scale) : 0 };
+  };
+  useLayoutEffect2(() => {
+    const was = anchor.current;
+    if (was.scale && was.scale !== scale && sizes[was.page]) scroller.current.scrollTop = tops[was.page] + was.frac * sizes[was.page].h * scale - box.h / 2;
+    anchor.current = { ...was, scale };
+  }, [scale]);
+  useEffect3(() => {
+    const el = scroller.current;
+    const wheel = (e) => {
+      if (!e.ctrlKey && !e.metaKey) return;
+      e.preventDefault();
+      setFit(null);
+      setZoom(Math.min(400, Math.max(25, Math.round(percent * Math.exp(-e.deltaY / 300)))));
+    };
+    el.addEventListener("wheel", wheel, { passive: false });
+    return () => el.removeEventListener("wheel", wheel);
+  }, [percent]);
+  useEffect3(() => {
+    if (!pdf || !query?.trim()) {
+      setHits({ list: [], done: true });
+      return;
+    }
+    let stop = false;
+    const needle = query.trim().toLowerCase();
+    setHits({ list: [], done: false });
+    setAt(0);
+    const timer = setTimeout(async () => {
+      const found = [];
+      for (let n = 1; n <= pdf.numPages && !stop; n++) {
+        let text = words.current.get(n);
+        if (text === void 0) {
+          const content = await (await pdf.getPage(n)).getTextContent();
+          text = content.items.map((piece) => "str" in piece ? piece.str + (piece.hasEOL ? " " : "") : "").join("").toLowerCase();
+          words.current.set(n, text);
+        }
+        for (let i = text.indexOf(needle); i >= 0; i = text.indexOf(needle, i + needle.length)) found.push({ page: n, start: i, end: i + needle.length });
+        if (!stop && (n % 20 === 0 || n === pdf.numPages)) setHits({ list: [...found], done: n === pdf.numPages });
+      }
+    }, 200);
+    return () => {
+      stop = true;
+      clearTimeout(timer);
+    };
+  }, [pdf, query]);
+  useEffect3(() => {
+    if (rail) railBox.current?.querySelector('[aria-current="true"]')?.scrollIntoView({ block: "nearest" });
+  }, [rail, page]);
+  useEffect3(() => {
+    if (!dirty) return;
+    const stop = (e) => e.preventDefault();
+    window.addEventListener("beforeunload", stop);
+    return () => window.removeEventListener("beforeunload", stop);
+  }, [dirty]);
+  useLayoutEffect2(() => {
+    const canvas = pad.current;
+    if (!canvas) return;
+    const ratio = window.devicePixelRatio || 1;
+    canvas.width = canvas.clientWidth * ratio;
+    canvas.height = canvas.clientHeight * ratio;
+    const ctx = canvas.getContext("2d");
+    ctx?.scale(ratio, ratio);
+    inked.current = null;
+  }, [signing?.tab]);
+  const go = (n) => scroller.current.scrollTo({ top: tops[Math.min(Math.max(n, 1), tops.length) - 1] - 8 });
+  const change = (next) => setHistory((h) => {
+    const marks2 = next(h.marks);
+    return marks2 === h.marks ? h : { marks: marks2, past: [...h.past, h.marks], future: [] };
+  });
+  const undo = () => setHistory((h) => h.past.length ? { marks: h.past[h.past.length - 1], past: h.past.slice(0, -1), future: [h.marks, ...h.future] } : h);
+  const redo = () => setHistory((h) => h.future.length ? { marks: h.future[0], past: [...h.past, h.marks], future: h.future.slice(1) } : h);
+  const stamp = () => ({ id: uid(), author: me, at: (/* @__PURE__ */ new Date()).toISOString() });
+  const zoomBy = (d) => {
+    setFit(null);
+    setZoom(d > 0 ? steps.find((s) => s > percent + 1) ?? 400 : [...steps].reverse().find((s) => s < percent - 1) ?? 25);
+  };
+  const step = (d) => {
+    if (!hits.list.length) return;
+    const next = (at + d + hits.list.length) % hits.list.length;
+    setAt(next);
+    const n = hits.list[next].page;
+    if (tops[n - 1] + sizes[n - 1].h * scale < top || tops[n - 1] > top + box.h) go(n);
+  };
+  const markText = (kind) => {
+    const picked = document.getSelection();
+    if (!picked || picked.isCollapsed || !picked.rangeCount || !scroller.current.contains(picked.anchorNode)) return false;
+    const range = picked.getRangeAt(0);
+    const made = [];
+    for (const el of scroller.current.querySelectorAll(".w100n-pdf-page")) {
+      if (!range.intersectsNode(el)) continue;
+      const frame = el.getBoundingClientRect();
+      const rects = [];
+      let text = "";
+      const walk = document.createTreeWalker(el.querySelector(".w100n-pdf-words"), NodeFilter.SHOW_TEXT);
+      for (let node = walk.nextNode(); node; node = walk.nextNode()) {
+        if (!range.intersectsNode(node)) continue;
+        const part = document.createRange();
+        part.selectNodeContents(node);
+        if (node === range.startContainer) part.setStart(node, range.startOffset);
+        if (node === range.endContainer) part.setEnd(node, range.endOffset);
+        text += part.toString();
+        for (const r of part.getClientRects()) if (r.width > 0.5) rects.push({ x: (r.left - frame.left) / scale, y: (r.top - frame.top) / scale, w: r.width / scale, h: r.height / scale });
+      }
+      const lines = rects.sort((a, b) => a.y - b.y || a.x - b.x).reduce((all, r) => {
+        const line = all.find((l) => Math.abs(l.y + l.h / 2 - r.y - r.h / 2) < Math.min(l.h, r.h) / 2 && r.x <= l.x + l.w + r.h);
+        if (!line) return [...all, { ...r }];
+        const x = Math.min(line.x, r.x);
+        const y = Math.min(line.y, r.y);
+        Object.assign(line, { x, y, w: Math.max(line.x + line.w, r.x + r.w) - x, h: Math.max(line.y + line.h, r.y + r.h) - y });
+        return all;
+      }, []);
+      if (lines.length) made.push({ ...stamp(), page: Number(el.dataset.n), kind, rects: lines, text: text.trim(), color: kind === "highlight" ? pen.highlight : pen.line });
+    }
+    picked.removeAllRanges();
+    if (made.length) change((all) => [...all, ...made]);
+    return made.length > 0;
+  };
+  const pick = (next) => {
+    setPalette(false);
+    if ((next === "highlight" || next === "underline" || next === "strike") && markText(next)) return;
+    setTool(tool === next ? "select" : next);
+  };
+  const act = {
+    note: (n, p) => {
+      const mark = { ...stamp(), page: n, kind: "note", spot: { x: p.x - 10, y: p.y - 10 }, text: "", color: "#f59e0b" };
+      change((all) => [...all, mark]);
+      setOpen(mark.id);
+      setTool("select");
+    },
+    text: (id, text) => change((all) => text.trim() ? all.map((m) => m.id === id && m.kind === "note" && m.text !== text ? { ...m, text } : m) : all.filter((m) => m.id !== id)),
+    ink: (n, line) => change((all) => [...all, { ...stamp(), page: n, kind: "ink", lines: [line], color: pen.ink, width: pen.width }]),
+    erase: (n, p) => change((all) => {
+      const keep = all.filter((m) => m.page !== n || !touches(m, p));
+      return keep.length === all.length ? all : keep;
+    }),
+    place: (n, p) => {
+      if (!pending) return;
+      const size = sizes[n - 1];
+      const w = Math.min(180, size.w / 2);
+      const h = w / pending.ratio;
+      const mark = {
+        ...stamp(),
+        page: n,
+        kind: "sign",
+        method: pending.method,
+        image: pending.image,
+        box: { x: Math.max(0, Math.min(size.w - w, p.x - w / 2)), y: Math.max(0, Math.min(size.h - h, p.y - h / 2)), w, h }
+      };
+      change((all) => [...all, mark]);
+      setPending(null);
+      setTool("select");
+      setOpen(mark.id);
+    },
+    move: (id, b) => change((all) => all.map((m) => m.id === id && m.kind === "sign" ? { ...m, box: b } : m)),
+    remove: (id) => change((all) => all.filter((m) => m.id !== id)),
+    open: setOpen
+  };
+  const fields = () => {
+    const out = [];
+    for (const [id, stored] of pdf?.annotationStorage.serializable.map ?? []) {
+      const w = widgets.current.get(id);
+      if (!w || !stored || typeof stored !== "object" || !("value" in stored)) continue;
+      const value = w.options ? [stored.value].flat().filter(Boolean).map((v) => w.options.find((o) => o.exportValue === v)?.displayValue ?? v) : stored.value;
+      if (JSON.stringify(value) !== JSON.stringify(w.value)) out.push({ page: w.page, name: w.name, box: w.box, value });
+    }
+    return out;
+  };
+  const save = async () => {
+    if (!store || !documentId) return false;
+    setSaving("busy");
+    try {
+      const { write } = await import("./pdfWrite-EM6GJDBF.js");
+      const changed = fields();
+      const signs = marks.flatMap((m) => m.kind === "sign" ? [m] : []);
+      const out = await write(bytes, marks, changed);
+      const note = [marks.length > signs.length && `${t.marksNote} ${marks.length - signs.length}`, changed.length > 0 && t.formNote, signs.length > 0 && t.signedNote].filter(Boolean).join(", ");
+      const { versionId } = await store(documentId, out, note);
+      for (const s of signs) await host.sign?.(documentId, { versionId, page: s.page, method: s.method });
+      setClean(marks);
+      setFilled(false);
+      pdf.annotationStorage.resetModified();
+      setSaving("done");
+      onSaved?.(out);
+      return true;
+    } catch {
+      setSaving("failed");
+      return false;
+    }
+  };
+  useEffect3(() => {
+    if (!guard || !dirty || !can.mark) return;
+    guard.current = save;
+    return () => {
+      guard.current = null;
+    };
+  });
+  const adopt = async () => {
+    const s = signing;
+    const canvas = document.createElement("canvas");
+    const ctx = canvas.getContext("2d");
+    if (s.tab === "typed") {
+      const font = '64px "W100n Sign", "Segoe Script", "Bradley Hand", cursive';
+      await document.fonts.load(font, s.name);
+      ctx.font = font;
+      canvas.width = Math.ceil(ctx.measureText(s.name).width) + 24;
+      canvas.height = 96;
+      ctx.font = font;
+      ctx.fillStyle = "#1e3a8a";
+      ctx.textBaseline = "middle";
+      ctx.fillText(s.name, 12, 50);
+    } else if (s.tab === "drawn") {
+      const b = inked.current;
+      const ratio = pad.current.width / pad.current.clientWidth;
+      canvas.width = Math.ceil((b.w + 16) * ratio);
+      canvas.height = Math.ceil((b.h + 16) * ratio);
+      ctx.drawImage(pad.current, (b.x - 8) * ratio, (b.y - 8) * ratio, canvas.width, canvas.height, 0, 0, canvas.width, canvas.height);
+    } else {
+      const img = new Image();
+      img.src = s.image;
+      await img.decode();
+      const k = Math.min(1, 1200 / img.naturalWidth);
+      canvas.width = Math.round(img.naturalWidth * k);
+      canvas.height = Math.round(img.naturalHeight * k);
+      ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
+    }
+    setPending({ image: canvas.toDataURL("image/png"), ratio: canvas.width / canvas.height, method: s.tab });
+    setSigning(null);
+    setTool("place");
+  };
+  const draw = (e) => {
+    const r = e.currentTarget.getBoundingClientRect();
+    const p = { x: e.clientX - r.left, y: e.clientY - r.top };
+    const ctx = e.currentTarget.getContext("2d");
+    if (e.type === "pointerdown") {
+      e.currentTarget.setPointerCapture(e.pointerId);
+      ctx.lineWidth = 2.6;
+      ctx.lineCap = "round";
+      ctx.lineJoin = "round";
+      ctx.strokeStyle = "#1e3a8a";
+      ctx.beginPath();
+      ctx.moveTo(p.x, p.y);
+    } else if (e.buttons) {
+      ctx.lineTo(p.x, p.y);
+      ctx.stroke();
+    } else return;
+    const b = inked.current ?? { x: p.x, y: p.y, w: 0, h: 0 };
+    const x = Math.min(b.x, p.x);
+    const y = Math.min(b.y, p.y);
+    inked.current = { x, y, w: Math.max(b.x + b.w, p.x) - x, h: Math.max(b.y + b.h, p.y) - y };
+    if (!signing.drawn && e.type === "pointermove") setSigning({ ...signing, drawn: true });
+  };
+  const keys = (e) => {
+    const key = e.key.toLowerCase();
+    const mod = e.metaKey || e.ctrlKey;
+    const typing = e.target.closest('input, textarea, select, [contenteditable="true"]');
+    if (mod && key === "f") {
+      e.preventDefault();
+      if (query === null) setQuery("");
+      else finder.current?.focus();
+    } else if (key === "escape" && (signing || palette || more || pending || tool !== "select" || query !== null)) {
+      e.stopPropagation();
+      if (signing) setSigning(null);
+      else if (palette) setPalette(false);
+      else if (more) setMore(false);
+      else if (tool !== "select") {
+        setTool("select");
+        setPending(null);
+      } else setQuery(null);
+    } else if (can.mark && !typing && mod && (key === "z" || key === "y")) {
+      e.preventDefault();
+      if (key === "y" || e.shiftKey) redo();
+      else undo();
+    }
+  };
+  const byPage = /* @__PURE__ */ new Map();
+  for (const m of marks) byPage.set(m.page, [...byPage.get(m.page) ?? [], m]);
+  const hitsBy = /* @__PURE__ */ new Map();
+  for (const h of hits.list) hitsBy.set(h.page, [...hitsBy.get(h.page) ?? [], h]);
+  const when = (iso) => new Intl.DateTimeFormat(language, { day: "numeric", month: "short", hour: "2-digit", minute: "2-digit" }).format(new Date(iso));
+  const tools = [
+    ["select", MousePointer2, t.selectText, true, 2],
+    ["highlight", Highlighter, t.highlight, true, 0],
+    ["underline", Underline, t.underline, true, 1],
+    ["strike", Strikethrough, t.strike, true, 1],
+    ["note", StickyNote3, t.note, true, 0],
+    ["ink", PenLine, t.draw, can.edit, 2],
+    ["eraser", Eraser, t.eraser, true, 1]
+  ];
+  const inkish = tool === "ink";
+  const family = inkish ? "ink" : tool === "underline" || tool === "strike" ? "line" : "highlight";
+  const swatch = pen[family];
+  const gap = /* @__PURE__ */ jsx4("span", { className: "w100n-pdf-gap" });
+  const entries = [
+    { key: "rail", at: 2, Icon: PanelLeft, label: t.pages, run: () => setRail(!rail), pressed: rail },
+    { key: "page", at: 0, node: /* @__PURE__ */ jsxs4("label", { className: "w100n-pdf-pageno", children: [
+      /* @__PURE__ */ jsx4(
+        "input",
+        {
+          value: typed ?? String(page),
+          inputMode: "numeric",
+          "aria-label": t.page,
+          onFocus: (e) => {
+            setTyped(String(page));
+            e.currentTarget.select();
+          },
+          onBlur: () => setTyped(null),
+          onChange: (e) => setTyped(e.target.value.replace(/\D/g, "")),
+          onKeyDown: (e) => {
+            if (e.key === "Enter") {
+              go(Number(typed) || 1);
+              e.currentTarget.blur();
+            }
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxs4("span", { children: [
+        "/ ",
+        sizes.length || ""
+      ] })
+    ] }) },
+    { key: "g1", at: 2, node: gap },
+    { key: "out", at: 2, Icon: Minus, label: t.zoomOut, run: () => zoomBy(-1), stay: true },
+    { key: "zoom", at: 2, node: /* @__PURE__ */ jsxs4("span", { className: "w100n-pdf-zoom", children: [
+      percent,
+      "%"
+    ] }) },
+    { key: "in", at: 2, Icon: Plus, label: t.zoomIn, run: () => zoomBy(1), stay: true },
+    { key: "width", at: 1, Icon: MoveHorizontal, label: t.fitWidth, run: () => setFit("width"), pressed: fit === "width" },
+    { key: "fit", at: 1, Icon: Maximize2, label: t.fitPage, run: () => setFit("page"), pressed: fit === "page" },
+    { key: "g2", at: 2, node: gap },
+    { key: "find", at: 0, Icon: Search, label: t.find, run: () => setQuery(query === null ? "" : null), pressed: query !== null },
+    ...can.mark ? [
+      { key: "g3", at: 2, node: gap },
+      ...tools.filter(([, , , shown]) => shown).map(([key, Icon, label, , at2]) => ({ key, at: at2, Icon, label, run: () => pick(key), pressed: tool === key })),
+      ...can.edit ? [{ key: "sign", at: 2, Icon: Sign, label: t.sign, run: () => setSigning({ tab: "typed", name: me, image: null, drawn: false }), pressed: tool === "place" || signing !== null }] : [],
+      { key: "colour", at: 0, node: /* @__PURE__ */ jsxs4("span", { className: "w100n-pdf-palette", children: [
+        /* @__PURE__ */ jsx4("button", { type: "button", "aria-expanded": palette, onClick: () => {
+          setMore(false);
+          setPalette(!palette);
+        }, "aria-label": t.colour, title: t.colour, children: /* @__PURE__ */ jsx4("i", { style: { background: swatch } }) }),
+        palette && /* @__PURE__ */ jsxs4("span", { className: "w100n-pdf-pop", role: "group", "aria-label": t.colour, children: [
+          ["#facc15", "#4ade80", "#60a5fa", "#f472b6", "#f87171", "#2563eb", "#0f172a"].map((c, i) => /* @__PURE__ */ jsx4(
+            "button",
+            {
+              type: "button",
+              "aria-pressed": swatch === c,
+              "aria-label": c,
+              autoFocus: i === 0,
+              onClick: () => setPen({ ...pen, [family]: c }),
+              children: /* @__PURE__ */ jsx4("i", { style: { background: c } })
+            },
+            c
+          )),
+          inkish && [1, 2, 4].map((w) => /* @__PURE__ */ jsx4("button", { type: "button", "aria-pressed": pen.width === w, "aria-label": `${t.lineWidth} ${w}`, onClick: () => setPen({ ...pen, width: w }), children: /* @__PURE__ */ jsx4("b", { style: { height: w + 1 } }) }, w))
+        ] })
+      ] }) },
+      { key: "undo", at: 2, Icon: Undo22, label: t.undo, run: undo, disabled: !history.past.length, stay: true },
+      { key: "redo", at: 1, Icon: Redo22, label: t.redo, run: redo, disabled: !history.future.length, stay: true }
+    ] : []
+  ];
+  const moved = entries.filter((e) => e.at && e.at <= level && e.Icon);
+  const button = (e, listed, first = false) => {
+    const Icon = e.Icon;
+    return /* @__PURE__ */ jsxs4(
+      "button",
+      {
+        type: "button",
+        "aria-pressed": e.pressed,
+        disabled: e.disabled,
+        autoFocus: first,
+        "aria-label": listed ? void 0 : e.label,
+        title: listed ? void 0 : e.label,
+        onClick: () => {
+          e.run();
+          if (listed && !e.stay) setMore(false);
+        },
+        children: [
+          /* @__PURE__ */ jsx4(Icon, { "aria-hidden": true }),
+          listed && e.label
+        ]
+      },
+      e.key
+    );
+  };
+  return /* @__PURE__ */ jsxs4("div", { ref: root, className: "w100n-pdf", onKeyDown: keys, children: [
+    /* @__PURE__ */ jsxs4("div", { ref: bar, className: "w100n-pdf-bar", role: "toolbar", "aria-label": t.pdfTools, onKeyDown: rove, onPointerDown: (e) => {
+      if (e.target.closest("button")) e.preventDefault();
+    }, children: [
+      entries.filter((e) => !e.at || e.at > level).map((e) => e.Icon ? button(e, false) : /* @__PURE__ */ jsx4(Fragment3, { children: e.node }, e.key)),
+      moved.length > 0 && /* @__PURE__ */ jsxs4("span", { className: "w100n-pdf-palette", children: [
+        /* @__PURE__ */ jsx4("button", { type: "button", "aria-expanded": more, "aria-label": t.more, title: t.more, onClick: () => {
+          setPalette(false);
+          setMore(!more);
+        }, children: /* @__PURE__ */ jsx4(Ellipsis, { "aria-hidden": true }) }),
+        more && /* @__PURE__ */ jsx4("span", { className: "w100n-pdf-pop w100n-pdf-more", role: "group", "aria-label": t.more, children: moved.map((e, i) => button(e, true, i === 0)) })
+      ] }),
+      can.mark && /* @__PURE__ */ jsxs4(Fragment4, { children: [
+        /* @__PURE__ */ jsxs4("button", { type: "button", className: "w100n-docs-action", disabled: !dirty || saving === "busy", onClick: () => void save(), children: [
+          /* @__PURE__ */ jsx4(Save3, { "aria-hidden": true }),
+          saving === "busy" ? t.saving : !dirty && saving === "done" ? t.saved : t.save
+        ] }),
+        saving === "failed" && /* @__PURE__ */ jsx4("span", { className: "w100n-docs-muted", role: "alert", children: t.saveFailed })
+      ] })
+    ] }),
+    query !== null && /* @__PURE__ */ jsxs4("div", { className: "w100n-pdf-find", role: "search", children: [
+      /* @__PURE__ */ jsx4(Search, { "aria-hidden": true }),
+      /* @__PURE__ */ jsx4(
+        "input",
+        {
+          ref: finder,
+          autoFocus: true,
+          value: query,
+          placeholder: t.find,
+          "aria-label": t.find,
+          onChange: (e) => setQuery(e.target.value),
+          onKeyDown: (e) => {
+            if (e.key === "Enter") step(e.shiftKey ? -1 : 1);
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx4("span", { "aria-live": "polite", children: hits.list.length ? `${Math.min(at + 1, hits.list.length)} / ${hits.list.length}` : query.trim() ? hits.done ? t.noHits : t.searching : "" }),
+      /* @__PURE__ */ jsx4("button", { type: "button", disabled: !hits.list.length, onClick: () => step(-1), "aria-label": t.previous, title: t.previous, children: /* @__PURE__ */ jsx4(ChevronUp, { "aria-hidden": true }) }),
+      /* @__PURE__ */ jsx4("button", { type: "button", disabled: !hits.list.length, onClick: () => step(1), "aria-label": t.next, title: t.next, children: /* @__PURE__ */ jsx4(ChevronDown, { "aria-hidden": true }) }),
+      /* @__PURE__ */ jsx4("button", { type: "button", onClick: () => setQuery(null), "aria-label": t.close, title: t.close, children: /* @__PURE__ */ jsx4(X3, { "aria-hidden": true }) })
+    ] }),
+    tool === "place" && /* @__PURE__ */ jsxs4("div", { className: "w100n-pdf-hint", children: [
+      t.placeHint,
+      /* @__PURE__ */ jsx4("button", { type: "button", onClick: () => {
+        setTool("select");
+        setPending(null);
+      }, children: t.cancel })
+    ] }),
+    /* @__PURE__ */ jsxs4("div", { className: "w100n-pdf-body", children: [
+      rail && /* @__PURE__ */ jsx4("nav", { ref: railBox, className: "w100n-pdf-rail", "aria-label": t.pages, onScroll: (e) => setRailTop(Math.round(e.currentTarget.scrollTop / 80) * 80), children: sizes.map((s, i) => /* @__PURE__ */ jsxs4("button", { type: "button", className: "w100n-pdf-thumb", "aria-current": page === i + 1, onClick: () => go(i + 1), "aria-label": `${t.page} ${i + 1}`, children: [
+        /* @__PURE__ */ jsx4(PdfPage, { pdf, n: i + 1, size: s, scale: 96 / s.w, live: !!pdf && thumbLive(i) }),
+        /* @__PURE__ */ jsx4("span", { children: i + 1 })
+      ] }, i)) }),
+      /* @__PURE__ */ jsxs4(
+        "div",
+        {
+          ref: scroller,
+          className: "w100n-pdf-scroll",
+          tabIndex: 0,
+          "data-tool": tool,
+          onScroll: (e) => {
+            const y = e.currentTarget.scrollTop;
+            anchor.current = { scale, ...centre(y) };
+            setTop(Math.round(y / 80) * 80);
+          },
+          onPointerDown: (e) => {
+            const target = e.target;
+            target.closest(".textLayer")?.classList.add("selecting");
+            if (open && !target.closest(".w100n-pdf-note, .w100n-pdf-sign")) setOpen(null);
+          },
+          onPointerUp: () => {
+            for (const el of scroller.current.querySelectorAll(".selecting")) el.classList.remove("selecting");
+            if (tool === "highlight" || tool === "underline" || tool === "strike") markText(tool);
+          },
+          children: [
+            error && /* @__PURE__ */ jsx4("p", { className: "w100n-docs-note", children: t.failed }),
+            /* @__PURE__ */ jsx4("div", { className: "w100n-pdf-pages", children: sizes.map((s, i) => /* @__PURE__ */ jsx4(PdfPage, { id: `${prefix}-${i + 1}`, pdf, n: i + 1, size: s, scale, live: live(i), layers: {
+              forms: can.edit,
+              tool,
+              marks: byPage.get(i + 1) ?? [],
+              hits: hitsBy.get(i + 1) ?? [],
+              active: hits.list[at],
+              open,
+              pen: { color: pen.ink, width: pen.width },
+              widgets: widgets.current,
+              t,
+              when,
+              act
+            } }, i)) })
+          ]
+        }
+      )
+    ] }),
+    signing && /* @__PURE__ */ jsx4("div", { className: "w100n-pdf-back", onPointerDown: (e) => {
+      if (e.target === e.currentTarget) setSigning(null);
+    }, children: /* @__PURE__ */ jsxs4("div", { className: "w100n-pdf-dialog", role: "dialog", "aria-modal": true, "aria-label": t.signTitle, children: [
+      /* @__PURE__ */ jsxs4("div", { className: "w100n-docs-row", children: [
+        /* @__PURE__ */ jsx4("b", { className: "w100n-pdf-dialog-title", children: t.signTitle }),
+        /* @__PURE__ */ jsx4("button", { type: "button", className: "w100n-docs-close", onClick: () => setSigning(null), "aria-label": t.close, title: t.close, children: /* @__PURE__ */ jsx4(X3, { "aria-hidden": true }) })
+      ] }),
+      /* @__PURE__ */ jsx4("div", { className: "w100n-docs-tabs", role: "tablist", "aria-label": t.signTitle, onKeyDown: rove, children: [["typed", Type, t.typed], ["drawn", PenLine, t.drawn], ["image", ImageUp, t.image]].map(([key, Icon, label]) => /* @__PURE__ */ jsxs4("button", { type: "button", role: "tab", "aria-selected": signing.tab === key, tabIndex: signing.tab === key ? 0 : -1, onClick: () => setSigning({ ...signing, tab: key }), children: [
+        /* @__PURE__ */ jsx4(Icon, { "aria-hidden": true }),
+        label
+      ] }, key)) }),
+      signing.tab === "typed" && /* @__PURE__ */ jsxs4(Fragment4, { children: [
+        /* @__PURE__ */ jsx4("input", { className: "w100n-pdf-name", autoFocus: true, value: signing.name, onChange: (e) => setSigning({ ...signing, name: e.target.value }), "aria-label": t.yourName, placeholder: t.yourName }),
+        /* @__PURE__ */ jsx4("p", { className: "w100n-pdf-script", style: { fontSize: Math.min(52, Math.floor(680 / Math.max(1, (signing.name || t.yourName).length))) }, children: signing.name || t.yourName })
+      ] }),
+      signing.tab === "drawn" && /* @__PURE__ */ jsxs4(Fragment4, { children: [
+        /* @__PURE__ */ jsx4("canvas", { ref: pad, className: "w100n-pdf-pad", "aria-label": t.drawHere, onPointerDown: draw, onPointerMove: draw }),
+        /* @__PURE__ */ jsxs4("div", { className: "w100n-docs-row", children: [
+          /* @__PURE__ */ jsx4("small", { className: "w100n-docs-muted", children: t.drawHere }),
+          /* @__PURE__ */ jsx4("button", { type: "button", className: "w100n-pdf-link", onClick: () => {
+            const canvas = pad.current;
+            canvas.getContext("2d").clearRect(0, 0, canvas.width, canvas.height);
+            inked.current = null;
+            setSigning({ ...signing, drawn: false });
+          }, children: t.clear })
+        ] })
+      ] }),
+      signing.tab === "image" && /* @__PURE__ */ jsxs4("label", { className: "w100n-pdf-upload", children: [
+        signing.image ? /* @__PURE__ */ jsx4("img", { src: signing.image, alt: "" }) : /* @__PURE__ */ jsxs4(Fragment4, { children: [
+          /* @__PURE__ */ jsx4(ImageUp, { "aria-hidden": true }),
+          t.pickImage
+        ] }),
+        /* @__PURE__ */ jsx4("input", { type: "file", accept: "image/png,image/jpeg", onChange: (e) => {
+          const file = e.target.files?.[0];
+          if (!file) return;
+          const reader = new FileReader();
+          reader.onload = () => setSigning((current) => current && { ...current, image: String(reader.result) });
+          reader.readAsDataURL(file);
+        } })
+      ] }),
+      /* @__PURE__ */ jsxs4("div", { className: "w100n-pdf-dialog-end", children: [
+        /* @__PURE__ */ jsx4("button", { type: "button", className: "w100n-pdf-link", onClick: () => setSigning(null), children: t.cancel }),
+        /* @__PURE__ */ jsxs4(
+          "button",
+          {
+            type: "button",
+            className: "w100n-docs-action",
+            onClick: () => void adopt(),
+            disabled: signing.tab === "typed" ? !signing.name.trim() : signing.tab === "drawn" ? !signing.drawn : !signing.image,
+            children: [
+              /* @__PURE__ */ jsx4(Sign, { "aria-hidden": true }),
+              t.useSign
+            ]
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+
+// src/DocumentOverlay.tsx
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var TextEditor = lazy(() => import("./TextEditor-4YETNX4T.js"));
+var SheetView = lazy(() => import("./SheetView-TXHS5WJC.js"));
+var icons = { docx: FileText, markdown: FileType, pdf: Files, sheet: FileSpreadsheet, slides: Presentation };
+var read = { view: true, comment: false, edit: false };
+var quiet = () => {
+};
+function DocumentOverlay({ source, name, mimeType, info, download, actions, onClose, onOpen, language = "en", theme = "light", worker, host, documentId }) {
+  const t = texts[language];
+  const kind = kindOf(name, mimeType) ?? "pdf";
+  const Kind = icons[kind];
+  const [saved, setSaved] = useState5(null);
+  const loaded = useLoad(async (signal) => {
+    if (source instanceof ArrayBuffer) return source;
+    if (source instanceof Blob) return source.arrayBuffer();
+    const response = await fetch(source, { signal });
+    if (!response.ok) throw new Error(`${response.status}`);
+    return response.arrayBuffer();
+  }, [source]);
+  const doc = useLoad((signal) => host && documentId ? host.document(documentId, { signal }) : Promise.resolve(null), [host, documentId]);
+  const bytes = saved ?? loaded.data;
+  const guard = useRef4(null);
+  const box = useRef4(null);
+  const { ask, dialog } = useUnsaved(guard, t);
+  const close = () => ask(onClose);
+  useRestore(true);
+  useEffect4(() => {
+    box.current.focus();
+  }, []);
+  useEffect4(() => {
+    const escape2 = (e) => {
+      if (e.key !== "Escape") return;
+      e.stopPropagation();
+      close();
+    };
+    const overflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    window.addEventListener("keydown", escape2, true);
+    return () => {
+      window.removeEventListener("keydown", escape2, true);
+      document.body.style.overflow = overflow;
+    };
+  });
+  const save = () => {
+    const url = URL.createObjectURL(new Blob([bytes], { type: "application/pdf" }));
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = name;
+    link.click();
+    setTimeout(() => URL.revokeObjectURL(url), 1e3);
+  };
+  const sheet = readable(name, mimeType) !== "sheet" ? null : /\.csv$/i.test(name) || mimeType === "text/csv" ? "csv" : "xlsx";
+  const wait = /* @__PURE__ */ jsx5("div", { className: "w100n-docs-empty", children: t.loading });
+  let stage = null;
+  if (bytes && !doc.loading) {
+    if (kind === "pdf") stage = /* @__PURE__ */ jsx5(
+      PdfView,
+      {
+        bytes,
+        t,
+        language,
+        worker: worker ?? host?.pdfWorker,
+        rights: doc.data?.rights,
+        host: doc.data ? host : void 0,
+        documentId,
+        onSaved: setSaved,
+        guard
+      }
+    );
+    else if (kind === "docx" || kind === "markdown") stage = /* @__PURE__ */ jsx5(Suspense, { fallback: wait, children: /* @__PURE__ */ jsx5(TextEditor, { kind, bytes, t, language, rights: read, documentId: documentId ?? name, onOutline: quiet, slot: null }) });
+    else if (kind === "slides") stage = /* @__PURE__ */ jsx5(SlidesView, { html: new TextDecoder().decode(bytes), name, rights: read, language, theme, onOutline: quiet });
+    else if (sheet) stage = /* @__PURE__ */ jsx5(Suspense, { fallback: wait, children: /* @__PURE__ */ jsx5(SheetView, { bytes, name, kind: sheet, rights: read, language, theme, documentId: documentId ?? name }) });
+    else stage = /* @__PURE__ */ jsx5("div", { className: "w100n-docs-empty", children: t.unsupported });
+  }
+  return createPortal2(/* @__PURE__ */ jsxs5("div", { ref: box, className: "w100n-docs w100n-docs-overlay", "data-theme": theme, role: "dialog", "aria-modal": true, "aria-label": name, tabIndex: -1, children: [
+    /* @__PURE__ */ jsxs5("header", { className: "w100n-docs-bar", children: [
+      /* @__PURE__ */ jsx5("span", { className: "w100n-docs-tile", "data-kind": kind, children: /* @__PURE__ */ jsx5(Kind, { "aria-hidden": true }) }),
+      /* @__PURE__ */ jsxs5("div", { className: "w100n-docs-heading", children: [
+        /* @__PURE__ */ jsx5("strong", { className: "w100n-docs-title", children: name }),
+        info && /* @__PURE__ */ jsx5("span", { className: "w100n-docs-crumbs", children: info })
+      ] }),
+      /* @__PURE__ */ jsxs5("div", { className: "w100n-docs-end", children: [
+        actions,
+        download && !saved || !bytes ? /* @__PURE__ */ jsxs5("a", { className: "w100n-docs-action", href: download ?? (typeof source === "string" ? source : void 0), download: name, "aria-label": t.download, children: [
+          /* @__PURE__ */ jsx5(Download, { "aria-hidden": true }),
+          /* @__PURE__ */ jsx5("span", { children: t.download })
+        ] }) : /* @__PURE__ */ jsxs5("button", { type: "button", className: "w100n-docs-action", onClick: save, "aria-label": t.download, children: [
+          /* @__PURE__ */ jsx5(Download, { "aria-hidden": true }),
+          /* @__PURE__ */ jsx5("span", { children: t.download })
+        ] }),
+        onOpen && /* @__PURE__ */ jsxs5("button", { type: "button", className: "w100n-docs-action", onClick: () => ask(onOpen), "aria-label": t.openInDocuments, children: [
+          /* @__PURE__ */ jsx5(ExternalLink, { "aria-hidden": true }),
+          /* @__PURE__ */ jsx5("span", { children: t.openInDocuments })
+        ] }),
+        /* @__PURE__ */ jsx5("button", { type: "button", className: "w100n-docs-close", onClick: close, "aria-label": t.close, title: t.close, children: /* @__PURE__ */ jsx5(X4, { "aria-hidden": true }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx5("div", { className: "w100n-docs-body", children: /* @__PURE__ */ jsx5("main", { className: "w100n-docs-stage", children: loaded.error ? /* @__PURE__ */ jsxs5("div", { className: "w100n-docs-empty", children: [
+      t.failed,
+      /* @__PURE__ */ jsx5("button", { type: "button", className: "w100n-pdf-link", onClick: loaded.retry, children: t.retry })
+    ] }) : stage ?? wait }) }),
+    dialog
+  ] }), document.body);
+}
 
 // src/DocumentsWorkspace.tsx
-import { useLayoutEffect as useLayoutEffect3, useRef as useRef5, useState as useState5 } from "react";
+import { lazy as lazy2, Suspense as Suspense2, useEffect as useEffect6, useLayoutEffect as useLayoutEffect3, useRef as useRef6, useState as useState8 } from "react";
+import { flushSync } from "react-dom";
 import {
   Check,
-  ChevronDown,
-  ChevronRight,
-  FileSpreadsheet,
-  FileText,
-  FileType,
-  Files,
+  ChevronDown as ChevronDown2,
+  ChevronRight as ChevronRight2,
+  FileDown,
+  FileSpreadsheet as FileSpreadsheet2,
+  FileText as FileText2,
+  FileType as FileType2,
+  Files as Files2,
   History,
   Info,
   LayoutGrid,
   ListTree,
-  Maximize2,
-  Minus,
+  MessagesSquare,
+  PanelLeftClose,
   PanelLeftOpen,
+  PanelRightClose,
   PanelRightOpen,
-  Plus,
-  Presentation,
-  RotateCcw,
-  Search,
-  X
+  Presentation as Presentation2,
+  RotateCcw as RotateCcw2,
+  Search as Search2,
+  Share2,
+  Signature,
+  X as X5
 } from "lucide-react";
 
-// src/text.ts
-var en = {
-  documents: "Documents",
-  loose: "Without a folder",
-  search: "Search documents",
-  all: "All",
-  empty: "No documents here yet",
-  nothing: "Nothing matches the search",
-  space: "Project",
-  pick: "Choose a document on the left",
-  closeList: "Hide the list",
-  openList: "Show the list",
-  outline: "Outline",
-  versions: "Versions",
-  details: "Details",
-  noOutline: "This document has no headings",
-  current: "Current",
-  size: "Size",
-  updated: "Updated",
-  by: "By",
-  kind: "Format",
-  rights: "You can",
-  view: "View",
-  comment: "Comment",
-  edit: "Edit",
-  failed: "Could not load",
-  retry: "Try again",
-  loading: "Loading",
-  sheet: "Sheet",
-  unsupported: "This file cannot be shown yet",
-  restore: "Restore this version",
-  restoreFailed: "Could not restore",
-  allProjects: "All projects",
-  closePanel: "Hide the panel",
-  openPanel: "Show the panel",
-  zoomIn: "Zoom in",
-  zoomOut: "Zoom out",
-  fit: "Actual size",
-  kinds: { docx: "DOCX", markdown: "Markdown", pdf: "PDF", sheet: "Sheets", slides: "Slides" }
-};
-var pl = {
-  documents: "Dokumenty",
-  loose: "Bez folderu",
-  search: "Szukaj dokument\xF3w",
-  all: "Wszystkie",
-  empty: "Nie ma tu jeszcze dokument\xF3w",
-  nothing: "Nic nie pasuje do wyszukiwania",
-  space: "Projekt",
-  pick: "Wybierz dokument po lewej",
-  closeList: "Ukryj list\u0119",
-  openList: "Poka\u017C list\u0119",
-  outline: "Spis tre\u015Bci",
-  versions: "Wersje",
-  details: "Szczeg\xF3\u0142y",
-  noOutline: "Ten dokument nie ma nag\u0142\xF3wk\xF3w",
-  current: "Bie\u017C\u0105ca",
-  size: "Rozmiar",
-  updated: "Zmieniono",
-  by: "Autor",
-  kind: "Format",
-  rights: "Mo\u017Cesz",
-  view: "Ogl\u0105da\u0107",
-  comment: "Komentowa\u0107",
-  edit: "Edytowa\u0107",
-  failed: "Nie uda\u0142o si\u0119 wczyta\u0107",
-  retry: "Spr\xF3buj ponownie",
-  loading: "Wczytywanie",
-  sheet: "Arkusz",
-  unsupported: "Tego pliku nie da si\u0119 jeszcze pokaza\u0107",
-  restore: "Przywr\xF3\u0107 t\u0119 wersj\u0119",
-  restoreFailed: "Nie uda\u0142o si\u0119 przywr\xF3ci\u0107",
-  allProjects: "Wszystkie projekty",
-  closePanel: "Ukryj panel",
-  openPanel: "Poka\u017C panel",
-  zoomIn: "Powi\u0119ksz",
-  zoomOut: "Pomniejsz",
-  fit: "Rzeczywisty rozmiar",
-  kinds: { docx: "DOCX", markdown: "Markdown", pdf: "PDF", sheet: "Arkusze", slides: "Slajdy" }
-};
-var uk = {
-  documents: "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0438",
-  loose: "\u0411\u0435\u0437 \u0442\u0435\u043A\u0438",
-  search: "\u041F\u043E\u0448\u0443\u043A \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0456\u0432",
-  all: "\u0423\u0441\u0456",
-  empty: "\u0422\u0443\u0442 \u0449\u0435 \u043D\u0435\u043C\u0430\u0454 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0456\u0432",
-  nothing: "\u041D\u0456\u0447\u043E\u0433\u043E \u043D\u0435 \u0437\u043D\u0430\u0439\u0434\u0435\u043D\u043E",
-  space: "\u041F\u0440\u043E\u0454\u043A\u0442",
-  pick: "\u0412\u0438\u0431\u0435\u0440\u0456\u0442\u044C \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442 \u043B\u0456\u0432\u043E\u0440\u0443\u0447",
-  closeList: "\u0421\u0445\u043E\u0432\u0430\u0442\u0438 \u0441\u043F\u0438\u0441\u043E\u043A",
-  openList: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u0438 \u0441\u043F\u0438\u0441\u043E\u043A",
-  outline: "\u0417\u043C\u0456\u0441\u0442",
-  versions: "\u0412\u0435\u0440\u0441\u0456\u0457",
-  details: "\u0414\u0435\u0442\u0430\u043B\u0456",
-  noOutline: "\u0423 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0456 \u043D\u0435\u043C\u0430\u0454 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u0456\u0432",
-  current: "\u041F\u043E\u0442\u043E\u0447\u043D\u0430",
-  size: "\u0420\u043E\u0437\u043C\u0456\u0440",
-  updated: "\u0417\u043C\u0456\u043D\u0435\u043D\u043E",
-  by: "\u0410\u0432\u0442\u043E\u0440",
-  kind: "\u0424\u043E\u0440\u043C\u0430\u0442",
-  rights: "\u0412\u0438 \u043C\u043E\u0436\u0435\u0442\u0435",
-  view: "\u0414\u0438\u0432\u0438\u0442\u0438\u0441\u044F",
-  comment: "\u041A\u043E\u043C\u0435\u043D\u0442\u0443\u0432\u0430\u0442\u0438",
-  edit: "\u041F\u0440\u0430\u0432\u0438\u0442\u0438",
-  failed: "\u041D\u0435 \u0432\u0434\u0430\u043B\u043E\u0441\u044F \u0437\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0438\u0442\u0438",
-  retry: "\u0421\u043F\u0440\u043E\u0431\u0443\u0432\u0430\u0442\u0438 \u0449\u0435",
-  loading: "\u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0435\u043D\u043D\u044F",
-  sheet: "\u0410\u0440\u043A\u0443\u0448",
-  unsupported: "\u0426\u0435\u0439 \u0444\u0430\u0439\u043B \u043F\u043E\u043A\u0438 \u043D\u0435 \u043F\u043E\u043A\u0430\u0437\u0443\u0454\u0442\u044C\u0441\u044F",
-  restore: "\u0412\u0456\u0434\u043D\u043E\u0432\u0438\u0442\u0438 \u0446\u044E \u0432\u0435\u0440\u0441\u0456\u044E",
-  restoreFailed: "\u041D\u0435 \u0432\u0434\u0430\u043B\u043E\u0441\u044F \u0432\u0456\u0434\u043D\u043E\u0432\u0438\u0442\u0438",
-  allProjects: "\u0423\u0441\u0456 \u043F\u0440\u043E\u0454\u043A\u0442\u0438",
-  closePanel: "\u0421\u0445\u043E\u0432\u0430\u0442\u0438 \u043F\u0430\u043D\u0435\u043B\u044C",
-  openPanel: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u0438 \u043F\u0430\u043D\u0435\u043B\u044C",
-  zoomIn: "\u0417\u0431\u0456\u043B\u044C\u0448\u0438\u0442\u0438",
-  zoomOut: "\u0417\u043C\u0435\u043D\u0448\u0438\u0442\u0438",
-  fit: "\u0421\u043F\u0440\u0430\u0432\u0436\u043D\u0456\u0439 \u0440\u043E\u0437\u043C\u0456\u0440",
-  kinds: { docx: "DOCX", markdown: "Markdown", pdf: "PDF", sheet: "\u0422\u0430\u0431\u043B\u0438\u0446\u0456", slides: "\u0421\u043B\u0430\u0439\u0434\u0438" }
+// src/Sharing.tsx
+import { useState as useState6 } from "react";
+import { Ban, CalendarDays, Clock, Copy as Copy2, Download as Download2, Eye, Link, Lock, MessageSquarePlus, Plus as Plus2, Users } from "lucide-react";
+import { Fragment as Fragment5, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var blank2 = { id: null, comment: false, download: false, askName: true, works: "30", day: "", password: false, secret: "", had: false };
+var local = (iso) => {
+  const at = new Date(iso);
+  return `${at.getFullYear()}-${String(at.getMonth() + 1).padStart(2, "0")}-${String(at.getDate()).padStart(2, "0")}`;
 };
-var texts = { en, pl, uk };
+function Sharing({ host, doc, t, language, team }) {
+  const links = useLoad((signal) => host.links(doc.id, { signal }), [host, doc.id]);
+  const [form, setForm] = useState6(null);
+  const [state, setState] = useState6("idle");
+  const [copied, setCopied] = useState6(null);
+  const text = doc.kind === "docx" || doc.kind === "markdown";
+  const rules = new Intl.PluralRules(language);
+  const count = (n, forms) => `${n} ${forms[rules.select(n)] ?? forms.other}`;
+  const day = (iso) => new Intl.DateTimeFormat(language, { day: "numeric", month: "short" }).format(new Date(iso));
+  const ago = (iso) => {
+    const minutes = Math.round((Date.parse(iso) - Date.now()) / 6e4);
+    const rtf = new Intl.RelativeTimeFormat(language, { numeric: "auto", style: "short" });
+    if (Math.abs(minutes) < 60) return rtf.format(minutes, "minute");
+    if (Math.abs(minutes) < 1440) return rtf.format(Math.round(minutes / 60), "hour");
+    return rtf.format(Math.round(minutes / 1440), "day");
+  };
+  const edit = (l) => setForm({
+    id: l.id,
+    comment: l.comment,
+    download: l.download,
+    askName: l.askName,
+    works: l.endsAt ? "day" : "off",
+    day: l.endsAt ? local(l.endsAt) : "",
+    password: l.password,
+    secret: "",
+    had: l.password
+  });
+  const ends = (f) => {
+    if (f.works === "off") return null;
+    if (f.works === "day") return (/* @__PURE__ */ new Date(`${f.day}T23:59:59`)).toISOString();
+    return new Date(Date.now() + Number(f.works) * 864e5).toISOString();
+  };
+  const ready = form && (form.works !== "day" || !!form.day && /* @__PURE__ */ new Date(`${form.day}T23:59:59`) > /* @__PURE__ */ new Date()) && (!form.password || form.had || form.secret.length >= 4);
+  const submit = async () => {
+    if (!form || !ready) return;
+    setState("busy");
+    const password = form.password ? form.secret || (form.had ? null : "") : form.had ? "" : null;
+    const entry = { comment: text && form.comment, download: form.download, askName: form.askName, endsAt: ends(form), password };
+    try {
+      await (form.id ? host.relink(form.id, entry) : host.share(doc.id, entry));
+      setForm(null);
+      setState("idle");
+      links.retry();
+    } catch {
+      setState("failed");
+    }
+  };
+  const off = async (l) => {
+    setState("busy");
+    try {
+      await host.unshare(l.id);
+      setState("idle");
+      links.retry();
+    } catch {
+      setState("failed");
+    }
+  };
+  const copy = async (l) => {
+    try {
+      await navigator.clipboard.writeText(l.url);
+      setCopied(l.id);
+      setTimeout(() => setCopied((now) => now === l.id ? null : now), 2e3);
+    } catch {
+      setCopied(null);
+    }
+  };
+  if (form) return /* @__PURE__ */ jsxs6("div", { className: "w100n-share", children: [
+    /* @__PURE__ */ jsxs6("p", { className: "w100n-docs-caption", children: [
+      /* @__PURE__ */ jsx6(Link, { "aria-hidden": true }),
+      form.id ? t.changeLink : t.newLink
+    ] }),
+    text && /* @__PURE__ */ jsxs6("div", { className: "w100n-share-field", children: [
+      /* @__PURE__ */ jsx6("span", { children: t.guestsCan }),
+      /* @__PURE__ */ jsxs6("div", { className: "w100n-docs-chips", children: [
+        /* @__PURE__ */ jsxs6("button", { type: "button", "aria-pressed": !form.comment, onClick: () => setForm({ ...form, comment: false }), children: [
+          /* @__PURE__ */ jsx6(Eye, { "aria-hidden": true }),
+          t.canRead
+        ] }),
+        /* @__PURE__ */ jsxs6("button", { type: "button", "aria-pressed": form.comment, onClick: () => setForm({ ...form, comment: true }), children: [
+          /* @__PURE__ */ jsx6(MessageSquarePlus, { "aria-hidden": true }),
+          t.canComment
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs6("div", { className: "w100n-share-field", children: [
+      /* @__PURE__ */ jsx6("span", { children: t.linkWorks }),
+      /* @__PURE__ */ jsx6("div", { className: "w100n-docs-chips", children: [["7", t.days7], ["30", t.days30], ["off", t.untilTurnOff], ["day", t.pickDay]].map(([key, label]) => /* @__PURE__ */ jsxs6("button", { type: "button", "aria-pressed": form.works === key, onClick: () => setForm({ ...form, works: key }), children: [
+        key === "day" && /* @__PURE__ */ jsx6(CalendarDays, { "aria-hidden": true }),
+        label
+      ] }, key)) }),
+      form.works === "day" && /* @__PURE__ */ jsx6(
+        "input",
+        {
+          type: "date",
+          className: "w100n-share-input",
+          value: form.day,
+          min: local((/* @__PURE__ */ new Date()).toISOString()),
+          "aria-label": t.pickDay,
+          onChange: (e) => setForm({ ...form, day: e.target.value })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs6("label", { className: "w100n-share-toggle", children: [
+      /* @__PURE__ */ jsx6("input", { type: "checkbox", checked: form.password, onChange: (e) => setForm({ ...form, password: e.target.checked }) }),
+      /* @__PURE__ */ jsxs6("span", { children: [
+        /* @__PURE__ */ jsx6("b", { children: t.passwordOn }),
+        /* @__PURE__ */ jsx6("small", { children: t.passwordHint })
+      ] })
+    ] }),
+    form.password && /* @__PURE__ */ jsx6(
+      "input",
+      {
+        type: "password",
+        className: "w100n-share-input",
+        autoComplete: "new-password",
+        value: form.secret,
+        "aria-label": t.passwordOn,
+        placeholder: form.had ? t.keepPassword : t.passwordPlaceholder,
+        onChange: (e) => setForm({ ...form, secret: e.target.value })
+      }
+    ),
+    /* @__PURE__ */ jsxs6("label", { className: "w100n-share-toggle", children: [
+      /* @__PURE__ */ jsx6("input", { type: "checkbox", checked: form.download, onChange: (e) => setForm({ ...form, download: e.target.checked }) }),
+      /* @__PURE__ */ jsxs6("span", { children: [
+        /* @__PURE__ */ jsx6("b", { children: t.downloadFile }),
+        /* @__PURE__ */ jsx6("small", { children: t.downloadHint })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs6("label", { className: "w100n-share-toggle", children: [
+      /* @__PURE__ */ jsx6("input", { type: "checkbox", checked: form.askName, onChange: (e) => setForm({ ...form, askName: e.target.checked }) }),
+      /* @__PURE__ */ jsxs6("span", { children: [
+        /* @__PURE__ */ jsx6("b", { children: t.askName }),
+        /* @__PURE__ */ jsx6("small", { children: t.askNameHint })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx6("p", { className: "w100n-docs-muted", children: t.lastSaved }),
+    state === "failed" && /* @__PURE__ */ jsx6("p", { className: "w100n-docs-muted", role: "alert", children: t.shareFailed }),
+    /* @__PURE__ */ jsxs6("span", { className: "w100n-pdf-dialog-end", children: [
+      /* @__PURE__ */ jsx6("button", { type: "button", className: "w100n-pdf-link", onClick: () => {
+        setForm(null);
+        setState("idle");
+      }, children: t.cancel }),
+      /* @__PURE__ */ jsxs6("button", { type: "button", className: "w100n-docs-action", disabled: !ready || state === "busy", onClick: () => void submit(), children: [
+        /* @__PURE__ */ jsx6(Link, { "aria-hidden": true }),
+        form.id ? t.saveLink : t.makeLink
+      ] })
+    ] })
+  ] });
+  const on = links.data ?? [];
+  return /* @__PURE__ */ jsxs6("div", { className: "w100n-share", children: [
+    /* @__PURE__ */ jsxs6("p", { className: "w100n-docs-caption", children: [
+      /* @__PURE__ */ jsx6(Link, { "aria-hidden": true }),
+      t.guestLinks,
+      on.length > 0 && /* @__PURE__ */ jsx6("span", { children: on.filter((l) => !l.ended).length })
+    ] }),
+    links.error && /* @__PURE__ */ jsxs6("div", { className: "w100n-docs-note", children: [
+      t.failed,
+      /* @__PURE__ */ jsx6("button", { type: "button", onClick: links.retry, children: t.retry })
+    ] }),
+    links.data && !on.length && /* @__PURE__ */ jsx6("p", { className: "w100n-docs-muted", children: t.noLinks }),
+    state === "failed" && /* @__PURE__ */ jsx6("p", { className: "w100n-docs-muted", role: "alert", children: t.shareFailed }),
+    on.map((l) => /* @__PURE__ */ jsxs6("article", { className: "w100n-share-link", "data-ended": l.ended, children: [
+      /* @__PURE__ */ jsxs6("header", { children: [
+        /* @__PURE__ */ jsx6("span", { className: "w100n-share-tile", "data-tone": l.comment ? "amber" : "blue", children: l.comment ? /* @__PURE__ */ jsx6(MessageSquarePlus, { "aria-hidden": true }) : /* @__PURE__ */ jsx6(Eye, { "aria-hidden": true }) }),
+        /* @__PURE__ */ jsxs6("span", { children: [
+          /* @__PURE__ */ jsx6("b", { children: l.comment ? t.commentLink : t.viewLink }),
+          /* @__PURE__ */ jsxs6("small", { children: [
+            t.madeBy.replace("{name}", l.createdBy.name),
+            " \xB7 ",
+            day(l.createdAt)
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs6("div", { className: "w100n-share-chips", children: [
+        /* @__PURE__ */ jsxs6("span", { children: [
+          /* @__PURE__ */ jsx6(Clock, { "aria-hidden": true }),
+          l.ended ? t.linkEnded : l.endsAt ? t.endsOn.replace("{date}", day(l.endsAt)) : t.untilOff
+        ] }),
+        l.download && /* @__PURE__ */ jsxs6("span", { children: [
+          /* @__PURE__ */ jsx6(Download2, { "aria-hidden": true }),
+          t.downloadOn
+        ] }),
+        l.password && /* @__PURE__ */ jsxs6("span", { children: [
+          /* @__PURE__ */ jsx6(Lock, { "aria-hidden": true }),
+          t.passwordOn
+        ] }),
+        /* @__PURE__ */ jsxs6("span", { children: [
+          /* @__PURE__ */ jsx6(Eye, { "aria-hidden": true }),
+          count(l.guests.reduce((n, g) => n + g.opens, 0), t.openForms)
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs6("div", { className: "w100n-share-url", children: [
+        /* @__PURE__ */ jsx6("span", { children: l.url.replace(/^https?:\/\//, "") }),
+        /* @__PURE__ */ jsxs6("button", { type: "button", className: "w100n-docs-action", "data-tone": "blue", onClick: () => void copy(l), children: [
+          /* @__PURE__ */ jsx6(Copy2, { "aria-hidden": true }),
+          copied === l.id ? t.copied : t.copy
+        ] })
+      ] }),
+      l.guests.length > 0 && /* @__PURE__ */ jsx6("div", { className: "w100n-share-who", children: l.guests.map((g, i) => /* @__PURE__ */ jsxs6("div", { children: [
+        /* @__PURE__ */ jsx6("span", { className: "w100n-text-face", "aria-hidden": true, children: (g.name || "?").slice(0, 1).toUpperCase() }),
+        /* @__PURE__ */ jsx6("b", { children: g.name || t.unnamed }),
+        /* @__PURE__ */ jsxs6("small", { children: [
+          g.comments ? count(g.comments, t.commentForms) : count(g.opens, t.openForms),
+          " \xB7 ",
+          ago(g.lastAt)
+        ] })
+      ] }, i)) }),
+      /* @__PURE__ */ jsxs6("div", { className: "w100n-share-tools", children: [
+        /* @__PURE__ */ jsxs6("button", { type: "button", className: "w100n-docs-action", "data-tone": "slate", disabled: state === "busy", onClick: () => edit(l), children: [
+          /* @__PURE__ */ jsx6(Clock, { "aria-hidden": true }),
+          t.changeLink
+        ] }),
+        /* @__PURE__ */ jsxs6("button", { type: "button", className: "w100n-docs-action", "data-tone": "red", disabled: state === "busy", onClick: () => void off(l), children: [
+          /* @__PURE__ */ jsx6(Ban, { "aria-hidden": true }),
+          t.turnOff
+        ] })
+      ] })
+    ] }, l.id)),
+    /* @__PURE__ */ jsxs6("button", { type: "button", className: "w100n-docs-action w100n-share-new", onClick: () => {
+      setState("idle");
+      setForm(blank2);
+    }, children: [
+      /* @__PURE__ */ jsx6(Plus2, { "aria-hidden": true }),
+      t.newLink
+    ] }),
+    team && /* @__PURE__ */ jsxs6(Fragment5, { children: [
+      /* @__PURE__ */ jsxs6("p", { className: "w100n-docs-caption", children: [
+        /* @__PURE__ */ jsx6(Users, { "aria-hidden": true }),
+        t.inTeam
+      ] }),
+      /* @__PURE__ */ jsxs6("div", { className: "w100n-share-team", children: [
+        /* @__PURE__ */ jsx6("span", { className: "w100n-share-tile", children: /* @__PURE__ */ jsx6(Users, { "aria-hidden": true }) }),
+        /* @__PURE__ */ jsxs6("span", { children: [
+          /* @__PURE__ */ jsx6("b", { children: t.peopleOf.replace("{space}", team) }),
+          /* @__PURE__ */ jsx6("small", { children: t.teamHint })
+        ] })
+      ] })
+    ] })
+  ] });
+}
 
 // src/Thumb.tsx
-import { useEffect, useRef, useState } from "react";
+import { useEffect as useEffect5, useRef as useRef5, useState as useState7 } from "react";
 
 // src/preview.ts
 var cache = /* @__PURE__ */ new Map();
@@ -204,12 +2843,12 @@ function preview(host, doc) {
 }
 
 // src/Thumb.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function Thumb({ host, item, label }) {
-  const box = useRef(null);
-  const [seen, setSeen] = useState(false);
-  const [shot, setShot] = useState(null);
-  useEffect(() => {
+  const box = useRef5(null);
+  const [seen, setSeen] = useState7(false);
+  const [shot, setShot] = useState7(null);
+  useEffect5(() => {
     if (item.thumbnailUrl || item.excerpt || typeof IntersectionObserver === "undefined") return;
     const watch = new IntersectionObserver((entries) => {
       if (entries.some((entry) => entry.isIntersecting)) setSeen(true);
@@ -217,7 +2856,7 @@ function Thumb({ host, item, label }) {
     watch.observe(box.current);
     return () => watch.disconnect();
   }, [item.thumbnailUrl, item.excerpt]);
-  useEffect(() => {
+  useEffect5(() => {
     if (!seen) return;
     let live = true;
     void preview(host, item).then((found) => {
@@ -230,200 +2869,80 @@ function Thumb({ host, item, label }) {
   const text = item.excerpt ?? shot?.text ?? "";
   const lines = text.split("\n").filter((line) => !line.trim().startsWith("```")).map((line) => line.replace(/^#+\s*/, "").replace(/[*_`>|]/g, "").trim()).filter(Boolean);
   const image = item.thumbnailUrl ?? shot?.image;
-  return /* @__PURE__ */ jsxs("span", { ref: box, className: "w100n-docs-thumb", "data-kind": item.kind, children: [
-    image ? /* @__PURE__ */ jsx("img", { src: image, alt: "" }) : /* @__PURE__ */ jsx("span", { className: "w100n-docs-paper", "aria-hidden": true, children: lines.length ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("b", { children: lines[0] }),
+  return /* @__PURE__ */ jsxs7("span", { ref: box, className: "w100n-docs-thumb", "data-kind": item.kind, children: [
+    image ? /* @__PURE__ */ jsx7("img", { src: image, alt: "" }) : /* @__PURE__ */ jsx7("span", { className: "w100n-docs-paper", "aria-hidden": true, children: lines.length ? /* @__PURE__ */ jsxs7(Fragment6, { children: [
+      /* @__PURE__ */ jsx7("b", { children: lines[0] }),
       lines.slice(1, 14).join(" ")
-    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("i", {}),
-      /* @__PURE__ */ jsx("i", {}),
-      /* @__PURE__ */ jsx("i", {}),
-      /* @__PURE__ */ jsx("i", {}),
-      /* @__PURE__ */ jsx("i", {})
+    ] }) : /* @__PURE__ */ jsxs7(Fragment6, { children: [
+      /* @__PURE__ */ jsx7("i", {}),
+      /* @__PURE__ */ jsx7("i", {}),
+      /* @__PURE__ */ jsx7("i", {}),
+      /* @__PURE__ */ jsx7("i", {}),
+      /* @__PURE__ */ jsx7("i", {})
     ] }) }),
-    /* @__PURE__ */ jsx("span", { className: "w100n-docs-kind", "data-kind": item.kind, children: label })
-  ] });
-}
-
-// src/useLoad.ts
-import { useEffect as useEffect2, useState as useState2 } from "react";
-function useLoad(load, key) {
-  const [state, setState] = useState2({ data: null, error: null, loading: true });
-  const [attempt, setAttempt] = useState2(0);
-  useEffect2(() => {
-    const controller = new AbortController();
-    setState((current) => ({ ...current, loading: true, error: null }));
-    load(controller.signal).then(
-      (data) => {
-        if (!controller.signal.aborted) setState({ data, error: null, loading: false });
-      },
-      (error) => {
-        if (!controller.signal.aborted) setState({ data: null, error: error instanceof Error ? error : new Error(String(error)), loading: false });
-      }
-    );
-    return () => controller.abort();
-  }, [...key, attempt]);
-  return { ...state, retry: () => setAttempt((n) => n + 1) };
-}
-
-// src/viewers/DocxView.tsx
-import { useLayoutEffect, useRef as useRef2, useState as useState3 } from "react";
-
-// src/viewers/headings.ts
-var last = 0;
-function collect(root, selector, level = (el) => Number(el.tagName.slice(1))) {
-  return [...root.querySelectorAll(selector)].flatMap((el) => {
-    const text = el.textContent?.trim() ?? "";
-    if (!text) return [];
-    if (!el.id) el.id = `w100n-docs-h${++last}`;
-    return [{ id: el.id, level: Math.min(3, Math.max(1, level(el) || 1)), text }];
-  });
-}
-
-// src/viewers/DocxView.tsx
-import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function DocxView({ bytes, onOutline, failed }) {
-  const box = useRef2(null);
-  const [error, setError] = useState3(false);
-  useLayoutEffect(() => {
-    let live = true;
-    let width = 0;
-    const root = box.current;
-    const fit = () => {
-      const wrapper = root.querySelector(".w100n-docx-wrapper");
-      if (wrapper && width) wrapper.style.zoom = String(Math.min(1, root.clientWidth / width));
-    };
-    const watch = new ResizeObserver(fit);
-    root.replaceChildren();
-    setError(false);
-    import("docx-preview").then(({ renderAsync }) => renderAsync(bytes, root, void 0, { inWrapper: true, className: "w100n-docx", ignoreLastRenderedPageBreak: true })).then(() => {
-      if (!live) return;
-      width = Math.max(0, ...[...root.querySelectorAll("section.w100n-docx")].map((page) => page.offsetWidth));
-      fit();
-      watch.observe(root);
-      onOutline(collect(root, '[class*="heading"]', (el) => Number(/heading(\d)/i.exec(el.className)?.[1] ?? 1)));
-    }).catch(() => {
-      if (live) setError(true);
-    });
-    return () => {
-      live = false;
-      watch.disconnect();
-    };
-  }, [bytes, onOutline]);
-  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    error && /* @__PURE__ */ jsx2("p", { className: "w100n-docs-note", children: failed }),
-    /* @__PURE__ */ jsx2("div", { ref: box, className: "w100n-docs-docx" })
-  ] });
-}
-
-// src/viewers/MarkdownView.tsx
-import DOMPurify from "dompurify";
-import { marked } from "marked";
-import { useLayoutEffect as useLayoutEffect2, useRef as useRef3 } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-function MarkdownView({ bytes, onOutline }) {
-  const box = useRef3(null);
-  useLayoutEffect2(() => {
-    const root = box.current;
-    root.innerHTML = DOMPurify.sanitize(marked.parse(new TextDecoder().decode(bytes), { async: false }));
-    onOutline(collect(root, "h1, h2, h3"));
-  }, [bytes, onOutline]);
-  return /* @__PURE__ */ jsx3("article", { ref: box, className: "w100n-docs-page w100n-docs-prose" });
-}
-
-// src/viewers/PdfView.tsx
-import { useEffect as useEffect3, useRef as useRef4, useState as useState4 } from "react";
-import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var last2 = 0;
-function PdfView({ bytes, worker, onOutline, failed }) {
-  const box = useRef4(null);
-  const [error, setError] = useState4(false);
-  useEffect3(() => {
-    const root = box.current;
-    const prefix = `w100n-docs-p${++last2}`;
-    let stop = false;
-    let close = () => {
-    };
-    root.replaceChildren();
-    setError(false);
-    (async () => {
-      var _a;
-      const pdfjs = await import("pdfjs-dist");
-      if (worker) (_a = pdfjs.GlobalWorkerOptions).workerPort ?? (_a.workerPort = worker());
-      const task = pdfjs.getDocument({ data: new Uint8Array(bytes.slice(0)) });
-      close = () => {
-        void task.destroy();
-      };
-      const pdf = await task.promise;
-      const width = Math.max(320, root.clientWidth - 48);
-      for (let n = 1; n <= pdf.numPages && !stop; n++) {
-        const page = await pdf.getPage(n);
-        const scale = Math.min(2, width / page.getViewport({ scale: 1 }).width);
-        const viewport = page.getViewport({ scale: scale * window.devicePixelRatio });
-        const canvas = document.createElement("canvas");
-        canvas.id = `${prefix}-${n}`;
-        canvas.className = "w100n-docs-sheet";
-        canvas.width = viewport.width;
-        canvas.height = viewport.height;
-        canvas.style.width = `${viewport.width / window.devicePixelRatio}px`;
-        root.append(canvas);
-        await page.render({ canvas, canvasContext: canvas.getContext("2d"), viewport }).promise;
-      }
-      const flat = async (items, level) => (await Promise.all(items.map(async (item) => {
-        const dest = typeof item.dest === "string" ? await pdf.getDestination(item.dest) : item.dest;
-        const ref = Array.isArray(dest) ? dest[0] : null;
-        const index = ref && typeof ref === "object" ? await pdf.getPageIndex(ref) : null;
-        const here = index === null ? [] : [{ id: `${prefix}-${index + 1}`, level, text: item.title }];
-        return [...here, ...level < 3 ? await flat(item.items ?? [], level + 1) : []];
-      }))).flat();
-      if (!stop) onOutline(await flat(await pdf.getOutline() ?? [], 1));
-    })().catch(() => {
-      if (!stop) setError(true);
-    });
-    return () => {
-      stop = true;
-      close();
-    };
-  }, [bytes, worker, onOutline]);
-  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
-    error && /* @__PURE__ */ jsx4("p", { className: "w100n-docs-note", children: failed }),
-    /* @__PURE__ */ jsx4("div", { ref: box, className: "w100n-docs-pdf" })
+    /* @__PURE__ */ jsx7("span", { className: "w100n-docs-kind", "data-kind": item.kind, children: label })
   ] });
 }
 
-// src/viewers/SlidesView.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-function SlidesView({ bytes, title }) {
-  return /* @__PURE__ */ jsx5("iframe", { className: "w100n-docs-slides", sandbox: "allow-scripts", title, srcDoc: new TextDecoder().decode(bytes) });
-}
-
 // src/DocumentsWorkspace.tsx
-import { Fragment as Fragment4, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-var icons = { docx: FileText, markdown: FileType, pdf: Files, sheet: FileSpreadsheet, slides: Presentation };
+import { Fragment as Fragment7, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+var TextEditor2 = lazy2(() => import("./TextEditor-4YETNX4T.js"));
+var SheetView2 = lazy2(() => import("./SheetView-TXHS5WJC.js"));
+var icons2 = { docx: FileText2, markdown: FileType2, pdf: Files2, sheet: FileSpreadsheet2, slides: Presentation2 };
 function DocumentsWorkspace({ host, language = "en", theme = "light", place, onPlace, start, end, aside, actions }) {
   const t = texts[language];
-  const [own, setOwn] = useState5({ spaceId: null, documentId: null });
+  const [own, setOwn] = useState8({ spaceId: null, documentId: null });
   const here = place ?? own;
   const go = (next) => {
     setOwn(next);
     onPlace?.(next);
   };
-  const [query, setQuery] = useState5("");
-  const [kind, setKind] = useState5("all");
-  const [listOpen, setListOpen] = useState5(true);
-  const [panelOpen, setPanelOpen] = useState5(true);
-  const root = useRef5(null);
-  const narrow = () => root.current !== null && getComputedStyle(root.current).getPropertyValue("--docs-narrow").trim() === "1";
+  const [query, setQuery] = useState8("");
+  const [kind, setKind] = useState8("all");
+  const [listOpen, setListOpen] = useState8(true);
+  const [panelOpen, setPanelOpen] = useState8(true);
+  const [narrow, setNarrow] = useState8(false);
+  const body = useRef6(null);
+  const listButton = useRef6(null);
+  const panelButton = useRef6(null);
+  const listClose = useRef6(null);
+  const panel = useRef6(null);
+  const guard = useRef6(null);
   useLayoutEffect3(() => {
-    if (here.documentId && narrow()) setListOpen(false);
-  }, []);
-  const [picking, setPicking] = useState5(false);
-  const [tab, setTab] = useState5("outline");
-  const [zoom, setZoom] = useState5(100);
-  const [outline, setOutline] = useState5([]);
-  const [version, setVersion] = useState5({ documentId: null, id: null });
+    const el = body.current;
+    let was = false;
+    const check = () => {
+      const now = getComputedStyle(el).getPropertyValue("--docs-narrow").trim() === "1";
+      if (now && !was) {
+        setPanelOpen(false);
+        if (here.documentId) setListOpen(false);
+      }
+      was = now;
+      setNarrow(now);
+    };
+    check();
+    if (typeof ResizeObserver === "undefined") return;
+    const watch = new ResizeObserver(check);
+    watch.observe(el);
+    return () => watch.disconnect();
+  }, [here.documentId]);
+  const [picking, setPicking] = useState8(false);
+  useEffect6(() => {
+    if (!picking) return;
+    const close = (e) => {
+      if (!e.target.closest(".w100n-docs-picker")) setPicking(false);
+    };
+    document.addEventListener("pointerdown", close);
+    return () => document.removeEventListener("pointerdown", close);
+  }, [picking]);
+  const [tab, setTab] = useState8("outline");
+  const [outline, setOutline] = useState8([]);
+  const [version, setVersion] = useState8({ documentId: null, id: null });
   const versionId = version.documentId === here.documentId ? version.id : null;
-  const [restoring, setRestoring] = useState5("idle");
+  const [restoring, setRestoring] = useState8("idle");
+  const [exporting, setExporting] = useState8("idle");
+  const [copying, setCopying] = useState8("idle");
+  const [box, setBox] = useState8(null);
   const spaces = useLoad((signal) => host.spaces({ signal }), [host]);
   const single = spaces.data?.length === 1 ? spaces.data[0].id : null;
   const spaceId = here.spaceId ?? single;
@@ -437,11 +2956,14 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
   const doc = useLoad((signal) => here.documentId ? host.document(here.documentId, { signal }) : Promise.resolve(null), [host, here.documentId]);
   const versions = useLoad((signal) => here.documentId ? host.versions(here.documentId, { signal }) : Promise.resolve([]), [host, here.documentId]);
   const content = useLoad((signal) => here.documentId ? host.content(here.documentId, versionId, { signal }) : Promise.resolve(null), [host, here.documentId, versionId]);
+  const pdf = doc.data?.kind === "pdf";
+  const text = doc.data?.kind === "markdown" || doc.data?.kind === "docx";
+  const signatures = useLoad((signal) => here.documentId && pdf && host.signatures ? host.signatures(here.documentId, { signal }) : Promise.resolve([]), [host, here.documentId, pdf]);
   const all = list.data ?? [];
   const shown = all.filter((item) => matches(item, query, kind));
   const present = kinds.filter((item) => all.some((doc2) => doc2.kind === item));
-  const folders = spaceId ? [.../* @__PURE__ */ new Set(["", ...shown.map((item) => item.folder ?? "")])].filter((folder) => shown.some((item) => (item.folder ?? "") === folder)) : [""];
-  const names = new Map((spaces.data ?? []).map((item) => [item.id, item.name]));
+  const folders = spaceId ? [.../* @__PURE__ */ new Set(["", ...shown.map((item) => item.folder ?? "")])].filter((folder2) => shown.some((item) => (item.folder ?? "") === folder2)) : [""];
+  const names2 = new Map((spaces.data ?? []).map((item) => [item.id, item.name]));
   const counts = /* @__PURE__ */ new Map();
   for (const item of all) counts.set(item.spaceId, (counts.get(item.spaceId) ?? 0) + 1);
   const groups = [...new Set((spaces.data ?? []).map((item) => item.group ?? ""))];
@@ -455,21 +2977,47 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
     return new Intl.DateTimeFormat(language, { day: "numeric", month: "short", year: "numeric" }).format(new Date(iso));
   };
   const size = (bytes) => bytes < 1024 ? `${bytes} B` : bytes < 1048576 ? `${(bytes / 1024).toFixed(0)} KB` : `${(bytes / 1048576).toFixed(1)} MB`;
-  const failed = (retry) => /* @__PURE__ */ jsxs4("div", { className: "w100n-docs-note", children: [
+  const failed = (retry) => /* @__PURE__ */ jsxs8("div", { className: "w100n-docs-note", children: [
     t.failed,
-    /* @__PURE__ */ jsx6("button", { type: "button", onClick: retry, children: t.retry })
+    /* @__PURE__ */ jsx8("button", { type: "button", onClick: retry, children: t.retry })
   ] });
+  const { ask, dialog } = useUnsaved(guard, t);
+  const side = (which, open2) => {
+    flushSync(() => {
+      if (which === "list") setListOpen(open2);
+      else setPanelOpen(open2);
+      if (open2 && narrow) (which === "list" ? setPanelOpen : setListOpen)(false);
+    });
+    if (which === "list") (open2 ? listClose : listButton).current?.focus();
+    else (open2 ? panel.current?.querySelector('[aria-selected="true"]') : panelButton.current)?.focus();
+  };
   const open = (item) => {
-    setOutline([]);
-    setTab("outline");
-    go({ spaceId: here.spaceId, documentId: item.id });
-    if (narrow()) setListOpen(false);
+    if (item.id === here.documentId) {
+      if (narrow) setListOpen(false);
+      return;
+    }
+    ask(() => {
+      setOutline([]);
+      setTab("outline");
+      go({ spaceId: here.spaceId, documentId: item.id });
+      if (narrow) setListOpen(false);
+    });
   };
   const pick = (next) => {
     setPicking(false);
-    setKind("all");
-    go({ spaceId: next, documentId: null });
+    ask(() => {
+      setKind("all");
+      go({ spaceId: next, documentId: null });
+    });
+  };
+  const view = (id) => {
+    if (id === versionId) return;
+    ask(() => {
+      setRestoring("idle");
+      setVersion({ documentId: here.documentId, id });
+    });
   };
+  const slot = (part) => typeof part === "function" ? part(ask) : part;
   const restore = async (documentId, versionId2) => {
     setRestoring("busy");
     try {
@@ -484,8 +3032,33 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
     doc.retry();
     list.retry();
   };
-  let stage = /* @__PURE__ */ jsxs4("div", { className: "w100n-docs-empty", children: [
-    /* @__PURE__ */ jsx6(FileText, { "aria-hidden": true }),
+  const exportAs = async (file, format) => {
+    setExporting("busy");
+    try {
+      const url = URL.createObjectURL(await host.exportAs(file.id, format));
+      const link = document.createElement("a");
+      link.href = url;
+      link.download = `${file.name.replace(/\.[^.]+$/, "")}.${format}`;
+      link.click();
+      setTimeout(() => URL.revokeObjectURL(url), 1e3);
+      setExporting("idle");
+    } catch {
+      setExporting("failed");
+    }
+  };
+  const copyAs = async (file) => {
+    setCopying("busy");
+    try {
+      const made = await host.copyAs(file.id, "xlsx");
+      setCopying("idle");
+      list.retry();
+      open(made);
+    } catch {
+      setCopying("failed");
+    }
+  };
+  let stage = /* @__PURE__ */ jsxs8("div", { className: "w100n-docs-empty", children: [
+    /* @__PURE__ */ jsx8(FileText2, { "aria-hidden": true }),
     t.pick
   ] });
   if (here.documentId) {
@@ -493,166 +3066,543 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       doc.retry();
       content.retry();
     });
-    else if (!doc.data || !content.data) stage = /* @__PURE__ */ jsx6("div", { className: "w100n-docs-empty", children: t.loading });
-    else if (doc.data.kind === "markdown") stage = /* @__PURE__ */ jsx6(MarkdownView, { bytes: content.data, onOutline: setOutline });
-    else if (doc.data.kind === "docx") stage = /* @__PURE__ */ jsx6(DocxView, { bytes: content.data, onOutline: setOutline, failed: t.failed });
-    else if (doc.data.kind === "pdf") stage = /* @__PURE__ */ jsx6(PdfView, { bytes: content.data, worker: host.pdfWorker, onOutline: setOutline, failed: t.failed });
-    else if (doc.data.kind === "slides") stage = /* @__PURE__ */ jsx6(SlidesView, { bytes: content.data, title: doc.data.name });
-    else stage = /* @__PURE__ */ jsx6("div", { className: "w100n-docs-empty", children: t.unsupported });
+    else if (!doc.data || !content.data) stage = /* @__PURE__ */ jsx8("div", { className: "w100n-docs-empty", children: t.loading });
+    else if (doc.data.kind === "markdown" || doc.data.kind === "docx") stage = /* @__PURE__ */ jsx8(Suspense2, { fallback: /* @__PURE__ */ jsx8("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx8(
+      TextEditor2,
+      {
+        kind: doc.data.kind,
+        bytes: content.data,
+        t,
+        language,
+        rights: doc.data.rights,
+        host: versionId ? void 0 : host,
+        together: doc.data.live,
+        documentId: doc.data.id,
+        onOutline: setOutline,
+        onPanel: (next) => {
+          setPanelOpen(true);
+          setTab(next);
+          if (narrow) setListOpen(false);
+        },
+        slot: tab === "comments" && panelOpen ? box : null,
+        guard,
+        onSaved: () => {
+          versions.retry();
+          doc.retry();
+          list.retry();
+        }
+      },
+      doc.data.id
+    ) });
+    else if (doc.data.kind === "pdf") stage = /* @__PURE__ */ jsx8(
+      PdfView,
+      {
+        bytes: content.data,
+        t,
+        language,
+        worker: host.pdfWorker,
+        rights: doc.data.rights,
+        host: versionId ? void 0 : host,
+        documentId: doc.data.id,
+        onOutline: setOutline,
+        guard,
+        onSaved: () => {
+          content.retry();
+          versions.retry();
+          doc.retry();
+          list.retry();
+          signatures.retry();
+        }
+      },
+      `${doc.data.id}:${versionId ?? ""}`
+    );
+    else if (doc.data.kind === "slides") stage = /* @__PURE__ */ jsx8(
+      SlidesView,
+      {
+        html: new TextDecoder().decode(content.data),
+        name: doc.data.name,
+        rights: doc.data.rights,
+        language,
+        theme,
+        onOutline: setOutline,
+        guard,
+        onSaveRequest: host.save && !versionId ? async (bytes, note) => {
+          await host.save(doc.data.id, bytes, note);
+          versions.retry();
+          doc.retry();
+          list.retry();
+        } : void 0
+      },
+      doc.data.id
+    );
+    else if (doc.data.kind === "sheet") stage = /* @__PURE__ */ jsx8(Suspense2, { fallback: /* @__PURE__ */ jsx8("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx8(
+      SheetView2,
+      {
+        bytes: content.data,
+        name: doc.data.name,
+        kind: /\.csv$/i.test(doc.data.name) || doc.data.mimeType === "text/csv" ? "csv" : "xlsx",
+        rights: doc.data.rights,
+        language,
+        theme,
+        guard,
+        host: versionId ? void 0 : host,
+        together: doc.data.live,
+        documentId: doc.data.id,
+        onSaved: () => {
+          versions.retry();
+          doc.retry();
+          list.retry();
+        },
+        onSaveRequest: versionId || !host.save ? void 0 : async (bytes, note) => {
+          await host.save(doc.data.id, bytes, note);
+          versions.retry();
+          doc.retry();
+          list.retry();
+        }
+      },
+      `${doc.data.id}:${versionId ?? ""}`
+    ) });
+    else stage = /* @__PURE__ */ jsx8("div", { className: "w100n-docs-empty", children: t.unsupported });
   }
-  const Kind = doc.data ? icons[doc.data.kind] : FileText;
-  const crumbs = doc.data ? [names.get(doc.data.spaceId), doc.data.folder].filter(Boolean) : space ? [space.name] : [];
+  const Kind = doc.data ? icons2[doc.data.kind] : FileText2;
+  const crumbs = doc.data ? [names2.get(doc.data.spaceId), doc.data.folder].filter(Boolean) : space ? [space.name] : [];
   const panelTabs = [["outline", ListTree, t.outline], ["versions", History, t.versions], ["details", Info, t.details]];
-  return /* @__PURE__ */ jsxs4("div", { ref: root, className: "w100n-docs", "data-theme": theme, children: [
-    /* @__PURE__ */ jsxs4("header", { className: "w100n-docs-bar", children: [
-      start,
-      /* @__PURE__ */ jsx6("span", { className: "w100n-docs-tile", "data-kind": doc.data?.kind, children: /* @__PURE__ */ jsx6(Kind, { "aria-hidden": true }) }),
-      /* @__PURE__ */ jsxs4("div", { className: "w100n-docs-heading", children: [
-        /* @__PURE__ */ jsx6("strong", { className: "w100n-docs-title", children: doc.data?.name ?? t.documents }),
-        crumbs.length > 0 && /* @__PURE__ */ jsx6("span", { className: "w100n-docs-crumbs", children: crumbs.map((item, i) => /* @__PURE__ */ jsxs4("span", { children: [
-          i > 0 && /* @__PURE__ */ jsx6(ChevronRight, { "aria-hidden": true }),
+  if (pdf && host.signatures) panelTabs.push(["signatures", Signature, t.signatures]);
+  if (text && host.comments && !versionId) panelTabs.push(["comments", MessagesSquare, t.comments]);
+  const sharing = !!host.links && !!doc.data?.rights.edit && !versionId;
+  if (sharing) panelTabs.push(["sharing", Share2, t.sharing]);
+  const listToggle = /* @__PURE__ */ jsx8(
+    "button",
+    {
+      ref: listButton,
+      type: "button",
+      className: narrow ? "w100n-docs-close" : "w100n-docs-reopen",
+      "aria-expanded": listOpen,
+      onClick: () => side("list", !listOpen),
+      "aria-label": listOpen ? t.closeList : t.openList,
+      title: listOpen ? t.closeList : t.openList,
+      children: listOpen ? /* @__PURE__ */ jsx8(PanelLeftClose, { "aria-hidden": true }) : /* @__PURE__ */ jsx8(PanelLeftOpen, { "aria-hidden": true })
+    }
+  );
+  const panelToggle = doc.data && /* @__PURE__ */ jsx8(
+    "button",
+    {
+      ref: panelButton,
+      type: "button",
+      className: narrow ? "w100n-docs-close" : "w100n-docs-reopen w100n-docs-reopen-right",
+      "aria-expanded": panelOpen,
+      onClick: () => side("panel", !panelOpen),
+      "aria-label": panelOpen ? t.closePanel : t.openPanel,
+      title: panelOpen ? t.closePanel : t.openPanel,
+      children: panelOpen ? /* @__PURE__ */ jsx8(PanelRightClose, { "aria-hidden": true }) : /* @__PURE__ */ jsx8(PanelRightOpen, { "aria-hidden": true })
+    }
+  );
+  return /* @__PURE__ */ jsxs8("div", { className: "w100n-docs", "data-theme": theme, children: [
+    /* @__PURE__ */ jsxs8("header", { className: "w100n-docs-bar", children: [
+      slot(start),
+      narrow && listToggle,
+      /* @__PURE__ */ jsx8("span", { className: "w100n-docs-tile", "data-kind": doc.data?.kind, children: /* @__PURE__ */ jsx8(Kind, { "aria-hidden": true }) }),
+      /* @__PURE__ */ jsxs8("div", { className: "w100n-docs-heading", children: [
+        /* @__PURE__ */ jsx8("strong", { className: "w100n-docs-title", children: doc.data?.name ?? t.documents }),
+        crumbs.length > 0 && /* @__PURE__ */ jsx8("span", { className: "w100n-docs-crumbs", children: crumbs.map((item, i) => /* @__PURE__ */ jsxs8("span", { children: [
+          i > 0 && /* @__PURE__ */ jsx8(ChevronRight2, { "aria-hidden": true }),
           item
         ] }, i)) })
       ] }),
-      doc.data && /* @__PURE__ */ jsx6("span", { className: "w100n-docs-badge", "data-kind": doc.data.kind, children: t.kinds[doc.data.kind] }),
-      versionId && /* @__PURE__ */ jsx6("span", { className: "w100n-docs-badge", children: versions.data?.find((v) => v.id === versionId) && date(versions.data.find((v) => v.id === versionId).createdAt) }),
-      versionId && here.documentId && host.restore && doc.data?.rights.edit && /* @__PURE__ */ jsxs4("button", { type: "button", className: "w100n-docs-action", disabled: restoring === "busy", onClick: () => void restore(here.documentId, versionId), children: [
-        /* @__PURE__ */ jsx6(RotateCcw, { "aria-hidden": true }),
+      doc.data && /* @__PURE__ */ jsx8("span", { className: "w100n-docs-badge", "data-kind": doc.data.kind, children: t.kinds[doc.data.kind] }),
+      versionId && /* @__PURE__ */ jsx8("span", { className: "w100n-docs-badge", children: versions.data?.find((v) => v.id === versionId) && date(versions.data.find((v) => v.id === versionId).createdAt) }),
+      versionId && here.documentId && host.restore && doc.data?.rights.edit && /* @__PURE__ */ jsxs8("button", { type: "button", className: "w100n-docs-action", disabled: restoring === "busy", onClick: () => void restore(here.documentId, versionId), children: [
+        /* @__PURE__ */ jsx8(RotateCcw2, { "aria-hidden": true }),
         t.restore
       ] }),
-      restoring === "failed" && /* @__PURE__ */ jsx6("span", { className: "w100n-docs-muted", children: t.restoreFailed }),
+      restoring === "failed" && /* @__PURE__ */ jsx8("span", { className: "w100n-docs-muted", children: t.restoreFailed }),
+      doc.data?.convert && host.copyAs && !versionId && /* @__PURE__ */ jsxs8("button", { type: "button", className: "w100n-docs-action", "data-tone": "green", disabled: copying === "busy", onClick: () => void copyAs(doc.data), children: [
+        /* @__PURE__ */ jsx8(FileSpreadsheet2, { "aria-hidden": true }),
+        t.copyAs
+      ] }),
+      copying === "failed" && /* @__PURE__ */ jsx8("span", { className: "w100n-docs-muted", children: t.copyFailed }),
+      sharing && /* @__PURE__ */ jsxs8("button", { type: "button", className: "w100n-docs-action", "aria-label": t.share, title: t.share, onClick: () => {
+        setTab("sharing");
+        side("panel", true);
+      }, children: [
+        /* @__PURE__ */ jsx8(Share2, { "aria-hidden": true }),
+        /* @__PURE__ */ jsx8("span", { children: t.share })
+      ] }),
       doc.data && !versionId && actions?.(doc.data),
-      end && /* @__PURE__ */ jsx6("div", { className: "w100n-docs-end", children: end })
+      narrow && panelToggle,
+      end && /* @__PURE__ */ jsx8("div", { className: "w100n-docs-end", children: slot(end) })
     ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "w100n-docs-body", children: [
-      listOpen ? /* @__PURE__ */ jsxs4("aside", { className: "w100n-docs-side w100n-docs-list", "aria-label": t.documents, children: [
-        /* @__PURE__ */ jsxs4("div", { className: "w100n-docs-head", children: [
-          /* @__PURE__ */ jsxs4("div", { className: "w100n-docs-row", children: [
-            /* @__PURE__ */ jsxs4("p", { className: "w100n-docs-caption", children: [
-              /* @__PURE__ */ jsx6(Files, { "aria-hidden": true }),
+    /* @__PURE__ */ jsxs8("div", { ref: body, className: "w100n-docs-body", children: [
+      listOpen && /* @__PURE__ */ jsxs8("aside", { className: "w100n-docs-side w100n-docs-list", "aria-label": t.documents, children: [
+        /* @__PURE__ */ jsxs8("div", { className: "w100n-docs-head", children: [
+          /* @__PURE__ */ jsxs8("div", { className: "w100n-docs-row", children: [
+            /* @__PURE__ */ jsxs8("p", { className: "w100n-docs-caption", children: [
+              /* @__PURE__ */ jsx8(Files2, { "aria-hidden": true }),
               t.documents,
-              /* @__PURE__ */ jsx6("span", { children: all.length })
+              /* @__PURE__ */ jsx8("span", { children: all.length })
             ] }),
-            /* @__PURE__ */ jsx6("button", { type: "button", className: "w100n-docs-close", onClick: () => setListOpen(false), "aria-label": t.closeList, title: t.closeList, children: /* @__PURE__ */ jsx6(X, { "aria-hidden": true }) })
+            /* @__PURE__ */ jsx8("button", { ref: listClose, type: "button", className: "w100n-docs-close", onClick: () => side("list", false), "aria-label": t.closeList, title: t.closeList, children: /* @__PURE__ */ jsx8(X5, { "aria-hidden": true }) })
           ] }),
-          (spaces.data?.length ?? 0) > 1 && /* @__PURE__ */ jsxs4("div", { className: "w100n-docs-picker", children: [
-            /* @__PURE__ */ jsxs4("button", { type: "button", className: "w100n-docs-field", "aria-haspopup": "listbox", "aria-expanded": picking, onClick: () => setPicking(!picking), children: [
-              space ? /* @__PURE__ */ jsx6("span", { className: "w100n-docs-dot", style: { background: space.color ?? void 0 } }) : /* @__PURE__ */ jsx6("span", { className: "w100n-docs-all", children: /* @__PURE__ */ jsx6(LayoutGrid, { "aria-hidden": true }) }),
-              /* @__PURE__ */ jsx6("b", { children: space?.name ?? t.allProjects }),
-              !space && /* @__PURE__ */ jsx6("span", { className: "w100n-docs-count", children: all.length }),
-              /* @__PURE__ */ jsx6(ChevronDown, { "aria-hidden": true })
+          (spaces.data?.length ?? 0) > 1 && /* @__PURE__ */ jsxs8("div", { className: "w100n-docs-picker", onKeyDown: (e) => {
+            if (e.key !== "Escape" || !picking) return;
+            e.stopPropagation();
+            setPicking(false);
+            e.currentTarget.querySelector("button").focus();
+          }, children: [
+            /* @__PURE__ */ jsxs8("button", { type: "button", className: "w100n-docs-field", "aria-haspopup": "listbox", "aria-expanded": picking, onClick: () => setPicking(!picking), children: [
+              space ? /* @__PURE__ */ jsx8("span", { className: "w100n-docs-dot", style: { background: space.color ?? void 0 } }) : /* @__PURE__ */ jsx8("span", { className: "w100n-docs-all", children: /* @__PURE__ */ jsx8(LayoutGrid, { "aria-hidden": true }) }),
+              /* @__PURE__ */ jsx8("b", { children: space?.name ?? t.allProjects }),
+              !space && /* @__PURE__ */ jsx8("span", { className: "w100n-docs-count", children: all.length }),
+              /* @__PURE__ */ jsx8(ChevronDown2, { "aria-hidden": true })
             ] }),
-            picking && /* @__PURE__ */ jsxs4("div", { role: "listbox", className: "w100n-docs-menu", children: [
-              /* @__PURE__ */ jsxs4("button", { type: "button", role: "option", "aria-selected": !spaceId, onClick: () => pick(null), children: [
-                /* @__PURE__ */ jsx6("span", { className: "w100n-docs-all", children: /* @__PURE__ */ jsx6(LayoutGrid, { "aria-hidden": true }) }),
-                /* @__PURE__ */ jsx6("b", { children: t.allProjects }),
-                !spaceId && /* @__PURE__ */ jsx6(Check, { "aria-hidden": true })
+            picking && /* @__PURE__ */ jsxs8("div", { role: "listbox", className: "w100n-docs-menu", children: [
+              /* @__PURE__ */ jsxs8("button", { type: "button", role: "option", "aria-selected": !spaceId, onClick: () => pick(null), children: [
+                /* @__PURE__ */ jsx8("span", { className: "w100n-docs-all", children: /* @__PURE__ */ jsx8(LayoutGrid, { "aria-hidden": true }) }),
+                /* @__PURE__ */ jsx8("b", { children: t.allProjects }),
+                !spaceId && /* @__PURE__ */ jsx8(Check, { "aria-hidden": true })
               ] }),
-              groups.map((group) => /* @__PURE__ */ jsxs4("div", { role: "group", "aria-label": group || void 0, children: [
-                group && /* @__PURE__ */ jsx6("p", { className: "w100n-docs-menu-caption", children: group }),
-                (spaces.data ?? []).filter((item) => (item.group ?? "") === group).map((item) => /* @__PURE__ */ jsxs4("button", { type: "button", role: "option", "aria-selected": item.id === spaceId, onClick: () => pick(item.id), children: [
-                  /* @__PURE__ */ jsx6("span", { className: "w100n-docs-dot", style: { background: item.color ?? void 0 } }),
-                  /* @__PURE__ */ jsx6("b", { children: item.name }),
-                  !spaceId && counts.get(item.id) ? /* @__PURE__ */ jsx6("span", { className: "w100n-docs-count", children: counts.get(item.id) }) : null,
-                  item.id === spaceId && /* @__PURE__ */ jsx6(Check, { "aria-hidden": true })
+              groups.map((group) => /* @__PURE__ */ jsxs8("div", { role: "group", "aria-label": group || void 0, children: [
+                group && /* @__PURE__ */ jsx8("p", { className: "w100n-docs-menu-caption", children: group }),
+                (spaces.data ?? []).filter((item) => (item.group ?? "") === group).map((item) => /* @__PURE__ */ jsxs8("button", { type: "button", role: "option", "aria-selected": item.id === spaceId, onClick: () => pick(item.id), children: [
+                  /* @__PURE__ */ jsx8("span", { className: "w100n-docs-dot", style: { background: item.color ?? void 0 } }),
+                  /* @__PURE__ */ jsx8("b", { children: item.name }),
+                  !spaceId && counts.get(item.id) ? /* @__PURE__ */ jsx8("span", { className: "w100n-docs-count", children: counts.get(item.id) }) : null,
+                  item.id === spaceId && /* @__PURE__ */ jsx8(Check, { "aria-hidden": true })
                 ] }, item.id))
               ] }, group))
             ] })
           ] }),
-          /* @__PURE__ */ jsxs4("label", { className: "w100n-docs-field w100n-docs-search", children: [
-            /* @__PURE__ */ jsx6(Search, { "aria-hidden": true }),
-            /* @__PURE__ */ jsx6("input", { value: query, onChange: (event) => setQuery(event.target.value), placeholder: t.search, "aria-label": t.search })
+          /* @__PURE__ */ jsxs8("label", { className: "w100n-docs-field w100n-docs-search", children: [
+            /* @__PURE__ */ jsx8(Search2, { "aria-hidden": true }),
+            /* @__PURE__ */ jsx8("input", { value: query, onChange: (event) => setQuery(event.target.value), placeholder: t.search, "aria-label": t.search })
           ] }),
-          present.length > 1 && /* @__PURE__ */ jsx6("div", { className: "w100n-docs-chips", role: "group", children: ["all", ...present].map((item) => /* @__PURE__ */ jsxs4("button", { type: "button", "aria-pressed": kind === item, onClick: () => setKind(item), children: [
+          present.length > 1 && /* @__PURE__ */ jsx8("div", { className: "w100n-docs-chips", role: "group", "aria-label": t.kind, children: ["all", ...present].map((item) => /* @__PURE__ */ jsxs8("button", { type: "button", "aria-pressed": kind === item, onClick: () => setKind(item), children: [
             item === "all" ? t.all : t.kinds[item],
-            /* @__PURE__ */ jsx6("span", { "aria-hidden": true, children: item === "all" ? all.length : all.filter((doc2) => doc2.kind === item).length })
+            /* @__PURE__ */ jsx8("span", { "aria-hidden": true, children: item === "all" ? all.length : all.filter((doc2) => doc2.kind === item).length })
           ] }, item)) })
         ] }),
-        /* @__PURE__ */ jsxs4("div", { className: "w100n-docs-cards", children: [
+        /* @__PURE__ */ jsxs8("div", { className: "w100n-docs-cards", children: [
           list.error && failed(list.retry),
-          list.loading && !list.data && /* @__PURE__ */ jsx6("p", { className: "w100n-docs-muted", children: t.loading }),
-          list.data && !shown.length && /* @__PURE__ */ jsx6("p", { className: "w100n-docs-muted", children: all.length ? t.nothing : t.empty }),
-          folders.map((folder) => /* @__PURE__ */ jsxs4("div", { className: "w100n-docs-folder", role: "group", "aria-label": folder || t.loose, children: [
-            folders.length > 1 && /* @__PURE__ */ jsx6("p", { className: "w100n-docs-group", children: folder || t.loose }),
-            /* @__PURE__ */ jsx6("div", { className: "w100n-docs-grid", children: shown.filter((item) => !spaceId || (item.folder ?? "") === folder).map((item) => /* @__PURE__ */ jsxs4("button", { type: "button", className: "w100n-docs-card", "aria-current": item.id === here.documentId, onClick: () => open(item), title: item.name, children: [
-              /* @__PURE__ */ jsx6(Thumb, { host, item, label: t.kinds[item.kind] }),
-              /* @__PURE__ */ jsxs4("span", { className: "w100n-docs-card-text", children: [
-                /* @__PURE__ */ jsx6("b", { children: item.name }),
-                /* @__PURE__ */ jsx6("small", { children: [!spaceId && names.get(item.spaceId), ago(item.updatedAt)].filter(Boolean).join(" \xB7 ") })
+          list.loading && !list.data && /* @__PURE__ */ jsx8("p", { className: "w100n-docs-muted", children: t.loading }),
+          list.data && !shown.length && /* @__PURE__ */ jsx8("p", { className: "w100n-docs-muted", children: all.length ? t.nothing : t.empty }),
+          folders.map((folder2) => /* @__PURE__ */ jsxs8("div", { className: "w100n-docs-folder", role: "group", "aria-label": folder2 || t.loose, children: [
+            folders.length > 1 && /* @__PURE__ */ jsx8("p", { className: "w100n-docs-group", children: folder2 || t.loose }),
+            /* @__PURE__ */ jsx8("div", { className: "w100n-docs-grid", children: shown.filter((item) => !spaceId || (item.folder ?? "") === folder2).map((item) => /* @__PURE__ */ jsxs8("button", { type: "button", className: "w100n-docs-card", "aria-current": item.id === here.documentId, onClick: () => open(item), title: item.name, children: [
+              /* @__PURE__ */ jsx8(Thumb, { host, item, label: t.kinds[item.kind] }),
+              /* @__PURE__ */ jsxs8("span", { className: "w100n-docs-card-text", children: [
+                /* @__PURE__ */ jsx8("b", { children: item.name }),
+                /* @__PURE__ */ jsx8("small", { children: [!spaceId && names2.get(item.spaceId), ago(item.updatedAt)].filter(Boolean).join(" \xB7 ") })
               ] })
             ] }, item.id)) })
-          ] }, folder))
+          ] }, folder2))
         ] })
-      ] }) : /* @__PURE__ */ jsx6("button", { type: "button", className: "w100n-docs-reopen", onClick: () => setListOpen(true), "aria-label": t.openList, title: t.openList, children: /* @__PURE__ */ jsx6(PanelLeftOpen, { "aria-hidden": true }) }),
-      /* @__PURE__ */ jsxs4("main", { className: "w100n-docs-stage", children: [
-        doc.data && /* @__PURE__ */ jsxs4("div", { className: "w100n-docs-zoom", role: "group", children: [
-          /* @__PURE__ */ jsx6("button", { type: "button", onClick: () => setZoom(Math.max(50, zoom - 10)), "aria-label": t.zoomOut, title: t.zoomOut, children: /* @__PURE__ */ jsx6(Minus, { "aria-hidden": true }) }),
-          /* @__PURE__ */ jsxs4("span", { children: [
-            zoom,
-            "%"
-          ] }),
-          /* @__PURE__ */ jsx6("button", { type: "button", onClick: () => setZoom(Math.min(200, zoom + 10)), "aria-label": t.zoomIn, title: t.zoomIn, children: /* @__PURE__ */ jsx6(Plus, { "aria-hidden": true }) }),
-          /* @__PURE__ */ jsx6("button", { type: "button", onClick: () => setZoom(100), "aria-label": t.fit, title: t.fit, children: /* @__PURE__ */ jsx6(Maximize2, { "aria-hidden": true }) })
-        ] }),
-        doc.data && !panelOpen && /* @__PURE__ */ jsx6("button", { type: "button", className: "w100n-docs-reopen w100n-docs-reopen-right", onClick: () => setPanelOpen(true), "aria-label": t.openPanel, title: t.openPanel, children: /* @__PURE__ */ jsx6(PanelRightOpen, { "aria-hidden": true }) }),
-        /* @__PURE__ */ jsx6("div", { className: "w100n-docs-scroll", children: /* @__PURE__ */ jsx6("div", { className: "w100n-docs-zoomed", style: { zoom: zoom / 100 }, children: stage }) })
       ] }),
-      doc.data && panelOpen && /* @__PURE__ */ jsxs4("aside", { className: "w100n-docs-side w100n-docs-panel", "aria-label": t.details, children: [
-        /* @__PURE__ */ jsx6("div", { className: "w100n-docs-head", children: /* @__PURE__ */ jsxs4("div", { className: "w100n-docs-row", children: [
-          /* @__PURE__ */ jsx6("div", { className: "w100n-docs-tabs", role: "tablist", children: panelTabs.map(([key, Icon, label]) => /* @__PURE__ */ jsxs4("button", { type: "button", role: "tab", "aria-selected": tab === key, onClick: () => setTab(key), children: [
-            /* @__PURE__ */ jsx6(Icon, { "aria-hidden": true }),
-            label
+      !narrow && !listOpen && listToggle,
+      /* @__PURE__ */ jsxs8("main", { className: "w100n-docs-stage", children: [
+        !narrow && !panelOpen && panelToggle,
+        /* @__PURE__ */ jsx8("div", { className: "w100n-docs-bare", children: stage })
+      ] }),
+      doc.data && panelOpen && /* @__PURE__ */ jsxs8("aside", { ref: panel, className: "w100n-docs-side w100n-docs-panel", "aria-label": t.details, children: [
+        /* @__PURE__ */ jsx8("div", { className: "w100n-docs-head", children: /* @__PURE__ */ jsxs8("div", { className: "w100n-docs-row", children: [
+          /* @__PURE__ */ jsx8("div", { className: "w100n-docs-tabs", role: "tablist", "aria-label": t.details, "data-compact": panelTabs.length > 3, onKeyDown: rove, children: panelTabs.map(([key, Icon, label]) => /* @__PURE__ */ jsxs8("button", { type: "button", role: "tab", "aria-selected": tab === key, tabIndex: tab === key ? 0 : -1, "aria-label": label, title: label, onClick: () => setTab(key), children: [
+            /* @__PURE__ */ jsx8(Icon, { "aria-hidden": true }),
+            (panelTabs.length < 4 || tab === key) && label
           ] }, key)) }),
-          /* @__PURE__ */ jsx6("button", { type: "button", className: "w100n-docs-close", onClick: () => setPanelOpen(false), "aria-label": t.closePanel, title: t.closePanel, children: /* @__PURE__ */ jsx6(X, { "aria-hidden": true }) })
+          /* @__PURE__ */ jsx8("button", { type: "button", className: "w100n-docs-close", onClick: () => side("panel", false), "aria-label": t.closePanel, title: t.closePanel, children: /* @__PURE__ */ jsx8(X5, { "aria-hidden": true }) })
         ] }) }),
-        /* @__PURE__ */ jsxs4("div", { className: "w100n-docs-panel-body", children: [
-          tab === "outline" && (outline.length ? /* @__PURE__ */ jsx6("nav", { className: "w100n-docs-outline", children: outline.map((item) => /* @__PURE__ */ jsx6("button", { type: "button", "data-level": item.level, onClick: () => document.getElementById(item.id)?.scrollIntoView({ behavior: "smooth", block: "start" }), children: item.text }, item.id)) }) : /* @__PURE__ */ jsx6("p", { className: "w100n-docs-muted", children: t.noOutline })),
-          tab === "versions" && /* @__PURE__ */ jsxs4("div", { className: "w100n-docs-versions", children: [
+        /* @__PURE__ */ jsxs8("div", { className: "w100n-docs-panel-body", role: "tabpanel", "aria-label": panelTabs.find(([key]) => key === tab)?.[2], children: [
+          tab === "outline" && (outline.length ? /* @__PURE__ */ jsx8("nav", { className: "w100n-docs-outline", children: outline.map((item) => /* @__PURE__ */ jsx8("button", { type: "button", "data-level": item.level, onClick: () => item.go ? item.go() : document.getElementById(item.id)?.scrollIntoView({ behavior: "smooth", block: "start" }), children: item.text }, item.id)) }) : /* @__PURE__ */ jsx8("p", { className: "w100n-docs-muted", children: t.noOutline })),
+          tab === "versions" && /* @__PURE__ */ jsxs8("div", { className: "w100n-docs-versions", children: [
             versions.error && failed(versions.retry),
-            (versions.data ?? []).map((item) => /* @__PURE__ */ jsxs4(
+            (versions.data ?? []).map((item) => /* @__PURE__ */ jsxs8(
               "button",
               {
                 type: "button",
                 "aria-pressed": (versionId ?? "current") === item.id || !versionId && item.current,
-                onClick: () => {
-                  setRestoring("idle");
-                  setVersion({ documentId: here.documentId, id: item.current ? null : item.id });
-                },
+                onClick: () => view(item.current ? null : item.id),
                 children: [
-                  /* @__PURE__ */ jsxs4("b", { children: [
+                  /* @__PURE__ */ jsxs8("b", { children: [
                     date(item.createdAt),
-                    item.current && /* @__PURE__ */ jsx6("span", { className: "w100n-docs-badge", children: t.current })
+                    item.current && /* @__PURE__ */ jsx8("span", { className: "w100n-docs-badge", children: t.current })
                   ] }),
-                  /* @__PURE__ */ jsx6("small", { children: [item.author?.name, size(item.size), item.note].filter(Boolean).join(" \xB7 ") })
+                  /* @__PURE__ */ jsx8("small", { children: [item.author?.name, size(item.size), item.note].filter(Boolean).join(" \xB7 ") })
                 ]
               },
               item.id
             ))
           ] }),
-          tab === "details" && /* @__PURE__ */ jsxs4("dl", { className: "w100n-docs-details", children: [
-            /* @__PURE__ */ jsx6("dt", { children: t.kind }),
-            /* @__PURE__ */ jsx6("dd", { children: t.kinds[doc.data.kind] }),
-            /* @__PURE__ */ jsx6("dt", { children: t.size }),
-            /* @__PURE__ */ jsx6("dd", { children: size(doc.data.size) }),
-            /* @__PURE__ */ jsx6("dt", { children: t.updated }),
-            /* @__PURE__ */ jsx6("dd", { children: date(doc.data.updatedAt) }),
-            doc.data.updatedBy && /* @__PURE__ */ jsxs4(Fragment4, { children: [
-              /* @__PURE__ */ jsx6("dt", { children: t.by }),
-              /* @__PURE__ */ jsx6("dd", { children: doc.data.updatedBy.name })
+          tab === "details" && /* @__PURE__ */ jsxs8("dl", { className: "w100n-docs-details", children: [
+            /* @__PURE__ */ jsx8("dt", { children: t.kind }),
+            /* @__PURE__ */ jsx8("dd", { children: t.kinds[doc.data.kind] }),
+            /* @__PURE__ */ jsx8("dt", { children: t.size }),
+            /* @__PURE__ */ jsx8("dd", { children: size(doc.data.size) }),
+            /* @__PURE__ */ jsx8("dt", { children: t.updated }),
+            /* @__PURE__ */ jsx8("dd", { children: date(doc.data.updatedAt) }),
+            doc.data.updatedBy && /* @__PURE__ */ jsxs8(Fragment7, { children: [
+              /* @__PURE__ */ jsx8("dt", { children: t.by }),
+              /* @__PURE__ */ jsx8("dd", { children: doc.data.updatedBy.name })
+            ] }),
+            /* @__PURE__ */ jsx8("dt", { children: t.rights }),
+            /* @__PURE__ */ jsx8("dd", { children: [doc.data.rights.view && t.view, doc.data.rights.comment && t.comment, doc.data.rights.edit && t.edit].filter(Boolean).join(", ") })
+          ] }),
+          tab === "details" && host.exportAs && !!doc.data.exports?.length && /* @__PURE__ */ jsxs8("div", { className: "w100n-docs-about", children: [
+            /* @__PURE__ */ jsxs8("p", { className: "w100n-docs-caption", children: [
+              /* @__PURE__ */ jsx8(FileDown, { "aria-hidden": true }),
+              t.exportAs
             ] }),
-            /* @__PURE__ */ jsx6("dt", { children: t.rights }),
-            /* @__PURE__ */ jsx6("dd", { children: [doc.data.rights.view && t.view, doc.data.rights.comment && t.comment, doc.data.rights.edit && t.edit].filter(Boolean).join(", ") })
+            /* @__PURE__ */ jsx8("div", { className: "w100n-docs-chips", children: doc.data.exports.map((format) => /* @__PURE__ */ jsxs8(
+              "button",
+              {
+                type: "button",
+                className: "w100n-docs-action",
+                disabled: exporting === "busy",
+                onClick: () => void exportAs(doc.data, format),
+                children: [
+                  /* @__PURE__ */ jsx8(FileDown, { "aria-hidden": true }),
+                  format.toUpperCase()
+                ]
+              },
+              format
+            )) }),
+            exporting === "failed" && /* @__PURE__ */ jsx8("p", { className: "w100n-docs-muted", children: t.exportFailed })
+          ] }),
+          tab === "comments" && /* @__PURE__ */ jsx8("div", { ref: setBox }),
+          tab === "sharing" && sharing && /* @__PURE__ */ jsx8(Sharing, { host, doc: doc.data, t, language, team: names2.get(doc.data.spaceId) }),
+          tab === "signatures" && /* @__PURE__ */ jsxs8("div", { className: "w100n-docs-versions", children: [
+            signatures.error && failed(signatures.retry),
+            signatures.data?.length === 0 && /* @__PURE__ */ jsx8("p", { className: "w100n-docs-muted", children: t.noSignatures }),
+            (signatures.data ?? []).map((entry) => {
+              const signed = versions.data?.find((v) => v.id === entry.versionId);
+              return /* @__PURE__ */ jsxs8(
+                "button",
+                {
+                  type: "button",
+                  disabled: !signed,
+                  "aria-pressed": !!signed && (versionId ?? versions.data?.find((v) => v.current)?.id) === signed.id,
+                  onClick: () => view(signed.current ? null : signed.id),
+                  children: [
+                    /* @__PURE__ */ jsxs8("b", { children: [
+                      entry.signer.name,
+                      /* @__PURE__ */ jsxs8("span", { className: "w100n-docs-badge", children: [
+                        t.page,
+                        " ",
+                        entry.page
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsx8("small", { children: [date(entry.signedAt), t.methods[entry.method], signed && (signed.current ? t.current : `${t.version} ${date(signed.createdAt)}`)].filter(Boolean).join(" \xB7 ") })
+                  ]
+                },
+                entry.id
+              );
+            })
           ] }),
           aside?.(doc.data)
         ] })
       ] })
+    ] }),
+    dialog
+  ] });
+}
+
+// src/GuestDocument.tsx
+import { lazy as lazy3, Suspense as Suspense3, useRef as useRef7, useState as useState9 } from "react";
+import { Ban as Ban2, Download as Download3, Eye as Eye2, FileDown as FileDown2, FileSpreadsheet as FileSpreadsheet3, FileText as FileText3, FileType as FileType3, Files as Files3, Lock as Lock2, Presentation as Presentation3, UserRound } from "lucide-react";
+import { Fragment as Fragment8, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+var TextEditor3 = lazy3(() => import("./TextEditor-4YETNX4T.js"));
+var SheetView3 = lazy3(() => import("./SheetView-TXHS5WJC.js"));
+var icons3 = { docx: FileText3, markdown: FileType3, pdf: Files3, sheet: FileSpreadsheet3, slides: Presentation3 };
+var GuestRefused = class extends Error {
+  constructor(reason, file = "", sharedBy = "") {
+    super(reason);
+    this.reason = reason;
+    this.file = file;
+    this.sharedBy = sharedBy;
+  }
+};
+var remembered = () => {
+  try {
+    return localStorage.getItem("w100n-guest-name") ?? "";
+  } catch {
+    return "";
+  }
+};
+var remember = (name) => {
+  try {
+    localStorage.setItem("w100n-guest-name", name);
+  } catch {
+    return;
+  }
+};
+function GuestDocument({ host, language = "en", theme = "light", brand }) {
+  const t = texts[language];
+  const [ask, setAsk] = useState9(() => ({ name: remembered() || void 0 }));
+  const [typed, setTyped] = useState9("");
+  const [name, setName] = useState9(remembered);
+  const named = useRef7(name);
+  const [slot, setSlot] = useState9(null);
+  const [saving, setSaving] = useState9("idle");
+  const opened = useLoad((signal) => host.open(ask, { signal }), [host, ask]);
+  const [notes] = useState9(() => ({
+    me: { id: "", name: "" },
+    spaces: async () => [],
+    documents: async () => [],
+    document: () => Promise.reject(new Error("A guest opens one document")),
+    versions: async () => [],
+    content: () => Promise.reject(new Error("A guest opens one document")),
+    comments: (_id, opts) => host.comments(opts),
+    comment: (_id, entry) => named.current.trim() ? host.comment({ ...entry, name: named.current.trim() }) : Promise.reject(new Error("A guest comments under a name"))
+  }));
+  const typeName = (value) => {
+    named.current = value;
+    setName(value);
+    remember(value.trim());
+  };
+  const download = async (format) => {
+    setSaving("busy");
+    try {
+      await host.download(format);
+      setSaving("idle");
+    } catch {
+      setSaving("failed");
+    }
+  };
+  const top = (file2, badge) => {
+    const kind2 = file2 ? kindOf(file2.name, file2.mimeType) : null;
+    const Kind = kind2 ? icons3[kind2] : FileText3;
+    return /* @__PURE__ */ jsxs9("header", { className: "w100n-docs-bar w100n-guest-bar", children: [
+      brand && /* @__PURE__ */ jsx9("span", { className: "w100n-guest-brand", children: brand }),
+      file2 && /* @__PURE__ */ jsxs9(Fragment8, { children: [
+        /* @__PURE__ */ jsx9("span", { className: "w100n-docs-tile", "data-kind": kind2, children: /* @__PURE__ */ jsx9(Kind, { "aria-hidden": true }) }),
+        /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-heading", children: [
+          /* @__PURE__ */ jsx9("strong", { className: "w100n-docs-title", children: file2.name }),
+          file2.sharedBy && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-crumbs", children: t.sharedBy.replace("{name}", file2.sharedBy) })
+        ] }),
+        badge && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-badge", "data-kind": kind2, children: badge }),
+        file2.download && /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-end", children: [
+          (kind2 === "docx" || kind2 === "markdown" || kind2 === "sheet" || kind2 === "slides") && /* @__PURE__ */ jsxs9(
+            "button",
+            {
+              type: "button",
+              className: "w100n-docs-action",
+              "data-tone": "slate",
+              disabled: saving === "busy",
+              onClick: () => void download("pdf"),
+              "aria-label": t.pdfCopy,
+              title: t.pdfCopy,
+              children: [
+                /* @__PURE__ */ jsx9(FileDown2, { "aria-hidden": true }),
+                /* @__PURE__ */ jsx9("span", { children: t.pdfCopy })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-action", "data-tone": "blue", disabled: saving === "busy", onClick: () => void download("file"), "aria-label": t.download, title: t.download, children: [
+            /* @__PURE__ */ jsx9(Download3, { "aria-hidden": true }),
+            /* @__PURE__ */ jsx9("span", { children: t.download })
+          ] })
+        ] })
+      ] })
+    ] });
+  };
+  const gate = (tone, Icon, title, body, form) => /* @__PURE__ */ jsxs9("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
+    top(null, null),
+    /* @__PURE__ */ jsx9("div", { className: "w100n-guest-gate", children: /* @__PURE__ */ jsxs9("div", { className: "w100n-guest-card", children: [
+      /* @__PURE__ */ jsx9("span", { className: "w100n-share-tile", "data-tone": tone, children: /* @__PURE__ */ jsx9(Icon, { "aria-hidden": true }) }),
+      /* @__PURE__ */ jsx9("h2", { children: title }),
+      /* @__PURE__ */ jsx9("p", { children: body }),
+      form
+    ] }) })
+  ] });
+  if (opened.error) {
+    const refused = opened.error instanceof GuestRefused ? opened.error : null;
+    if (refused?.reason === "ended") return gate("slate", Ban2, t.endedTitle, t.endedText);
+    if (refused?.reason === "missing") return gate("slate", Ban2, t.missingTitle, t.missingText);
+    if (refused?.reason === "password" || refused?.reason === "wrong" || refused?.reason === "name") {
+      const password = refused.reason !== "name";
+      const shared = refused.sharedBy ? `${t.sharedBy.replace("{name}", refused.sharedBy)}. ` : "";
+      return gate(
+        "violet",
+        password ? Lock2 : UserRound,
+        refused.file || t.documents,
+        shared + (password ? t.passwordAsk : t.nameAsk),
+        /* @__PURE__ */ jsxs9("form", { className: "w100n-guest-form", onSubmit: (e) => {
+          e.preventDefault();
+          if (!typed.trim()) return;
+          if (password) setAsk({ ...ask, password: typed });
+          else {
+            typeName(typed);
+            setAsk({ ...ask, name: typed.trim() });
+          }
+          setTyped("");
+        }, children: [
+          /* @__PURE__ */ jsx9(
+            "input",
+            {
+              className: "w100n-share-input",
+              type: password ? "password" : "text",
+              autoFocus: true,
+              value: typed,
+              autoComplete: password ? "current-password" : "name",
+              placeholder: password ? t.passwordPlaceholder : t.yourName,
+              "aria-label": password ? t.passwordOn : t.yourName,
+              onChange: (e) => setTyped(e.target.value)
+            }
+          ),
+          refused.reason === "wrong" && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", role: "alert", children: t.wrongPassword }),
+          /* @__PURE__ */ jsxs9("button", { type: "submit", className: "w100n-docs-action", disabled: !typed.trim(), children: [
+            /* @__PURE__ */ jsx9(Eye2, { "aria-hidden": true }),
+            t.openDoc
+          ] })
+        ] })
+      );
+    }
+    if (refused?.reason === "busy") return gate("slate", Ban2, t.failed, t.tooMany);
+    return gate("slate", Ban2, t.failed, "", /* @__PURE__ */ jsx9("button", { type: "button", className: "w100n-docs-action", onClick: opened.retry, children: t.retry }));
+  }
+  const file = opened.data;
+  if (!file) return /* @__PURE__ */ jsxs9("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
+    top(null, null),
+    /* @__PURE__ */ jsx9("div", { className: "w100n-docs-empty", children: t.loading })
+  ] });
+  const kind = kindOf(file.name, file.mimeType);
+  const text = kind === "docx" || kind === "markdown";
+  const talk = text && file.comment;
+  const rights = { view: true, comment: talk, edit: false };
+  const quiet2 = () => {
+  };
+  let stage = /* @__PURE__ */ jsx9("div", { className: "w100n-docs-empty", children: t.unsupported });
+  if (text) stage = /* @__PURE__ */ jsx9(Suspense3, { fallback: /* @__PURE__ */ jsx9("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx9(TextEditor3, { kind, bytes: file.bytes, t, language, rights, host: talk ? notes : void 0, documentId: file.id, onOutline: quiet2, slot: talk ? slot : null }) });
+  else if (kind === "pdf") stage = /* @__PURE__ */ jsx9(PdfView, { bytes: file.bytes, t, language, worker: host.pdfWorker, rights, documentId: file.id, onOutline: quiet2 });
+  else if (kind === "slides") stage = /* @__PURE__ */ jsx9(SlidesView, { html: new TextDecoder().decode(file.bytes), name: file.name, rights, language, theme, onOutline: quiet2 });
+  else if (kind === "sheet") stage = /* @__PURE__ */ jsx9(Suspense3, { fallback: /* @__PURE__ */ jsx9("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx9(SheetView3, { bytes: file.bytes, name: file.name, kind: /\.csv$/i.test(file.name) || file.mimeType === "text/csv" ? "csv" : "xlsx", rights, language, theme, documentId: file.id }) });
+  return /* @__PURE__ */ jsxs9("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
+    top(file, talk ? t.badgeComment : t.badgeRead),
+    saving === "failed" && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted w100n-guest-note", role: "alert", children: t.exportFailed }),
+    /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-body w100n-guest-body", children: [
+      /* @__PURE__ */ jsx9("main", { className: "w100n-docs-stage", children: /* @__PURE__ */ jsx9("div", { className: "w100n-docs-bare", children: stage }) }),
+      talk && /* @__PURE__ */ jsx9("aside", { className: "w100n-docs-side w100n-docs-panel w100n-guest-panel", "aria-label": t.comments, children: /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-panel-body", children: [
+        /* @__PURE__ */ jsxs9("label", { className: "w100n-share-field", children: [
+          /* @__PURE__ */ jsx9("span", { children: t.yourName }),
+          /* @__PURE__ */ jsx9("input", { className: "w100n-share-input", value: name, autoComplete: "name", placeholder: t.yourName, onChange: (e) => typeName(e.target.value) })
+        ] }),
+        /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", children: name.trim() ? t.nameHint : t.nameNeeded }),
+        /* @__PURE__ */ jsx9("div", { ref: setSlot })
+      ] }) })
     ] })
   ] });
 }
 export {
+  DocumentOverlay,
   DocumentsWorkspace,
+  GuestDocument,
+  GuestRefused,
+  SlidesView,
   kindOf,
   kinds,
-  matches
+  matches,
+  readDeck,
+  readDocx,
+  readable,
+  writeDeck,
+  writeDocx
 };
 //# sourceMappingURL=index.js.map