@ai-matrx/office 0.8.49 → 0.8.51

package/dist/pdf.js

@@ -1,9 +1,9 @@
 "use client";
 
 // src/pdf/PdfWorkspace.tsx
-import { Fragment as Fragment2, useCallback, useEffect as useEffect3, useLayoutEffect, useMemo as useMemo2, useRef as useRef2, useState as useState3 } from "react";
-import { cn } from "@ai-matrx/design-system/cn";
-import { Button as Button2, Field as Field2, PageRangeInput as PageRangeInput2, SegmentedControl as SegmentedControl3, ToolRail, parsePageRanges as parsePageRanges2 } from "@ai-matrx/design-system/controls";
+import { Fragment as Fragment3, useCallback, useEffect as useEffect4, useLayoutEffect, useMemo as useMemo2, useRef as useRef2, useState as useState4 } from "react";
+import { cn as cn2 } from "@ai-matrx/design-system/cn";
+import { Button as Button3, Field as Field3, PageRangeInput as PageRangeInput2, SegmentedControl as SegmentedControl3, ToolRail, parsePageRanges as parsePageRanges2 } from "@ai-matrx/design-system/controls";
 import {
   ChevronLeftIcon,
   ChevronRightIcon,
@@ -19,7 +19,7 @@ import {
   RotateCwIcon,
   SearchIcon,
   Share2Icon,
-  Trash2Icon,
+  Trash2Icon as Trash2Icon2,
   Undo2Icon,
   XIcon,
   Columns2Icon as Columns2Icon2,
@@ -118,6 +118,7 @@ function LeftPanel(p) {
           const turn = p.decisions.turns[page] ?? 0;
           return /* @__PURE__ */ jsxs("div", { className: "relative flex h-full w-full items-center justify-center overflow-hidden bg-card", children: [
             /* @__PURE__ */ jsx("div", { style: { transform: turn ? `rotate(${turn}deg)` : void 0 }, className: "flex h-full w-full items-center justify-center", children: p.host.renderThumbnail ? p.host.renderThumbnail(page, THUMB_W) : /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: page }) }),
+            p.host.renderPageBadge ? /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-1 top-1 z-10", "data-pdf-page-badge": page, children: p.host.renderPageBadge(page) }) : null,
             page === p.currentPage ? /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute inset-0 border-2 border-primary" }) : null,
             gone.has(page) ? /* @__PURE__ */ jsx("span", { className: "absolute inset-0 flex items-center justify-center bg-background/80 text-xs font-medium text-destructive", children: "Deleted" }) : null
           ] });
@@ -390,9 +391,94 @@ var canRedo = (h) => h.future.length > 0;
 var undoLabel = (h) => h.present.label;
 var redoLabel = (h) => h.future[0]?.label ?? "";
 
+// src/pdf/markup.ts
+var PDF_MARKUP_TOOLS = [
+  { id: "highlight", label: "Highlight", key: "h", status: "ready", engineTool: "highlight" },
+  { id: "freetext", label: "Text box", key: "x", status: "ready", engineTool: "freetext" },
+  { id: "ink", label: "Draw", key: "d", status: "ready", engineTool: "ink" },
+  { id: "image", label: "Image", key: "i", status: "ready", engineTool: "stamp" },
+  { id: "signature", label: "Signature", key: "g", status: "ready", engineTool: "stamp", needs: "signaturePad" },
+  { id: "underline", label: "Underline and strike out", status: "soon", reason: "The PDF writer we use makes highlights only." },
+  { id: "shapes", label: "Shapes", status: "soon", reason: "Rectangles, ovals and arrows need their own writer." },
+  { id: "note", label: "Sticky note", status: "soon", reason: "Comment on a highlight, text box or drawing for now." },
+  { id: "links", label: "Links", status: "soon", reason: "The PDF writer we use cannot add or change links." },
+  { id: "edit-text", label: "Edit page text", status: "soon", reason: "Changing the page's own text needs a server edit with a before-and-after check." }
+];
+var pdfMarkupTool = (id) => PDF_MARKUP_TOOLS.find((t) => t.id === id);
+var MARKUP_SWATCHES = [
+  { value: "#ffd400", label: "Yellow" },
+  { value: "#5fe36b", label: "Green" },
+  { value: "#4cc9f0", label: "Blue" },
+  { value: "#ff6fb5", label: "Pink" },
+  { value: "#ff4d4d", label: "Red" },
+  { value: "#1f2937", label: "Black" }
+];
+var MARKUP_STYLE_FIELDS = {
+  highlight: ["color"],
+  freetext: ["color", "size"],
+  ink: ["color", "opacity", "size"],
+  stamp: [],
+  signature: []
+};
+var MARKUP_SIZES = {
+  freetext: [8, 10, 12, 14, 18, 24, 36],
+  ink: [1, 2, 3, 5, 8, 12]
+};
+var MARKUP_KIND_LABEL = {
+  highlight: "Highlight",
+  freetext: "Text box",
+  ink: "Drawing",
+  stamp: "Image",
+  signature: "Signature"
+};
+var MARKUP_PROMISES = {
+  underline: "Underline or strike out text, with the same colors as highlights.",
+  shapes: "Draw rectangles, ovals, lines and arrows on a page.",
+  note: "Pin a sticky note anywhere on a page.",
+  links: "Add, change and remove links to a page or a web address.",
+  "edit-text": "Change the page's own text, see a before-and-after view, then save."
+};
+var markupComingSoonId = (id) => id === "links" ? "pdf.links" : id === "edit-text" ? "pdf.edit-text" : `pdf.markup.${id}`;
+var PDF_MARKUP_COMING_SOON = Object.fromEntries(
+  PDF_MARKUP_TOOLS.filter((t) => t.status === "soon").map((t) => {
+    const id = markupComingSoonId(t.id);
+    return [id, { id, label: t.label, owner: "pdf", promise: MARKUP_PROMISES[t.id] ?? "", stage: "planned", surfaces: ["PDF workspace markup panel"] }];
+  })
+);
+var TIMELINE_LIMIT = 100;
+var emptyTimeline = () => ({ past: [], future: [] });
+function recordStep(t, origin, label) {
+  return { past: [...t.past, { origin, label }].slice(-TIMELINE_LIMIT), future: [] };
+}
+var nextUndo = (t) => t.past[t.past.length - 1] ?? null;
+var nextRedo = (t) => t.future[0] ?? null;
+function stepBack(t) {
+  const last = t.past[t.past.length - 1];
+  return last ? { past: t.past.slice(0, -1), future: [last, ...t.future] } : t;
+}
+function stepForward(t) {
+  const next = t.future[0];
+  return next ? { past: [...t.past, next], future: t.future.slice(1) } : t;
+}
+function markupUndoneElsewhere(t) {
+  for (let i = t.past.length - 1; i >= 0; i--) {
+    if (t.past[i].origin === "markup") return { past: [...t.past.slice(0, i), ...t.past.slice(i + 1)], future: [t.past[i], ...t.future] };
+  }
+  return t;
+}
+function markupRedoneElsewhere(t) {
+  const i = t.future.findIndex((s) => s.origin === "markup");
+  if (i < 0) return t;
+  return { past: [...t.past, t.future[i]], future: [...t.future.slice(0, i), ...t.future.slice(i + 1)] };
+}
+function dropOrigin(t, origin) {
+  return { past: t.past.filter((s) => s.origin !== origin), future: t.future.filter((s) => s.origin !== origin) };
+}
+
 // src/pdf/tools.ts
 var PDF_TOOLS = [
   { id: "browse", label: "Browse", key: "v", status: "ready", opens: "none", group: 0 },
+  { id: "markup", label: "Comment and mark up", key: "m", status: "ready", capability: "client:pdfjs-annotation-editors,save-new-version", opens: "panel", group: 0, hint: "Highlight, write, draw, sign. Saves a new version." },
   { id: "organize", label: "Organize pages", key: "o", status: "ready", capability: "rotate-pages,delete-pages,reorder-pages", opens: "panel", group: 0 },
   { id: "extract-pages", label: "Extract pages", key: "e", status: "ready", capability: "extract-pages", opens: "panel", group: 0 },
   { id: "split", label: "Split", key: "s", status: "ready", capability: "split", opens: "panel", group: 0 },
@@ -413,7 +499,7 @@ var PDF_TOOLS = [
 var pdfTool = (id) => PDF_TOOLS.find((t) => t.id === id);
 var comingSoonIdOf = (id) => `pdf.${id}`;
 var PROMISES = {
-  edit: "Change text and swap images right on the page.",
+  edit: "Change the page's own text and swap images, with a before-and-after view.",
   forms: "Fill in a form and keep the values in the file.",
   protect: "Lock a PDF with a password and limit what others can do.",
   ocr: "Turn a scanned PDF into one you can search and copy from.",
@@ -438,14 +524,15 @@ var PDF_COMING_SOON = {
       return [id, { id, label: t.label, owner: "pdf", promise: PROMISES[t.id] ?? "", stage: "planned", surfaces: ["PDF workspace tool rail"] }];
     })
   ),
-  ...PANEL_PROMISES
+  ...PANEL_PROMISES,
+  ...PDF_MARKUP_COMING_SOON
 };
 
 // src/pdf/shortcuts.ts
 var PDF_SHORTCUTS = [
   { action: "undo", label: "Undo", keys: "Mod+Z", section: "Edit" },
   { action: "redo", label: "Redo", keys: "Mod+Shift+Z", section: "Edit" },
-  { action: "save", label: "Apply page changes", keys: "Mod+S", section: "Edit" },
+  { action: "save", label: "Save markup or apply page changes", keys: "Mod+S", section: "Edit" },
   { action: "find", label: "Find", keys: "Mod+F", section: "Edit" },
   { action: "print", label: "Print", keys: "Mod+P", section: "Edit" },
   { action: "zoom-in", label: "Zoom in", keys: "Mod+=", section: "View" },
@@ -472,6 +559,14 @@ var PDF_SHORTCUTS = [
     section: "Tools"
   }))
 ];
