@embedpdf/viewer-chrome 3.0.0-next.15 → 3.0.0-next.16

package/dist/index.js

@@ -1,17 +1,20 @@
-import { _ as openModeSurfaceOf, c as defaultCommands, d as toolCommandsFor, f as OPEN_COMMAND_ID, g as modeSpecsOf, h as modeCommandsFor, m as mayCarryPdf, o as SHORTCUTS_DIALOG, p as isPdfFile, r as GO_TO_PAGE_DIALOG, s as TOOL_ICONS, v as sameModeSpecs } from "./commands-BmgxhJ8B.js";
-import { a as DEFAULT_ENV, b as resolveViewerCommands, c as stripOf, d as useLayoutEnv, f as useLayoutOption, h as useResolvedLayout, i as iconPathsOf, m as usePanelResize, n as Icon, o as ResolvedLayoutProvider, r as hasIcon, s as ViewerConfigProvider, t as ICON_PATHS, u as useCustomIcons, v as useStripSchema, y as useViewerCommands } from "./icons-BrK5iVL8.js";
+import { _ as mayCarryPdf, b as openModeSurfaceOf, c as TOOL_ICONS, f as toolCommandsFor, g as isPdfFile, h as OPEN_COMMAND_ID, l as defaultCommands, p as OUTLINE_PROPERTIES_DIALOG, r as GO_TO_PAGE_DIALOG, s as SHORTCUTS_DIALOG, v as modeCommandsFor, x as sameModeSpecs, y as modeSpecsOf } from "./commands-BkgLP3Om.js";
+import { a as DEFAULT_ENV, b as resolveViewerCommands, c as stripOf, d as useLayoutEnv, f as useLayoutOption, h as useResolvedLayout, i as iconPathsOf, m as usePanelResize, n as Icon, o as ResolvedLayoutProvider, r as hasIcon, s as ViewerConfigProvider, t as ICON_PATHS, u as useCustomIcons, v as useStripSchema, y as useViewerCommands } from "./icons-7dB0Y1ct.js";
 import { defaultLayout } from "./chrome.js";
-import { a as MenuAnchor, c as SlottedEdgesProvider, d as TOOLBAR_ITEM_CONTEXT_ATTRIBUTES, f as BarEdgeProvider, g as sameByHand, h as disabledSettingsOf, i as buttonPart, l as createSlottedEdges, m as byHandSettingsOf, n as CommandButton, o as MenuItem, p as bothAllow, r as buttonClass, s as MenuPopover, t as AppToolbar, u as useSlottedEdges } from "./toolbar-z9od3tKl.js";
-import { a as FOCUS_ROOT_ATTRIBUTE, c as holdFocus, d as sameScreenEdges, f as screenEdgesOf, i as useCloseOnPick, l as NO_SCREEN_EDGES, n as SCRIM_CLASS, p as windowSizeOf, r as Sheet, t as CloseOnPickProvider, u as safeAreaPaddingOf } from "./sheet-R6XDgyEf.js";
+import { a as MenuAnchor, c as SlottedEdgesProvider, d as TOOLBAR_ITEM_CONTEXT_ATTRIBUTES, f as BarEdgeProvider, g as sameByHand, h as disabledSettingsOf, i as buttonPart, l as createSlottedEdges, m as byHandSettingsOf, n as CommandButton, o as MenuItem, p as bothAllow, r as buttonClass, s as MenuPopover, t as AppToolbar, u as useSlottedEdges } from "./toolbar-DF361xWY.js";
+import { i as themeTokenCss, n as ThemeProvider, r as themeConfigOf, t as THEME_TOKENS } from "./theme-Be0OZokZ.js";
+import { a as FOCUS_ROOT_ATTRIBUTE, d as safeAreaPaddingOf, f as sameScreenEdges, i as useCloseOnPick, l as holdFocus, m as windowSizeOf, n as SCRIM_CLASS, p as screenEdgesOf, r as Sheet, t as CloseOnPickProvider, u as NO_SCREEN_EDGES } from "./sheet-DyjKfAq0.js";
 import { t as StampLibraryStore } from "./stamp-store-WuF-L3Jj.js";
-import { t as AnnotationFontsProvider } from "./annotation-fonts-BqoLZ4Mp.js";
-import { t as Dialog } from "./dialog-B5GBisKv.js";
-import { Fragment, Suspense, createContext, lazy, useCallback, useEffect, useId, useLayoutEffect, useMemo, useReducer, useRef, useState, useSyncExternalStore } from "react";
-import { DocumentGate, DocumentsToken, DocumentsToken as DocumentsToken$1, PluginError, Viewer, createCapabilityToken, isReadMember, mergeSettings, useDocument, useDocumentId, useDocuments, useDocumentsState, useKernel, useKernelValue, useOptionalCapability, useOptionalSelector } from "@embedpdf/react/runtime";
+import { t as AnnotationFontsProvider } from "./annotation-fonts-DWjVOTP0.js";
+import { t as Dialog } from "./dialog-BIb373cg.js";
+import { Fragment, Suspense, lazy, useCallback, useEffect, useId, useLayoutEffect, useMemo, useReducer, useRef, useState, useSyncExternalStore } from "react";
+import { DocumentGate, DocumentsToken, DocumentsToken as DocumentsToken$1, PluginError, Viewer, createCapabilityToken, isReadMember, mergeSettings, toPageRef, useDocument, useDocumentId, useDocuments, useDocumentsState, useKernel, useKernelValue, useOptionalCapability, useOptionalSelector, usePageList } from "@embedpdf/react/runtime";
 import { Scrollbar, Stage, StageToken, StageToken as StageToken$1, stagePlugin, useStage, useStageState } from "@embedpdf/react/stage";
 import { RenderLayer, RenderToken, RenderToken as RenderToken$1, renderPlugin } from "@embedpdf/react/render";
-import { PageEditToken, PageEditToken as PageEditToken$1, pageEditPlugin } from "@embedpdf/react/page-edit";
+import { PageEditToken, PageEditToken as PageEditToken$1, pageEditPlugin, usePageEdit, usePageEditState } from "@embedpdf/react/page-edit";
 import { MetadataToken, MetadataToken as MetadataToken$1, metadataPlugin } from "@embedpdf/react/metadata";
+import { OutlineToken, OutlineToken as OutlineToken$1, outlinePlugin, useOutlineState } from "@embedpdf/react/outline";
+import { AttachmentToken, AttachmentToken as AttachmentToken$1, attachmentPlugin, useAttachmentState } from "@embedpdf/react/attachment";
 import { InteractionToken, InteractionToken as InteractionToken$1, feedbackPlugin, interactionPlugin, useInteractionState, useToolCursor, vibrationFeedback } from "@embedpdf/react/interaction";
 import { SelectionClipboard, SelectionHandles, SelectionLayer, SelectionMenu, SelectionToken, SelectionToken as SelectionToken$1, selectionPlugin } from "@embedpdf/react/selection";
 import { AnnotationLayer, AnnotationMenu, AnnotationRotationBadge, AnnotationToken, AnnotationToken as AnnotationToken$1, annotationPlugin, useAnnotation, useAnnotationDefaults, useAnnotationState, useFilePickerProvider } from "@embedpdf/react/annotation";
