document-cli 1.8.0 → 1.10.0

package/dist/{tui-BCl5_L4H.js → tui-BVeYd0ry.js}

@@ -1,6 +1,6 @@
 import { c as formatDocxExtrasLines, f as loadProvidedFonts, i as formatOdbReportLines, l as readInput, m as inferFormatFromExtension, n as describeOdbReport, o as formatMetadataLines, p as formatToExtension, r as formatOdbFormLines, t as describeOdbForm } from "./odb-structure-Du1w_hOU.js";
 import { readFile, writeFile } from "node:fs/promises";
-import { buildDocxPackage, buildOdtPackage, convertWordprocessingToLayout, createDocx, createFontMeasurer, createFontRegistry, createOdg, createOdp, createOds, createOdt, createPptx, decodeMarkdownText, docxToPdf, encodeMarkdownText, encodePackage, hsqldbCellDisplayText, markdownToPdf, odgToPdf, odpToPdf, odsToPdf, odtToPdf, openDocx, openOdg, openOdp, openOds, openOdt, openPptx, parseXml, pptxToPdf, readDocxContent, readDocxExtras, readMarkdownContent, readOdbForms, readOdbReportContent, readOdbReports, readOdbTables, readOdgContent, readOdpContent, readOdsContent, readOdtContent, readPdf, readPptxContent, rgbHexToColor, writePdf, xlsxToPdf } from "documents.js";
+import { buildDocxPackage, buildOdtPackage, bytesToBase64, convertWordprocessingToLayout, createDocx, createFontMeasurer, createFontRegistry, createOdg, createOdp, createOds, createOdt, createPdf, createPptx, decodeMarkdownText, docxToPdf, encodeMarkdownText, encodePackage, hsqldbCellDisplayText, markdownToPdf, odgToPdf, odpToPdf, odsToPdf, odtToPdf, openDocx, openOdg, openOdp, openOds, openOdt, openPdf, openPptx, parseXml, pptxToPdf, readDocxContent, readDocxExtras, readMarkdownContent, readOdbForms, readOdbReportContent, readOdbReports, readOdbTables, readOdgContent, readOdpContent, readOdsContent, readOdtContent, readPdf, readPptxContent, rgbHexToColor, writePdf, xlsxToPdf } from "documents.js";
 import { basename, dirname, extname, join } from "node:path";
 import { cellReference, columnIndexToLetters, decodePackage as decodePackage$1, encodePackage as encodePackage$1 } from "odf.js";
 import { readdirSync } from "node:fs";
