@agimon-ai/po-author 0.0.0-alpha.79 → 0.0.0-alpha.80

package/dist/extensions/native.mjs

@@ -1,7 +1,7 @@
 import { apiResponse, createApiClient, decodeBase64, defineChannelFile, defineFileLinks, defineFill, defineGlobalStore, defineNativePlugin, defineSessionStore, defineSlotFile, defineToolRenderer, defineWebLifecycle, encodeBase64, nativeApiTransport, sessionApiAddress } from "@agimon-ai/po-core/native";
 import { Store } from "@tanstack/store";
 import { Image } from "react-native-unistyles/components/native/Image";
-import { AnnotationSurface, Badge, Button, EmptyState, Markdown, MessageItem, MessageItemBody, MessageItemHeader, MessageItemStatus, SectionLabel, SegmentedControl, Sheet, SheetBody, SheetContent, SheetDescription, SheetHeader, SheetTitle, Spinner, Textarea, TrashIcon, collapseLines, fontOf, resultTextLines, selectionTick, toolTone } from "@agimon-ai/po-native-components";
+import { AnnotationSurface, Badge, Button, EmptyState, Markdown, MessageItem, MessageItemBody, MessageItemHeader, MessageItemStatus, SectionLabel, SegmentedControl, Sheet, SheetBody, SheetContent, SheetDescription, SheetHeader, SheetTitle, Spinner, Textarea, TrashIcon, collapseLines, fontOf, resultTextLines, selectionTick, sheetsYielded, toolTone } from "@agimon-ai/po-native-components";
 import { useCallback, useEffect, useRef, useState, useSyncExternalStore } from "react";
 import { AppState } from "react-native";
 import { View } from "react-native-unistyles/components/native/View";
@@ -1249,6 +1249,28 @@ async function saveAuthorNativeStructured(sessionId, path, file, signal) {
 }
 //#endregion
 //#region src/extensions/workspaces/sessions/(frontend)/_lib/authorMarkdownText.ts
+const AUTHOR_MARKDOWN_FORMATS = [
+	{
+		format: "bold",
+		label: "Bold",
+		glyph: "B"
+	},
+	{
+		format: "heading",
+		label: "Heading",
+		glyph: "H"
+	},
+	{
+		format: "link",
+		label: "Link",
+		glyph: "↗"
+	},
+	{
+		format: "list",
+		label: "List",
+		glyph: "≡"
+	}
+];
 const HEADING = /^#{1,6} /;
 const LIST_ITEM = /^(?:[-*+]|\d+[.)]) /;
 /**
@@ -2382,6 +2404,27 @@ const s$1 = StyleSheet.create((theme, rt) => ({
 	}
 }));
 //#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/_components/AuthorFormattingSheet.native.tsx
+function AuthorFormattingSheet({ open, onOpenChange, onFormat, onDismiss, disabled = false }) {
+	return /* @__PURE__ */ jsx(Sheet, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs(SheetContent, {
+			onDismiss,
+			children: [/* @__PURE__ */ jsx(SheetHeader, {
+				closeLabel: "Close formatting",
+				children: /* @__PURE__ */ jsx(SheetTitle, { children: "Formatting" })
+			}), /* @__PURE__ */ jsxs(SheetBody, { children: [/* @__PURE__ */ jsx(SheetDescription, { children: "Choose how to format the selected text." }), AUTHOR_MARKDOWN_FORMATS.map(({ format, label }) => /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				size: "card",
+				disabled,
+				onPress: () => onFormat(format),
+				children: label
+			}, format))] })]
+		})
+	});
+}
+//#endregion
 //#region src/extensions/workspaces/sessions/(frontend)/_components/AuthorDocumentView.native.tsx
 const DRAFT_ID = "draft";
 /** One open document on the phone: the content to mark up, its notes, and one way to hand them to the agent. */
@@ -2395,6 +2438,18 @@ function AuthorDocumentView(props) {
 	});
 	const [sourceSelection, setSourceSelection] = useState();
 	const sourceKey = `${props.name}\n${props.sourceSha256 ?? ""}`;