+var PDF_MARKUP_SHORTCUTS = PDF_MARKUP_TOOLS.filter(
+  (t) => t.status === "ready" && t.key
+).map((t) => ({ tool: t.id, label: t.label, keys: t.key.toUpperCase() }));
+function matchMarkupKey(e, typing) {
+  if (typing || e.ctrlKey || e.metaKey || e.altKey || e.shiftKey || e.key.length !== 1) return null;
+  const k = e.key.toLowerCase();
+  return PDF_MARKUP_SHORTCUTS.find((s) => s.keys.toLowerCase() === k)?.tool ?? null;
+}
 function parse(keys) {
   const parts = keys.split("+");
   const key = parts[parts.length - 1] === "" ? "+" : parts[parts.length - 1];
@@ -498,6 +593,209 @@ function formatKeys(keys, mac) {
   return keys.split("+").map((k) => k === "Mod" ? mac ? "\u2318" : "Ctrl" : k === "Shift" ? mac ? "\u21E7" : "Shift" : k === "ArrowRight" ? "\u2192" : k === "ArrowLeft" ? "\u2190" : k).join(mac ? "" : "+");
 }
 
+// src/pdf/markup-panel.tsx
+import { useEffect as useEffect3, useState as useState3 } from "react";
+import { cn } from "@ai-matrx/design-system/cn";
+import { AnchoredToolbar, Button as Button2, ColorSwatchRow, Field as Field2, OpacitySlider, Select as Select2 } from "@ai-matrx/design-system/controls";
+import {
+  HighlighterIcon,
+  ImageIcon,
+  Link2Icon,
+  MessageSquareIcon,
+  PencilIcon,
+  PenToolIcon,
+  ProportionsIcon,
+  StickyNoteIcon,
+  Trash2Icon,
+  TypeIcon,
+  WrapTextIcon
+} from "@ai-matrx/design-system/icons";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var MARKUP_ICONS = {
+  highlight: HighlighterIcon,
+  freetext: TypeIcon,
+  ink: PencilIcon,
+  image: ImageIcon,
+  signature: PenToolIcon,
+  underline: WrapTextIcon,
+  shapes: ProportionsIcon,
+  note: StickyNoteIcon,
+  links: Link2Icon,
+  "edit-text": TypeIcon
+};
+function Section({ label, children }) {
+  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ jsx3("span", { className: "text-xs font-medium text-muted-foreground", children: label }),
+    children
+  ] });
+}
+function StyleControls({ kind, style, onChange, compact }) {
+  const fields = MARKUP_STYLE_FIELDS[kind];
+  if (!fields.length) return null;
+  const sizes = kind === "freetext" ? MARKUP_SIZES.freetext : kind === "ink" ? MARKUP_SIZES.ink : null;
+  return /* @__PURE__ */ jsxs3("div", { className: cn("flex gap-2", compact ? "items-center" : "flex-col"), children: [
+    fields.includes("color") ? /* @__PURE__ */ jsx3(ColorSwatchRow, { colors: MARKUP_SWATCHES, value: style.color, onChange: (color) => onChange({ color }), "aria-label": "Color" }) : null,
+    fields.includes("opacity") ? /* @__PURE__ */ jsx3("div", { className: compact ? "w-52 shrink-0" : "w-full min-w-0", children: /* @__PURE__ */ jsx3(OpacitySlider, { value: style.opacity, onChange: (opacity) => onChange({ opacity }), className: "w-full" }) }) : null,
+    fields.includes("size") && sizes ? /* @__PURE__ */ jsx3("div", { className: compact ? "w-24 shrink-0" : void 0, children: /* @__PURE__ */ jsx3(
+      Select2,
+      {
+        "aria-label": kind === "freetext" ? "Font size" : "Line width",
+        value: String(sizes.includes(style.size) ? style.size : sizes[0]),
+        onValueChange: (v) => onChange({ size: Number(v) }),
+        options: sizes.map((n) => ({ value: String(n), label: `${n} pt` }))
+      }
+    ) }) : null
+  ] });
+}
+function MarkupPanel({ host, engine, snapshot, active, onPick, blocked, busy, online, error, onSave, onDiscard, onSoon, goToPage, reloadKey }) {
+  const [confirmDiscard, setConfirmDiscard] = useState3(false);
+  const [signature, setSignature] = useState3(null);
+  const [existing, setExisting] = useState3(null);
+  const pending = snapshot?.pending ?? 0;
+  const tools = PDF_MARKUP_TOOLS.filter((t) => t.needs !== "signaturePad" || host.signaturePad);
+  const ready = tools.filter((t) => t.status === "ready");
+  const soon = tools.filter((t) => t.status === "soon");
+  const def = tools.find((t) => t.id === active);
+  const styleKind = def?.engineTool && def.engineTool !== "stamp" ? def.engineTool : null;
+  const Pad = host.signaturePad;
+  useEffect3(() => {
+    let live = true;
+    host.existingAnnotations?.().then((list) => live && setExisting(list), () => live && setExisting([]));
+    return () => {
+      live = false;
+    };
+  }, [host, reloadKey]);
+  useEffect3(() => {
+    if (!pending) setConfirmDiscard(false);
+  }, [pending]);
+  const pickImage = () => {
+    const input = document.createElement("input");
+    input.type = "file";
+    input.accept = "image/png,image/jpeg,image/webp,image/gif,image/svg+xml";
+    input.onchange = () => {
+      const f = input.files?.[0];
+      if (f && engine) void engine.addImage(f, "stamp");
+    };
+    input.click();
+  };
+  const row = (t) => {
+    const Icon = MARKUP_ICONS[t.id];
+    const on = t.id === active;
+    return /* @__PURE__ */ jsxs3("li", { children: [
+      /* @__PURE__ */ jsxs3(
+        "button",
+        {
+          type: "button",
+          "aria-pressed": t.status === "ready" ? on : void 0,
+          disabled: t.status === "ready" && (!engine || Boolean(blocked)),
+          onClick: () => t.status === "soon" ? onSoon(markupComingSoonId(t.id)) : onPick(t.id),
+          className: cn(
+            "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-xs hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:text-disabled-foreground",
+            on && "bg-accent"
+          ),
+          children: [
+            /* @__PURE__ */ jsx3(Icon, { className: "size-4 shrink-0" }),
+            /* @__PURE__ */ jsx3("span", { className: "min-w-0 flex-1 truncate", children: t.label }),
+            t.status === "soon" ? /* @__PURE__ */ jsx3("span", { className: "shrink-0 whitespace-nowrap text-muted-foreground", children: "Soon" }) : /* @__PURE__ */ jsx3("kbd", { className: "text-muted-foreground", children: t.key?.toUpperCase() })
+          ]
+        }
+      ),
+      t.status === "soon" && t.reason ? /* @__PURE__ */ jsx3("div", { className: "pl-8 pr-2 text-xs text-muted-foreground", children: t.reason }) : null
+    ] }, t.id);
+  };
+  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-4", "data-pdf-markup-panel": "", children: [
+    blocked ? /* @__PURE__ */ jsx3("div", { role: "status", className: "rounded-md border border-border px-2 py-1.5 text-xs", children: blocked }) : null,
+    !engine && !blocked ? /* @__PURE__ */ jsx3("div", { className: "text-xs text-muted-foreground", children: "Opening the document\u2026" }) : null,
+    /* @__PURE__ */ jsx3("ul", { className: "flex flex-col", "aria-label": "Markup tools", children: ready.map(row) }),
+    styleKind && snapshot ? /* @__PURE__ */ jsx3(Section, { label: "Look", children: /* @__PURE__ */ jsx3(StyleControls, { kind: styleKind, style: snapshot.styles[styleKind], onChange: (p) => engine?.setStyle(p) }) }) : null,
+    active === "highlight" ? /* @__PURE__ */ jsx3("div", { className: "text-xs text-muted-foreground", children: "Select text on the page to highlight it." }) : null,
+    active === "freetext" ? /* @__PURE__ */ jsx3("div", { className: "text-xs text-muted-foreground", children: "Click on the page, then type." }) : null,
+    active === "ink" ? /* @__PURE__ */ jsx3("div", { className: "text-xs text-muted-foreground", children: "Drag on the page to draw." }) : null,
+    active === "image" ? /* @__PURE__ */ jsx3(Button2, { variant: "outline", icon: /* @__PURE__ */ jsx3(ImageIcon, {}), disabled: !engine, onClick: pickImage, children: "Choose an image" }) : null,
+    active === "signature" && Pad ? /* @__PURE__ */ jsxs3(Section, { label: "Signature", children: [
+      /* @__PURE__ */ jsx3(Pad, { value: signature, onChange: setSignature }),
+      /* @__PURE__ */ jsx3(Button2, { variant: "outline", icon: /* @__PURE__ */ jsx3(PenToolIcon, {}), disabled: !engine || !signature, onClick: () => signature && engine && void engine.addImage(signature, "signature"), children: "Place on page" })
+    ] }) : null,
+    /* @__PURE__ */ jsxs3(Section, { label: "Changes", children: [
+      /* @__PURE__ */ jsx3("div", { className: "text-xs", role: "status", "data-pdf-markup-pending": "", children: pending ? `Not saved: ${snapshot?.summary}` : "No unsaved markup" }),
+      error ? /* @__PURE__ */ jsx3("div", { role: "alert", className: "text-xs text-destructive", children: error }) : null,
+      !online ? /* @__PURE__ */ jsx3("div", { className: "text-xs text-muted-foreground", children: "You are offline. Markup is kept here until you are back online." }) : null,
+      /* @__PURE__ */ jsxs3("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx3(Button2, { variant: "primary", disabled: !pending || busy || !online, onClick: onSave, children: busy ? "Saving" : "Save" }),
+        confirmDiscard ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
+          /* @__PURE__ */ jsxs3(Button2, { variant: "outline", onClick: () => {
+            setConfirmDiscard(false);
+            onDiscard();
+          }, children: [
+            "Discard ",
+            pending
+          ] }),
+          /* @__PURE__ */ jsx3(Button2, { variant: "quiet", onClick: () => setConfirmDiscard(false), children: "Keep" })
+        ] }) : /* @__PURE__ */ jsx3(Button2, { variant: "outline", disabled: !pending || busy, onClick: () => setConfirmDiscard(true), children: "Discard" })
+      ] })
+    ] }),
+    host.existingAnnotations ? /* @__PURE__ */ jsxs3(Section, { label: "In this file", children: [
+      existing === null ? /* @__PURE__ */ jsx3("div", { className: "text-xs text-muted-foreground", children: "Reading\u2026" }) : existing.filter((a) => a.subtype !== "Link" && a.subtype !== "Widget").length === 0 ? /* @__PURE__ */ jsx3("div", { className: "text-xs text-muted-foreground", children: "No comments or markup yet" }) : /* @__PURE__ */ jsx3("ul", { className: "flex flex-col", "aria-label": "Annotations in this file", children: existing.filter((a) => a.subtype !== "Link" && a.subtype !== "Widget").map((a, i) => /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsxs3("button", { type: "button", onClick: () => goToPage(a.page), className: "flex w-full items-start gap-2 rounded-md px-2 py-1 text-left text-xs hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: [
+        /* @__PURE__ */ jsxs3("span", { className: "w-8 shrink-0 tabular-nums text-muted-foreground", children: [
+          "p. ",
+          a.page
+        ] }),
+        /* @__PURE__ */ jsxs3("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxs3("span", { className: "block", children: [
+            a.subtype,
+            a.author ? ` \xB7 ${a.author}` : ""
+          ] }),
+          a.contents ? /* @__PURE__ */ jsx3("span", { className: "block truncate text-muted-foreground", children: a.contents }) : null
+        ] })
+      ] }) }, `${a.page}-${i}`)) }),
+      /* @__PURE__ */ jsx3("div", { className: "text-xs text-muted-foreground", children: "Markup already saved shows on the page; changing it in place is coming." })
+    ] }) : null,
+    /* @__PURE__ */ jsx3(Section, { label: "Coming soon", children: /* @__PURE__ */ jsx3("ul", { className: "flex flex-col", "aria-label": "Markup coming soon", children: soon.map(row) }) })
+  ] });
+}
+function MarkupFloatingToolbar({ engine, snapshot, enabled, onDone }) {
+  const sel = snapshot?.selection ?? null;
+  const [commenting, setCommenting] = useState3(false);
+  const [draft, setDraft] = useState3("");
+  const selKey = sel ? `${sel.kind}:${Math.round(sel.rect.x)}:${Math.round(sel.rect.y)}` : "";
+  useEffect3(() => {
+    setCommenting(false);
+    setDraft(sel?.comment ?? "");
+  }, [selKey]);
+  if (!engine || !enabled || !sel) return null;
+  return /* @__PURE__ */ jsx3(AnchoredToolbar, { open: true, rect: sel.rect, "aria-label": `${MARKUP_KIND_LABEL[sel.kind]} options`, children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", "data-pdf-markup-toolbar": "", children: [
+    /* @__PURE__ */ jsx3(StyleControls, { compact: true, kind: sel.kind, style: sel.style, onChange: (p) => engine.setStyle(p) }),
+    commenting ? /* @__PURE__ */ jsx3(
+      Field2,
+      {
+        autoFocus: true,
+        value: draft,
+        "aria-label": "Comment",
+        placeholder: "Comment",
+        onChange: (e) => setDraft(e.target.value),
+        onKeyDown: (e) => {
+          if (e.key === "Enter") {
+            engine.setComment(draft);
+            setCommenting(false);
+            onDone();
+          }
+          if (e.key === "Escape") {
+            e.stopPropagation();
+            setCommenting(false);
+            onDone();
+          }
+        },
+        onBlur: () => {
+          engine.setComment(draft);
+          setCommenting(false);
+        },
+        width: "md"
+      }
+    ) : /* @__PURE__ */ jsx3(Button2, { variant: "quiet", icon: /* @__PURE__ */ jsx3(MessageSquareIcon, {}), "aria-label": sel.comment ? "Edit comment" : "Add comment", title: sel.comment || "Add comment", pressed: Boolean(sel.comment), onClick: () => setCommenting(true) }),
+    /* @__PURE__ */ jsx3(Button2, { variant: "quiet", icon: /* @__PURE__ */ jsx3(Trash2Icon, {}), "aria-label": "Delete", title: "Delete", onClick: () => engine.deleteSelected() })
+  ] }) });
+}
+
 // src/pdf/tool-icons.tsx
 import {
   ArrowLeftRightIcon,
@@ -512,24 +810,26 @@ import {
   LayoutGridIcon,
   ListChecksIcon,
   LockIcon,
-  PencilIcon,
-  PenToolIcon,
-  ProportionsIcon,
+  MessageSquareIcon as MessageSquareIcon2,
+  PencilIcon as PencilIcon2,
+  PenToolIcon as PenToolIcon2,
+  ProportionsIcon as ProportionsIcon2,
   SplitIcon,
-  TypeIcon
+  TypeIcon as TypeIcon2
 } from "@ai-matrx/design-system/icons";
 var PDF_TOOL_ICONS = {
   browse: HandIcon,
+  markup: MessageSquareIcon2,
   organize: LayoutGridIcon,
   "extract-pages": ArrowUpFromLineIcon,
   split: SplitIcon,
-  crop: ProportionsIcon,
+  crop: ProportionsIcon2,
   redact: EraserIcon,
   compress: ChevronsDownUpIcon,
   scan: CameraIcon,
-  sign: PenToolIcon,
-  "extract-data": TypeIcon,
-  edit: PencilIcon,
+  sign: PenToolIcon2,
+  "extract-data": TypeIcon2,
+  edit: PencilIcon2,
   forms: ListChecksIcon,
   protect: LockIcon,
   ocr: CaptionsIcon,
@@ -539,7 +839,7 @@ var PDF_TOOL_ICONS = {
 };
 
 // src/pdf/PdfWorkspace.tsx
-import { Fragment as Fragment3, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var ZOOM_STEPS = [0.5, 0.75, 1, 1.25, 1.5, 2, 3];
 var COMPACT_BELOW_PX = 768;
 var BAR = "flex h-10 shrink-0 items-center gap-1 border-b border-border bg-background px-2";
@@ -551,7 +851,7 @@ async function announceSoon(id) {
   await announceComingSoon(id);
 }
 function useWidth(ref) {
-  const [size, setSize] = useState3({ w: 1200, h: 800 });
+  const [size, setSize] = useState4({ w: 1200, h: 800 });
   useLayoutEffect(() => {
     const node = ref.current;
     if (!node) return void 0;
@@ -564,36 +864,36 @@ function useWidth(ref) {
   }, [ref]);
   return size;
 }
-function ToolRows({ tool, hostTools, onPick }) {
-  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
-    hostTools.map((t) => /* @__PURE__ */ jsx3("li", { role: "none", children: /* @__PURE__ */ jsxs3(
+function ToolRows({ tool, hostTools, onPick, canMarkup = false }) {
+  return /* @__PURE__ */ jsxs4(Fragment4, { children: [
+    hostTools.map((t) => /* @__PURE__ */ jsx4("li", { role: "none", children: /* @__PURE__ */ jsxs4(
       "button",
       {
         type: "button",
         role: "menuitem",
         "aria-current": tool === `host:${t.id}` ? "true" : void 0,
-        className: cn("flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-xs hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", tool === `host:${t.id}` && "bg-accent"),
+        className: cn2("flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-xs hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", tool === `host:${t.id}` && "bg-accent"),
         onClick: () => onPick(`host:${t.id}`),
         children: [
-          /* @__PURE__ */ jsx3(t.icon, { className: "size-4 shrink-0" }),
-          /* @__PURE__ */ jsx3("span", { className: "flex-1 whitespace-nowrap", children: t.label })
+          /* @__PURE__ */ jsx4(t.icon, { className: "size-4 shrink-0" }),
+          /* @__PURE__ */ jsx4("span", { className: "flex-1 whitespace-nowrap", children: t.label })
         ]
       }
     ) }, `host:${t.id}`)),
-    PDF_TOOLS.filter((t) => t.id !== "browse").map((t) => {
+    PDF_TOOLS.filter((t) => t.id !== "browse" && (t.id !== "markup" || canMarkup)).map((t) => {
       const Icon = PDF_TOOL_ICONS[t.id];
-      return /* @__PURE__ */ jsx3("li", { role: "none", children: /* @__PURE__ */ jsxs3(
+      return /* @__PURE__ */ jsx4("li", { role: "none", children: /* @__PURE__ */ jsxs4(
         "button",
         {
           type: "button",
           role: "menuitem",
           "aria-current": t.id === tool ? "true" : void 0,
-          className: cn("flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-xs hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", t.id === tool && "bg-accent"),
+          className: cn2("flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-xs hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", t.id === tool && "bg-accent"),
           onClick: () => onPick(t.id),
           children: [
-            /* @__PURE__ */ jsx3(Icon, { className: "size-4 shrink-0" }),
-            /* @__PURE__ */ jsx3("span", { className: "flex-1 whitespace-nowrap", children: t.label }),
-            t.status === "soon" ? /* @__PURE__ */ jsx3("span", { className: "text-muted-foreground", children: "Coming soon" }) : null
+            /* @__PURE__ */ jsx4(Icon, { className: "size-4 shrink-0" }),
+            /* @__PURE__ */ jsx4("span", { className: "flex-1 whitespace-nowrap", children: t.label }),
+            t.status === "soon" ? /* @__PURE__ */ jsx4("span", { className: "text-muted-foreground", children: "Coming soon" }) : null
           ]
         }
       ) }, t.id);
@@ -607,40 +907,48 @@ function PdfWorkspace({ host, className }) {
   const viewSize = useWidth(scrollerRef);
   const compact = rootSize.w < COMPACT_BELOW_PX;
   const online = host.online !== false;
-  const [pageCount, setPageCount] = useState3(0);
-  const [history, setHistory] = useState3(() => startHistory(freshDecisions(0)));
+  const [pageCount, setPageCount] = useState4(0);
+  const [history, setHistory] = useState4(() => startHistory(freshDecisions(0)));
   const decisions = history.present.value;
   const dirty = isDirty(decisions);
-  const [tool, setTool] = useState3("browse");
-  const [hostToolId, setHostToolId] = useState3(null);
+  const [tool, setTool] = useState4("browse");
+  const [hostToolId, setHostToolId] = useState4(null);
   const hostTools = useMemo2(() => host.tools ?? [], [host.tools]);
   const hostTool = hostToolId ? hostTools.find((t) => t.id === hostToolId) ?? null : null;
   const activeToolKey = hostTool ? `host:${hostTool.id}` : tool;
-  const [leftOpen, setLeftOpen] = useState3(true);
-  const [rightOpen, setRightOpen] = useState3(true);
-  const [leftTab, setLeftTab] = useState3("pages");
-  const [read, setRead] = useState3(false);
-  const [spread, setSpread] = useState3("single");
-  const [zoomMode, setZoomMode] = useState3("fit-width");
-  const [customZoom, setCustomZoom] = useState3(1);
-  const [selected, setSelected] = useState3([]);
-  const [currentPage, setCurrentPage] = useState3(1);
-  const [pageDraft, setPageDraft] = useState3("1");
-  const [findOpen, setFindOpen] = useState3(false);
-  const [findFocus, setFindFocus] = useState3(0);
-  const [pop, setPop] = useState3(null);
-  const [sheet, setSheet] = useState3(null);
-  const [toolQuery, setToolQuery] = useState3("");
-  const [busy, setBusy] = useState3(false);
-  const [error, setError] = useState3(null);
-  const [result, setResult] = useState3(null);
-  const [reloadKey, setReloadKey] = useState3(0);
-  const [sizeVersion, setSizeVersion] = useState3(0);
+  const [leftOpen, setLeftOpen] = useState4(true);
+  const [rightOpen, setRightOpen] = useState4(true);
+  const [leftTab, setLeftTab] = useState4("pages");
+  const [read, setRead] = useState4(false);
+  const [spread, setSpread] = useState4("single");
+  const [zoomMode, setZoomMode] = useState4("fit-width");
+  const [customZoom, setCustomZoom] = useState4(1);
+  const [selected, setSelected] = useState4([]);
+  const [currentPage, setCurrentPage] = useState4(1);
+  const [pageDraft, setPageDraft] = useState4("1");
+  const [findOpen, setFindOpen] = useState4(false);
+  const [findFocus, setFindFocus] = useState4(0);
+  const [pop, setPop] = useState4(null);
+  const [sheet, setSheet] = useState4(null);
+  const [toolQuery, setToolQuery] = useState4("");
+  const [busy, setBusy] = useState4(false);
+  const [error, setError] = useState4(null);
+  const [result, setResult] = useState4(null);
+  const [reloadKey, setReloadKey] = useState4(0);
+  const [sizeVersion, setSizeVersion] = useState4(0);
   const sizes = useRef2(/* @__PURE__ */ new Map());
-  const [editingName, setEditingName] = useState3(false);
-  const [nameDraft, setNameDraft] = useState3(host.file.name);
-  const [printMode, setPrintMode] = useState3("all");
-  const [printRange, setPrintRange] = useState3("");
+  const [editingName, setEditingName] = useState4(false);
+  const [nameDraft, setNameDraft] = useState4(host.file.name);
+  const [printMode, setPrintMode] = useState4("all");
+  const [printRange, setPrintRange] = useState4("");
+  const canMarkup = Boolean(host.saveMarkup);
+  const [engine, setEngine] = useState4(null);
+  const [snap, setSnap] = useState4(null);
+  const [timeline, setTimeline] = useState4(emptyTimeline);
+  const [markupTool, setMarkupTool] = useState4("highlight");
+  const [markupBusy, setMarkupBusy] = useState4(false);
+  const [markupError, setMarkupError] = useState4(null);
+  const markupPending = snap?.pending ?? 0;
   const selectedPages = useMemo2(() => selected.map(Number).sort((a, b) => a - b), [selected]);
   const toolDef = pdfTool(tool);
   const first = sizes.current.get(1);
@@ -673,7 +981,7 @@ function PdfWorkspace({ host, className }) {
     },
     [pageCount]
   );
-  useEffect3(() => {
+  useEffect4(() => {
     const node = scrollerRef.current;
     if (!node) return void 0;
     let raf = 0;
@@ -700,7 +1008,10 @@ function PdfWorkspace({ host, className }) {
       cancelAnimationFrame(raf);
     };
   }, [pageCount]);
-  const commit = useCallback((label, next) => setHistory((h) => pushStep(h, label, next)), []);
+  const commit = useCallback((label, next) => {
+    setHistory((h) => pushStep(h, label, next));
+    setTimeline((t) => recordStep(t, "page", label));
+  }, []);
   const targets = useCallback(() => selectedPages.length ? selectedPages : [currentPage], [selectedPages, currentPage]);
   const turn = useCallback(
     (by) => {
@@ -763,9 +1074,106 @@ function PdfWorkspace({ host, className }) {
   );
   const apply = useCallback(() => {
     const ops = compilePageOps(decisions);
-    if (ops.length) void runTool({ tool: "apply-pages", ops });
-  }, [decisions, runTool]);
-  const discard = useCallback(() => setHistory(startHistory(freshDecisions(pageCount))), [pageCount]);
+    if (!ops.length) return;
+    if (markupPending) {
+      setError("Save or discard your markup first: applying page changes reloads the file.");
+      return;
+    }
+    setTimeline((t) => dropOrigin(t, "page"));
+    void runTool({ tool: "apply-pages", ops });
+  }, [decisions, runTool, markupPending]);
+  const discard = useCallback(() => {
+    setHistory(startHistory(freshDecisions(pageCount)));
+    setTimeline((t) => dropOrigin(t, "page"));
+  }, [pageCount]);
+  const onMarkupEngine = useCallback((e) => {
+    setEngine(e);
+    setSnap(e ? e.getSnapshot() : null);
+  }, []);
+  useEffect4(() => {
+    if (!engine) return void 0;
+    const offSnap = engine.subscribe(setSnap);
+    const offHistory = engine.onHistory((ev) => {
+      if (ev.type === "step") setTimeline((t) => recordStep(t, "markup", ev.label));
+      else if (ev.external) setTimeline((t) => ev.type === "undo" ? markupUndoneElsewhere(t) : markupRedoneElsewhere(t));
+    });
+    return () => {
+      offSnap();
+      offHistory();
+    };
+  }, [engine]);
+  const markupOn = tool === "markup" && !hostTool && !dirty;
+  const markupEngineTool = pdfMarkupTool(markupTool)?.engineTool ?? "highlight";
+  useEffect4(() => {
+    if (engine) void engine.setTool(markupOn ? markupEngineTool : "none");
+  }, [engine, markupOn, markupEngineTool]);
+  useEffect4(() => {
+    engine?.setCurrentPage(currentPage);
+  }, [engine, currentPage]);
+  const saveMarkup = useCallback(async () => {
+    if (!engine || !host.saveMarkup || !markupPending || markupBusy) return;
+    if (!online) {
+      setMarkupError("You are offline. Your markup is kept here; save when you are back online.");
+      return;
+    }
+    setMarkupBusy(true);
+    setMarkupError(null);
+    try {
+      const summary = engine.getSnapshot().summary;
+      const bytes = await engine.save();
+      const out = await host.saveMarkup(bytes, summary);
+      setResult(out);
+      setTimeline((t) => dropOrigin(t, "markup"));
+      sizes.current.clear();
+      setReloadKey((k) => k + 1);
+    } catch (e) {
+      const message = e instanceof Error ? e.message : "The markup was not saved.";
+      setMarkupError(message);
+      host.notify?.(message, "error");
+    } finally {
+      setMarkupBusy(false);
+    }
+  }, [engine, host, markupPending, markupBusy, online]);
+  const discardMarkup = useCallback(() => {
+    setTimeline((t) => dropOrigin(t, "markup"));
+    setMarkupError(null);
+    setReloadKey((k) => k + 1);
+  }, []);
+  useEffect4(() => {
+    if (!markupPending) return void 0;
+    const onBeforeUnload = (event) => {
+      event.preventDefault();
+      event.returnValue = "";
+    };
+    window.addEventListener("beforeunload", onBeforeUnload);
+    return () => window.removeEventListener("beforeunload", onBeforeUnload);
+  }, [markupPending]);
+  const undoAll = useCallback(() => {
+    const step = nextUndo(timeline);
+    if (step?.origin === "markup" && engine) {
+      setTimeline(stepBack);
+      engine.undo();
+      return;
+    }
+    if (step) setTimeline(stepBack);
+    setHistory((h) => undo(h));
+  }, [timeline, engine]);
+  const redoAll = useCallback(() => {
+    const step = nextRedo(timeline);
+    if (step?.origin === "markup" && engine) {
+      setTimeline(stepForward);
+      engine.redo();
+      return;
+    }
+    if (step) setTimeline(stepForward);
+    setHistory((h) => redo(h));
+  }, [timeline, engine]);
+  const undoStep = nextUndo(timeline);
+  const redoStep = nextRedo(timeline);
+  const undoText = undoStep ? `Undo ${undoStep.label}` : undoLabel(history) ? `Undo ${undoLabel(history)}` : "Undo";
+  const redoText = redoStep ? `Redo ${redoStep.label}` : redoLabel(history) ? `Redo ${redoLabel(history)}` : "Redo";
+  const canUndoAll = Boolean(undoStep) || canUndo(history);
+  const canRedoAll = Boolean(redoStep) || canRedo(history);
   const chooseTool = useCallback(
     (id) => {
       if (id.startsWith("host:")) {
@@ -777,7 +1185,7 @@ function PdfWorkspace({ host, className }) {
         return;
       }
       const def = pdfTool(id);
-      if (!def) return;
+      if (!def || def.id === "markup" && !host.saveMarkup) return;
       setHostToolId(null);
       if (def.status === "soon") {
         announceSoon(comingSoonIdOf(def.id)).catch(fail);
@@ -798,23 +1206,23 @@ function PdfWorkspace({ host, className }) {
   const railGroups = useMemo2(() => {
     const groups = [[], [], []];
     for (const t of PDF_TOOLS) {
-      if (t.status !== "ready") continue;
+      if (t.status !== "ready" || t.id === "markup" && !canMarkup) continue;
       groups[t.group].push({ id: t.id, label: t.label, icon: PDF_TOOL_ICONS[t.id], ...t.key ? { shortcut: t.key.toUpperCase() } : null });
     }
     for (const t of hostTools) groups[t.group ?? 1].push({ id: `host:${t.id}`, label: t.label, icon: t.icon });
     groups[2].push({ id: ALL_TOOLS, label: "All tools", icon: MoreHorizontalIcon });
     return groups.filter((g) => g.length);
-  }, [hostTools]);
+  }, [hostTools, canMarkup]);
   const runAction = useCallback(
     (action) => {
       if (action.startsWith("tool:")) return chooseTool(action.slice(5));
       switch (action) {
         case "undo":
-          return setHistory((h) => undo(h));
+          return undoAll();
         case "redo":
-          return setHistory((h) => redo(h));
+          return redoAll();
         case "save":
-          return apply();
+          return markupPending ? void saveMarkup() : apply();
         case "find":
           setFindOpen(true);
           setFindFocus((n) => n + 1);
@@ -859,7 +1267,7 @@ function PdfWorkspace({ host, className }) {
           return void 0;
       }
     },
-    [chooseTool, apply, host.print, stepZoom, goToPage, currentPage, pageCount, turn, del, decisions.order]
+    [chooseTool, apply, host.print, stepZoom, goToPage, currentPage, pageCount, turn, del, decisions.order, undoAll, redoAll, markupPending, saveMarkup]
   );
   const onKeyDown = (e) => {
     const t = e.target;
@@ -871,19 +1279,30 @@ function PdfWorkspace({ host, className }) {
       else if (sheet) setSheet(null);
       return;
     }
+    if (markupOn) {
+      const pick = matchMarkupKey(e.nativeEvent, typing);
+      if (pick && pdfMarkupTool(pick)?.status === "ready" && (pick !== "signature" || host.signaturePad)) {
+        e.preventDefault();
+        setMarkupTool(pick);
+        return;
+      }
+    }
     const action = matchShortcut(e.nativeEvent, typing);
     if (!action) return;
+    if (markupOn && t.closest("[data-pdf-thumbnails]") === null && (action === "delete-pages" || action === "page-next" || action === "page-prev" || action === "select-all-pages")) return;
     if ((action === "page-next" || action === "page-prev") && t !== scrollerRef.current && t !== rootRef.current) return;
     if (action === "delete-pages" && t.closest("[data-pdf-thumbnails]") === null && t !== scrollerRef.current) return;
     e.preventDefault();
+    if (action === "undo" || action === "redo") e.stopPropagation();
     runAction(action);
   };
-  const saveState = !online ? "Offline" : busy ? "Saving" : error && dirty ? "Not saved" : dirty ? "Unsaved" : "Saved";
-  const savePill = /* @__PURE__ */ jsx3(
+  const unsaved = dirty || markupPending > 0;
+  const saveState = !online ? "Offline" : busy || markupBusy ? "Saving" : error && dirty || markupError && markupPending ? "Not saved" : unsaved ? "Unsaved" : "Saved";
+  const savePill = /* @__PURE__ */ jsx4(
     "span",
     {
       role: "status",
-      className: cn(
+      className: cn2(
         "inline-flex h-6 shrink-0 items-center justify-center whitespace-nowrap rounded-full border px-2 text-xs",
         saveState === "Unsaved" || saveState === "Offline" || saveState === "Not saved" ? "border-border text-foreground" : "border-border text-muted-foreground",
         busy && "animate-pulse"
@@ -891,13 +1310,13 @@ function PdfWorkspace({ host, className }) {
       children: saveState
     }
   );
-  const iconBtn = (label, icon, onClick, opts) => /* @__PURE__ */ jsx3(Button2, { variant: "quiet", icon, "aria-label": label, title: label, onClick, ...opts?.disabled !== void 0 ? { disabled: opts.disabled } : null, ...opts?.pressed !== void 0 ? { pressed: opts.pressed } : null });
+  const iconBtn = (label, icon, onClick, opts) => /* @__PURE__ */ jsx4(Button3, { variant: "quiet", icon, "aria-label": label, title: label, onClick, ...opts?.disabled !== void 0 ? { disabled: opts.disabled } : null, ...opts?.pressed !== void 0 ? { pressed: opts.pressed } : null });
   const toolHits = toolQuery.trim() ? [
     ...hostTools.map((t) => ({ id: `host:${t.id}`, label: t.label, status: "ready" })),
     ...PDF_TOOLS
   ].filter((t) => t.label.toLowerCase().includes(toolQuery.trim().toLowerCase())) : [];
-  const nameNode = editingName && host.rename ? /* @__PURE__ */ jsx3(
-    Field2,
+  const nameNode = editingName && host.rename ? /* @__PURE__ */ jsx4(
+    Field3,
     {
       autoFocus: true,
       value: nameDraft,
@@ -916,7 +1335,7 @@ function PdfWorkspace({ host, className }) {
       },
       width: "lg"
     }
-  ) : /* @__PURE__ */ jsx3(
+  ) : /* @__PURE__ */ jsx4(
     "button",
     {
       type: "button",
@@ -926,18 +1345,36 @@ function PdfWorkspace({ host, className }) {
       children: host.file.name
     }
   );
-  const rightPanel = hostTool ? /* @__PURE__ */ jsxs3("div", { className: "flex h-full min-h-0 flex-col", "data-pdf-host-tool": hostTool.id, children: [
-    /* @__PURE__ */ jsxs3("div", { className: "shrink-0 border-b border-border px-3 py-2", children: [
-      /* @__PURE__ */ jsx3("div", { className: "text-sm font-medium", children: hostTool.label }),
-      hostTool.hint ? /* @__PURE__ */ jsx3("div", { className: "text-xs text-muted-foreground", children: hostTool.hint }) : null
+  const rightPanel = hostTool ? /* @__PURE__ */ jsxs4("div", { className: "flex h-full min-h-0 flex-col", "data-pdf-host-tool": hostTool.id, children: [
+    /* @__PURE__ */ jsxs4("div", { className: "shrink-0 border-b border-border px-3 py-2", children: [
+      /* @__PURE__ */ jsx4("div", { className: "text-sm font-medium", children: hostTool.label }),
+      hostTool.hint ? /* @__PURE__ */ jsx4("div", { className: "text-xs text-muted-foreground", children: hostTool.hint }) : null
     ] }),
-    /* @__PURE__ */ jsx3("div", { className: "min-h-0 flex-1 overflow-hidden", children: hostTool.render({ currentPage, pageCount, selected: selectedPages, goToPage, reload: () => setReloadKey((k) => k + 1) }) })
-  ] }) : /* @__PURE__ */ jsxs3("div", { className: "flex h-full min-h-0 flex-col", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "shrink-0 border-b border-border px-3 py-2", children: [
-      /* @__PURE__ */ jsx3("div", { className: "text-sm font-medium", children: toolDef.label }),
-      toolDef.hint ? /* @__PURE__ */ jsx3("div", { className: "text-xs text-muted-foreground", children: toolDef.hint }) : null
+    /* @__PURE__ */ jsx4("div", { className: "min-h-0 flex-1 overflow-hidden", children: hostTool.render({ currentPage, pageCount, selected: selectedPages, goToPage, reload: () => setReloadKey((k) => k + 1) }) })
+  ] }) : /* @__PURE__ */ jsxs4("div", { className: "flex h-full min-h-0 flex-col", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "shrink-0 border-b border-border px-3 py-2", children: [
+      /* @__PURE__ */ jsx4("div", { className: "text-sm font-medium", children: toolDef.label }),
+      toolDef.hint ? /* @__PURE__ */ jsx4("div", { className: "text-xs text-muted-foreground", children: toolDef.hint }) : null
     ] }),
-    /* @__PURE__ */ jsx3("div", { className: "min-h-0 flex-1 overflow-y-auto p-3", children: /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx4("div", { className: "min-h-0 flex-1 overflow-y-auto p-3", children: tool === "markup" ? /* @__PURE__ */ jsx4(
+      MarkupPanel,
+      {
+        host,
+        engine,
+        snapshot: snap,
+        active: markupTool,
+        onPick: setMarkupTool,
+        blocked: dirty ? "Apply or discard the page changes first." : null,
+        busy: markupBusy,
+        online,
+        error: markupError,
+        onSave: () => void saveMarkup(),
+        onDiscard: discardMarkup,
+        onSoon: (id) => void announceSoon(id).catch(fail),
+        goToPage,
+        reloadKey
+      }
+    ) : /* @__PURE__ */ jsx4(
       ToolPanel,
       {
         tool: toolDef,
@@ -961,7 +1398,7 @@ function PdfWorkspace({ host, className }) {
       }
     ) })
   ] });
-  const leftPanel = /* @__PURE__ */ jsx3(
+  const leftPanel = /* @__PURE__ */ jsx4(
     LeftPanel,
     {
       host,
@@ -981,12 +1418,12 @@ function PdfWorkspace({ host, className }) {
   );
   const viewerPage = hostTool?.followsPage ? currentPage : 1;
   const viewer = useMemo2(
-    () => /* @__PURE__ */ jsx3(Fragment2, { children: host.renderViewer({ zoom, spread, rotations: decisions.turns, reloadKey, currentPage: viewerPage, onDocumentLoad, onPageSize }) }, reloadKey),
-    [host, reloadKey, zoom, spread, decisions.turns, viewerPage, onDocumentLoad, onPageSize]
+    () => /* @__PURE__ */ jsx4(Fragment3, { children: host.renderViewer({ zoom, spread, rotations: decisions.turns, reloadKey, currentPage: viewerPage, onDocumentLoad, onPageSize, ...canMarkup ? { onMarkupEngine } : null }) }, reloadKey),
+    [host, reloadKey, zoom, spread, decisions.turns, viewerPage, onDocumentLoad, onPageSize, canMarkup, onMarkupEngine]
   );
   const showChrome = !read;
   const popCard = "absolute right-2 top-11 z-30 rounded-lg border border-border bg-popover p-3 text-popover-foreground shadow-lg";
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(
     "div",
     {
       ref: rootRef,
@@ -994,18 +1431,18 @@ function PdfWorkspace({ host, className }) {
       "data-pdf-workspace": "",
       "data-compact": compact ? "" : void 0,
       onKeyDown,
-      className: cn("relative flex h-full min-h-0 w-full flex-col overflow-hidden bg-background text-foreground outline-none", className),
+      className: cn2("relative flex h-full min-h-0 w-full flex-col overflow-hidden bg-background text-foreground outline-none", className),
       children: [
-        showChrome ? /* @__PURE__ */ jsxs3("div", { className: BAR, "data-pdf-topbar": "", children: [
-          iconBtn("Page thumbnails", /* @__PURE__ */ jsx3(PanelLeftIcon, {}), () => compact ? setSheet("pages") : setLeftOpen((v) => !v), { pressed: !compact && leftOpen }),
+        showChrome ? /* @__PURE__ */ jsxs4("div", { className: BAR, "data-pdf-topbar": "", children: [
+          iconBtn("Page thumbnails", /* @__PURE__ */ jsx4(PanelLeftIcon, {}), () => compact ? setSheet("pages") : setLeftOpen((v) => !v), { pressed: !compact && leftOpen }),
           nameNode,
           savePill,
-          /* @__PURE__ */ jsx3("div", { className: "flex-1" }),
-          !compact ? /* @__PURE__ */ jsxs3("div", { className: "relative w-56", children: [
-            /* @__PURE__ */ jsx3(
-              Field2,
+          /* @__PURE__ */ jsx4("div", { className: "flex-1" }),
+          !compact ? /* @__PURE__ */ jsxs4("div", { className: "relative w-56", children: [
+            /* @__PURE__ */ jsx4(
+              Field3,
               {
-                icon: /* @__PURE__ */ jsx3(SearchIcon, {}),
+                icon: /* @__PURE__ */ jsx4(SearchIcon, {}),
                 value: toolQuery,
                 "aria-label": "Search tools",
                 placeholder: "Search tools",
@@ -1023,7 +1460,7 @@ function PdfWorkspace({ host, className }) {
                 }
               }
             ),
-            pop === "tool-search" && toolHits.length ? /* @__PURE__ */ jsx3("ul", { role: "listbox", className: "absolute left-0 right-0 top-9 z-30 rounded-lg border border-border bg-popover p-1 shadow-lg", children: toolHits.map((t) => /* @__PURE__ */ jsx3("li", { role: "option", "aria-selected": false, children: /* @__PURE__ */ jsxs3(
+            pop === "tool-search" && toolHits.length ? /* @__PURE__ */ jsx4("ul", { role: "listbox", className: "absolute left-0 right-0 top-9 z-30 rounded-lg border border-border bg-popover p-1 shadow-lg", children: toolHits.map((t) => /* @__PURE__ */ jsx4("li", { role: "option", "aria-selected": false, children: /* @__PURE__ */ jsxs4(
               "button",
               {
                 type: "button",
@@ -1035,25 +1472,25 @@ function PdfWorkspace({ host, className }) {
                   setPop(null);
                 },
                 children: [
-                  /* @__PURE__ */ jsx3("span", { children: t.label }),
-                  t.status === "soon" ? /* @__PURE__ */ jsx3("span", { className: "text-muted-foreground", children: "Coming soon" }) : null
+                  /* @__PURE__ */ jsx4("span", { children: t.label }),
+                  t.status === "soon" ? /* @__PURE__ */ jsx4("span", { className: "text-muted-foreground", children: "Coming soon" }) : null
                 ]
               }
             ) }, t.id)) }) : null
           ] }) : null,
-          iconBtn(undoLabel(history) ? `Undo ${undoLabel(history)}` : "Undo", /* @__PURE__ */ jsx3(Undo2Icon, {}), () => runAction("undo"), { disabled: !canUndo(history) }),
-          iconBtn(redoLabel(history) ? `Redo ${redoLabel(history)}` : "Redo", /* @__PURE__ */ jsx3(Undo2Icon, { className: "-scale-x-100" }), () => runAction("redo"), { disabled: !canRedo(history) }),
-          !compact && iconBtn("Find", /* @__PURE__ */ jsx3(SearchIcon, {}), () => runAction("find"), { pressed: findOpen }),
-          host.share && !compact ? iconBtn("Share", /* @__PURE__ */ jsx3(Share2Icon, {}), () => host.share()) : null,
-          iconBtn("Download", /* @__PURE__ */ jsx3(DownloadIcon, {}), () => host.download()),
-          host.print && !compact ? iconBtn("Print", /* @__PURE__ */ jsx3(PrinterIcon, {}), () => setPop(pop === "print" ? null : "print"), { pressed: pop === "print" }) : null,
-          !compact ? iconBtn("Keyboard shortcuts", /* @__PURE__ */ jsx3(KeyboardIcon, {}), () => runAction("shortcuts"), { pressed: pop === "shortcuts" }) : null,
-          compact ? /* @__PURE__ */ jsx3(Button2, { variant: "outline", onClick: () => setSheet("tools"), children: "Tools" }) : iconBtn("Properties panel", /* @__PURE__ */ jsx3(PanelRightIcon, {}), () => setRightOpen((v) => !v), { pressed: rightOpen })
+          iconBtn(undoText, /* @__PURE__ */ jsx4(Undo2Icon, {}), () => runAction("undo"), { disabled: !canUndoAll }),
+          iconBtn(redoText, /* @__PURE__ */ jsx4(Undo2Icon, { className: "-scale-x-100" }), () => runAction("redo"), { disabled: !canRedoAll }),
+          !compact && iconBtn("Find", /* @__PURE__ */ jsx4(SearchIcon, {}), () => runAction("find"), { pressed: findOpen }),
+          host.share && !compact ? iconBtn("Share", /* @__PURE__ */ jsx4(Share2Icon, {}), () => host.share()) : null,
+          iconBtn("Download", /* @__PURE__ */ jsx4(DownloadIcon, {}), () => host.download()),
+          host.print && !compact ? iconBtn("Print", /* @__PURE__ */ jsx4(PrinterIcon, {}), () => setPop(pop === "print" ? null : "print"), { pressed: pop === "print" }) : null,
+          !compact ? iconBtn("Keyboard shortcuts", /* @__PURE__ */ jsx4(KeyboardIcon, {}), () => runAction("shortcuts"), { pressed: pop === "shortcuts" }) : null,
+          compact ? /* @__PURE__ */ jsx4(Button3, { variant: "outline", onClick: () => setSheet("tools"), children: "Tools" }) : iconBtn("Properties panel", /* @__PURE__ */ jsx4(PanelRightIcon, {}), () => setRightOpen((v) => !v), { pressed: rightOpen })
         ] }) : null,
-        showChrome ? /* @__PURE__ */ jsxs3("div", { className: BAR, "data-pdf-viewbar": "", children: [
-          iconBtn("Previous page", /* @__PURE__ */ jsx3(ChevronLeftIcon, {}), () => goToPage(currentPage - 1), { disabled: currentPage <= 1 }),
-          /* @__PURE__ */ jsx3(
-            Field2,
+        showChrome ? /* @__PURE__ */ jsxs4("div", { className: BAR, "data-pdf-viewbar": "", children: [
+          iconBtn("Previous page", /* @__PURE__ */ jsx4(ChevronLeftIcon, {}), () => goToPage(currentPage - 1), { disabled: currentPage <= 1 }),
+          /* @__PURE__ */ jsx4(
+            Field3,
             {
               type: "number",
               min: 1,
@@ -1066,16 +1503,16 @@ function PdfWorkspace({ host, className }) {
               className: compact ? "w-12" : "w-16"
             }
           ),
-          /* @__PURE__ */ jsxs3("span", { className: "whitespace-nowrap text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsxs4("span", { className: "whitespace-nowrap text-xs text-muted-foreground", children: [
             "of ",
             pageCount || "-"
           ] }),
-          iconBtn("Next page", /* @__PURE__ */ jsx3(ChevronRightIcon, {}), () => goToPage(currentPage + 1), { disabled: currentPage >= pageCount }),
-          /* @__PURE__ */ jsx3("div", { className: "mx-1 h-5 w-px bg-border" }),
-          iconBtn("Zoom out", /* @__PURE__ */ jsx3(MinusIcon, {}), () => stepZoom(-1)),
-          /* @__PURE__ */ jsx3("span", { className: cn("min-w-[3rem] text-center text-xs tabular-nums", compact && "hidden"), "data-pdf-zoom": "", children: `${Math.round(zoom * 100)}%` }),
-          iconBtn("Zoom in", /* @__PURE__ */ jsx3(PlusIcon, {}), () => stepZoom(1)),
-          !compact ? /* @__PURE__ */ jsx3(
+          iconBtn("Next page", /* @__PURE__ */ jsx4(ChevronRightIcon, {}), () => goToPage(currentPage + 1), { disabled: currentPage >= pageCount }),
+          /* @__PURE__ */ jsx4("div", { className: "mx-1 h-5 w-px bg-border" }),
+          iconBtn("Zoom out", /* @__PURE__ */ jsx4(MinusIcon, {}), () => stepZoom(-1)),
+          /* @__PURE__ */ jsx4("span", { className: cn2("min-w-[3rem] text-center text-xs tabular-nums", compact && "hidden"), "data-pdf-zoom": "", children: `${Math.round(zoom * 100)}%` }),
+          iconBtn("Zoom in", /* @__PURE__ */ jsx4(PlusIcon, {}), () => stepZoom(1)),
+          !compact ? /* @__PURE__ */ jsx4(
             SegmentedControl3,
             {
               value: zoomMode === "custom" ? null : zoomMode,
@@ -1084,34 +1521,35 @@ function PdfWorkspace({ host, className }) {
               "aria-label": "Fit"
             }
           ) : null,
-          /* @__PURE__ */ jsx3("div", { className: "flex-1" }),
-          !compact ? /* @__PURE__ */ jsxs3(Fragment3, { children: [
-            iconBtn("Rotate left", /* @__PURE__ */ jsx3(RotateCcwIcon, {}), () => turn(-90)),
-            iconBtn("Rotate right", /* @__PURE__ */ jsx3(RotateCwIcon, {}), () => turn(90)),
-            iconBtn("Delete page", /* @__PURE__ */ jsx3(Trash2Icon, {}), del, { disabled: decisions.order.length - decisions.deleted.length <= 1 }),
-            /* @__PURE__ */ jsx3("div", { className: "mx-1 h-5 w-px bg-border" }),
-            iconBtn("Two pages side by side", /* @__PURE__ */ jsx3(Columns2Icon2, {}), () => runAction("two-up"), { pressed: spread === "two-up" })
+          /* @__PURE__ */ jsx4("div", { className: "flex-1" }),
+          !compact ? /* @__PURE__ */ jsxs4(Fragment4, { children: [
+            iconBtn("Rotate left", /* @__PURE__ */ jsx4(RotateCcwIcon, {}), () => turn(-90)),
+            iconBtn("Rotate right", /* @__PURE__ */ jsx4(RotateCwIcon, {}), () => turn(90)),
+            iconBtn("Delete page", /* @__PURE__ */ jsx4(Trash2Icon2, {}), del, { disabled: decisions.order.length - decisions.deleted.length <= 1 }),
+            /* @__PURE__ */ jsx4("div", { className: "mx-1 h-5 w-px bg-border" }),
+            iconBtn("Two pages side by side", /* @__PURE__ */ jsx4(Columns2Icon2, {}), () => runAction("two-up"), { pressed: spread === "two-up" })
           ] }) : null,
-          iconBtn("Reading mode", /* @__PURE__ */ jsx3(ExpandIcon, {}), () => setRead(true))
+          iconBtn("Reading mode", /* @__PURE__ */ jsx4(ExpandIcon, {}), () => setRead(true))
         ] }) : null,
-        /* @__PURE__ */ jsxs3("div", { className: "relative flex min-h-0 flex-1", children: [
-          showChrome && !compact ? /* @__PURE__ */ jsx3("div", { className: "flex w-10 shrink-0 flex-col items-center border-r border-border bg-background py-2", "data-pdf-rail": "", children: /* @__PURE__ */ jsx3(ToolRail, { groups: railGroups, value: pop === "all-tools" ? ALL_TOOLS : activeToolKey, onValueChange: (id) => id === ALL_TOOLS ? setPop((p) => p === "all-tools" ? null : "all-tools") : id && chooseTool(id), "aria-label": "PDF tools" }) }) : null,
-          showChrome && !compact && leftOpen ? /* @__PURE__ */ jsx3("aside", { className: "w-56 shrink-0 border-r border-border bg-background", "aria-label": "Pages", "data-pdf-left": "", children: leftPanel }) : null,
-          /* @__PURE__ */ jsxs3("main", { className: "relative flex min-w-0 flex-1 flex-col", children: [
-            findOpen ? /* @__PURE__ */ jsx3("div", { className: "absolute right-4 top-2 z-20", children: /* @__PURE__ */ jsx3(RenderedFindBar, { rootRef: scrollerRef, onClose: () => setFindOpen(false), label: "Find in document", focusRequest: findFocus, compact: true }) }) : null,
-            /* @__PURE__ */ jsx3("div", { ref: scrollerRef, tabIndex: 0, "data-pdf-scroller": "", className: "min-h-0 flex-1 overflow-auto bg-muted outline-none", children: viewer }),
-            read ? /* @__PURE__ */ jsx3("div", { className: "absolute right-3 top-3 z-20", children: /* @__PURE__ */ jsx3(Button2, { variant: "outline", icon: /* @__PURE__ */ jsx3(XIcon, {}), onClick: () => setRead(false), children: "Exit reading mode" }) }) : null
+        /* @__PURE__ */ jsxs4("div", { className: "relative flex min-h-0 flex-1", children: [
+          showChrome && !compact ? /* @__PURE__ */ jsx4("div", { className: "flex w-10 shrink-0 flex-col items-center border-r border-border bg-background py-2", "data-pdf-rail": "", children: /* @__PURE__ */ jsx4(ToolRail, { groups: railGroups, value: pop === "all-tools" ? ALL_TOOLS : activeToolKey, onValueChange: (id) => id === ALL_TOOLS ? setPop((p) => p === "all-tools" ? null : "all-tools") : id && chooseTool(id), "aria-label": "PDF tools" }) }) : null,
+          showChrome && !compact && leftOpen ? /* @__PURE__ */ jsx4("aside", { className: "w-56 shrink-0 border-r border-border bg-background", "aria-label": "Pages", "data-pdf-left": "", children: leftPanel }) : null,
+          /* @__PURE__ */ jsxs4("main", { className: "relative flex min-w-0 flex-1 flex-col", children: [
+            findOpen ? /* @__PURE__ */ jsx4("div", { className: "absolute right-4 top-2 z-20", children: /* @__PURE__ */ jsx4(RenderedFindBar, { rootRef: scrollerRef, onClose: () => setFindOpen(false), label: "Find in document", focusRequest: findFocus, compact: true }) }) : null,
+            /* @__PURE__ */ jsx4("div", { ref: scrollerRef, tabIndex: 0, "data-pdf-scroller": "", className: "min-h-0 flex-1 overflow-auto bg-muted outline-none", children: viewer }),
+            /* @__PURE__ */ jsx4(MarkupFloatingToolbar, { engine, snapshot: snap, enabled: markupOn && !read, onDone: () => scrollerRef.current?.focus({ preventScroll: true }) }),
+            read ? /* @__PURE__ */ jsx4("div", { className: "absolute right-3 top-3 z-20", children: /* @__PURE__ */ jsx4(Button3, { variant: "outline", icon: /* @__PURE__ */ jsx4(XIcon, {}), onClick: () => setRead(false), children: "Exit reading mode" }) }) : null
           ] }),
-          showChrome && !compact && rightOpen ? /* @__PURE__ */ jsx3("aside", { className: cn("shrink-0 border-l border-border bg-background", hostTool?.wide ? "w-[28rem]" : "w-72"), "aria-label": "Properties", "data-pdf-right": "", children: rightPanel }) : null,
-          pop === "all-tools" ? /* @__PURE__ */ jsx3("ul", { role: "menu", "aria-label": "All tools", className: "absolute left-12 top-2 z-30 w-72 rounded-lg border border-border bg-popover p-1 shadow-lg", "data-pdf-all-tools": "", children: /* @__PURE__ */ jsx3(ToolRows, { tool: activeToolKey, hostTools, onPick: (id) => {
+          showChrome && !compact && rightOpen ? /* @__PURE__ */ jsx4("aside", { className: cn2("shrink-0 border-l border-border bg-background", hostTool?.wide ? "w-[28rem]" : "w-72"), "aria-label": "Properties", "data-pdf-right": "", children: rightPanel }) : null,
+          pop === "all-tools" ? /* @__PURE__ */ jsx4("ul", { role: "menu", "aria-label": "All tools", className: "absolute left-12 top-2 z-30 w-72 rounded-lg border border-border bg-popover p-1 shadow-lg", "data-pdf-all-tools": "", children: /* @__PURE__ */ jsx4(ToolRows, { tool: activeToolKey, hostTools, canMarkup, onPick: (id) => {
             setPop(null);
             chooseTool(id);
           } }) }) : null,
-          pop === "print" && host.print ? /* @__PURE__ */ jsx3("div", { className: cn(popCard, "w-72"), role: "dialog", "aria-label": "Print", children: /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-3", children: [
-            /* @__PURE__ */ jsx3(SegmentedControl3, { fill: true, value: printMode, onValueChange: setPrintMode, data: [{ value: "all", label: "All pages" }, { value: "pages", label: "Pages" }], "aria-label": "What to print" }),
-            printMode === "pages" ? /* @__PURE__ */ jsx3(PageRangeInput2, { value: printRange, onChange: (t) => setPrintRange(t), pageCount }) : null,
-            /* @__PURE__ */ jsx3(
-              Button2,
+          pop === "print" && host.print ? /* @__PURE__ */ jsx4("div", { className: cn2(popCard, "w-72"), role: "dialog", "aria-label": "Print", children: /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-3", children: [
+            /* @__PURE__ */ jsx4(SegmentedControl3, { fill: true, value: printMode, onValueChange: setPrintMode, data: [{ value: "all", label: "All pages" }, { value: "pages", label: "Pages" }], "aria-label": "What to print" }),
+            printMode === "pages" ? /* @__PURE__ */ jsx4(PageRangeInput2, { value: printRange, onChange: (t) => setPrintRange(t), pageCount }) : null,
+            /* @__PURE__ */ jsx4(
+              Button3,
               {
                 variant: "primary",
                 disabled: busy || printMode === "pages" && !parsePageRanges2(printRange, pageCount).valid,
@@ -1124,18 +1562,27 @@ function PdfWorkspace({ host, className }) {
               }
             )
           ] }) }) : null,
-          pop === "shortcuts" ? /* @__PURE__ */ jsx3("div", { className: cn(popCard, "max-h-[70%] w-80 overflow-y-auto"), role: "dialog", "aria-label": "Keyboard shortcuts", "data-pdf-shortcuts": "", children: ["Edit", "View", "Pages", "Tools"].map((section) => /* @__PURE__ */ jsxs3("div", { className: "mb-3 last:mb-0", children: [
-            /* @__PURE__ */ jsx3("div", { className: "mb-1 text-xs font-medium text-muted-foreground", children: section }),
-            PDF_SHORTCUTS.filter((s) => s.section === section).map((s) => /* @__PURE__ */ jsxs3("div", { className: "flex justify-between gap-2 py-0.5 text-xs", children: [
-              /* @__PURE__ */ jsx3("span", { children: s.label }),
-              /* @__PURE__ */ jsx3("kbd", { className: "rounded border border-border px-1 text-muted-foreground", children: formatKeys(s.keys, isMac()) })
-            ] }, s.action))
-          ] }, section)) }) : null,
-          compact && sheet ? /* @__PURE__ */ jsxs3(Fragment3, { children: [
-            /* @__PURE__ */ jsx3("button", { type: "button", "aria-label": "Close", className: "absolute inset-0 z-30 bg-background/60", onClick: () => setSheet(null) }),
-            /* @__PURE__ */ jsx3("div", { className: "absolute inset-x-0 bottom-0 z-40 flex max-h-[75%] flex-col rounded-t-xl border-t border-border bg-background", role: "dialog", "aria-label": sheet === "pages" ? "Pages" : "Tools", children: sheet === "pages" ? /* @__PURE__ */ jsx3("div", { className: "h-[60vh] min-h-0", children: leftPanel }) : /* @__PURE__ */ jsxs3("div", { className: "flex min-h-0 flex-col overflow-y-auto", children: [
-              /* @__PURE__ */ jsx3("ul", { className: "p-2", role: "menu", "aria-label": "Tools", children: /* @__PURE__ */ jsx3(ToolRows, { tool: activeToolKey, hostTools, onPick: chooseTool }) }),
-              /* @__PURE__ */ jsx3("div", { className: "border-t border-border", children: rightPanel })
+          pop === "shortcuts" ? /* @__PURE__ */ jsxs4("div", { className: cn2(popCard, "max-h-[70%] w-80 overflow-y-auto"), role: "dialog", "aria-label": "Keyboard shortcuts", "data-pdf-shortcuts": "", children: [
+            ["Edit", "View", "Pages", "Tools"].map((section) => /* @__PURE__ */ jsxs4("div", { className: "mb-3 last:mb-0", children: [
+              /* @__PURE__ */ jsx4("div", { className: "mb-1 text-xs font-medium text-muted-foreground", children: section }),
+              PDF_SHORTCUTS.filter((s) => s.section === section).map((s) => /* @__PURE__ */ jsxs4("div", { className: "flex justify-between gap-2 py-0.5 text-xs", children: [
+                /* @__PURE__ */ jsx4("span", { children: s.label }),
+                /* @__PURE__ */ jsx4("kbd", { className: "rounded border border-border px-1 text-muted-foreground", children: formatKeys(s.keys, isMac()) })
+              ] }, s.action))
+            ] }, section)),
+            canMarkup ? /* @__PURE__ */ jsxs4("div", { className: "mb-0", children: [
+              /* @__PURE__ */ jsx4("div", { className: "mb-1 text-xs font-medium text-muted-foreground", children: "Markup" }),
+              PDF_MARKUP_SHORTCUTS.filter((s) => s.tool !== "signature" || host.signaturePad).map((s) => /* @__PURE__ */ jsxs4("div", { className: "flex justify-between gap-2 py-0.5 text-xs", children: [
+                /* @__PURE__ */ jsx4("span", { children: s.label }),
+                /* @__PURE__ */ jsx4("kbd", { className: "rounded border border-border px-1 text-muted-foreground", children: s.keys })
+              ] }, s.tool))
+            ] }) : null
+          ] }) : null,
+          compact && sheet ? /* @__PURE__ */ jsxs4(Fragment4, { children: [
+            /* @__PURE__ */ jsx4("button", { type: "button", "aria-label": "Close", className: "absolute inset-0 z-30 bg-background/60", onClick: () => setSheet(null) }),
+            /* @__PURE__ */ jsx4("div", { className: "absolute inset-x-0 bottom-0 z-40 flex max-h-[75%] flex-col rounded-t-xl border-t border-border bg-background", role: "dialog", "aria-label": sheet === "pages" ? "Pages" : "Tools", children: sheet === "pages" ? /* @__PURE__ */ jsx4("div", { className: "h-[60vh] min-h-0", children: leftPanel }) : /* @__PURE__ */ jsxs4("div", { className: "flex min-h-0 flex-col overflow-y-auto", children: [
+              /* @__PURE__ */ jsx4("ul", { className: "p-2", role: "menu", "aria-label": "Tools", children: /* @__PURE__ */ jsx4(ToolRows, { tool: activeToolKey, hostTools, canMarkup, onPick: chooseTool }) }),
+              /* @__PURE__ */ jsx4("div", { className: "border-t border-border", children: rightPanel })
             ] }) })
           ] }) : null
         ] })
@@ -1145,27 +1592,47 @@ function PdfWorkspace({ host, className }) {
 }
 export {
   HISTORY_LIMIT,
+  MARKUP_KIND_LABEL,
+  MARKUP_SIZES,
+  MARKUP_STYLE_FIELDS,
+  MARKUP_SWATCHES,
   PDF_COMING_SOON,
+  PDF_MARKUP_COMING_SOON,
+  PDF_MARKUP_SHORTCUTS,
+  PDF_MARKUP_TOOLS,
   PDF_SHORTCUTS,
   PDF_TOOLS,
   PdfWorkspace,
+  TIMELINE_LIMIT,
   canRedo,
   canUndo,
   comingSoonIdOf,
   compilePageOps,
   deletePages,
+  dropOrigin,
+  emptyTimeline,
   formatKeys,
   freshDecisions,
   isDirty,
   keptOrder,
+  markupComingSoonId,
+  markupRedoneElsewhere,
+  markupUndoneElsewhere,
+  matchMarkupKey,
   matchShortcut,
+  nextRedo,
+  nextUndo,
+  pdfMarkupTool,
   pdfTool,
   pushStep,
+  recordStep,
   redo,
   redoLabel,
   reorderPages,
   restorePages,
   startHistory,
+  stepBack,
+  stepForward,
   turnPages,
   undo,
   undoLabel