@@ -36,7 +36,7 @@ function toPdfOptions(options, fonts) {
 	};
 }
 async function exportToPdf(openDocument, destinationPath, options) {
-	if (openDocument.format === "odb" || openDocument.format === "pdf") throw new Error(`A ${openDocument.format} document is already a read-only source; there is no export-to-PDF path for it`);
+	if (openDocument.format === "odb" || openDocument.format === "pdf") throw new Error(`A ${openDocument.format} document has no export-to-PDF path -- ${openDocument.format === "pdf" ? "save it directly instead" : "it is a read-only source with nothing to convert"}`);
 	const pdfOptions = toPdfOptions(options, await loadProvidedFonts(options.fontFiles ?? [], { signal: options.signal }));
 	if (openDocument.format === "markdown") {
 		const pdfBytes = markdownToPdf(encodeMarkdownText(openDocument.source), pdfOptions);
@@ -120,11 +120,15 @@ async function openDocumentAtPath(path) {
 			editor: openOdg(bytes),
 			path
 		};
-		case "pdf": return {
-			format,
-			layout: readPdf(bytes),
-			path
-		};
+		case "pdf": {
+			const editor = openPdf(bytes);
+			return {
+				format,
+				editor,
+				layout: editor.toLayoutDocument(),
+				path
+			};
+		}
 		case "markdown": return {
 			format,
 			source: decodeMarkdownText(bytes),
@@ -171,10 +175,19 @@ function createNewDocument(format) {
 			editor: createOdg(),
 			path: void 0
 		};
+		case "pdf": {
+			const editor = createPdf();
+			return {
+				format,
+				editor,
+				layout: editor.toLayoutDocument(),
+				path: void 0
+			};
+		}
 	}
 }
 async function saveDocumentTo(openDocument, path) {
-	if (openDocument.format === "odb" || openDocument.format === "pdf" || openDocument.format === "xlsx") throw new Error(`A ${openDocument.format} document is opened read-only and cannot be written back`);
+	if (openDocument.format === "odb" || openDocument.format === "xlsx") throw new Error(`A ${openDocument.format} document is opened read-only and cannot be written back`);
 	if (openDocument.format === "markdown") {
 		await writeFile(path, encodeMarkdownText(openDocument.source));
 		return;
@@ -189,7 +202,8 @@ const EDITABLE_FORMATS = {
 	odt: true,
 	odp: true,
 	ods: true,
-	odg: true
+	odg: true,
+	pdf: true
 };
 const WRITABLE_FORMATS = {
 	...EDITABLE_FORMATS,
@@ -368,6 +382,12 @@ function documentWithPath(doc, path) {
 			editor: doc.editor,
 			path
 		};
+		case "pdf": return {
+			format: "pdf",
+			editor: doc.editor,
+			layout: doc.layout,
+			path
+		};
 		case "odb": return {
 			format: "odb",
 			tables: doc.tables,
@@ -380,11 +400,6 @@ function documentWithPath(doc, path) {
 			source: doc.source,
 			path
 		};
-		case "pdf": return {
-			format: "pdf",
-			layout: doc.layout,
-			path
-		};
 		case "xlsx": return {
 			format: "xlsx",
 			layout: doc.layout,
@@ -425,6 +440,15 @@ function reopenEditable(doc, bytes) {
 			editor: openOdg(bytes),
 			path: doc.path
 		};
+		case "pdf": {
+			const editor = openPdf(bytes);
+			return {
+				format: "pdf",
+				editor,
+				layout: editor.toLayoutDocument(),
+				path: doc.path
+			};
+		}
 	}
 }
 function mutate(state, doc, apply) {
@@ -508,6 +532,45 @@ function drawingDocument(state) {
 	if (doc === void 0) return;
 	return doc.format === "odg" ? doc : void 0;
 }
+function pdfDocument(state) {
+	const doc = state.openDocument;
+	if (doc === void 0) return;
+	return doc.format === "pdf" ? doc : void 0;
+}
+function pdfItemAt(doc, pageIndex, itemIndex) {
+	return doc.editor.page(pageIndex)?.items()[itemIndex];
+}
+function withPdfPage(state, pageIndex, apply) {
+	const doc = pdfDocument(state);
+	if (doc === void 0) return wrongDocument(state, "a pdf document");
+	const page = doc.editor.page(pageIndex);
+	if (page === void 0) return withStatus(state, "warning", `There is no page at index ${pageIndex}`);
+	return mutate(state, doc, () => {
+		apply(page);
+	});
+}
+function withPdfItemMatching(state, pageIndex, itemIndex, guard, kindLabel, apply) {
+	const doc = pdfDocument(state);
+	if (doc === void 0) return wrongDocument(state, "a pdf document");
+	const item = pdfItemAt(doc, pageIndex, itemIndex);
+	if (item === void 0) return withStatus(state, "warning", `Page ${pageIndex} has no item at index ${itemIndex}`);
+	if (!guard(item)) return withStatus(state, "warning", `Item ${itemIndex} on page ${pageIndex} is a ${item.kind} item, not ${kindLabel}`);
+	return mutate(state, doc, () => {
+		apply(item);
+	});
+}
+const isPdfTextItem = (item) => item.kind === "text";
+const isPdfRectItem = (item) => item.kind === "rect";
+const isPdfEllipseItem = (item) => item.kind === "ellipse";
+const isPdfLineItem = (item) => item.kind === "line";
+const isPdfPathItem = (item) => item.kind === "path";
+const isPdfImageItem = (item) => item.kind === "image";
+const isPdfLinkItem = (item) => item.kind === "link";
+function vectorHostDocument(state) {
+	const doc = state.openDocument;
+	if (doc === void 0) return;
+	return doc.format === "odg" || doc.format === "odp" ? doc : void 0;
+}
 function markdownDocument(state) {
 	const doc = state.openDocument;
 	if (doc === void 0) return;
@@ -740,6 +803,12 @@ function appReducer(state, action) {
 		case "SET_RUN_COLOR": return withRun(state, action.blockIndex, action.runIndex, (run) => {
 			run.color = action.color;
 		});
+		case "SET_RUN_FONT_FAMILY": return withRun(state, action.blockIndex, action.runIndex, (run) => {
+			run.fontFamily = action.fontFamily;
+		});
+		case "SET_RUN_FONT_SIZE": return withRun(state, action.blockIndex, action.runIndex, (run) => {
+			run.sizePt = action.sizePt;
+		});
 		case "APPEND_TABLE": {
 			const doc = wordprocessingDocument(state);
 			if (doc === void 0) return wrongDocument(state, "a docx or odt document");
@@ -800,6 +869,14 @@ function appReducer(state, action) {
 				setTextContainerText(item, action.text);
 			});
 		}
+		case "ADD_LIST": {
+			const doc = wordprocessingDocument(state);
+			if (doc === void 0) return wrongDocument(state, "a docx or odt document");
+			if (doc.format !== "odt") return wrongDocument(state, "an odt document (lists are an odt-only concept)");
+			return mutate(state, doc, () => {
+				doc.editor.body.appendList();
+			});
+		}
 		case "INSERT_PARAGRAPH_IMAGE": {
 			const doc = wordprocessingDocument(state);
 			if (doc === void 0) return wrongDocument(state, "a docx or odt document");
@@ -943,6 +1020,23 @@ function appReducer(state, action) {
 		case "SET_CELL_VALUE": return withSheet(state, action.sheetIndex, (sheet) => {
 			sheet.cell(action.row, action.column).value = action.value;
 		});
+		case "SET_CELL_FORMULA": return withSheet(state, action.sheetIndex, (sheet) => {
+			sheet.cell(action.row, action.column).formula = action.formula;
+		});
+		case "ADD_SHEET_IMAGE": return withSheet(state, action.sheetIndex, (sheet) => {
+			sheet.addImage({
+				kind: "image",
+				format: action.format,
+				base64: bytesToBase64(action.bytes),
+				widthPt: action.widthPt,
+				heightPt: action.heightPt,
+				altText: action.altText,
+				anchorRow: action.anchorRow,
+				anchorColumn: action.anchorColumn,
+				offsetXPt: action.offsetXPt,
+				offsetYPt: action.offsetYPt
+			});
+		});
 		case "MERGE_CELLS": {
 			const doc = spreadsheetDocument(state);
 			if (doc === void 0) return wrongDocument(state, "an ods document");
@@ -966,23 +1060,64 @@ function appReducer(state, action) {
 		case "ADD_ELLIPSE":
 		case "ADD_LINE":
 		case "ADD_PATH": {
-			const doc = drawingDocument(state);
-			if (doc === void 0) return wrongDocument(state, "an odg document");
-			const page = doc.editor.pages()[action.pageIndex];
-			if (page === void 0) return withStatus(state, "warning", `There is no page at index ${action.pageIndex}`);
+			const doc = vectorHostDocument(state);
+			if (doc === void 0) return wrongDocument(state, "an odg or odp document");
+			if (doc.format === "odg") {
+				const page = doc.editor.pages()[action.containerIndex];
+				if (page === void 0) return withStatus(state, "warning", `There is no page at index ${action.containerIndex}`);
+				return mutate(state, doc, () => {
+					switch (action.type) {
+						case "ADD_RECT":
+							page.addRect(action.init);
+							return;
+						case "ADD_ELLIPSE":
+							page.addEllipse(action.init);
+							return;
+						case "ADD_LINE":
+							page.addLine(action.init);
+							return;
+						case "ADD_PATH":
+							page.addPath(action.init);
+							return;
+					}
+				});
+			}
+			const slide = doc.editor.slides()[action.containerIndex];
+			if (slide === void 0) return withStatus(state, "warning", `There is no slide at index ${action.containerIndex}`);
 			return mutate(state, doc, () => {
 				switch (action.type) {
 					case "ADD_RECT":
-						page.addRect(action.init);
+						slide.addVector({
+							kind: "rect",
+							frame: action.init.frame,
+							fill: action.init.fill,
+							stroke: action.init.stroke
+						});
 						return;
 					case "ADD_ELLIPSE":
-						page.addEllipse(action.init);
+						slide.addVector({
+							kind: "ellipse",
+							frame: action.init.frame,
+							fill: action.init.fill,
+							stroke: action.init.stroke
+						});
 						return;
 					case "ADD_LINE":
-						page.addLine(action.init);
+						slide.addVector({
+							kind: "line",
+							from: action.init.from,
+							to: action.init.to,
+							stroke: action.init.stroke
+						});
 						return;
 					case "ADD_PATH":
-						page.addPath(action.init);
+						slide.addVector({
+							kind: "path",
+							frame: action.init.frame,
+							subpaths: [...action.init.subpaths],
+							fill: action.init.fill,
+							stroke: action.init.stroke
+						});
 						return;
 				}
 			});
@@ -1001,6 +1136,129 @@ function appReducer(state, action) {
 				action.vector.stroke = action.stroke;
 			});
 		}
+		case "ADD_PDF_TEXT": return withPdfPage(state, action.pageIndex, (page) => {
+			page.appendText(action.init);
+		});
+		case "ADD_PDF_RECT": return withPdfPage(state, action.pageIndex, (page) => {
+			page.appendRect(action.init);
+		});
+		case "ADD_PDF_ELLIPSE": return withPdfPage(state, action.pageIndex, (page) => {
+			page.appendEllipse(action.init);
+		});
+		case "ADD_PDF_LINE": return withPdfPage(state, action.pageIndex, (page) => {
+			page.appendLine(action.init);
+		});
+		case "ADD_PDF_PATH": return withPdfPage(state, action.pageIndex, (page) => {
+			page.appendPath(action.init);
+		});
+		case "ADD_PDF_IMAGE": return withPdfPage(state, action.pageIndex, (page) => {
+			page.appendImage(action.init);
+		});
+		case "ADD_PDF_LINK": return withPdfPage(state, action.pageIndex, (page) => {
+			page.appendLink(action.init);
+		});
+		case "REMOVE_PDF_ITEM": {
+			const doc = pdfDocument(state);
+			if (doc === void 0) return wrongDocument(state, "a pdf document");
+			const item = pdfItemAt(doc, action.pageIndex, action.itemIndex);
+			if (item === void 0) return withStatus(state, "warning", `Page ${action.pageIndex} has no item at index ${action.itemIndex}`);
+			return mutate(state, doc, () => {
+				item.remove();
+			});
+		}
+		case "SET_PDF_TEXT_TEXT": return withPdfItemMatching(state, action.pageIndex, action.itemIndex, isPdfTextItem, "text", (item) => {
+			item.text = action.text;
+		});
+		case "SET_PDF_TEXT_POSITION": return withPdfItemMatching(state, action.pageIndex, action.itemIndex, isPdfTextItem, "text", (item) => {
+			item.xPt = action.xPt;
+			item.yPt = action.yPt;
+		});
+		case "SET_PDF_TEXT_FONT": return withPdfItemMatching(state, action.pageIndex, action.itemIndex, isPdfTextItem, "text", (item) => {
+			item.font = action.font;
+		});
+		case "SET_PDF_TEXT_SIZE": return withPdfItemMatching(state, action.pageIndex, action.itemIndex, isPdfTextItem, "text", (item) => {
+			item.sizePt = action.sizePt;
+		});
+		case "SET_PDF_TEXT_COLOR": return withPdfItemMatching(state, action.pageIndex, action.itemIndex, isPdfTextItem, "text", (item) => {
+			item.color = action.color;
+		});
+		case "SET_PDF_TEXT_ROTATION": return withPdfItemMatching(state, action.pageIndex, action.itemIndex, isPdfTextItem, "text", (item) => {
+			item.rotationDeg = action.rotationDeg;
+		});
+		case "SET_PDF_TEXT_WIDTH": return withPdfItemMatching(state, action.pageIndex, action.itemIndex, isPdfTextItem, "text", (item) => {
+			item.widthPt = action.widthPt;
+		});
+		case "TOGGLE_PDF_TEXT_UNDERLINE": return withPdfItemMatching(state, action.pageIndex, action.itemIndex, isPdfTextItem, "text", (item) => {
+			item.underline = !(item.underline ?? false);
+		});
+		case "SET_PDF_RECT_FRAME": return withPdfItemMatching(state, action.pageIndex, action.itemIndex, isPdfRectItem, "rect", (item) => {
+			item.xPt = action.xPt;
+			item.yPt = action.yPt;
+			item.widthPt = action.widthPt;
+			item.heightPt = action.heightPt;
+		});
+		case "SET_PDF_RECT_FILL": return withPdfItemMatching(state, action.pageIndex, action.itemIndex, isPdfRectItem, "rect", (item) => {
+			item.fill = action.fill;
+		});
+		case "SET_PDF_RECT_STROKE": return withPdfItemMatching(state, action.pageIndex, action.itemIndex, isPdfRectItem, "rect", (item) => {
+			item.stroke = action.stroke;
+		});
+		case "SET_PDF_ELLIPSE_FRAME": return withPdfItemMatching(state, action.pageIndex, action.itemIndex, isPdfEllipseItem, "ellipse", (item) => {
+			item.xPt = action.xPt;
+			item.yPt = action.yPt;
+			item.widthPt = action.widthPt;
+			item.heightPt = action.heightPt;
+		});
+		case "SET_PDF_ELLIPSE_FILL": return withPdfItemMatching(state, action.pageIndex, action.itemIndex, isPdfEllipseItem, "ellipse", (item) => {
+			item.fill = action.fill;
+		});
+		case "SET_PDF_ELLIPSE_STROKE": return withPdfItemMatching(state, action.pageIndex, action.itemIndex, isPdfEllipseItem, "ellipse", (item) => {
+			item.stroke = action.stroke;
+		});
+		case "SET_PDF_LINE_FROM": return withPdfItemMatching(state, action.pageIndex, action.itemIndex, isPdfLineItem, "line", (item) => {
+			item.x1Pt = action.x1Pt;
+			item.y1Pt = action.y1Pt;
+		});
+		case "SET_PDF_LINE_TO": return withPdfItemMatching(state, action.pageIndex, action.itemIndex, isPdfLineItem, "line", (item) => {
+			item.x2Pt = action.x2Pt;
+			item.y2Pt = action.y2Pt;
+		});
+		case "SET_PDF_LINE_COLOR": return withPdfItemMatching(state, action.pageIndex, action.itemIndex, isPdfLineItem, "line", (item) => {
+			item.color = action.color;
+		});
+		case "SET_PDF_LINE_WIDTH": return withPdfItemMatching(state, action.pageIndex, action.itemIndex, isPdfLineItem, "line", (item) => {
+			item.widthPt = action.widthPt;
+		});
+		case "SET_PDF_PATH_FILL": return withPdfItemMatching(state, action.pageIndex, action.itemIndex, isPdfPathItem, "path", (item) => {
+			item.fill = action.fill;
+		});
+		case "SET_PDF_PATH_FILL_RULE": return withPdfItemMatching(state, action.pageIndex, action.itemIndex, isPdfPathItem, "path", (item) => {
+			item.fillRule = action.fillRule;
+		});
+		case "SET_PDF_PATH_STROKE": return withPdfItemMatching(state, action.pageIndex, action.itemIndex, isPdfPathItem, "path", (item) => {
+			item.stroke = action.stroke;
+		});
+		case "SET_PDF_IMAGE_FRAME": return withPdfItemMatching(state, action.pageIndex, action.itemIndex, isPdfImageItem, "image", (item) => {
+			item.xPt = action.xPt;
+			item.yPt = action.yPt;
+			item.widthPt = action.widthPt;
+			item.heightPt = action.heightPt;
+		});
+		case "SET_PDF_IMAGE_ROTATION": return withPdfItemMatching(state, action.pageIndex, action.itemIndex, isPdfImageItem, "image", (item) => {
+			item.rotationDeg = action.rotationDeg;
+		});
+		case "SET_PDF_IMAGE_SOURCE": return withPdfItemMatching(state, action.pageIndex, action.itemIndex, isPdfImageItem, "image", (item) => {
+			item.setImage(action.bytes, action.format);
+		});
+		case "SET_PDF_LINK_URI": return withPdfItemMatching(state, action.pageIndex, action.itemIndex, isPdfLinkItem, "link", (item) => {
+			item.uri = action.uri;
+		});
+		case "SET_PDF_LINK_FRAME": return withPdfItemMatching(state, action.pageIndex, action.itemIndex, isPdfLinkItem, "link", (item) => {
+			item.xPt = action.xPt;
+			item.yPt = action.yPt;
+			item.widthPt = action.widthPt;
+			item.heightPt = action.heightPt;
+		});
 		case "SET_MARKDOWN_SOURCE": {
 			const doc = markdownDocument(state);
 			if (doc === void 0) return wrongDocument(state, "a markdown document");
@@ -1034,7 +1292,7 @@ function appReducer(state, action) {
 		case "UNDO": {
 			const doc = state.openDocument;
 			if (doc === void 0) return withStatus(state, "info", "There is nothing to undo");
-			if (doc.format === "odb" || doc.format === "pdf" || doc.format === "xlsx") return withStatus(state, "warning", `A ${doc.format} document is read-only, so it has no history to undo`);
+			if (doc.format === "odb" || doc.format === "xlsx") return withStatus(state, "warning", `A ${doc.format} document is read-only, so it has no history to undo`);
 			const snapshot = state.undoStack.at(-1);
 			if (snapshot === void 0) return withStatus(state, "info", "There is nothing to undo");
 			const restored = doc.format === "markdown" ? {
@@ -1118,7 +1376,7 @@ function TextField(props) {
 }
 //#endregion
 //#region src/tui/components/command-palette.tsx
-const USAGE_COLUMN_WIDTH = 32;
+const USAGE_COLUMN_WIDTH = 36;
 const COMMANDS = [
 	{
 		name: "save",
@@ -1137,7 +1395,7 @@ const COMMANDS = [
 	},
 	{
 		name: "new",
-		usage: ":new docx|pptx|odt|odp|ods|odg",
+		usage: ":new docx|pptx|odt|odp|ods|odg|pdf",
 		description: "Create an empty document"
 	},
 	{
@@ -1254,7 +1512,7 @@ async function runCommand(line, state, dispatch) {
 		case "new": {
 			const format = args[0];
 			if (format === void 0 || !isEditableFormat(format)) {
-				warn(dispatch, "Usage: :new docx|pptx|odt|odp|ods|odg");
+				warn(dispatch, "Usage: :new docx|pptx|odt|odp|ods|odg|pdf");
 				return;
 			}
 			dispatch({
@@ -2132,6 +2390,19 @@ function ParagraphFamilyBodyList(props) {
 			setTableWizard("rows");
 		}
 	}, { isActive: !anyOverlayOpen(state) && !wizardOpen && !formulaFlowOpen });
+	useInput((input) => {
+		if (input === "L" && adapter.lists !== void 0) {
+			const newIndex = adapter.lists().length;
+			dispatch({ type: "ADD_LIST" });
+			dispatch({
+				type: "PUSH_SCREEN",
+				screen: {
+					kind: "listEditor",
+					blockIndex: newIndex
+				}
+			});
+		}
+	}, { isActive: !anyOverlayOpen(state) && !wizardOpen && !formulaFlowOpen });
 	useInput((input) => {
 		if (input === "m" && adapter.formatLabel === "odt") setFormulaFlow("picking");
 	}, { isActive: !anyOverlayOpen(state) && !wizardOpen && !formulaFlowOpen });
@@ -2386,6 +2657,7 @@ function ParagraphFamilyBodyList(props) {
 				dimColor: true,
 				children: [
 					"Enter to open, a to append a paragraph, T to append a table",
+					adapter.lists !== void 0 ? ", L to add a list" : "",
 					adapter.formatLabel === "odt" ? ", m to insert a formula" : "",
 					", Esc back"
 				]
@@ -2408,6 +2680,7 @@ function isValidHexColorInput(input) {
 }
 //#endregion
 //#region src/tui/screens/editors/docx/paragraph-detail.tsx
+const DEFAULT_RUN_SIZE_PT = 12;
 const IMAGE_FIELDS = [
 	{
 		key: "path",
@@ -2430,14 +2703,14 @@ const IMAGE_FIELDS = [
 		defaultValue: ""
 	}
 ];
-function inferImageFormat$1(path) {
+function inferImageFormat$2(path) {
 	const extension = path.slice(path.lastIndexOf(".") + 1).toLowerCase();
 	if (extension === "png") return "png";
 	if (extension === "jpg" || extension === "jpeg") return "jpeg";
 }
 async function applyInsertImage(blockIndex, values, dispatch) {
 	const path = requireFieldValue(values, "path");
-	const format = inferImageFormat$1(path);
+	const format = inferImageFormat$2(path);
 	if (format === void 0) {
 		dispatch({
 			type: "SET_STATUS",
@@ -2487,6 +2760,8 @@ function ParagraphDetailScreen() {
 	const dispatch = useAppDispatch();
 	const [runIndex, setRunIndex] = useState(0);
 	const [colorInput, setColorInput] = useState(void 0);
+	const [fontFamilyInput, setFontFamilyInput] = useState(void 0);
+	const [fontSizeInput, setFontSizeInput] = useState(void 0);
 	const [imageWizardOpen, setImageWizardOpen] = useState(false);
 	const [formulaPickerOpen, setFormulaPickerOpen] = useState(false);
 	const screen = currentScreen(state);
@@ -2584,8 +2859,16 @@ function ParagraphDetailScreen() {
 			});
 			return;
 		}
-		if (input === "c") setColorInput(selectedRun.color === void 0 ? "" : layoutColorToHex(selectedRun.color).slice(1));
-	}, { isActive: !anyOverlayOpen(state) && colorInput === void 0 && !imageWizardOpen && !formulaPickerOpen });
+		if (input === "c") {
+			setColorInput(selectedRun.color === void 0 ? "" : layoutColorToHex(selectedRun.color).slice(1));
+			return;
+		}
+		if (input === "f") {
+			setFontFamilyInput(selectedRun.fontFamily ?? "");
+			return;
+		}
+		if (input === "s") setFontSizeInput(selectedRun.sizePt === void 0 ? "" : String(selectedRun.sizePt));
+	}, { isActive: !anyOverlayOpen(state) && colorInput === void 0 && fontFamilyInput === void 0 && fontSizeInput === void 0 && !imageWizardOpen && !formulaPickerOpen });
 	if (screen.kind !== "paragraphDetail") return /* @__PURE__ */ jsx(Text, {
 		color: "red",
 		children: "ParagraphDetailScreen rendered outside a paragraphDetail screen."
@@ -2643,6 +2926,60 @@ function ParagraphDetailScreen() {
 					setColorInput(void 0);
 				}
 			})] }),
+			fontFamilyInput === void 0 ? void 0 : /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, {
+				color: "cyan",
+				children: "Font family: "
+			}), /* @__PURE__ */ jsx(TextField, {
+				value: fontFamilyInput,
+				isFocused: true,
+				placeholder: "e.g. Calibri",
+				onChange: setFontFamilyInput,
+				onSubmit: (value) => {
+					const trimmed = value.trim();
+					if (trimmed.length === 0) dispatch({
+						type: "SET_STATUS",
+						severity: "warning",
+						text: "A font family name cannot be blank"
+					});
+					else dispatch({
+						type: "SET_RUN_FONT_FAMILY",
+						blockIndex,
+						runIndex: clampedRunIndex,
+						fontFamily: trimmed
+					});
+					setFontFamilyInput(void 0);
+				},
+				onCancel: () => {
+					setFontFamilyInput(void 0);
+				}
+			})] }),
+			fontSizeInput === void 0 ? void 0 : /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, {
+				color: "cyan",
+				children: "Font size (pt): "
+			}), /* @__PURE__ */ jsx(TextField, {
+				value: fontSizeInput,
+				isFocused: true,
+				placeholder: "e.g. 12",
+				onChange: setFontSizeInput,
+				onSubmit: (value) => {
+					const sizePt = parseNumberField(value, selectedRun?.sizePt ?? DEFAULT_RUN_SIZE_PT);
+					if (sizePt <= 0) dispatch({
+						type: "SET_STATUS",
+						severity: "warning",
+						text: `"${value}" is not a positive font size`
+					});
+					else dispatch({
+						type: "SET_RUN_FONT_SIZE",
+						blockIndex,
+						runIndex: clampedRunIndex,
+						sizePt
+					});
+					setFontSizeInput(void 0);
+				},
+				onCancel: () => {
+					setFontSizeInput(void 0);
+				}
+			})] }),
 			imageWizardOpen ? /* @__PURE__ */ jsx(FieldWizard, {
 				fields: IMAGE_FIELDS,
 				onCancel: () => {
@@ -2678,7 +3015,7 @@ function ParagraphDetailScreen() {
 			/* @__PURE__ */ jsxs(Text, {
 				dimColor: true,
 				children: [
-					"<- / -> move, Enter edit text, b/i/u toggle, c colour, a append run, I image",
+					"<- / -> move, Enter edit text, b/i/u toggle, c colour, f font, s size, a append run, I image",
 					doc.format === "docx" ? ", m formula" : "",
 					", Esc back"
 				]
@@ -3747,6 +4084,64 @@ function OdbTableRowsScreen() {
 	});
 }
 //#endregion
+//#region src/tui/screens/shared/vector-fields.ts
+function parseColorField(raw) {
+	const trimmed = raw.trim();
+	if (trimmed.length === 0) return;
+	const [r, g, b] = trimmed.split(/\s+/).map((part) => Number.parseFloat(part));
+	if (r === void 0 || g === void 0 || b === void 0 || ![
+		r,
+		g,
+		b
+	].every((value) => Number.isFinite(value))) return;
+	return {
+		r,
+		g,
+		b
+	};
+}
+function parseStrokeField(raw) {
+	const trimmed = raw.trim();
+	if (trimmed.length === 0) return;
+	const [r, g, b, widthPt] = trimmed.split(/\s+/).map((part) => Number.parseFloat(part));
+	if (r === void 0 || g === void 0 || b === void 0 || widthPt === void 0 || ![
+		r,
+		g,
+		b,
+		widthPt
+	].every((value) => Number.isFinite(value))) return;
+	return {
+		color: {
+			r,
+			g,
+			b
+		},
+		widthPt
+	};
+}
+function defaultTriangleSubpaths(widthPt, heightPt) {
+	return [{
+		start: {
+			xPt: 0,
+			yPt: heightPt
+		},
+		segments: [{
+			kind: "line",
+			to: {
+				xPt: widthPt / 2,
+				yPt: 0
+			}
+		}, {
+			kind: "line",
+			to: {
+				xPt: widthPt,
+				yPt: heightPt
+			}
+		}],
+		closed: true
+	}];
+}
+//#endregion
 //#region src/tui/screens/editors/odg/shared.ts
 function requireOdgDocument(state) {
 	const doc = state.openDocument;
@@ -3798,14 +4193,14 @@ function vectorKindLabel(kind) {
 		case "path": return "Path";
 	}
 }
-function formatPt(value) {
+function formatPt$1(value) {
 	return value.toFixed(1);
 }
 function formatFrame(box) {
-	return `${formatPt(box.xPt)},${formatPt(box.yPt)} ${formatPt(box.widthPt)}x${formatPt(box.heightPt)}pt`;
+	return `${formatPt$1(box.xPt)},${formatPt$1(box.yPt)} ${formatPt$1(box.widthPt)}x${formatPt$1(box.heightPt)}pt`;
 }
 function formatPoint$1(point) {
-	return `${formatPt(point.xPt)},${formatPt(point.yPt)}`;
+	return `${formatPt$1(point.xPt)},${formatPt$1(point.yPt)}`;
 }
 function formatColor$1(color) {
 	return `rgb(${color.r.toFixed(2)}, ${color.g.toFixed(2)}, ${color.b.toFixed(2)})`;
@@ -3817,78 +4212,22 @@ function describeVectorGeometry(vector) {
 function describeFillStroke(vector) {
 	const parts = [];
 	if (vector.kind !== "line" && vector.fill !== void 0) parts.push(`fill ${formatColor$1(vector.fill)}`);
-	if (vector.stroke !== void 0) parts.push(`stroke ${formatColor$1(vector.stroke.color)} ${formatPt(vector.stroke.widthPt)}pt`);
+	if (vector.stroke !== void 0) parts.push(`stroke ${formatColor$1(vector.stroke.color)} ${formatPt$1(vector.stroke.widthPt)}pt`);
 	return parts.length === 0 ? "no fill or stroke" : parts.join(", ");
 }
-function parseColorField(raw) {
-	const trimmed = raw.trim();
-	if (trimmed.length === 0) return;
-	const [r, g, b] = trimmed.split(/\s+/).map((part) => Number.parseFloat(part));
-	if (r === void 0 || g === void 0 || b === void 0 || ![
-		r,
-		g,
-		b
-	].every((value) => Number.isFinite(value))) return;
-	return {
-		r,
-		g,
-		b
-	};
-}
-function parseStrokeField(raw) {
-	const trimmed = raw.trim();
-	if (trimmed.length === 0) return;
-	const [r, g, b, widthPt] = trimmed.split(/\s+/).map((part) => Number.parseFloat(part));
-	if (r === void 0 || g === void 0 || b === void 0 || widthPt === void 0 || ![
-		r,
-		g,
-		b,
-		widthPt
-	].every((value) => Number.isFinite(value))) return;
-	return {
-		color: {
-			r,
-			g,
-			b
-		},
-		widthPt
-	};
-}
-function defaultTriangleSubpaths(widthPt, heightPt) {
-	return [{
-		start: {
-			xPt: 0,
-			yPt: heightPt
-		},
-		segments: [{
-			kind: "line",
-			to: {
-				xPt: widthPt / 2,
-				yPt: 0
-			}
-		}, {
-			kind: "line",
-			to: {
-				xPt: widthPt,
-				yPt: heightPt
-			}
-		}],
-		closed: true
-	}];
-}
-//#endregion
-//#region src/tui/screens/editors/odg/page-list.tsx
-function OdgPageListScreen() {
-	const state = useAppState();
-	const dispatch = useAppDispatch();
-	const pages = requireOdgDocument(state).editor.pages();
-	const query = state.searchQuery.trim().toLowerCase();
-	const pageIndices = pages.map((_, index) => index).filter((index) => query.length === 0 || `page ${index + 1}`.includes(query));
-	const { selectedIndex } = useNavigationInput({
-		itemCount: pageIndices.length,
-		isActive: !anyOverlayOpen(state),
-		onBack: () => {
-			dispatch({ type: "POP_SCREEN" });
+//#endregion
+//#region src/tui/screens/editors/odg/page-list.tsx
+function OdgPageListScreen() {
+	const state = useAppState();
+	const dispatch = useAppDispatch();
+	const pages = requireOdgDocument(state).editor.pages();
+	const query = state.searchQuery.trim().toLowerCase();
+	const pageIndices = pages.map((_, index) => index).filter((index) => query.length === 0 || `page ${index + 1}`.includes(query));
+	const { selectedIndex } = useNavigationInput({
+		itemCount: pageIndices.length,
+		isActive: !anyOverlayOpen(state),
+		onBack: () => {
+			dispatch({ type: "POP_SCREEN" });
 		},
 		onSelect: (index) => {
 			const pageIndex = pageIndices[index];
@@ -3940,7 +4279,7 @@ function OdgPageListScreen() {
 }
 //#endregion
 //#region src/tui/screens/editors/odg/page-detail.tsx
-const ADD_KIND_OPTIONS = [
+const ADD_KIND_OPTIONS$1 = [
 	{
 		kind: "rect",
 		label: "Rectangle"
@@ -3966,7 +4305,7 @@ const ADD_KIND_OPTIONS = [
 		label: "Image"
 	}
 ];
-const GEOMETRY_FIELDS = [
+const GEOMETRY_FIELDS$1 = [
 	{
 		key: "xPt",
 		label: "X (pt)",
@@ -3988,24 +4327,24 @@ const GEOMETRY_FIELDS = [
 		defaultValue: "100"
 	}
 ];
-const FILL_FIELD = {
+const FILL_FIELD$1 = {
 	key: "fill",
 	label: "Fill \"r g b\" (0-1 each), blank for none",
 	defaultValue: "0.8 0.8 0.8"
 };
-const STROKE_FIELD = {
+const STROKE_FIELD$1 = {
 	key: "stroke",
 	label: "Stroke \"r g b widthPt\" (0-1 colour, pt width), blank for none",
 	defaultValue: "0 0 0 1"
 };
-function fieldsForAddKind(kind) {
+function fieldsForAddKind$1(kind) {
 	switch (kind) {
 		case "rect":
 		case "ellipse":
 		case "path": return [
-			...GEOMETRY_FIELDS,
-			FILL_FIELD,
-			STROKE_FIELD
+			...GEOMETRY_FIELDS$1,
+			FILL_FIELD$1,
+			STROKE_FIELD$1
 		];
 		case "line": return [
 			{
@@ -4028,15 +4367,15 @@ function fieldsForAddKind(kind) {
 				label: "To Y (pt)",
 				defaultValue: "40"
 			},
-			STROKE_FIELD
+			STROKE_FIELD$1
 		];
-		case "textbox": return [...GEOMETRY_FIELDS, {
+		case "textbox": return [...GEOMETRY_FIELDS$1, {
 			key: "text",
 			label: "Text",
 			defaultValue: "Text"
 		}];
 		case "image": return [
-			...GEOMETRY_FIELDS,
+			...GEOMETRY_FIELDS$1,
 			{
 				key: "path",
 				label: "Image file path (.png/.jpg/.jpeg)",
@@ -4050,7 +4389,7 @@ function fieldsForAddKind(kind) {
 		];
 	}
 }
-function readFrame(values) {
+function readFrame$1(values) {
 	return {
 		xPt: parseNumberField(requireFieldValue(values, "xPt"), 0),
 		yPt: parseNumberField(requireFieldValue(values, "yPt"), 0),
@@ -4069,19 +4408,19 @@ function warnIfVectorAddedReadOnly(doc, pageIndex, dispatch, label) {
 	const added = buildPageItems(doc, pageIndex).filter((item) => item.kind === "vector").at(-1);
 	if (added !== void 0 && added.liveVector === void 0) warnVectorIsViewOnly(dispatch, label);
 }
-function inferImageFormat(path) {
+function inferImageFormat$1(path) {
 	const extension = path.slice(path.lastIndexOf(".") + 1).toLowerCase();
 	if (extension === "png") return "png";
 	if (extension === "jpg" || extension === "jpeg") return "jpeg";
 }
-async function applyAddKind(kind, pageIndex, doc, values, dispatch) {
+async function applyAddKind$1(kind, pageIndex, doc, values, dispatch) {
 	switch (kind) {
 		case "rect":
 			dispatch({
 				type: "ADD_RECT",
-				pageIndex,
+				containerIndex: pageIndex,
 				init: {
-					frame: readFrame(values),
+					frame: readFrame$1(values),
 					fill: parseColorField(requireFieldValue(values, "fill")),
 					stroke: parseStrokeField(requireFieldValue(values, "stroke"))
 				}
@@ -4091,9 +4430,9 @@ async function applyAddKind(kind, pageIndex, doc, values, dispatch) {
 		case "ellipse":
 			dispatch({
 				type: "ADD_ELLIPSE",
-				pageIndex,
+				containerIndex: pageIndex,
 				init: {
-					frame: readFrame(values),
+					frame: readFrame$1(values),
 					fill: parseColorField(requireFieldValue(values, "fill")),
 					stroke: parseStrokeField(requireFieldValue(values, "stroke"))
 				}
@@ -4103,7 +4442,7 @@ async function applyAddKind(kind, pageIndex, doc, values, dispatch) {
 		case "line":
 			dispatch({
 				type: "ADD_LINE",
-				pageIndex,
+				containerIndex: pageIndex,
 				init: {
 					from: {
 						xPt: parseNumberField(requireFieldValue(values, "fromXPt"), 0),
@@ -4126,10 +4465,10 @@ async function applyAddKind(kind, pageIndex, doc, values, dispatch) {
 			warnIfVectorAddedReadOnly(doc, pageIndex, dispatch, "Line");
 			return;
 		case "path": {
-			const frame = readFrame(values);
+			const frame = readFrame$1(values);
 			dispatch({
 				type: "ADD_PATH",
-				pageIndex,
+				containerIndex: pageIndex,
 				init: {
 					frame,
 					subpaths: defaultTriangleSubpaths(frame.widthPt, frame.heightPt),
@@ -4144,14 +4483,14 @@ async function applyAddKind(kind, pageIndex, doc, values, dispatch) {
 			dispatch({
 				type: "ADD_TEXTBOX",
 				containerIndex: pageIndex,
-				frame: readFrame(values),
+				frame: readFrame$1(values),
 				text: requireFieldValue(values, "text")
 			});
 			return;
 		case "image": {
-			const frame = readFrame(values);
+			const frame = readFrame$1(values);
 			const path = requireFieldValue(values, "path");
-			const format = inferImageFormat(path);
+			const format = inferImageFormat$1(path);
 			if (format === void 0) {
 				dispatch({
 					type: "SET_STATUS",
@@ -4182,15 +4521,15 @@ async function applyAddKind(kind, pageIndex, doc, values, dispatch) {
 		}
 	}
 }
-function AddItemFlow(props) {
+function AddItemFlow$1(props) {
 	const dispatch = useAppDispatch();
 	const [kind, setKind] = useState(void 0);
 	const { selectedIndex } = useNavigationInput({
-		itemCount: ADD_KIND_OPTIONS.length,
+		itemCount: ADD_KIND_OPTIONS$1.length,
 		isActive: props.isActive && kind === void 0,
 		onBack: props.onCancel,
 		onSelect: (index) => {
-			const option = ADD_KIND_OPTIONS[index];
+			const option = ADD_KIND_OPTIONS$1[index];
 			if (option === void 0) return;
 			setKind(option.kind);
 		}
@@ -4203,7 +4542,7 @@ function AddItemFlow(props) {
 			bold: true,
 			children: "Add item -- choose a kind"
 		}), /* @__PURE__ */ jsx(ListView, {
-			items: ADD_KIND_OPTIONS,
+			items: ADD_KIND_OPTIONS$1,
 			selectedIndex,
 			reservedRows: 6,
 			renderItem: (option, isSelected) => /* @__PURE__ */ jsxs(Text, {
@@ -4213,10 +4552,10 @@ function AddItemFlow(props) {
 		})]
 	});
 	return /* @__PURE__ */ jsx(FieldWizard, {
-		fields: fieldsForAddKind(kind),
+		fields: fieldsForAddKind$1(kind),
 		onCancel: props.onCancel,
 		onComplete: (values) => {
-			applyAddKind(kind, props.pageIndex, props.doc, values, dispatch).then(props.onCreated);
+			applyAddKind$1(kind, props.pageIndex, props.doc, values, dispatch).then(props.onCreated);
 		}
 	});
 }
@@ -4268,7 +4607,7 @@ function OdgPageDetailScreen() {
 			setIsAdding(true);
 		}
 	});
-	if (isAdding) return /* @__PURE__ */ jsx(AddItemFlow, {
+	if (isAdding) return /* @__PURE__ */ jsx(AddItemFlow$1, {
 		pageIndex,
 		doc,
 		isActive: !overlayOpen,
@@ -4321,7 +4660,7 @@ function buildVectorRows(vector, liveVector, dispatch) {
 		});
 	}
 	rows.push({
-		label: `Stroke: ${vector.stroke === void 0 ? "none" : `${formatColor$1(vector.stroke.color)} ${formatPt(vector.stroke.widthPt)}pt`}`,
+		label: `Stroke: ${vector.stroke === void 0 ? "none" : `${formatColor$1(vector.stroke.color)} ${formatPt$1(vector.stroke.widthPt)}pt`}`,
 		currentValue: vector.stroke === void 0 ? "" : `${vector.stroke.color.r} ${vector.stroke.color.g} ${vector.stroke.color.b} ${vector.stroke.widthPt}`,
 		commit: (raw) => {
 			const stroke = parseStrokeField(raw);
@@ -4453,7 +4792,7 @@ function ShapeDetail(props) {
 			}
 		},
 		{
-			label: `X: ${formatPt(frame.xPt)}pt`,
+			label: `X: ${formatPt$1(frame.xPt)}pt`,
 			currentValue: String(frame.xPt),
 			commit: (raw) => {
 				dispatch({
@@ -4468,7 +4807,7 @@ function ShapeDetail(props) {
 			}
 		},
 		{
-			label: `Y: ${formatPt(frame.yPt)}pt`,
+			label: `Y: ${formatPt$1(frame.yPt)}pt`,
 			currentValue: String(frame.yPt),
 			commit: (raw) => {
 				dispatch({
@@ -4483,7 +4822,7 @@ function ShapeDetail(props) {
 			}
 		},
 		{
-			label: `Width: ${formatPt(frame.widthPt)}pt`,
+			label: `Width: ${formatPt$1(frame.widthPt)}pt`,
 			currentValue: String(frame.widthPt),
 			commit: (raw) => {
 				dispatch({
@@ -4498,7 +4837,7 @@ function ShapeDetail(props) {
 			}
 		},
 		{
-			label: `Height: ${formatPt(frame.heightPt)}pt`,
+			label: `Height: ${formatPt$1(frame.heightPt)}pt`,
 			currentValue: String(frame.heightPt),
 			commit: (raw) => {
 				dispatch({
@@ -4513,7 +4852,7 @@ function ShapeDetail(props) {
 			}
 		},
 		{
-			label: `Rotation: ${shape.rotationDeg === void 0 ? "none" : `${formatPt(shape.rotationDeg)} deg`}`,
+			label: `Rotation: ${shape.rotationDeg === void 0 ? "none" : `${formatPt$1(shape.rotationDeg)} deg`}`,
 			currentValue: shape.rotationDeg === void 0 ? "" : String(shape.rotationDeg),
 			commit: (raw) => {
 				const trimmed = raw.trim();
@@ -5061,17 +5400,149 @@ function summarizeSlideTables(doc, slideIndex) {
 }
 //#endregion
 //#region src/tui/screens/editors/pptx/slide-detail.tsx
-const IMAGE_EXTENSION_TO_FORMAT = {
+const IMAGE_EXTENSION_TO_FORMAT$1 = {
 	png: "png",
 	jpg: "jpeg",
 	jpeg: "jpeg"
 };
 const DEFAULT_TABLE_ROWS = 2;
 const DEFAULT_TABLE_COLUMNS = 2;
+const VECTOR_GEOMETRY_FIELDS = [
+	{
+		key: "xPt",
+		label: "X (pt)",
+		defaultValue: "40"
+	},
+	{
+		key: "yPt",
+		label: "Y (pt)",
+		defaultValue: "40"
+	},
+	{
+		key: "widthPt",
+		label: "Width (pt)",
+		defaultValue: "160"
+	},
+	{
+		key: "heightPt",
+		label: "Height (pt)",
+		defaultValue: "100"
+	}
+];
+const VECTOR_FILL_FIELD = {
+	key: "fill",
+	label: "Fill \"r g b\" (0-1 each), blank for none",
+	defaultValue: "0.8 0.8 0.8"
+};
+const VECTOR_STROKE_FIELD = {
+	key: "stroke",
+	label: "Stroke \"r g b widthPt\" (0-1 colour, pt width), blank for none",
+	defaultValue: "0 0 0 1"
+};
+const VECTOR_LINE_FIELDS = [
+	{
+		key: "fromXPt",
+		label: "From X (pt)",
+		defaultValue: "40"
+	},
+	{
+		key: "fromYPt",
+		label: "From Y (pt)",
+		defaultValue: "40"
+	},
+	{
+		key: "toXPt",
+		label: "To X (pt)",
+		defaultValue: "200"
+	},
+	{
+		key: "toYPt",
+		label: "To Y (pt)",
+		defaultValue: "40"
+	},
+	VECTOR_STROKE_FIELD
+];
+function fieldsForVectorKind(kind) {
+	switch (kind) {
+		case "rect":
+		case "ellipse":
+		case "path": return [
+			...VECTOR_GEOMETRY_FIELDS,
+			VECTOR_FILL_FIELD,
+			VECTOR_STROKE_FIELD
+		];
+		case "line": return VECTOR_LINE_FIELDS;
+	}
+}
+function readVectorFrame(values) {
+	return {
+		xPt: parseNumberField(requireFieldValue(values, "xPt"), 0),
+		yPt: parseNumberField(requireFieldValue(values, "yPt"), 0),
+		widthPt: parseNumberField(requireFieldValue(values, "widthPt"), 160),
+		heightPt: parseNumberField(requireFieldValue(values, "heightPt"), 100)
+	};
+}
+function buildVectorAction(kind, slideIndex, values) {
+	switch (kind) {
+		case "rect": return {
+			type: "ADD_RECT",
+			containerIndex: slideIndex,
+			init: {
+				frame: readVectorFrame(values),
+				fill: parseColorField(requireFieldValue(values, "fill")),
+				stroke: parseStrokeField(requireFieldValue(values, "stroke"))
+			}
+		};
+		case "ellipse": return {
+			type: "ADD_ELLIPSE",
+			containerIndex: slideIndex,
+			init: {
+				frame: readVectorFrame(values),
+				fill: parseColorField(requireFieldValue(values, "fill")),
+				stroke: parseStrokeField(requireFieldValue(values, "stroke"))
+			}
+		};
+		case "line": return {
+			type: "ADD_LINE",
+			containerIndex: slideIndex,
+			init: {
+				from: {
+					xPt: parseNumberField(requireFieldValue(values, "fromXPt"), 0),
+					yPt: parseNumberField(requireFieldValue(values, "fromYPt"), 0)
+				},
+				to: {
+					xPt: parseNumberField(requireFieldValue(values, "toXPt"), 100),
+					yPt: parseNumberField(requireFieldValue(values, "toYPt"), 0)
+				},
+				stroke: parseStrokeField(requireFieldValue(values, "stroke")) ?? {
+					color: {
+						r: 0,
+						g: 0,
+						b: 0
+					},
+					widthPt: 1
+				}
+			}
+		};
+		case "path": {
+			const frame = readVectorFrame(values);
+			return {
+				type: "ADD_PATH",
+				containerIndex: slideIndex,
+				init: {
+					frame,
+					subpaths: defaultTriangleSubpaths(frame.widthPt, frame.heightPt),
+					fill: parseColorField(requireFieldValue(values, "fill")),
+					stroke: parseStrokeField(requireFieldValue(values, "stroke"))
+				}
+			};
+		}
+	}
+}
 function imageFormatFromPath(path) {
 	const dotIndex = path.lastIndexOf(".");
 	if (dotIndex < 0) return;
-	return IMAGE_EXTENSION_TO_FORMAT[path.slice(dotIndex + 1).toLowerCase()];
+	return IMAGE_EXTENSION_TO_FORMAT$1[path.slice(dotIndex + 1).toLowerCase()];
 }
 async function readImageForShape(path) {
 	const format = imageFormatFromPath(path);
@@ -5112,6 +5583,7 @@ function SlideDetailScreen(props) {
 	const [draft, setDraft] = useState("");
 	const [imageError, setImageError] = useState(void 0);
 	const [tableRows, setTableRows] = useState(DEFAULT_TABLE_ROWS);
+	const [vectorKind, setVectorKind] = useState(void 0);
 	const formIsOpen = addMode !== "closed";
 	const { selectedIndex } = useNavigationInput({
 		itemCount: selectableRowIndices.length,
@@ -5172,6 +5644,27 @@ function SlideDetailScreen(props) {
 		if (input === "b") {
 			setDraft(String(DEFAULT_TABLE_ROWS));
 			setAddMode("tableRows");
+			return;
+		}
+		if (doc.format !== "odp") return;
+		if (input === "r") {
+			setVectorKind("rect");
+			setAddMode("vector");
+			return;
+		}
+		if (input === "e") {
+			setVectorKind("ellipse");
+			setAddMode("vector");
+			return;
+		}
+		if (input === "n") {
+			setVectorKind("line");
+			setAddMode("vector");
+			return;
+		}
+		if (input === "p") {
+			setVectorKind("path");
+			setAddMode("vector");
 		}
 	}, { isActive: !overlayOpen && addMode === "chooseKind" });
 	useInput((input) => {
@@ -5285,9 +5778,25 @@ function SlideDetailScreen(props) {
 					});
 				}
 			}),
-			addMode === "chooseKind" ? /* @__PURE__ */ jsx(Text, {
+			addMode === "chooseKind" ? /* @__PURE__ */ jsxs(Text, {
 				color: "cyan",
-				children: "Add shape: t textbox, i image, b table, Esc cancel"
+				children: [
+					"Add shape: t textbox, i image, b table",
+					doc.format === "odp" ? ", r rect, e ellipse, n line, p path" : "",
+					", Esc cancel"
+				]
+			}) : void 0,
+			addMode === "vector" && vectorKind !== void 0 ? /* @__PURE__ */ jsx(FieldWizard, {
+				fields: fieldsForVectorKind(vectorKind),
+				onCancel: () => {
+					setAddMode("closed");
+					setVectorKind(void 0);
+				},
+				onComplete: (values) => {
+					dispatch(buildVectorAction(vectorKind, slideIndex, values));
+					setAddMode("closed");
+					setVectorKind(void 0);
+				}
 			}) : void 0,
 			addMode === "textbox" ? /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, {
 				color: "cyan",
@@ -6110,8 +6619,90 @@ const RESERVED_LETTERS = /* @__PURE__ */ new Set([
 	"l",
 	"p",
 	"t",
-	"m"
+	"m",
+	"f",
+	"i"
 ]);
+const IMAGE_EXTENSION_TO_FORMAT = {
+	png: "png",
+	jpg: "jpeg",
+	jpeg: "jpeg"
+};
+function inferSheetImageFormat(path) {
+	const extension = path.slice(path.lastIndexOf(".") + 1).toLowerCase();
+	return IMAGE_EXTENSION_TO_FORMAT[extension];
+}
+const SHEET_IMAGE_FIELDS = [
+	{
+		key: "path",
+		label: "Image file path (.png/.jpg/.jpeg)",
+		defaultValue: ""
+	},
+	{
+		key: "widthPt",
+		label: "Width (pt)",
+		defaultValue: "100"
+	},
+	{
+		key: "heightPt",
+		label: "Height (pt)",
+		defaultValue: "60"
+	},
+	{
+		key: "offsetXPt",
+		label: "Offset X from anchor cell (pt)",
+		defaultValue: "0"
+	},
+	{
+		key: "offsetYPt",
+		label: "Offset Y from anchor cell (pt)",
+		defaultValue: "0"
+	},
+	{
+		key: "altText",
+		label: "Alt text, blank for none",
+		defaultValue: ""
+	}
+];
+async function applyAddSheetImage(sheetIndex, anchorRow, anchorColumn, values, dispatch) {
+	const path = requireFieldValue(values, "path");
+	const format = inferSheetImageFormat(path);
+	if (format === void 0) {
+		dispatch({
+			type: "SET_STATUS",
+			severity: "warning",
+			text: `${path} is not a .png or .jpg/.jpeg file -- image not added`
+		});
+		return;
+	}
+	try {
+		const bytes = new Uint8Array(await readInput(path));
+		const widthPt = parseNumberField(requireFieldValue(values, "widthPt"), 100);
+		const heightPt = parseNumberField(requireFieldValue(values, "heightPt"), 60);
+		const offsetXPt = parseNumberField(requireFieldValue(values, "offsetXPt"), 0);
+		const offsetYPt = parseNumberField(requireFieldValue(values, "offsetYPt"), 0);
+		const altTextRaw = requireFieldValue(values, "altText").trim();
+		dispatch({
+			type: "ADD_SHEET_IMAGE",
+			sheetIndex,
+			anchorRow,
+			anchorColumn,
+			offsetXPt,
+			offsetYPt,
+			format,
+			bytes,
+			widthPt,
+			heightPt,
+			altText: altTextRaw.length === 0 ? void 0 : altTextRaw
+		});
+	} catch (error) {
+		dispatch({
+			type: "SET_STATUS",
+			severity: "error",
+			text: `Could not read ${path}: ${describeError(error)}`
+		});
+	}
+}
 function windowStart(cursor, total, viewport) {
 	const maxStart = Math.max(0, total - viewport);
 	return Math.min(Math.max(cursor - Math.floor(viewport / 2), 0), maxStart);
@@ -6134,6 +6725,9 @@ function OdsSpreadsheetGridScreen() {
 	const [viewMode, setViewMode] = useState("grid");
 	const [editSession, setEditSession] = useState(void 0);
 	const [mergeAnchor, setMergeAnchor] = useState(void 0);
+	const [formulaEditing, setFormulaEditing] = useState(false);
+	const [formulaDraft, setFormulaDraft] = useState("");
+	const [imageWizardOpen, setImageWizardOpen] = useState(false);
 	const { columns: terminalColumns, rows: terminalRows } = useWindowSize();
 	const sheet = resolveSheet(doc.editor, sheetIndex);
 	const { rowCount, columnCount } = sheetExtent(sheet);
@@ -6142,6 +6736,7 @@ function OdsSpreadsheetGridScreen() {
 	const clampedColumn = Math.min(cursorColumn, columnCount - 1);
 	const overlayOpen = anyOverlayOpen(state);
 	const editing = editSession !== void 0;
+	const editingAnything = editing || formulaEditing || imageWizardOpen;
 	function moveCursor(deltaRow, deltaColumn) {
 		setCursorRow((row) => Math.min(Math.max(row + deltaRow, 0), rowCount - 1));
 		setCursorColumn((column) => Math.min(Math.max(column + deltaColumn, 0), columnCount - 1));
@@ -6179,7 +6774,7 @@ function OdsSpreadsheetGridScreen() {
 				sheetIndex
 			}
 		});
-	}, { isActive: !overlayOpen && !editing });
+	}, { isActive: !overlayOpen && !editingAnything });
 	useInput((input, key) => {
 		if (key.upArrow || input === "k") {
 			moveCursor(-1, 0);
@@ -6229,6 +6824,16 @@ function OdsSpreadsheetGridScreen() {
 			else commitMerge(mergeAnchor);
 			return;
 		}
+		if (input === "f") {
+			const cell = cells.get(cellKey(clampedRow, clampedColumn));
+			setFormulaDraft(cell?.formula ?? "");
+			setFormulaEditing(true);
+			return;
+		}
+		if (input === "i") {
+			setImageWizardOpen(true);
+			return;
+		}
 		if (key.return) {
 			if (mergeAnchor !== void 0) {
 				commitMerge(mergeAnchor);
@@ -6240,7 +6845,7 @@ function OdsSpreadsheetGridScreen() {
 			return;
 		}
 		if (input.length === 1 && !key.ctrl && !key.meta && !RESERVED_LETTERS.has(input)) beginEdit(input, inferKind(input));
-	}, { isActive: !overlayOpen && !editing && viewMode === "grid" });
+	}, { isActive: !overlayOpen && !editingAnything && viewMode === "grid" });
 	const compactRows = sheet === void 0 ? [] : sheet.cells.filter((cell) => cell.value.kind !== "empty").map((cell) => ({
 		row: cell.row,
 		column: cell.column,
@@ -6358,25 +6963,59 @@ function OdsSpreadsheetGridScreen() {
 					setEditSession(void 0);
 				}
 			}),
-			/* @__PURE__ */ jsx(Text, {
-				dimColor: true,
-				children: mergeAnchor === void 0 ? `hjkl/arrows move, Enter/type to edit, m to anchor a merge, p print settings, t ${viewMode === "grid" ? "compact list" : "grid"} view, Esc back` : "hjkl/arrows to the opposite corner, m/Enter to merge, Esc to cancel"
-			})
-		]
-	});
-}
-//#endregion
-//#region src/tui/screens/editors/odt/list-editor.tsx
-function ListEditorScreen() {
-	const state = useAppState();
-	const dispatch = useAppDispatch();
-	const overlayOpen = anyOverlayOpen(state);
-	const [isAdding, setIsAdding] = useState(false);
-	const [newItemText, setNewItemText] = useState("");
-	const [editingIndex, setEditingIndex] = useState(void 0);
-	const screen = currentScreen(state);
-	const doc = paragraphFamilyDocument(state.openDocument);
-	const list = screen.kind === "listEditor" && doc?.format === "odt" ? doc.editor.lists()[screen.blockIndex] : void 0;
+			formulaEditing ? /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsxs(Text, {
+				color: "cyan",
+				children: [cursorAddress, " formula: "]
+			}), /* @__PURE__ */ jsx(TextField, {
+				value: formulaDraft,
+				isFocused: !overlayOpen,
+				placeholder: "e.g. of:=[.A1]+[.A2]",
+				onChange: setFormulaDraft,
+				onSubmit: (value) => {
+					const trimmed = value.trim();
+					dispatch({
+						type: "SET_CELL_FORMULA",
+						sheetIndex,
+						row: clampedRow,
+						column: clampedColumn,
+						formula: trimmed.length === 0 ? void 0 : trimmed
+					});
+					setFormulaEditing(false);
+				},
+				onCancel: () => {
+					setFormulaEditing(false);
+				}
+			})] }) : void 0,
+			imageWizardOpen ? /* @__PURE__ */ jsx(FieldWizard, {
+				fields: SHEET_IMAGE_FIELDS,
+				onCancel: () => {
+					setImageWizardOpen(false);
+				},
+				onComplete: (values) => {
+					applyAddSheetImage(sheetIndex, clampedRow, clampedColumn, values, dispatch).then(() => {
+						setImageWizardOpen(false);
+					});
+				}
+			}) : void 0,
+			/* @__PURE__ */ jsx(Text, {
+				dimColor: true,
+				children: mergeAnchor === void 0 ? `hjkl/arrows move, Enter/type to edit, m to anchor a merge, p print settings, t ${viewMode === "grid" ? "compact list" : "grid"} view, f formula, i image, Esc back` : "hjkl/arrows to the opposite corner, m/Enter to merge, Esc to cancel"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/tui/screens/editors/odt/list-editor.tsx
+function ListEditorScreen() {
+	const state = useAppState();
+	const dispatch = useAppDispatch();
+	const overlayOpen = anyOverlayOpen(state);
+	const [isAdding, setIsAdding] = useState(false);
+	const [newItemText, setNewItemText] = useState("");
+	const [editingIndex, setEditingIndex] = useState(void 0);
+	const screen = currentScreen(state);
+	const doc = paragraphFamilyDocument(state.openDocument);
+	const list = screen.kind === "listEditor" && doc?.format === "odt" ? doc.editor.lists()[screen.blockIndex] : void 0;
 	const items = list === void 0 ? [] : list.items();
 	const rows = items.map((item, index) => ({
 		item,
@@ -6539,9 +7178,58 @@ function requirePdfDocument(openDocument) {
 	if (openDocument?.format !== "pdf" && openDocument?.format !== "xlsx") throw new Error("A PDF inspection screen rendered without an open PDF or xlsx document; the app router only reaches this screen group from pdfPageList, which is only ever the root screen of one of those two formats.");
 	return openDocument;
 }
+function isEditablePdfDocument(doc) {
+	return doc.format === "pdf";
+}
 function formatSize(widthPt, heightPt) {
 	return `${widthPt.toFixed(0)}×${heightPt.toFixed(0)}pt`;
 }
+function formatPt(value) {
+	return value.toFixed(1);
+}
+function formatColor(color) {
+	const byte = (component) => Math.round(component * 255).toString(16).padStart(2, "0");
+	return `#${byte(color.r)}${byte(color.g)}${byte(color.b)}`;
+}
+function formatStroke(stroke) {
+	return `${formatColor(stroke.color)} @ ${stroke.widthPt.toFixed(1)}pt`;
+}
+function parseRequiredColorField(raw, fallback) {
+	return parseColorField(raw) ?? fallback;
+}
+function parseFontWeight(raw) {
+	return raw.trim().toLowerCase() === "bold" ? "bold" : "normal";
+}
+function parseFontStyle(raw) {
+	return raw.trim().toLowerCase() === "italic" ? "italic" : "normal";
+}
+function parseOptionalNumberField(raw) {
+	const trimmed = raw.trim();
+	if (trimmed.length === 0) return;
+	const parsed = Number.parseFloat(trimmed);
+	return Number.isFinite(parsed) ? parsed : void 0;
+}
+function defaultTriangleLayoutSubpaths(widthPt, heightPt) {
+	return [{
+		startXPt: 0,
+		startYPt: heightPt,
+		segments: [{
+			kind: "line",
+			xPt: widthPt / 2,
+			yPt: 0
+		}, {
+			kind: "line",
+			xPt: widthPt,
+			yPt: heightPt
+		}],
+		closed: true
+	}];
+}
+function inferImageFormat(path) {
+	const extension = path.slice(path.lastIndexOf(".") + 1).toLowerCase();
+	if (extension === "png") return "png";
+	if (extension === "jpg" || extension === "jpeg") return "jpeg";
+}
 //#endregion
 //#region src/tui/screens/editors/pdf/page-list.tsx
 const LAYOUT_ITEM_KIND_ORDER = [
@@ -6630,13 +7318,6 @@ function PdfPageListScreen() {
 function formatPoint(xPt, yPt) {
 	return `(${xPt.toFixed(1)}, ${yPt.toFixed(1)})pt`;
 }
-function formatColor(color) {
-	const byte = (component) => Math.round(component * 255).toString(16).padStart(2, "0");
-	return `#${byte(color.r)}${byte(color.g)}${byte(color.b)}`;
-}
-function formatStroke(stroke) {
-	return `${formatColor(stroke.color)} @ ${stroke.widthPt.toFixed(1)}pt`;
-}
 function fieldsFor(item) {
 	const fields = [["Kind", item.kind]];
 	switch (item.kind) {
@@ -6688,19 +7369,10 @@ function fieldsFor(item) {
 	if (item.sourcePath !== void 0) fields.push(["Source path", item.sourcePath]);
 	return fields;
 }
-function PdfItemDetailScreen() {
-	const state = useAppState();
-	const dispatch = useAppDispatch();
-	const doc = requirePdfDocument(state.openDocument);
-	const screen = currentScreen(state);
-	if (screen.kind !== "pdfItemDetail") throw new Error(`PdfItemDetailScreen rendered while the current screen is "${screen.kind}", not "pdfItemDetail".`);
-	const page = doc.layout.pages[screen.pageIndex];
-	if (page === void 0) throw new Error(`pdfItemDetail was pushed for page ${screen.pageIndex}, but the open PDF has no page at that index.`);
-	const item = page.items[screen.itemIndex];
-	if (item === void 0) throw new Error(`pdfItemDetail was pushed for item ${screen.itemIndex} on page ${screen.pageIndex}, but that page has no item at that index.`);
+function ReadOnlyItemDetail(props) {
 	useInput((input, key) => {
-		if (key.escape || key.leftArrow || input === "h") dispatch({ type: "POP_SCREEN" });
-	}, { isActive: !anyOverlayOpen(state) });
+		if (key.escape || key.leftArrow || input === "h") props.onBack();
+	}, { isActive: props.isActive });
 	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		children: [
@@ -6708,12 +7380,12 @@ function PdfItemDetailScreen() {
 				bold: true,
 				children: [
 					"Page ",
-					screen.pageIndex + 1,
+					props.pageIndex + 1,
 					", item ",
-					screen.itemIndex + 1
+					props.itemIndex + 1
 				]
 			}),
-			fieldsFor(item).map(([label, value]) => /* @__PURE__ */ jsxs(Text, { children: [
+			fieldsFor(props.item).map(([label, value]) => /* @__PURE__ */ jsxs(Text, { children: [
 				label,
 				": ",
 				value
@@ -6725,109 +7397,996 @@ function PdfItemDetailScreen() {
 		]
 	});
 }
-//#endregion
-//#region src/tui/screens/editors/pdf/page-items.tsx
-const TEXT_PREVIEW_MAX_CHARS = 48;
-function truncate(text, maxChars) {
-	return text.length > maxChars ? `${text.slice(0, maxChars)}…` : text;
-}
-function pathDimensions(item) {
-	let minX = Number.POSITIVE_INFINITY;
-	let minY = Number.POSITIVE_INFINITY;
-	let maxX = Number.NEGATIVE_INFINITY;
-	let maxY = Number.NEGATIVE_INFINITY;
-	const consider = (xPt, yPt) => {
-		minX = Math.min(minX, xPt);
-		minY = Math.min(minY, yPt);
-		maxX = Math.max(maxX, xPt);
-		maxY = Math.max(maxY, yPt);
-	};
-	for (const subpath of item.subpaths) {
-		consider(subpath.startXPt, subpath.startYPt);
-		for (const segment of subpath.segments) {
-			if (segment.kind === "cubic") {
-				consider(segment.c1xPt, segment.c1yPt);
-				consider(segment.c2xPt, segment.c2yPt);
-			}
-			consider(segment.xPt, segment.yPt);
+function buildFrameRows(frame, onFrameChange) {
+	return [
+		{
+			label: `X: ${formatPt(frame.xPt)}pt`,
+			currentValue: String(frame.xPt),
+			commit: (raw) => onFrameChange({
+				...frame,
+				xPt: parseNumberField(raw, frame.xPt)
+			})
+		},
+		{
+			label: `Y: ${formatPt(frame.yPt)}pt`,
+			currentValue: String(frame.yPt),
+			commit: (raw) => onFrameChange({
+				...frame,
+				yPt: parseNumberField(raw, frame.yPt)
+			})
+		},
+		{
+			label: `Width: ${formatPt(frame.widthPt)}pt`,
+			currentValue: String(frame.widthPt),
+			commit: (raw) => onFrameChange({
+				...frame,
+				widthPt: parseNumberField(raw, frame.widthPt)
+			})
+		},
+		{
+			label: `Height: ${formatPt(frame.heightPt)}pt`,
+			currentValue: String(frame.heightPt),
+			commit: (raw) => onFrameChange({
+				...frame,
+				heightPt: parseNumberField(raw, frame.heightPt)
+			})
 		}
-	}
-	if (minX > maxX) return "empty path";
-	return formatSize(maxX - minX, maxY - minY);
+	];
 }
-function previewFor(item) {
-	switch (item.kind) {
-		case "text": return truncate(item.text, TEXT_PREVIEW_MAX_CHARS);
-		case "link": return item.uri;
-		case "image":
-		case "rect":
-		case "ellipse": return formatSize(item.widthPt, item.heightPt);
-		case "line": return formatSize(Math.abs(item.x2Pt - item.x1Pt), Math.abs(item.y2Pt - item.y1Pt));
-		case "path": return pathDimensions(item);
-	}
+function buildFillStrokeRows(fill, stroke, onFillChange, onStrokeChange) {
+	return [{
+		label: `Fill: ${fill === void 0 ? "none" : formatColor(fill)}`,
+		currentValue: fill === void 0 ? "" : `${fill.r} ${fill.g} ${fill.b}`,
+		commit: (raw) => onFillChange(parseColorField(raw))
+	}, {
+		label: `Stroke: ${stroke === void 0 ? "none" : formatStroke(stroke)}`,
+		currentValue: stroke === void 0 ? "" : `${stroke.color.r} ${stroke.color.g} ${stroke.color.b} ${stroke.widthPt}`,
+		commit: (raw) => onStrokeChange(parseStrokeField(raw))
+	}];
 }
-function PdfPageItemsScreen() {
-	const state = useAppState();
-	const dispatch = useAppDispatch();
-	const doc = requirePdfDocument(state.openDocument);
-	const screen = currentScreen(state);
-	if (screen.kind !== "pdfPageItems") throw new Error(`PdfPageItemsScreen rendered while the current screen is "${screen.kind}", not "pdfPageItems".`);
-	const page = doc.layout.pages[screen.pageIndex];
-	if (page === void 0) throw new Error(`pdfPageItems was pushed for page ${screen.pageIndex}, but the open PDF has no page at that index.`);
-	const query = state.searchQuery.trim().toLowerCase();
-	const indexed = page.items.map((item, itemIndex) => ({
-		item,
-		itemIndex
-	}));
-	const items = query === "" ? indexed : indexed.filter((entry) => `${entry.item.kind} ${previewFor(entry.item)}`.toLowerCase().includes(query));
-	const { selectedIndex } = useNavigationInput({
-		itemCount: items.length,
-		onSelect: (index) => {
-			const entry = items[index];
-			if (entry === void 0) return;
-			dispatch({
-				type: "PUSH_SCREEN",
-				screen: {
-					kind: "pdfItemDetail",
-					pageIndex: screen.pageIndex,
-					itemIndex: entry.itemIndex
+function buildTextRows(item, pageIndex, itemIndex, dispatch) {
+	return [
+		{
+			label: `Text: ${item.text}`,
+			currentValue: item.text,
+			commit: (raw) => dispatch({
+				type: "SET_PDF_TEXT_TEXT",
+				pageIndex,
+				itemIndex,
+				text: raw
+			})
+		},
+		{
+			label: `X: ${formatPt(item.xPt)}pt`,
+			currentValue: String(item.xPt),
+			commit: (raw) => dispatch({
+				type: "SET_PDF_TEXT_POSITION",
+				pageIndex,
+				itemIndex,
+				xPt: parseNumberField(raw, item.xPt),
+				yPt: item.yPt
+			})
+		},
+		{
+			label: `Y: ${formatPt(item.yPt)}pt`,
+			currentValue: String(item.yPt),
+			commit: (raw) => dispatch({
+				type: "SET_PDF_TEXT_POSITION",
+				pageIndex,
+				itemIndex,
+				xPt: item.xPt,
+				yPt: parseNumberField(raw, item.yPt)
+			})
+		},
+		{
+			label: `Font family: ${item.font.family}`,
+			currentValue: item.font.family,
+			commit: (raw) => {
+				const family = raw.trim();
+				dispatch({
+					type: "SET_PDF_TEXT_FONT",
+					pageIndex,
+					itemIndex,
+					font: {
+						...item.font,
+						family: family.length === 0 ? item.font.family : family
+					}
+				});
+			}
+		},
+		{
+			label: `Font weight: ${item.font.weight} (Enter to toggle)`,
+			currentValue: "",
+			activate: () => dispatch({
+				type: "SET_PDF_TEXT_FONT",
+				pageIndex,
+				itemIndex,
+				font: {
+					...item.font,
+					weight: item.font.weight === "bold" ? "normal" : "bold"
 				}
-			});
+			})
 		},
-		onBack: () => {
-			dispatch({ type: "POP_SCREEN" });
+		{
+			label: `Font style: ${item.font.style} (Enter to toggle)`,
+			currentValue: "",
+			activate: () => dispatch({
+				type: "SET_PDF_TEXT_FONT",
+				pageIndex,
+				itemIndex,
+				font: {
+					...item.font,
+					style: item.font.style === "italic" ? "normal" : "italic"
+				}
+			})
 		},
-		isActive: !anyOverlayOpen(state)
-	});
-	return /* @__PURE__ */ jsxs(Box, {
-		flexDirection: "column",
-		children: [/* @__PURE__ */ jsxs(Text, {
-			bold: true,
-			children: [
-				"Page ",
-				screen.pageIndex + 1,
-				" items (",
-				items.length,
-				" of ",
-				page.items.length,
-				")"
-			]
-		}), /* @__PURE__ */ jsx(ListView, {
-			items,
-			selectedIndex,
-			emptyMessage: query === "" ? "This page has no items." : `No items match "${state.searchQuery}".`,
-			renderItem: ({ item, itemIndex }, isSelected) => /* @__PURE__ */ jsxs(Text, {
-				color: isSelected ? "cyan" : void 0,
-				inverse: isSelected,
-				children: [
-					itemIndex + 1,
-					". ",
-					item.kind,
-					" -- ",
-					previewFor(item)
-				]
+		{
+			label: `Size: ${item.sizePt}pt`,
+			currentValue: String(item.sizePt),
+			commit: (raw) => dispatch({
+				type: "SET_PDF_TEXT_SIZE",
+				pageIndex,
+				itemIndex,
+				sizePt: parseNumberField(raw, item.sizePt)
 			})
-		})]
+		},
+		{
+			label: `Colour: ${formatColor(item.color)}`,
+			currentValue: `${item.color.r} ${item.color.g} ${item.color.b}`,
+			commit: (raw) => dispatch({
+				type: "SET_PDF_TEXT_COLOR",
+				pageIndex,
+				itemIndex,
+				color: parseRequiredColorField(raw, item.color)
+			})
+		},
+		{
+			label: `Width: ${item.widthPt === void 0 ? "unset" : `${item.widthPt}pt`}`,
+			currentValue: item.widthPt === void 0 ? "" : String(item.widthPt),
+			commit: (raw) => dispatch({
+				type: "SET_PDF_TEXT_WIDTH",
+				pageIndex,
+				itemIndex,
+				widthPt: parseOptionalNumberField(raw)
+			})
+		},
+		{
+			label: `Rotation: ${item.rotationDeg === void 0 ? "unset" : `${item.rotationDeg}°`}`,
+			currentValue: item.rotationDeg === void 0 ? "" : String(item.rotationDeg),
+			commit: (raw) => dispatch({
+				type: "SET_PDF_TEXT_ROTATION",
+				pageIndex,
+				itemIndex,
+				rotationDeg: parseOptionalNumberField(raw)
+			})
+		},
+		{
+			label: `Underline: ${item.underline === true ? "yes" : "no"} (Enter to toggle)`,
+			currentValue: "",
+			activate: () => dispatch({
+				type: "TOGGLE_PDF_TEXT_UNDERLINE",
+				pageIndex,
+				itemIndex
+			})
+		}
+	];
+}
+function buildRectRows(item, pageIndex, itemIndex, dispatch) {
+	return [...buildFrameRows(item, (frame) => dispatch({
+		type: "SET_PDF_RECT_FRAME",
+		pageIndex,
+		itemIndex,
+		...frame
+	})), ...buildFillStrokeRows(item.fill, item.stroke, (fill) => dispatch({
+		type: "SET_PDF_RECT_FILL",
+		pageIndex,
+		itemIndex,
+		fill
+	}), (stroke) => dispatch({
+		type: "SET_PDF_RECT_STROKE",
+		pageIndex,
+		itemIndex,
+		stroke
+	}))];
+}
+function buildEllipseRows(item, pageIndex, itemIndex, dispatch) {
+	return [...buildFrameRows(item, (frame) => dispatch({
+		type: "SET_PDF_ELLIPSE_FRAME",
+		pageIndex,
+		itemIndex,
+		...frame
+	})), ...buildFillStrokeRows(item.fill, item.stroke, (fill) => dispatch({
+		type: "SET_PDF_ELLIPSE_FILL",
+		pageIndex,
+		itemIndex,
+		fill
+	}), (stroke) => dispatch({
+		type: "SET_PDF_ELLIPSE_STROKE",
+		pageIndex,
+		itemIndex,
+		stroke
+	}))];
+}
+function buildLineRows(item, pageIndex, itemIndex, dispatch) {
+	return [
+		{
+			label: `From X: ${formatPt(item.x1Pt)}pt`,
+			currentValue: String(item.x1Pt),
+			commit: (raw) => dispatch({
+				type: "SET_PDF_LINE_FROM",
+				pageIndex,
+				itemIndex,
+				x1Pt: parseNumberField(raw, item.x1Pt),
+				y1Pt: item.y1Pt
+			})
+		},
+		{
+			label: `From Y: ${formatPt(item.y1Pt)}pt`,
+			currentValue: String(item.y1Pt),
+			commit: (raw) => dispatch({
+				type: "SET_PDF_LINE_FROM",
+				pageIndex,
+				itemIndex,
+				x1Pt: item.x1Pt,
+				y1Pt: parseNumberField(raw, item.y1Pt)
+			})
+		},
+		{
+			label: `To X: ${formatPt(item.x2Pt)}pt`,
+			currentValue: String(item.x2Pt),
+			commit: (raw) => dispatch({
+				type: "SET_PDF_LINE_TO",
+				pageIndex,
+				itemIndex,
+				x2Pt: parseNumberField(raw, item.x2Pt),
+				y2Pt: item.y2Pt
+			})
+		},
+		{
+			label: `To Y: ${formatPt(item.y2Pt)}pt`,
+			currentValue: String(item.y2Pt),
+			commit: (raw) => dispatch({
+				type: "SET_PDF_LINE_TO",
+				pageIndex,
+				itemIndex,
+				x2Pt: item.x2Pt,
+				y2Pt: parseNumberField(raw, item.y2Pt)
+			})
+		},
+		{
+			label: `Colour: ${formatColor(item.color)}`,
+			currentValue: `${item.color.r} ${item.color.g} ${item.color.b}`,
+			commit: (raw) => dispatch({
+				type: "SET_PDF_LINE_COLOR",
+				pageIndex,
+				itemIndex,
+				color: parseRequiredColorField(raw, item.color)
+			})
+		},
+		{
+			label: `Width: ${item.widthPt}pt`,
+			currentValue: String(item.widthPt),
+			commit: (raw) => dispatch({
+				type: "SET_PDF_LINE_WIDTH",
+				pageIndex,
+				itemIndex,
+				widthPt: Math.max(parseNumberField(raw, item.widthPt), Number.EPSILON)
+			})
+		}
+	];
+}
+function buildPathRows(item, pageIndex, itemIndex, dispatch) {
+	return [{
+		label: `Fill rule: ${item.fillRule ?? "nonzero (default)"} (Enter to cycle)`,
+		currentValue: "",
+		activate: () => dispatch({
+			type: "SET_PDF_PATH_FILL_RULE",
+			pageIndex,
+			itemIndex,
+			fillRule: item.fillRule === "evenodd" ? void 0 : item.fillRule === "nonzero" ? "evenodd" : "nonzero"
+		})
+	}, ...buildFillStrokeRows(item.fill, item.stroke, (fill) => dispatch({
+		type: "SET_PDF_PATH_FILL",
+		pageIndex,
+		itemIndex,
+		fill
+	}), (stroke) => dispatch({
+		type: "SET_PDF_PATH_STROKE",
+		pageIndex,
+		itemIndex,
+		stroke
+	}))];
+}
+function buildImageRows(item, pageIndex, itemIndex, dispatch, onReplaceImage) {
+	return [
+		...buildFrameRows(item, (frame) => dispatch({
+			type: "SET_PDF_IMAGE_FRAME",
+			pageIndex,
+			itemIndex,
+			...frame
+		})),
+		{
+			label: `Rotation: ${item.rotationDeg === void 0 ? "unset" : `${item.rotationDeg}°`}`,
+			currentValue: item.rotationDeg === void 0 ? "" : String(item.rotationDeg),
+			commit: (raw) => dispatch({
+				type: "SET_PDF_IMAGE_ROTATION",
+				pageIndex,
+				itemIndex,
+				rotationDeg: parseOptionalNumberField(raw)
+			})
+		},
+		{
+			label: "Replace image...",
+			currentValue: "",
+			activate: onReplaceImage
+		}
+	];
+}
+function buildLinkRows(item, pageIndex, itemIndex, dispatch) {
+	return [{
+		label: `URI: ${item.uri}`,
+		currentValue: item.uri,
+		commit: (raw) => dispatch({
+			type: "SET_PDF_LINK_URI",
+			pageIndex,
+			itemIndex,
+			uri: raw
+		})
+	}, ...buildFrameRows(item, (frame) => dispatch({
+		type: "SET_PDF_LINK_FRAME",
+		pageIndex,
+		itemIndex,
+		...frame
+	}))];
+}
+function buildRowsFor(item, pageIndex, itemIndex, dispatch, onReplaceImage) {
+	switch (item.kind) {
+		case "text": return buildTextRows(item, pageIndex, itemIndex, dispatch);
+		case "rect": return buildRectRows(item, pageIndex, itemIndex, dispatch);
+		case "ellipse": return buildEllipseRows(item, pageIndex, itemIndex, dispatch);
+		case "line": return buildLineRows(item, pageIndex, itemIndex, dispatch);
+		case "path": return buildPathRows(item, pageIndex, itemIndex, dispatch);
+		case "image": return buildImageRows(item, pageIndex, itemIndex, dispatch, onReplaceImage);
+		case "link": return buildLinkRows(item, pageIndex, itemIndex, dispatch);
+	}
+}
+function pathSummary(item) {
+	const segmentCount = item.subpaths.reduce((total, subpath) => total + subpath.segments.length, 0);
+	return `${item.subpaths.length} subpath${item.subpaths.length === 1 ? "" : "s"}, ${segmentCount} segment${segmentCount === 1 ? "" : "s"} (not editable here -- see documents.js's own PdfPathItem doc comment)`;
+}
+async function applyImageReplace(pageIndex, itemIndex, path, dispatch) {
+	const format = inferImageFormat(path);
+	if (format === void 0) {
+		dispatch({
+			type: "SET_STATUS",
+			severity: "warning",
+			text: `${path} is not a .png or .jpg/.jpeg file -- image not replaced`
+		});
+		return;
+	}
+	try {
+		dispatch({
+			type: "SET_PDF_IMAGE_SOURCE",
+			pageIndex,
+			itemIndex,
+			format,
+			bytes: new Uint8Array(await readInput(path))
+		});
+	} catch (error) {
+		dispatch({
+			type: "SET_STATUS",
+			severity: "error",
+			text: `Could not read ${path}: ${describeError(error)}`
+		});
+	}
+}
+function EditableItemDetail(props) {
+	const dispatch = useAppDispatch();
+	const { doc, pageIndex, itemIndex } = props;
+	const [editingField, setEditingField] = useState(void 0);
+	const [draft, setDraft] = useState("");
+	const [replacingImage, setReplacingImage] = useState(false);
+	const item = doc.editor.page(pageIndex)?.items()[itemIndex];
+	const rows = item === void 0 ? [] : buildRowsFor(item, pageIndex, itemIndex, dispatch, () => setReplacingImage(true));
+	const { selectedIndex } = useNavigationInput({
+		itemCount: rows.length,
+		isActive: props.isActive && editingField === void 0 && !replacingImage,
+		onBack: () => {
+			dispatch({ type: "POP_SCREEN" });
+		},
+		onSelect: (index) => {
+			const row = rows[index];
+			if (row === void 0) return;
+			if (row.activate !== void 0) {
+				row.activate();
+				return;
+			}
+			setDraft(row.currentValue);
+			setEditingField(index);
+		}
+	});
+	if (item === void 0) return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		children: [/* @__PURE__ */ jsxs(Text, {
+			color: "yellow",
+			children: [
+				"There is no item ",
+				itemIndex + 1,
+				" on page ",
+				pageIndex + 1,
+				" any more."
+			]
+		}), /* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			children: "Esc to go back"
+		})]
+	});
+	if (replacingImage) return /* @__PURE__ */ jsx(FieldWizard, {
+		fields: [{
+			key: "path",
+			label: "Image file path (.png/.jpg/.jpeg)",
+			defaultValue: ""
+		}],
+		onCancel: () => {
+			setReplacingImage(false);
+		},
+		onComplete: (values) => {
+			applyImageReplace(pageIndex, itemIndex, requireFieldValue(values, "path"), dispatch).then(() => {
+				setReplacingImage(false);
+			});
+		}
+	});
+	if (editingField !== void 0) {
+		const row = rows[editingField];
+		if (row === void 0) throw new Error(`EditableItemDetail is editing field index ${editingField}, but there are only ${rows.length} rows -- selecting a row always sets editingField to a valid index from that same rows array, so this indicates a bug in that selection.`);
+		return /* @__PURE__ */ jsxs(Box, {
+			flexDirection: "column",
+			borderStyle: "round",
+			paddingX: 1,
+			children: [/* @__PURE__ */ jsx(Text, {
+				bold: true,
+				children: row.label
+			}), /* @__PURE__ */ jsx(TextField, {
+				value: draft,
+				isFocused: true,
+				onChange: setDraft,
+				onCancel: () => {
+					setEditingField(void 0);
+				},
+				onSubmit: (value) => {
+					row.commit?.(value);
+					setEditingField(void 0);
+				}
+			})]
+		});
+	}
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		children: [
+			/* @__PURE__ */ jsxs(Text, {
+				bold: true,
+				children: [
+					"Page ",
+					pageIndex + 1,
+					", item ",
+					itemIndex + 1,
+					" -- ",
+					item.kind
+				]
+			}),
+			item.kind === "path" && /* @__PURE__ */ jsx(Text, {
+				dimColor: true,
+				children: pathSummary(item)
+			}),
+			item.kind === "image" && /* @__PURE__ */ jsxs(Text, {
+				dimColor: true,
+				children: ["Image ID: ", item.imageId]
+			}),
+			/* @__PURE__ */ jsx(ListView, {
+				items: rows,
+				selectedIndex,
+				reservedRows: 5,
+				renderItem: (row, isSelected) => /* @__PURE__ */ jsx(Text, {
+					color: isSelected ? "cyan" : void 0,
+					inverse: isSelected,
+					children: row.label
+				})
+			}),
+			/* @__PURE__ */ jsx(Text, {
+				dimColor: true,
+				children: "Enter to edit a field, Esc to go back"
+			})
+		]
+	});
+}
+function PdfItemDetailScreen() {
+	const state = useAppState();
+	const dispatch = useAppDispatch();
+	const doc = requirePdfDocument(state.openDocument);
+	const screen = currentScreen(state);
+	if (screen.kind !== "pdfItemDetail") throw new Error(`PdfItemDetailScreen rendered while the current screen is "${screen.kind}", not "pdfItemDetail".`);
+	const isActive = !anyOverlayOpen(state);
+	if (!isEditablePdfDocument(doc)) {
+		const page = doc.layout.pages[screen.pageIndex];
+		if (page === void 0) throw new Error(`pdfItemDetail was pushed for page ${screen.pageIndex}, but the open PDF has no page at that index.`);
+		const item = page.items[screen.itemIndex];
+		if (item === void 0) throw new Error(`pdfItemDetail was pushed for item ${screen.itemIndex} on page ${screen.pageIndex}, but that page has no item at that index.`);
+		return /* @__PURE__ */ jsx(ReadOnlyItemDetail, {
+			item,
+			pageIndex: screen.pageIndex,
+			itemIndex: screen.itemIndex,
+			isActive,
+			onBack: () => {
+				dispatch({ type: "POP_SCREEN" });
+			}
+		});
+	}
+	return /* @__PURE__ */ jsx(EditableItemDetail, {
+		doc,
+		pageIndex: screen.pageIndex,
+		itemIndex: screen.itemIndex,
+		isActive
+	});
+}
+//#endregion
+//#region src/tui/screens/editors/pdf/page-items.tsx
+const TEXT_PREVIEW_MAX_CHARS = 48;
+function truncate(text, maxChars) {
+	return text.length > maxChars ? `${text.slice(0, maxChars)}…` : text;
+}
+function pathDimensions(item) {
+	let minX = Number.POSITIVE_INFINITY;
+	let minY = Number.POSITIVE_INFINITY;
+	let maxX = Number.NEGATIVE_INFINITY;
+	let maxY = Number.NEGATIVE_INFINITY;
+	const consider = (xPt, yPt) => {
+		minX = Math.min(minX, xPt);
+		minY = Math.min(minY, yPt);
+		maxX = Math.max(maxX, xPt);
+		maxY = Math.max(maxY, yPt);
+	};
+	for (const subpath of item.subpaths) {
+		consider(subpath.startXPt, subpath.startYPt);
+		for (const segment of subpath.segments) {
+			if (segment.kind === "cubic") {
+				consider(segment.c1xPt, segment.c1yPt);
+				consider(segment.c2xPt, segment.c2yPt);
+			}
+			consider(segment.xPt, segment.yPt);
+		}
+	}
+	if (minX > maxX) return "empty path";
+	return formatSize(maxX - minX, maxY - minY);
+}
+function previewFor(item) {
+	switch (item.kind) {
+		case "text": return truncate(item.text, TEXT_PREVIEW_MAX_CHARS);
+		case "link": return item.uri;
+		case "image":
+		case "rect":
+		case "ellipse": return formatSize(item.widthPt, item.heightPt);
+		case "line": return formatSize(Math.abs(item.x2Pt - item.x1Pt), Math.abs(item.y2Pt - item.y1Pt));
+		case "path": return pathDimensions(item);
+	}
+}
+const ADD_KIND_OPTIONS = [
+	{
+		kind: "text",
+		label: "Text"
+	},
+	{
+		kind: "rect",
+		label: "Rectangle"
+	},
+	{
+		kind: "ellipse",
+		label: "Ellipse"
+	},
+	{
+		kind: "line",
+		label: "Line"
+	},
+	{
+		kind: "path",
+		label: "Path (fixed triangle shape)"
+	},
+	{
+		kind: "image",
+		label: "Image"
+	},
+	{
+		kind: "link",
+		label: "Link"
+	}
+];
+const GEOMETRY_FIELDS = [
+	{
+		key: "xPt",
+		label: "X (pt)",
+		defaultValue: "40"
+	},
+	{
+		key: "yPt",
+		label: "Y (pt)",
+		defaultValue: "40"
+	},
+	{
+		key: "widthPt",
+		label: "Width (pt)",
+		defaultValue: "160"
+	},
+	{
+		key: "heightPt",
+		label: "Height (pt)",
+		defaultValue: "100"
+	}
+];
+const FILL_FIELD = {
+	key: "fill",
+	label: "Fill \"r g b\" (0-1 each), blank for none",
+	defaultValue: "0.8 0.8 0.8"
+};
+const STROKE_FIELD = {
+	key: "stroke",
+	label: "Stroke \"r g b widthPt\" (0-1 colour, pt width), blank for none",
+	defaultValue: "0 0 0 1"
+};
+const REQUIRED_COLOR_FIELD = {
+	key: "color",
+	label: "Colour \"r g b\" (0-1 each)",
+	defaultValue: "0 0 0"
+};
+function fieldsForAddKind(kind) {
+	switch (kind) {
+		case "text": return [
+			{
+				key: "xPt",
+				label: "X (pt)",
+				defaultValue: "40"
+			},
+			{
+				key: "yPt",
+				label: "Y (pt)",
+				defaultValue: "40"
+			},
+			{
+				key: "text",
+				label: "Text",
+				defaultValue: "Text"
+			},
+			{
+				key: "fontFamily",
+				label: "Font family",
+				defaultValue: "Helvetica"
+			},
+			{
+				key: "fontWeight",
+				label: "Font weight (normal/bold)",
+				defaultValue: "normal"
+			},
+			{
+				key: "fontStyle",
+				label: "Font style (normal/italic)",
+				defaultValue: "normal"
+			},
+			{
+				key: "sizePt",
+				label: "Size (pt)",
+				defaultValue: "12"
+			},
+			REQUIRED_COLOR_FIELD
+		];
+		case "rect":
+		case "ellipse":
+		case "path": return [
+			...GEOMETRY_FIELDS,
+			FILL_FIELD,
+			STROKE_FIELD
+		];
+		case "line": return [
+			{
+				key: "fromXPt",
+				label: "From X (pt)",
+				defaultValue: "40"
+			},
+			{
+				key: "fromYPt",
+				label: "From Y (pt)",
+				defaultValue: "40"
+			},
+			{
+				key: "toXPt",
+				label: "To X (pt)",
+				defaultValue: "200"
+			},
+			{
+				key: "toYPt",
+				label: "To Y (pt)",
+				defaultValue: "40"
+			},
+			REQUIRED_COLOR_FIELD,
+			{
+				key: "widthPt",
+				label: "Width (pt)",
+				defaultValue: "1"
+			}
+		];
+		case "image": return [...GEOMETRY_FIELDS, {
+			key: "path",
+			label: "Image file path (.png/.jpg/.jpeg)",
+			defaultValue: ""
+		}];
+		case "link": return [{
+			key: "uri",
+			label: "URI",
+			defaultValue: "https://example.com"
+		}, ...GEOMETRY_FIELDS];
+	}
+}
+function readFrame(values) {
+	return {
+		xPt: parseNumberField(requireFieldValue(values, "xPt"), 0),
+		yPt: parseNumberField(requireFieldValue(values, "yPt"), 0),
+		widthPt: parseNumberField(requireFieldValue(values, "widthPt"), 100),
+		heightPt: parseNumberField(requireFieldValue(values, "heightPt"), 60)
+	};
+}
+async function applyAddKind(kind, pageIndex, values, dispatch) {
+	switch (kind) {
+		case "text":
+			dispatch({
+				type: "ADD_PDF_TEXT",
+				pageIndex,
+				init: {
+					xPt: parseNumberField(requireFieldValue(values, "xPt"), 0),
+					yPt: parseNumberField(requireFieldValue(values, "yPt"), 0),
+					text: requireFieldValue(values, "text"),
+					font: {
+						family: requireFieldValue(values, "fontFamily").trim() || "Helvetica",
+						weight: parseFontWeight(requireFieldValue(values, "fontWeight")),
+						style: parseFontStyle(requireFieldValue(values, "fontStyle"))
+					},
+					sizePt: Math.max(parseNumberField(requireFieldValue(values, "sizePt"), 12), Number.EPSILON),
+					color: parseColorField(requireFieldValue(values, "color")) ?? {
+						r: 0,
+						g: 0,
+						b: 0
+					}
+				}
+			});
+			return;
+		case "rect":
+			dispatch({
+				type: "ADD_PDF_RECT",
+				pageIndex,
+				init: {
+					...readFrame(values),
+					fill: parseColorField(requireFieldValue(values, "fill")),
+					stroke: parseStrokeField(requireFieldValue(values, "stroke"))
+				}
+			});
+			return;
+		case "ellipse":
+			dispatch({
+				type: "ADD_PDF_ELLIPSE",
+				pageIndex,
+				init: {
+					...readFrame(values),
+					fill: parseColorField(requireFieldValue(values, "fill")),
+					stroke: parseStrokeField(requireFieldValue(values, "stroke"))
+				}
+			});
+			return;
+		case "line":
+			dispatch({
+				type: "ADD_PDF_LINE",
+				pageIndex,
+				init: {
+					x1Pt: parseNumberField(requireFieldValue(values, "fromXPt"), 0),
+					y1Pt: parseNumberField(requireFieldValue(values, "fromYPt"), 0),
+					x2Pt: parseNumberField(requireFieldValue(values, "toXPt"), 100),
+					y2Pt: parseNumberField(requireFieldValue(values, "toYPt"), 0),
+					color: parseColorField(requireFieldValue(values, "color")) ?? {
+						r: 0,
+						g: 0,
+						b: 0
+					},
+					widthPt: Math.max(parseNumberField(requireFieldValue(values, "widthPt"), 1), Number.EPSILON)
+				}
+			});
+			return;
+		case "path": {
+			const frame = readFrame(values);
+			dispatch({
+				type: "ADD_PDF_PATH",
+				pageIndex,
+				init: {
+					subpaths: defaultTriangleLayoutSubpaths(frame.widthPt, frame.heightPt),
+					fill: parseColorField(requireFieldValue(values, "fill")),
+					stroke: parseStrokeField(requireFieldValue(values, "stroke"))
+				}
+			});
+			return;
+		}
+		case "image": {
+			const frame = readFrame(values);
+			const path = requireFieldValue(values, "path");
+			const format = inferImageFormat(path);
+			if (format === void 0) {
+				dispatch({
+					type: "SET_STATUS",
+					severity: "warning",
+					text: `${path} is not a .png or .jpg/.jpeg file -- image not added`
+				});
+				return;
+			}
+			try {
+				const bytes = new Uint8Array(await readInput(path));
+				dispatch({
+					type: "ADD_PDF_IMAGE",
+					pageIndex,
+					init: {
+						...frame,
+						format,
+						bytes
+					}
+				});
+			} catch (error) {
+				dispatch({
+					type: "SET_STATUS",
+					severity: "error",
+					text: `Could not read ${path}: ${describeError(error)}`
+				});
+			}
+			return;
+		}
+		case "link": {
+			const frame = readFrame(values);
+			dispatch({
+				type: "ADD_PDF_LINK",
+				pageIndex,
+				init: {
+					uri: requireFieldValue(values, "uri"),
+					...frame
+				}
+			});
+			return;
+		}
+	}
+}
+function AddItemFlow(props) {
+	const dispatch = useAppDispatch();
+	const [kind, setKind] = useState(void 0);
+	const { selectedIndex } = useNavigationInput({
+		itemCount: ADD_KIND_OPTIONS.length,
+		isActive: props.isActive && kind === void 0,
+		onBack: props.onCancel,
+		onSelect: (index) => {
+			const option = ADD_KIND_OPTIONS[index];
+			if (option === void 0) return;
+			setKind(option.kind);
+		}
+	});
+	if (kind === void 0) return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		borderStyle: "round",
+		paddingX: 1,
+		children: [/* @__PURE__ */ jsx(Text, {
+			bold: true,
+			children: "Add item -- choose a kind"
+		}), /* @__PURE__ */ jsx(ListView, {
+			items: ADD_KIND_OPTIONS,
+			selectedIndex,
+			reservedRows: 6,
+			renderItem: (option, isSelected) => /* @__PURE__ */ jsxs(Text, {
+				color: isSelected ? "cyan" : void 0,
+				children: [isSelected ? "> " : "  ", option.label]
+			})
+		})]
+	});
+	return /* @__PURE__ */ jsx(FieldWizard, {
+		fields: fieldsForAddKind(kind),
+		onCancel: props.onCancel,
+		onComplete: (values) => {
+			applyAddKind(kind, props.pageIndex, values, dispatch).then(props.onCreated);
+		}
+	});
+}
+function PdfPageItemsScreen() {
+	const state = useAppState();
+	const dispatch = useAppDispatch();
+	const doc = requirePdfDocument(state.openDocument);
+	const editable = isEditablePdfDocument(doc);
+	const screen = currentScreen(state);
+	if (screen.kind !== "pdfPageItems") throw new Error(`PdfPageItemsScreen rendered while the current screen is "${screen.kind}", not "pdfPageItems".`);
+	const page = doc.layout.pages[screen.pageIndex];
+	if (page === void 0) throw new Error(`pdfPageItems was pushed for page ${screen.pageIndex}, but the open PDF has no page at that index.`);
+	const [isAdding, setIsAdding] = useState(false);
+	const overlayOpen = anyOverlayOpen(state);
+	const query = state.searchQuery.trim().toLowerCase();
+	const indexed = page.items.map((item, itemIndex) => ({
+		item,
+		itemIndex
+	}));
+	const items = query === "" ? indexed : indexed.filter((entry) => `${entry.item.kind} ${previewFor(entry.item)}`.toLowerCase().includes(query));
+	const { selectedIndex } = useNavigationInput({
+		itemCount: items.length,
+		isActive: !overlayOpen && !isAdding,
+		onSelect: (index) => {
+			const entry = items[index];
+			if (entry === void 0) return;
+			dispatch({
+				type: "PUSH_SCREEN",
+				screen: {
+					kind: "pdfItemDetail",
+					pageIndex: screen.pageIndex,
+					itemIndex: entry.itemIndex
+				}
+			});
+		},
+		onBack: () => {
+			dispatch({ type: "POP_SCREEN" });
+		},
+		onAppend: editable ? () => {
+			setIsAdding(true);
+		} : void 0
+	});
+	useInput((input) => {
+		if (input !== "d") return;
+		const entry = items[selectedIndex];
+		if (entry === void 0) return;
+		dispatch({
+			type: "REMOVE_PDF_ITEM",
+			pageIndex: screen.pageIndex,
+			itemIndex: entry.itemIndex
+		});
+	}, { isActive: editable && !overlayOpen && !isAdding && items.length > 0 });
+	if (isAdding) return /* @__PURE__ */ jsx(AddItemFlow, {
+		pageIndex: screen.pageIndex,
+		isActive: !overlayOpen,
+		onCancel: () => {
+			setIsAdding(false);
+		},
+		onCreated: () => {
+			setIsAdding(false);
+		}
+	});
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		children: [
+			/* @__PURE__ */ jsxs(Text, {
+				bold: true,
+				children: [
+					"Page ",
+					screen.pageIndex + 1,
+					" items (",
+					items.length,
+					" of ",
+					page.items.length,
+					")"
+				]
+			}),
+			/* @__PURE__ */ jsx(ListView, {
+				items,
+				selectedIndex,
+				emptyMessage: query === "" ? editable ? "This page has no items -- press 'a' to add one" : "This page has no items." : `No items match "${state.searchQuery}".`,
+				renderItem: ({ item, itemIndex }, isSelected) => /* @__PURE__ */ jsxs(Text, {
+					color: isSelected ? "cyan" : void 0,
+					inverse: isSelected,
+					children: [
+						itemIndex + 1,
+						". ",
+						item.kind,
+						" -- ",
+						previewFor(item)
+					]
+				})
+			}),
+			editable && /* @__PURE__ */ jsx(Text, {
+				dimColor: true,
+				children: "a to add an item, d to delete the selected item"
+			})
+		]
 	});
 }
 //#endregion