+	const [formattingOpen, setFormattingOpen] = useState(false);
+	const [formattingNotice, setFormattingNotice] = useState();
+	const editor = useRef(null);
+	const restoringSelection = useRef(false);
+	const formattingRange = useRef(void 0);
+	useEffect(() => {
+		if (formattingRange.current?.key !== sourceKey || !props.edit || props.edit.saving) {
+			formattingRange.current = void 0;
+			setFormattingOpen(false);
+			setFormattingNotice(void 0);
+		}
+	}, [sourceKey, props.edit]);
 	const selectedRange = body.kind === "text" && sourceSelection?.key === sourceKey ? nativeAuthorTextRange(body.text, sourceSelection) : void 0;
 	if (body.kind === "image" && !props.edit) return /* @__PURE__ */ jsx(AuthorCanvasWorkspace, {
 		...props,
@@ -2407,15 +2462,48 @@ function AuthorDocumentView(props) {
 		const range = body.kind === "text" && note.sourceSha256 === props.sourceSha256 ? nativeAuthorTextRange(body.text, note.textRange) : void 0;
 		return range === void 0 ? "Source selection: " : range.startLine === range.endLine ? `Line ${String(range.startLine)}: ` : `Lines ${String(range.startLine)} to ${String(range.endLine)}: `;
 	};
-	const formatMarkdown = (format) => {
+	const openFormatting = () => {
 		if (props.edit?.text === void 0 || props.edit.saving || !props.onEditChange) return;
+		formattingRange.current = {
+			key: sourceKey,
+			text: props.edit.text,
+			range: { ...selection },
+			restore: { ...selection }
+		};
+		setFormattingNotice(void 0);
+		setFormattingOpen(true);
+	};
+	const formatMarkdown = (format) => {
+		const snapshot = formattingRange.current;
+		if (!snapshot || snapshot.resultText !== void 0 || props.edit?.text === void 0 || props.edit.saving || !props.onEditChange) return;
+		if (snapshot.key !== sourceKey || snapshot.text !== props.edit.text) {
+			setFormattingNotice("Text changed while formatting was open. Select it again.");
+			setFormattingOpen(false);
+			return;
+		}
 		const text = props.edit.text;
-		const edit = authorMarkdownFormat(text, Math.min(selection.start, text.length), Math.min(selection.end, text.length), format);
-		props.onEditChange(text.slice(0, edit.from) + edit.insert + text.slice(edit.to));
-		setSelection({
+		const edit = authorMarkdownFormat(text, Math.min(snapshot.range.start, text.length), Math.min(snapshot.range.end, text.length), format);
+		snapshot.resultText = text.slice(0, edit.from) + edit.insert + text.slice(edit.to);
+		snapshot.restore = {
 			start: edit.select.from,
 			end: edit.select.to
-		});
+		};
+		props.onEditChange(snapshot.resultText);
+		setSelection(snapshot.restore);
+		setFormattingOpen(false);
+	};
+	const restoreAfterFormatting = () => {
+		const snapshot = formattingRange.current;
+		if (snapshot && snapshot.key === sourceKey && props.edit?.text === (snapshot.resultText ?? snapshot.text) && !props.edit.saving) {
+			setSelection(snapshot.restore);
+			restoringSelection.current = true;
+			try {
+				if (!sheetsYielded()) editor.current?.focus();
+			} finally {
+				restoringSelection.current = false;
+			}
+		}
+		formattingRange.current = void 0;
 	};
 	const marks = nativeAuthorVisibleNotes([...notes.map((note, index) => ({
 		id: note.id,
@@ -2637,6 +2725,13 @@ function AuthorDocumentView(props) {
 					}) : null
 				]
 			}),
+			/* @__PURE__ */ jsx(AuthorFormattingSheet, {
+				open: formattingOpen,
+				onOpenChange: setFormattingOpen,
+				onFormat: formatMarkdown,
+				onDismiss: restoreAfterFormatting,
+				disabled: props.edit?.saving || !props.onEditChange
+			}),
 			/* @__PURE__ */ jsxs(ScrollView, {
 				style: s.scroll,
 				contentContainerStyle: s.content,
@@ -2665,30 +2760,39 @@ function AuthorDocumentView(props) {
 						}, fragment.id))
 					}) : props.edit ? /* @__PURE__ */ jsxs(View, {
 						style: s.notes,
-						children: [markdown ? /* @__PURE__ */ jsx(View, {
-							style: s.toolbar,
-							children: [
-								"bold",
-								"heading",
-								"list",
-								"link"
-							].map((format) => /* @__PURE__ */ jsx(Button, {
-								variant: "ghost",
-								disabled: props.edit?.saving || !props.onEditChange,
-								accessibilityLabel: `Format ${format}`,
-								onPress: () => formatMarkdown(format),
-								children: format[0].toUpperCase() + format.slice(1)
-							}, format))
-						}) : null, /* @__PURE__ */ jsx(Textarea, {
-							accessibilityLabel: `Edit ${props.name}`,
-							rows: 16,
-							value: props.edit.text,
-							onChangeText: props.onEditChange,
-							selection: markdown ? selection : void 0,
-							onSelectionChange: markdown ? (event) => setSelection(event.nativeEvent.selection) : void 0,
-							disabled: props.edit.saving,
-							autoFocus: true
-						})]
+						children: [
+							markdown ? /* @__PURE__ */ jsx(View, {
+								style: s.toolbar,
+								children: /* @__PURE__ */ jsx(Button, {
+									variant: "outline",
+									size: "card",
+									style: s.grow,
+									accessibilityLabel: "Formatting",
+									accessibilityState: { expanded: formattingOpen },
+									disabled: props.edit?.saving || !props.onEditChange,
+									onPress: openFormatting,
+									children: "Formatting"
+								})
+							}) : null,
+							formattingNotice ? /* @__PURE__ */ jsx(Text, {
+								style: s.failed,
+								accessibilityLiveRegion: "polite",
+								children: formattingNotice
+							}) : null,
+							/* @__PURE__ */ jsx(Textarea, {
+								ref: editor,
+								accessibilityLabel: `Edit ${props.name}`,
+								rows: 16,
+								value: props.edit.text,
+								onChangeText: props.onEditChange,
+								selection: markdown ? selection : void 0,
+								onSelectionChange: markdown ? (event) => {
+									if (!formattingOpen && !restoringSelection.current) setSelection(event.nativeEvent.selection);
+								} : void 0,
+								disabled: props.edit.saving,
+								autoFocus: true
+							})
+						]
 					}) : props.captureContent ? props.captureContent(annotation) : annotation,
 					(notes.length === 0 || inspectingSource) && !draft && !props.edit ? /* @__PURE__ */ jsx(Text, {
 						style: s.meta,