@@ -149,6 +152,7 @@ const en = {
 				note: "Comment",
 				link: "Link",
 				gotoLink: "Go to link",
+				saveFile: "Save file",
 				removeLink: "Remove link",
 				delete: "Delete",
 				group: "Group",
@@ -205,12 +209,44 @@ const en = {
 				"annotations-create": "Adding annotations isn't allowed",
 				"doc-annotate-modify": "Changing annotations isn't allowed",
 				"doc-annotate-read": "Viewing annotations isn't allowed",
+				"doc-attachments-modify": "Adding files isn’t allowed",
 				"doc-download": "Downloading isn't allowed",
 				"doc-forms-modify": "Editing form fields isn't allowed",
+				"doc-outline-modify": "Changing the outline isn’t allowed",
+				"doc-pages-assemble": "Changing pages isn’t allowed",
 				"doc-print": "Printing isn't allowed",
 				"doc-text-copy": "Copying isn't allowed",
 				"doc-text-search": "Searching isn't allowed"
 			},
+			attachment: {
+				add: "Add file",
+				save: "Save",
+				goTo: "Go to page",
+				delete: "Delete",
+				more: "More options"
+			},
+			outline: {
+				add: "Add item",
+				addChild: "Add child item",
+				rename: "Rename",
+				setDestination: "Set destination to current view",
+				properties: "Properties…",
+				delete: "Delete",
+				expandAll: "Expand all",
+				collapseAll: "Collapse all",
+				more: "More options"
+			},
+			pages: {
+				rotateClockwise: "Rotate Page Clockwise",
+				rotateCounterclockwise: "Rotate Page Counter-Clockwise",
+				delete: "Delete Pages",
+				duplicate: "Duplicate Pages",
+				insertBlank: "Insert Blank Page",
+				insertFile: "Insert from File…",
+				extract: "Extract Pages",
+				selectAll: "Select All Pages",
+				more: "Page Options"
+			},
 			turnedOff: "{label} isn't available"
 		},
 		passwordPrompt: {
@@ -263,6 +299,25 @@ const en = {
 			other: "Other"
 		},
 		goToPage: { go: "Go" },
+		print: {
+			title: "Print",
+			pages: "Pages",
+			allPages: "All pages",
+			currentPage: "Current page",
+			range: "Custom",
+			rangeLabel: "Pages to print",
+			rangePlaceholder: "e.g. 1-3, 5",
+			rangeInvalid: "Use page numbers from 1 to {total}, such as 1-3, 5",
+			annotations: "Print annotations",
+			preparing: "Preparing…",
+			preparingPage: "Preparing page {page} of {total}…",
+			ready: "Ready to print.",
+			images: "Pages print as images at {dpi} DPI.",
+			lowResolution: "This document allows only low-resolution printing ({dpi} DPI).",
+			failed: "The printout couldn’t be prepared.",
+			cancel: "Cancel",
+			print: "Print"
+		},
 		panels: {
 			thumbnails: "Thumbnails",
 			outline: "Outline",
@@ -458,6 +513,46 @@ const en = {
 			noRotate: "Stays upright when the page rotates",
 			invisible: "Legacy: hide unknown subtypes"
 		},
+		attachments: {
+			loading: "Loading attachments…",
+			failed: "The attachments couldn’t be read.",
+			empty: "This document has no attached files",
+			drop: "Drop files to attach them",
+			dropHint: "Or drop files here",
+			adding: "Adding…",
+			onPage: "Page {page}",
+			count: "{count} file",
+			countPlural: "{count} files"
+		},
+		outline: {
+			filter: "Filter outline",
+			loading: "Loading outline…",
+			failed: "The outline couldn’t be read.",
+			empty: "This document has no outline",
+			noMatches: "No items match",
+			incomplete: "Part of the outline couldn’t be read.",
+			untitled: "Untitled",
+			properties: {
+				title: "Item properties",
+				name: "Title",
+				color: "Color",
+				noColor: "None",
+				customColor: "Custom color",
+				bold: "Bold",
+				italic: "Italic",
+				open: "Expanded when the document opens",
+				target: "Destination",
+				targetNone: "None",
+				targetView: "Current view",
+				targetNamed: "Page action",
+				targetKept: "Kept as it is",
+				keptNote: "This item runs a script or opens another file. It can’t be changed here.",
+				fit: "Fit",
+				fitKept: "As it is",
+				save: "Save",
+				cancel: "Cancel"
+			}
+		},
 		linkEditor: {
 			toUrl: "Link to a URL",
 			url: "URL",
@@ -620,18 +715,18 @@ const en = {
 */
 /** The viewer's languages besides English, by code. */
 const LOCALE_LOADERS = {
-	de: () => import("./de-Bdr4aWzm.js").then((module) => module.de),
-	fr: () => import("./fr-Ckn3K9v1.js").then((module) => module.fr),
-	es: () => import("./es-BSXz5tBv.js").then((module) => module.es),
-	it: () => import("./it-Us-VmvIu.js").then((module) => module.it),
-	nl: () => import("./nl-0aF7M_0h.js").then((module) => module.nl),
-	pt: () => import("./pt-DIhpU5pT.js").then((module) => module.pt),
-	pl: () => import("./pl-BW--AaCI.js").then((module) => module.pl),
-	ja: () => import("./ja-Cizj0-5O.js").then((module) => module.ja),
-	"zh-CN": () => import("./zh-cn-CxkUUBct.js").then((module) => module.zhCN),
-	ko: () => import("./ko-DlrXliE1.js").then((module) => module.ko),
-	ar: () => import("./ar-D9XKAmDx.js").then((module) => module.ar),
-	he: () => import("./he-wdGU5PkU.js").then((module) => module.he)
+	de: () => import("./de-BUhwc9-x.js").then((module) => module.de),
+	fr: () => import("./fr-B-8NDhBA.js").then((module) => module.fr),
+	es: () => import("./es-DoXTqFoO.js").then((module) => module.es),
+	it: () => import("./it-BkirG7ol.js").then((module) => module.it),
+	nl: () => import("./nl-Dya4sR8_.js").then((module) => module.nl),
+	pt: () => import("./pt-Nm8yyjbX.js").then((module) => module.pt),
+	pl: () => import("./pl-DA9b5NVg.js").then((module) => module.pl),
+	ja: () => import("./ja-CGEjCE-s.js").then((module) => module.ja),
+	"zh-CN": () => import("./zh-cn-BMPPkLpL.js").then((module) => module.zhCN),
+	ko: () => import("./ko-CTkl5vMh.js").then((module) => module.ko),
+	ar: () => import("./ar-BLWFJoA_.js").then((module) => module.ar),
+	he: () => import("./he-Dlh0fNXM.js").then((module) => module.he)
 };
 /**
 * The language a `locale` value shows, among `codes`: the browser's languages for `'auto'`,
@@ -769,6 +864,8 @@ const VIEWER_PLUGINS = {
 	signature: SignatureToken$1,
 	pageEdit: PageEditToken$1,
 	metadata: MetadataToken$1,
+	outline: OutlineToken$1,
+	attachment: AttachmentToken$1,
 	actions: ActionsToken$1,
 	documents: DocumentsToken$1,
 	interaction: InteractionToken$1,
@@ -958,6 +1055,8 @@ const WITHOUT_SETTINGS = /* @__PURE__ */ new Set([
 	"link",
 	"pageEdit",
 	"metadata",
+	"outline",
+	"attachment",
 	"documents",
 	"shell"
 ]);
@@ -1014,92 +1113,6 @@ function settingsOver(viewerSettings, settings) {
 	return mergeSettings(viewerSettings, settings);
 }
 //#endregion
-//#region src/ui/theme.tsx
-/**
-* Light/dark theme — one class, and the CSS variables in styles.css do the
-* rest (both toolbars, sidebars, popovers, and the canvas re-theme from it).
-* The mode follows the embedder's `theme` preference while the viewer runs;
-* `'system'` follows the OS setting, and switches when the user changes it.
-* The class lands on <html> by default; a delivery that must not touch the
-* page (the <embedpdf-viewer> shadow root) passes `target` and the class stays
-* inside its own subtree. The theme's tokens are CSS variables too: a delivery
-* applies {@link themeTokenCss} on the viewer's root.
-*/
-/**
-* The viewer's look, by name: each is the CSS variable `--epdf-<name>`, which the chrome's
-* stylesheet declares with a default for each mode and mixes every other shade from.
-*/
-const THEME_TOKENS = [
-	"accent",
-	"background",
-	"surface",
-	"surface-raised",
-	"text",
-	"text-muted",
-	"border",
-	"hover",
-	"canvas",
-	"radius",
-	"font"
-];
-/** Normalize the shorthand — deliveries use this to read one shape. */
-const themeConfigOf = (theme) => typeof theme === "string" ? { preference: theme } : theme ?? {};
-const isThemeToken = (name) => THEME_TOKENS.includes(name);
-/** The declarations of `tokens` that are tokens with a CSS value; each other entry warns. */
-function tokenDeclarations(tokens) {
-	return Object.entries(tokens).filter(([name, value]) => {
-		if (value === void 0) return false;
-		if (!isThemeToken(name)) {
-			console.warn(`[embedpdf] theme: "${name}" isn't a token, ignored`);
-			return false;
-		}
-		if (typeof value !== "string" || /[{};]/.test(value)) {
-			console.warn(`[embedpdf] theme: ignoring the invalid value of "${name}"`);
-			return false;
-		}
-		return true;
-	}).map(([name, value]) => `--epdf-${name}:var(--embedpdf-host-${name},${value});`).join("");
-}
-/**
-* The CSS that applies a theme's tokens on the viewer's root (`root`, a selector), for a sheet
-* after the chrome's: its tokens win over the defaults in both modes by coming later, and its
-* dark ones win in dark by naming the class too. A value is a default only: the page's own
-* `--epdf-*` variable still wins, read on the host as the chrome's stylesheet does. Empty when
-* the theme sets no token.
-*/
-function themeTokenCss(theme, root) {
-	const { accent, tokens, dark } = themeConfigOf(theme);
-	const both = tokenDeclarations({
-		...accent === void 0 ? null : { accent },
-		...tokens
-	});
-	const darkOnly = dark ? tokenDeclarations(dark) : "";
-	return (both ? `${root}{${both}}` : "") + (darkOnly ? `${root}.dark{${darkOnly}}` : "");
-}
-const ThemeCtx = createContext(null);
-const DARK_QUERY = "(prefers-color-scheme: dark)";
-const systemMode = () => typeof window !== "undefined" && window.matchMedia?.(DARK_QUERY).matches ? "dark" : "light";
-function ThemeProvider({ children, preference = "system", target }) {
-	const [system, setSystem] = useState(systemMode);
-	useEffect(() => {
-		if (preference !== "system" || typeof window === "undefined" || !window.matchMedia) return;
-		const query = window.matchMedia(DARK_QUERY);
-		const follow = () => setSystem(query.matches ? "dark" : "light");
-		follow();
-		query.addEventListener("change", follow);
-		return () => query.removeEventListener("change", follow);
-	}, [preference]);
-	const mode = preference === "system" ? system : preference;
-	useLayoutEffect(() => {
-		(target ?? document.documentElement).classList.toggle("dark", mode === "dark");
-	}, [mode, target]);
-	const value = useMemo(() => ({ mode }), [mode]);
-	return /* @__PURE__ */ jsx(ThemeCtx.Provider, {
-		value,
-		children
-	});
-}
-//#endregion
 //#region src/config/panels.ts
 /**
 * The panels a layout brings, as commands. Every panel gets `panel:<id>`, which
@@ -1119,6 +1132,12 @@ const panelSideOf = (panel) => panel.side === "start" ? "start" : "end";
 function panelsOnSide(data, side) {
 	return Object.entries(data.panels ?? {}).filter(([, panel]) => isPanel(panel) && panelSideOf(panel) === side).map(([id]) => id);
 }
+/**
+* Whether a list panel has a job: its list holds entries, or the session may add some (the
+* right, and `adding`, the feature that turns adding off, on). A document without an outline
+* shows no outline button to a session that can't add items; the same for attachments.
+*/
+const hasJob = (commandContext, entries, mayAdd, adding) => entries > 0 || mayAdd && !(commandContext.tryGet(CommandsToken$1)?.isCategoryDisabled(adding) ?? false);
 /** The search panel's id in the layout. */
 const SEARCH_PANEL = "search";
 /** Searching, which the search panel and Find need: without it every query is refused. */
@@ -1145,11 +1164,17 @@ const BUILT_IN_PANELS = /* @__PURE__ */ new Map([
 	["thumbnails", { categories: ["thumbnails"] }],
 	["outline", {
 		categories: ["outline"],
-		visible: () => false
+		visible: (commandContext) => {
+			const outline = commandContext.tryGet(OutlineToken$1);
+			return outline != null && hasJob(commandContext, outline.list().length, outline.canEdit(), "outline.editing");
+		}
 	}],
 	["attachments", {
 		categories: ["attachments"],
-		visible: () => false
+		visible: (commandContext) => {
+			const attachment = commandContext.tryGet(AttachmentToken$1);
+			return attachment != null && hasJob(commandContext, attachment.list().length, attachment.canAdd(), "attachments.adding");
+		}
 	}],
 	[SEARCH_PANEL, {
 		...SEARCHES,
@@ -1816,7 +1841,7 @@ function StripBar({ view, label }) {
 * groups vanish, null when nothing applies. Mounted in the Stage `overlay`
 * slot. The pixels are the shared <StripBar>.
 */
-const LinkEditorCard = lazyComponent(() => import("./link-editor-SxM1nnJU.js").then((ui) => ui.LinkEditorCard));
+const LinkEditorCard = lazyComponent(() => import("./link-editor-CkwtqRvb.js").then((ui) => ui.LinkEditorCard));
 function AnnotationStrip() {
 	const t = useT();
 	const view = useStripView(useStripSchema("annotation"));
@@ -2516,6 +2541,551 @@ function PanelRow({ panel, current, onPicked }) {
 	});
 }
 //#endregion
+//#region src/ui/thumbnail-drop.ts
+/** How thick the drop line is drawn, in px. */
+const LINE = 2;
+/** How many thumbnails share the first row on screen: 1 for a single column. */
+function columnsOf(boxes) {
+	const first = boxes[0];
+	if (!first) return 1;
+	return Math.max(1, boxes.filter((box) => Math.abs(box.y - first.y) < 1).length);
+}
+/** How far a point is from a box: 0 inside it. */
+function distance(box, x, y) {
+	const dx = Math.max(box.x - x, 0, x - (box.x + box.width));
+	const dy = Math.max(box.y - y, 0, y - (box.y + box.height));
+	return Math.hypot(dx, dy);
+}
+/**
+* The order of the document's pages once `moving` go to `position`, together in the order they
+* have now: what a reorder answers.
+*/
+function orderAfter(order, moving, position) {
+	const staying = order.filter((page) => !moving.has(page));
+	const anchor = "before" in position ? position.before : position.after;
+	const at = staying.indexOf(anchor) + ("after" in position ? 1 : 0);
+	const moved = order.filter((page) => moving.has(page));
+	return [
+		...staying.slice(0, at),
+		...moved,
+		...staying.slice(at)
+	];
+}
+/**
+* Where pages dropped at `point` land, or `null` when nothing would change: over a page that
+* moves, or in the place the pages already are. `order` is every page of the document in display
+* order; `moving` the pages dragged, empty for files dropped from outside.
+*/
+function thumbDropAt(boxes, point, spacing, order, moving) {
+	let nearest = null;
+	for (const box of boxes) if (!nearest || distance(box, point.x, point.y) < distance(nearest, point.x, point.y)) nearest = box;
+	if (!nearest || moving.has(nearest.page)) return null;
+	const across = columnsOf(boxes) > 1;
+	const before = across ? point.x < nearest.x + nearest.width / 2 : point.y < nearest.y + nearest.height / 2;
+	const position = before ? { before: nearest.page } : { after: nearest.page };
+	if (moving.size > 0) {
+		if (orderAfter(order, moving, position).every((page, i) => page === order[i])) return null;
+	}
+	const half = spacing.gap / 2;
+	return {
+		position,
+		line: across ? {
+			x: (before ? nearest.x - half : nearest.x + nearest.width + half) - LINE / 2,
+			y: nearest.y,
+			width: LINE,
+			height: nearest.height
+		} : {
+			x: nearest.x,
+			y: (before ? nearest.y - half : nearest.y + nearest.height + spacing.band + half) - LINE / 2,
+			width: nearest.width,
+			height: LINE
+		}
+	};
+}
+/**
+* The page a move of one slot puts the selection next to, keys up or down: past the nearest page
+* that isn't selected, on that side. `null` at the start or the end.
+*/
+function slotMove(order, selected, direction) {
+	const indexes = order.flatMap((page, i) => selected.has(page) ? [i] : []);
+	if (indexes.length === 0) return null;
+	if (direction < 0) {
+		for (let i = indexes[0] - 1; i >= 0; i -= 1) if (!selected.has(order[i])) return { before: order[i] };
+		return null;
+	}
+	for (let i = indexes[indexes.length - 1] + 1; i < order.length; i += 1) if (!selected.has(order[i])) return { after: order[i] };
+	return null;
+}
+//#endregion
+//#region src/ui/thumbnail-list.tsx
+/**
+* The thumbnails panel: the same document through the thumbnail Stage lens (a fixed-zoom grid
+* that wraps into as many columns as the panel's width fits; see the viewer's `thumbnails`
+* plugin). A click goes to the page, and the panel follows the main view.
+*
+* A session that may change the pages (`page:insert-blank` shows and is enabled, the outline
+* panel's rule) organizes them here too:
+* - a click selects the page, Ctrl/Cmd+click adds or removes one, Shift+click selects a range;
+* - each page has a menu: its button, a right-click, or a long press;
+* - dragging moves the selection if the page is in it, else that page, with a line where they
+*   land; a pen or a finger holds the page first, so a swipe still scrolls;
+* - PDFs dropped between pages are inserted there, not opened as a tab;
+* - the header has insert, rotate, delete, the selection's menu, and undo and redo;
+* - the list is one tab stop: arrows go through the pages, Shift extends, Space adds or removes,
+*   Alt+arrows move the selection one place, Delete deletes and Ctrl/Cmd+A selects every page.
+*/
+/** How far the pointer moves before a press on a page becomes a drag, in px (the outline's). */
+const DRAG_SLOP_PX = 4;
+/** How long a pen or a finger holds a page before it drags it, or opens its menu, in ms. */
+const HOLD_MS = 450;
+/** Within this many px of the list's top or bottom, a drag scrolls the list. */
+const EDGE_PX = 28;
+/** The lens's spacing when its settings don't say it in px. */
+const DEFAULT_GAP_PX = 16;
+/** The header's commands: insert and rotate, delete, the menu of the rest, then the history. */
+const HEADER_EDITS = [
+	"page:insert-blank",
+	"page:rotate-counterclockwise",
+	"page:rotate-clockwise",
+	"page:delete",
+	"menu:page"
+];
+const HEADER_HISTORY = ["history:undo", "history:redo"];
+/** The thumbnails on screen, as boxes in the lens's viewport. */
+function boxesOf(thumbs) {
+	return thumbs.listVisiblePages().map((page) => ({
+		page: page.ref.objectNumber,
+		x: page.screenX,
+		y: page.screenY,
+		width: page.transform.viewWidth,
+		height: page.transform.viewHeight
+	}));
+}
+const positionOf = (position) => "before" in position ? { before: toPageRef(position.before) } : { after: toPageRef(position.after) };
+function ThumbnailList() {
+	const t = useT();
+	const idPrefix = useId();
+	const main = useStage();
+	const thumbs = useStage(ThumbsStageToken);
+	const currentPage = useStageState((state) => state.currentPageIndex);
+	const pages = usePageList();
+	const pageEdit = usePageEdit();
+	const selected = usePageEditState((state) => state.selected);
+	const commands = useCommands();
+	const insertFile = useCommand("page:insert-file");
+	const insertBlank = useCommand("page:insert-blank");
+	const editable = insertBlank.visible && insertBlank.enabled;
+	const closeOnPick = useCloseOnPick();
+	const host = useRef(null);
+	const [focusedPage, setFocusedPage] = useState(null);
+	const [anchorPage, setAnchorPage] = useState(null);
+	const [listFocused, setListFocused] = useState(false);
+	const [drag, setDrag] = useState(null);
+	const dragRef = useRef(null);
+	dragRef.current = drag;
+	const [fileDrop, setFileDrop] = useState(null);
+	const holdTimer = useRef(null);
+	const suppressClick = useRef(false);
+	const order = pages.map((page) => page.ref.objectNumber);
+	const indexOf = (page) => page === null ? -1 : order.indexOf(page);
+	const selectedPages = new Set(selected.map((ref) => ref.objectNumber));
+	const focusedIndex = indexOf(focusedPage) >= 0 ? indexOf(focusedPage) : currentPage;
+	useEffect(() => thumbs.reveal(currentPage), [currentPage, thumbs]);
+	const laidOut = useStageState((state) => state.pageCount, ThumbsStageToken);
+	const lastSelected = selected[selected.length - 1]?.objectNumber ?? null;
+	const lastSelectedIndex = lastSelected === null ? -1 : order.indexOf(lastSelected);
+	useEffect(() => {
+		if (lastSelectedIndex >= 0 && lastSelectedIndex < laidOut) thumbs.reveal(lastSelectedIndex);
+	}, [
+		lastSelectedIndex,
+		laidOut,
+		thumbs
+	]);
+	const spacing = () => {
+		const { gap, pageFrame } = thumbs.getSettings();
+		return {
+			gap: typeof gap === "object" && gap !== null && "px" in gap ? gap.px : DEFAULT_GAP_PX,
+			band: pageFrame.bottom
+		};
+	};
+	/** A pointer's place in the lens's viewport. */
+	const pointOf = (clientX, clientY) => {
+		const box = host.current?.getBoundingClientRect();
+		return box ? {
+			x: clientX - box.left,
+			y: clientY - box.top
+		} : null;
+	};
+	const dropAt = (clientX, clientY, moving) => {
+		const point = pointOf(clientX, clientY);
+		return point ? thumbDropAt(boxesOf(thumbs), point, spacing(), order, moving) : null;
+	};
+	const go = (index) => {
+		main.goToPage(index);
+		closeOnPick();
+	};
+	const select = (refs) => pageEdit.select(refs);
+	const onPageClick = (ref, index, event) => {
+		if (suppressClick.current) {
+			suppressClick.current = false;
+			return;
+		}
+		const page = ref.objectNumber;
+		setFocusedPage(page);
+		if (editable && (event.metaKey || event.ctrlKey)) {
+			select(selectedPages.has(page) ? selected.filter((each) => each.objectNumber !== page) : [...selected, ref]);
+			setAnchorPage(page);
+			return;
+		}
+		if (editable && event.shiftKey && indexOf(anchorPage) >= 0) {
+			const from = indexOf(anchorPage);
+			const [low, high] = from < index ? [from, index] : [index, from];
+			select(pages.slice(low, high + 1).map((each) => each.ref));
+			return;
+		}
+		setAnchorPage(page);
+		if (editable) select([ref]);
+		go(index);
+	};
+	/** A page's menu is about to open: an unselected page becomes the selection. */
+	const onMenu = (ref) => {
+		setFocusedPage(ref.objectNumber);
+		if (!selectedPages.has(ref.objectNumber)) select([ref]);
+	};
+	const openMenuOf = (page) => host.current?.querySelector(`[data-epdf-page-menu="${page}"] button`)?.click();
+	const stopHold = () => {
+		if (holdTimer.current !== null) clearTimeout(holdTimer.current);
+		holdTimer.current = null;
+	};
+	const onPagePointerDown = (ref, event) => {
+		if (!editable || event.button !== 0) return;
+		if (event.target.closest("[data-epdf-page-menu]")) return;
+		const page = ref.objectNumber;
+		const moving = selectedPages.has(page) ? selectedPages : /* @__PURE__ */ new Set([page]);
+		setDrag({
+			pointerId: event.pointerId,
+			startX: event.clientX,
+			startY: event.clientY,
+			page,
+			moving,
+			held: false,
+			active: false,
+			drop: null
+		});
+		if (event.pointerType !== "mouse") holdTimer.current = setTimeout(() => {
+			const current = dragRef.current;
+			if (current && !current.active) setDrag({
+				...current,
+				held: true
+			});
+		}, HOLD_MS);
+	};
+	const dragging = drag?.active === true;
+	const pressed = drag !== null;
+	useEffect(() => {
+		if (!pressed) return void 0;
+		const move = (event) => {
+			const current = dragRef.current;
+			if (!current || event.pointerId !== current.pointerId) return;
+			if (!current.active) {
+				if (Math.hypot(event.clientX - current.startX, event.clientY - current.startY) <= DRAG_SLOP_PX) return;
+				if (event.pointerType !== "mouse" && !current.held) {
+					stopHold();
+					setDrag(null);
+					return;
+				}
+			}
+			const box = host.current?.getBoundingClientRect();
+			if (box && event.clientY < box.top + EDGE_PX) thumbs.scrollBy({ top: -8 });
+			else if (box && event.clientY > box.bottom - EDGE_PX) thumbs.scrollBy({ top: 8 });
+			setDrag({
+				...current,
+				active: true,
+				drop: dropAt(event.clientX, event.clientY, current.moving)
+			});
+		};
+		const end = (event, commit) => {
+			stopHold();
+			const current = dragRef.current;
+			if (!current || event.pointerId !== current.pointerId) return;
+			setDrag(null);
+			if (!current.active) {
+				if (current.held && commit) {
+					suppressClick.current = true;
+					onMenu(toPageRef(current.page));
+					openMenuOf(current.page);
+				}
+				return;
+			}
+			suppressClick.current = true;
+			setTimeout(() => {
+				suppressClick.current = false;
+			}, 0);
+			if (!commit || !current.drop) return;
+			const moving = pages.filter((page) => current.moving.has(page.ref.objectNumber));
+			pageEdit.reorder(moving.map((page) => page.ref), positionOf(current.drop.position)).catch(() => {});
+		};
+		const up = (event) => end(event, true);
+		const cancel = (event) => end(event, false);
+		window.addEventListener("pointermove", move);
+		window.addEventListener("pointerup", up);
+		window.addEventListener("pointercancel", cancel);
+		return () => {
+			window.removeEventListener("pointermove", move);
+			window.removeEventListener("pointerup", up);
+			window.removeEventListener("pointercancel", cancel);
+		};
+	});
+	useEffect(() => {
+		if (!dragging) return void 0;
+		const prevent = (event) => event.preventDefault();
+		document.addEventListener("touchmove", prevent, { passive: false });
+		return () => document.removeEventListener("touchmove", prevent);
+	}, [dragging]);
+	useEffect(() => stopHold, []);
+	const takesFiles = (event) => editable && insertFile.visible && insertFile.enabled && mayCarryPdf(event.dataTransfer);
+	const onDragOver = (event) => {
+		if (!takesFiles(event)) return;
+		event.preventDefault();
+		event.stopPropagation();
+		event.dataTransfer.dropEffect = "copy";
+		setFileDrop(dropAt(event.clientX, event.clientY, /* @__PURE__ */ new Set()));
+	};
+	const onDragLeave = (event) => {
+		if (!takesFiles(event)) return;
+		event.stopPropagation();
+		const next = event.relatedTarget;
+		if (!next || !host.current?.contains(next)) setFileDrop(null);
+	};
+	const onDrop = (event) => {
+		if (!takesFiles(event)) return;
+		event.preventDefault();
+		event.stopPropagation();
+		const drop = dropAt(event.clientX, event.clientY, /* @__PURE__ */ new Set());
+		setFileDrop(null);
+		const files = Array.from(event.dataTransfer.files).filter(isPdfFile);
+		if (files.length === 0) return;
+		const args = {
+			files,
+			...drop ? { position: positionOf(drop.position) } : {}
+		};
+		commands.execute("page:insert-file", { args }).catch(() => {});
+	};
+	const focusIndex = (index, extend) => {
+		const page = pages[index];
+		if (!page) return;
+		setFocusedPage(page.ref.objectNumber);
+		thumbs.reveal(index);
+		if (!editable) {
+			main.goToPage(index);
+			return;
+		}
+		if (extend && indexOf(anchorPage) >= 0) {
+			const from = indexOf(anchorPage);
+			const [low, high] = from < index ? [from, index] : [index, from];
+			select(pages.slice(low, high + 1).map((each) => each.ref));
+			return;
+		}
+		setAnchorPage(page.ref.objectNumber);
+		select([page.ref]);
+		main.goToPage(index);
+	};
+	const onKeyDown = (event) => {
+		if (event.target !== event.currentTarget || pages.length === 0) return;
+		setListFocused(true);
+		const columns = columnsOf(boxesOf(thumbs));
+		const step = {
+			ArrowLeft: -1,
+			ArrowRight: 1,
+			ArrowUp: -columns,
+			ArrowDown: columns
+		}[event.key];
+		const mod = event.metaKey || event.ctrlKey;
+		if (step !== void 0 && event.altKey && editable) {
+			event.preventDefault();
+			const position = slotMove(order, selectedPages, step < 0 ? -1 : 1);
+			const moving = pages.filter((page) => selectedPages.has(page.ref.objectNumber));
+			if (position && moving.length > 0) pageEdit.reorder(moving.map((page) => page.ref), positionOf(position)).catch(() => {});
+			return;
+		}
+		if (step !== void 0) {
+			event.preventDefault();
+			focusIndex(Math.max(0, Math.min(pages.length - 1, focusedIndex + step)), event.shiftKey);
+			return;
+		}
+		switch (event.key) {
+			case "Home":
+			case "End":
+				event.preventDefault();
+				focusIndex(event.key === "Home" ? 0 : pages.length - 1, event.shiftKey);
+				return;
+			case "Enter":
+				event.preventDefault();
+				go(focusedIndex);
+				return;
+			case " ": {
+				if (!editable) return;
+				event.preventDefault();
+				const page = pages[focusedIndex];
+				if (!page) return;
+				const number = page.ref.objectNumber;
+				setAnchorPage(number);
+				select(selectedPages.has(number) ? selected.filter((each) => each.objectNumber !== number) : [...selected, page.ref]);
+				return;
+			}
+			case "Delete":
+			case "Backspace":
+				if (!editable) return;
+				event.preventDefault();
+				commands.execute("page:delete").catch(() => {});
+				return;
+			case "a":
+			case "A":
+				if (!mod || !editable) return;
+				event.preventDefault();
+				commands.execute("page:select-all").catch(() => {});
+				return;
+		}
+	};
+	const focusedRef = pages[focusedIndex]?.ref ?? null;
+	const shownDrop = dragging ? drag.drop : fileDrop;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex min-h-0 flex-1 flex-col",
+		children: [editable && /* @__PURE__ */ jsx(PageHeader, {}), /* @__PURE__ */ jsx("div", {
+			ref: host,
+			role: "listbox",
+			"aria-label": t("panels.thumbnails"),
+			"aria-multiselectable": editable || void 0,
+			tabIndex: 0,
+			"aria-activedescendant": listFocused && focusedRef ? `${idPrefix}-${focusedRef.objectNumber}` : void 0,
+			onKeyDown,
+			onFocus: (event) => event.target === event.currentTarget && setListFocused(event.currentTarget.matches(":focus-visible")),
+			onBlur: (event) => event.target === event.currentTarget && setListFocused(false),
+			onDragEnter: onDragOver,
+			onDragOver,
+			onDragLeave,
+			onDrop,
+			className: "focus-visible:ring-accent relative flex min-h-0 flex-1 flex-col outline-none focus-visible:ring-2 focus-visible:ring-inset",
+			children: /* @__PURE__ */ jsx(Stage, {
+				token: ThumbsStageToken,
+				className: "flex-1",
+				style: { position: "relative" },
+				overlay: shownDrop ? /* @__PURE__ */ jsx("div", {
+					"aria-hidden": true,
+					className: "bg-accent pointer-events-none absolute rounded-full",
+					style: {
+						left: shownDrop.line.x,
+						top: shownDrop.line.y,
+						width: shownDrop.line.width,
+						height: shownDrop.line.height
+					}
+				}) : null,
+				pageChrome: (page) => {
+					const number = page.ref.objectNumber;
+					const isSelected = editable && selectedPages.has(number);
+					const isCurrent = page.pageIndex === currentPage;
+					const isFocused = listFocused && focusedRef?.objectNumber === number;
+					const isMoving = dragging && drag.moving.has(number);
+					const label = t("thumbnails.page", { params: { page: page.pageIndex + 1 } });
+					return /* @__PURE__ */ jsxs("div", {
+						className: "group",
+						style: {
+							position: "absolute",
+							inset: 0
+						},
+						children: [
+							/* @__PURE__ */ jsx("button", {
+								type: "button",
+								id: `${idPrefix}-${number}`,
+								role: "option",
+								"aria-selected": editable ? isSelected : isCurrent,
+								"aria-current": isCurrent ? "page" : void 0,
+								"aria-label": label,
+								tabIndex: -1,
+								title: label,
+								onClick: (event) => onPageClick(page.ref, page.pageIndex, event),
+								onPointerDown: (event) => onPagePointerDown(page.ref, event),
+								onContextMenu: (event) => {
+									if (!editable) return;
+									event.preventDefault();
+									onMenu(page.ref);
+									openMenuOf(number);
+								},
+								className: `box-border cursor-pointer touch-manipulation rounded ${isSelected || isCurrent ? "border-accent border-2" : "border-border-subtle border"} ${isCurrent ? "ring-accent-light ring-2" : ""} ${isSelected ? "bg-accent/10" : ""} ${isFocused ? "outline-accent outline outline-2 outline-offset-2" : ""} ${isMoving ? "bg-surface/60" : ""}`,
+								style: {
+									position: "absolute",
+									top: page.frame.top,
+									left: page.frame.left,
+									right: page.frame.right,
+									bottom: page.frame.bottom
+								}
+							}),
+							editable && /* @__PURE__ */ jsx("span", {
+								"data-epdf-page-menu": number,
+								onClick: (event) => event.stopPropagation(),
+								onPointerDownCapture: () => onMenu(page.ref),
+								className: `bg-elevated absolute rounded shadow-sm ${isSelected || isFocused ? "" : "opacity-0 focus-within:opacity-100 group-hover:opacity-100"}`,
+								style: {
+									top: page.frame.top + 4,
+									right: page.frame.right + 4
+								},
+								children: /* @__PURE__ */ jsx(PageMenuButton, {})
+							}),
+							/* @__PURE__ */ jsx("div", {
+								style: {
+									position: "absolute",
+									bottom: 0,
+									left: 0,
+									right: 0,
+									height: page.frame.bottom,
+									display: "flex",
+									alignItems: "center",
+									justifyContent: "center",
+									fontSize: 11,
+									color: "var(--epdf-text-muted)",
+									pointerEvents: "none"
+								},
+								children: page.pageIndex + 1
+							})
+						]
+					});
+				},
+				children: () => /* @__PURE__ */ jsx(RenderLayer, {})
+			})
+		})]
+	});
+}
+/** A page's menu button: the page commands for the selected pages. */
+function PageMenuButton() {
+	const more = useCommand("menu:page");
+	if (!more.visible) return null;
+	return /* @__PURE__ */ jsx(CommandButton, {
+		cmd: more,
+		variant: "icon",
+		run: () => void more.run()
+	});
+}
+/** The header over the thumbnails while the pages can be changed: the edits, then the history. */
+function PageHeader() {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "border-border-subtle flex items-center gap-1 border-b p-2",
+		children: [
+			HEADER_EDITS.map((id) => /* @__PURE__ */ jsx(HeaderButton, { id }, id)),
+			/* @__PURE__ */ jsx("span", { className: "flex-1" }),
+			HEADER_HISTORY.map((id) => /* @__PURE__ */ jsx(HeaderButton, { id }, id))
+		]
+	});
+}
+function HeaderButton({ id }) {
+	const command = useCommand(id);
+	if (!command.visible) return null;
+	return /* @__PURE__ */ jsx(CommandButton, {
+		cmd: command,
+		variant: "icon",
+		run: () => void command.run()
+	});
+}
+//#endregion
 //#region src/ui/panels.tsx
 /**
 * The layout's panels, drawn: on each side of the pages, the panel open on
@@ -2531,19 +3101,29 @@ function PanelRow({ panel, current, onPicked }) {
 * A panel whose button no longer shows (its feature turned off, or not
 * allowed) closes.
 */
-const SearchPanel = lazyComponent(() => import("./search-panel-HfIhJm1M.js").then((ui) => ui.SearchPanel));
-const CommentsPanel = lazyComponent(() => import("./comments-panel-MUVgLCBI.js").then((ui) => ui.CommentsPanel));
-const MeasurementSection = lazyComponent(() => import("./measurement-Bs61XWbJ.js").then((ui) => ui.MeasurementSection));
-const AnnotationStylePanel = lazyComponent(() => import("./annotation-style--rPIZsuP.js").then((ui) => ui.AnnotationStylePanel));
-const StampsPanel = lazyComponent(() => import("./stamps-panel-CDO0FPyK.js").then((ui) => ui.StampsPanel));
-const SignaturesPanel = lazyComponent(() => import("./signatures-panel-CgnFfhFm.js").then((ui) => ui.SignaturesPanel));
-const RedactionPanel = lazyComponent(() => import("./redaction-panel-IJDshSJI.js").then((ui) => ui.RedactionPanel));
-const FormDesignPanel = lazyComponent(() => import("./form-design-panel-vWWU9uB-.js").then((ui) => ui.FormDesignPanel));
+const SearchPanel = lazyComponent(() => import("./search-panel-BE4xzWlm.js").then((ui) => ui.SearchPanel));
+const CommentsPanel = lazyComponent(() => import("./comments-panel-D7Eadws9.js").then((ui) => ui.CommentsPanel));
+const MeasurementSection = lazyComponent(() => import("./measurement-CQdbnIrn.js").then((ui) => ui.MeasurementSection));
+const AnnotationStylePanel = lazyComponent(() => import("./annotation-style-CXF3X47Z.js").then((ui) => ui.AnnotationStylePanel));
+const StampsPanel = lazyComponent(() => import("./stamps-panel-BrczStaz.js").then((ui) => ui.StampsPanel));
+const SignaturesPanel = lazyComponent(() => import("./signatures-panel-DZ9ywrjz.js").then((ui) => ui.SignaturesPanel));
+const RedactionPanel = lazyComponent(() => import("./redaction-panel-CgNZ-pQk.js").then((ui) => ui.RedactionPanel));
+const OutlinePanel = lazyComponent(() => import("./outline-panel-DO5_REYw.js").then((ui) => ui.OutlinePanel));
+const AttachmentsPanel = lazyComponent(() => import("./attachments-panel-H1ucRbwo.js").then((ui) => ui.AttachmentsPanel));
+const FormDesignPanel = lazyComponent(() => import("./form-design-panel-CgV_5YWC.js").then((ui) => ui.FormDesignPanel));
 const BUILT_IN_CONTENT = /* @__PURE__ */ new Map([
 	["thumbnails", {
 		draw: () => /* @__PURE__ */ jsx(ThumbnailList, {}),
 		list: true
 	}],
+	["outline", {
+		draw: (documentId) => /* @__PURE__ */ jsx(OutlinePanel, {}, documentId ?? "none"),
+		list: true
+	}],
+	["attachments", {
+		draw: (documentId) => /* @__PURE__ */ jsx(AttachmentsPanel, {}, documentId ?? "none"),
+		list: true
+	}],
 	["search", {
 		draw: (documentId) => /* @__PURE__ */ jsx(SearchPanel, {}, documentId ?? "none"),
 		list: true
@@ -2624,51 +3204,6 @@ function OpenPanel({ id, side, siblings }) {
 		})
 	});
 }
-function ThumbnailList() {
-	const t = useT();
-	const main = useStage();
-	const thumbs = useStage(ThumbsStageToken);
-	const currentPage = useStageState((state) => state.currentPageIndex);
-	const closeOnPick = useCloseOnPick();
-	useEffect(() => thumbs.reveal(currentPage), [currentPage, thumbs]);
-	return /* @__PURE__ */ jsx(Stage, {
-		token: ThumbsStageToken,
-		className: "flex-1",
-		style: { position: "relative" },
-		pageChrome: (page) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("button", {
-			type: "button",
-			onClick: () => {
-				main.goToPage(page.pageIndex);
-				closeOnPick();
-			},
-			title: t("thumbnails.page", { params: { page: page.pageIndex + 1 } }),
-			className: `box-border cursor-pointer rounded ${page.pageIndex === currentPage ? "border-accent ring-accent-light border-2 ring-2" : "border-border-subtle border"}`,
-			style: {
-				position: "absolute",
-				top: page.frame.top,
-				left: page.frame.left,
-				right: page.frame.right,
-				bottom: page.frame.bottom
-			}
-		}), /* @__PURE__ */ jsx("div", {
-			style: {
-				position: "absolute",
-				bottom: 0,
-				left: 0,
-				right: 0,
-				height: page.frame.bottom,
-				display: "flex",
-				alignItems: "center",
-				justifyContent: "center",
-				fontSize: 11,
-				color: "var(--epdf-text-muted)",
-				pointerEvents: "none"
-			},
-			children: page.pageIndex + 1
-		})] }),
-		children: () => /* @__PURE__ */ jsx(RenderLayer, {})
-	});
-}
 //#endregion
 //#region src/ui/placed-components.tsx
 /**
@@ -2991,7 +3526,8 @@ const GROUPS = [
 			"selection",
 			"annotation",
 			"redaction",
-			"measurement"
+			"measurement",
+			"outline"
 		]
 	}
 ];
@@ -3081,6 +3617,18 @@ function ShortcutsList({ onClose }) {
 	});
 }
 //#endregion
+//#region src/ui/sidebar-reads.tsx
+/**
+* Once a document shows: read its outline and its attachments, so their panels' buttons know
+* whether the panels have a job (`config/panels.ts`). Reading a plugin's state is what reads it;
+* a viewer without the plugin reads nothing. Mounted once per document view; renders nothing.
+*/
+function SidebarReads() {
+	useOutlineState((state) => state.status);
+	useAttachmentState((state) => state.status);
+	return null;
+}
+//#endregion
 //#region src/ui/signature-bridge.tsx
 /**
 * The signature plugin's UI intents → shell surfaces. The plugin owns the
@@ -3408,11 +3956,15 @@ const useCalibrating = () => useMeasurementState((state) => state.calibrationReq
 const useSignDialogOpen = () => useSurface("signature-sign").isOpen;
 const useSignatureMakerOpen = () => useSurface("signature-maker").isOpen;
 const useSignatureInspectorOpen = () => useSurface("signature-inspector").isOpen;
-const RedactConfirmModal = lazyComponent(() => import("./redact-confirm-B6j36TPw.js").then((ui) => ui.RedactConfirmModal), { shownWhile: useRedactConfirmOpen });
-const CalibrationDialog = lazyComponent(() => import("./measurement-Bs61XWbJ.js").then((ui) => ui.CalibrationDialog), { shownWhile: useCalibrating });
-const SignDialog = lazyComponent(() => import("./sign-dialog-GDqCoQhA.js").then((ui) => ui.SignDialog), { shownWhile: useSignDialogOpen });
-const SignatureMakerModal = lazyComponent(() => import("./signature-maker-BhCmYyHD.js").then((ui) => ui.SignatureMakerModal), { shownWhile: useSignatureMakerOpen });
-const SignatureInspector = lazyComponent(() => import("./signature-inspector-okFz8do6.js").then((ui) => ui.SignatureInspector), { shownWhile: useSignatureInspectorOpen });
+const usePrintDialogOpen = () => useSurface("print").isOpen;
+const RedactConfirmModal = lazyComponent(() => import("./redact-confirm-CKuv9iN_.js").then((ui) => ui.RedactConfirmModal), { shownWhile: useRedactConfirmOpen });
+const CalibrationDialog = lazyComponent(() => import("./measurement-CQdbnIrn.js").then((ui) => ui.CalibrationDialog), { shownWhile: useCalibrating });
+const SignDialog = lazyComponent(() => import("./sign-dialog-DerNe8qT.js").then((ui) => ui.SignDialog), { shownWhile: useSignDialogOpen });
+const SignatureMakerModal = lazyComponent(() => import("./signature-maker-Dnth4rV4.js").then((ui) => ui.SignatureMakerModal), { shownWhile: useSignatureMakerOpen });
+const SignatureInspector = lazyComponent(() => import("./signature-inspector-CsGr9EBk.js").then((ui) => ui.SignatureInspector), { shownWhile: useSignatureInspectorOpen });
+const PrintDialog = lazyComponent(() => import("./print-dialog-DvcI2m2_.js").then((ui) => ui.PrintDialog), { shownWhile: usePrintDialogOpen });
+const useOutlinePropertiesOpen = () => useSurface(OUTLINE_PROPERTIES_DIALOG).isOpen;
+const OutlinePropertiesDialog = lazyComponent(() => import("./outline-properties-BCa2cc0t.js").then((ui) => ui.OutlinePropertiesDialog), { shownWhile: useOutlinePropertiesOpen });
 /** The document tabs, as the layout says: always, while more than one document is open, or never. */
 function DocumentTabs() {
 	const visibility = tabsOf(useResolvedLayout().data);
@@ -3537,8 +4089,11 @@ function Shell({ components }) {
 							/* @__PURE__ */ jsx(RedactConfirmModal, {}),
 							/* @__PURE__ */ jsx(CalibrationDialog, {}),
 							/* @__PURE__ */ jsx(GoToPageDialog, {}),
+							/* @__PURE__ */ jsx(PrintDialog, {}),
+							/* @__PURE__ */ jsx(OutlinePropertiesDialog, {}),
 							/* @__PURE__ */ jsx(ShortcutsSheet, {}),
 							/* @__PURE__ */ jsx(SignatureBridge, {}),
+							/* @__PURE__ */ jsx(SidebarReads, {}),
 							/* @__PURE__ */ jsx(FeaturePrefetch, {}),
 							/* @__PURE__ */ jsx(SignDialog, {}),
 							/* @__PURE__ */ jsx(SignatureMakerModal, {})
@@ -3716,6 +4271,8 @@ function FullViewer({ engine, initialDocuments, fallback, commands, icons, strin
 		renderPlugin(settings.render),
 		pageEditPlugin(),
 		metadataPlugin(),
+		outlinePlugin(),
+		attachmentPlugin(),
 		interactionPlugin(settings.interaction),
 		feedbackPlugin({ provider: vibrationFeedback }),
 		selectionPlugin(settings.selection),
@@ -3826,6 +4383,6 @@ function FullViewer({ engine, initialDocuments, fallback, commands, icons, strin
 	});
 }
 //#endregion
-export { ActionsToken, AnnotationToken, CommandsToken, DocumentsToken, FormToken, FullViewer, I18nToken, InteractionToken, LinkToken, MeasurementToken, MetadataToken, PageEditToken, RedactionToken, RenderToken, SearchToken, SelectionToken, ShellToken, SignatureToken, StageToken, StampToken, THEME_TOKENS, TOOLBAR_ITEM_CONTEXT_ATTRIBUTES, VIEWER_PLUGINS, createLayout, createPlacedComponents, createTestSigner, createViewer, defaultCommands, ICON_PATHS as defaultIcons, defaultLayout, indexedDbKeyStore, memoryKeyStore, personalSigner, remoteSigner, themeConfigOf, themeTokenCss, webCryptoSigner };
+export { ActionsToken, AnnotationToken, AttachmentToken, CommandsToken, DocumentsToken, FormToken, FullViewer, I18nToken, InteractionToken, LinkToken, MeasurementToken, MetadataToken, OutlineToken, PageEditToken, RedactionToken, RenderToken, SearchToken, SelectionToken, ShellToken, SignatureToken, StageToken, StampToken, THEME_TOKENS, TOOLBAR_ITEM_CONTEXT_ATTRIBUTES, VIEWER_PLUGINS, createLayout, createPlacedComponents, createTestSigner, createViewer, defaultCommands, ICON_PATHS as defaultIcons, defaultLayout, indexedDbKeyStore, memoryKeyStore, personalSigner, remoteSigner, themeConfigOf, themeTokenCss, webCryptoSigner };
 
 //# sourceMappingURL=index.js.map