@agimon-ai/po-workflow 0.0.0-alpha.34 → 0.0.0-alpha.35

package/dist/extensions/native.mjs

@@ -1,6 +1,6 @@
-import { createApiClient, defineActivityGroup, defineChannelFile, defineFill, defineNativePlugin, defineSessionStore, nativeApiTransport, sessionApiAddress } from "@agimon-ai/po-core/native";
+import { createApiClient, defineActivityGroup, defineChannelFile, defineFill, defineNativePlugin, defineSessionStore, encodeBase64, nativeApiTransport, sessionApiAddress } from "@agimon-ai/po-core/native";
 import { ArrowRightIcon, Badge, Button, CodeBlock, Dot, Input, ListRow, Markdown, Sheet, SheetBody, SheetContent, SheetHeader, SheetTitle, Textarea, WorkflowIcon, fontOf } from "@agimon-ai/po-native-components";
-import { createElement, useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import { createElement, memo, useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { View } from "react-native-unistyles/components/native/View";
 import { Text } from "react-native-unistyles/components/native/Text";
 import { ScrollView } from "react-native-unistyles/components/native/ScrollView";
@@ -475,7 +475,7 @@ function finiteScreenReader(load) {
 		const chunk = bytes.subarray(cursor, cursor + MAX_FRAME_BYTES);
 		cursor += chunk.length;
 		return {
-			chunk: base64(chunk),
+			chunk: encodeBase64(chunk),
 			offset: cursor,
 			reset,
 			generation: String(generation),
@@ -498,27 +498,10 @@ async function fetchArtifactMedia(workspace, runKey, path, sessionId, signal) {
 	if (signal.aborted) throw new Error("Preview cancelled.");
 	if (bytes.byteLength > MAX_MEDIA_BYTES) throw new Error("This artifact exceeds the 5 MiB preview limit.");
 	return {
-		data: base64(new Uint8Array(bytes)),
+		data: encodeBase64(new Uint8Array(bytes)),
 		mimeType
 	};
 }
-function base64(bytes) {
-	const alphabet = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
-	const parts = [];
-	let chunk = "";
-	for (let offset = 0; offset < bytes.length; offset += 3) {
-		const first = bytes[offset];
-		const second = bytes[offset + 1];
-		const third = bytes[offset + 2];
-		chunk += alphabet[first >> 2] + alphabet[(first & 3) << 4 | (second ?? 0) >> 4] + (second === void 0 ? "=" : alphabet[(second & 15) << 2 | (third ?? 0) >> 6]) + (third === void 0 ? "=" : alphabet[third & 63]);
-		if (chunk.length >= 8192) {
-			parts.push(chunk);
-			chunk = "";
-		}
-	}
-	parts.push(chunk);
-	return parts.join("");
-}
 function utf8(text) {
 	const bytes = [];
 	for (const character of text) {
@@ -724,6 +707,209 @@ const workflowRunsChannel = workflows.channel({
 	}
 });
 //#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/_lib/delimitedPreview.ts
+/** Index record boundaries and widths without allocating hidden cell strings. */
+function indexDelimited(text, delimiter) {
+	const rowStarts = text.length === 0 ? [] : [0];
+	let columns = text.length === 0 ? 0 : 1;
+	let width = columns;
+	let quoted = false;
+	let atCellStart = true;
+	for (let index = 0; index < text.length; index += 1) {
+		const character = text[index];
+		if (quoted) {
+			if (character === "\"" && text[index + 1] === "\"") index += 1;
+			else if (character === "\"") quoted = false;
+		} else if (character === "\"" && atCellStart) {
+			quoted = true;
+			atCellStart = false;
+		} else if (character === delimiter) {
+			width += 1;
+			atCellStart = true;
+		} else if (character === "\n" || character === "\r") {
+			columns = Math.max(columns, width);
+			width = 1;
+			atCellStart = true;
+			if (character === "\r" && text[index + 1] === "\n") index += 1;
+			if (index + 1 < text.length) rowStarts.push(index + 1);
+		} else atCellStart = false;
+	}
+	return {
+		rowStarts,
+		columns: Math.max(columns, width)
+	};
+}
+/** Decode only requested records and columns. Every source record remains indexed. */
+function readDelimitedWindow(text, delimiter, document, rowLimit, columnLimit) {
+	return document.rowStarts.slice(0, rowLimit).map((start) => {
+		const cells = [];
+		let cell = "";
+		let quoted = false;
+		let atCellStart = true;
+		for (let index = start; index < text.length; index += 1) {
+			const character = text[index];
+			if (quoted) {
+				if (character === "\"" && text[index + 1] === "\"") {
+					cell += "\"";
+					index += 1;
+				} else if (character === "\"") quoted = false;
+				else cell += character;
+			} else if (character === "\"" && atCellStart) {
+				quoted = true;
+				atCellStart = false;
+			} else if (character === delimiter) {
+				cells.push(cell);
+				if (cells.length === columnLimit) return cells;
+				cell = "";
+				atCellStart = true;
+			} else if (character === "\n" || character === "\r") break;
+			else {
+				cell += character;
+				atCellStart = false;
+			}
+		}
+		if (cells.length < columnLimit) cells.push(cell);
+		return cells;
+	});
+}
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/_components/DelimitedArtifact.native.tsx
+/** Pure CSV/TSV preview shared with its design target. Labels never consume a source record. */
+const DelimitedArtifact = memo(function DelimitedArtifact({ text, delimiter, initialRows = 20 }) {
+	const document = useMemo(() => indexDelimited(text, delimiter), [text, delimiter]);
+	const [window, setWindow] = useState({
+		document,
+		rows: initialRows,
+		columns: 8
+	});
+	const current = window.document === document ? window : {
+		document,
+		rows: initialRows,
+		columns: 8
+	};
+	if (current !== window) setWindow(current);
+	const rowCount = document.rowStarts.length;
+	const rows = Math.min(rowCount, current.rows);
+	const columns = Math.min(document.columns, current.columns);
+	const cells = useMemo(() => readDelimitedWindow(text, delimiter, document, rows, columns), [
+		text,
+		delimiter,
+		document,
+		rows,
+		columns
+	]);
+	return /* @__PURE__ */ jsxs(View, {
+		style: styles$2.body,
+		children: [
+			/* @__PURE__ */ jsxs(Text, {
+				style: styles$2.meta,
+				accessibilityLiveRegion: "polite",
+				children: [
+					"Rows ",
+					rows === 0 ? 0 : 1,
+					"–",
+					rows,
+					" of ",
+					rowCount,
+					" · Columns ",
+					columns === 0 ? 0 : 1,
+					"–",
+					columns,
+					" of ",
+					document.columns
+				]
+			}),
+			/* @__PURE__ */ jsx(Text, {
+				style: styles$2.copy,
+				children: "Scroll within the preview. Load more rows or columns when you need them."
+			}),
+			/* @__PURE__ */ jsx(ScrollView, {
+				style: styles$2.preview,
+				nestedScrollEnabled: true,
+				children: /* @__PURE__ */ jsx(ScrollView, {
+					horizontal: true,
+					children: /* @__PURE__ */ jsxs(View, { children: [/* @__PURE__ */ jsx(View, {
+						style: styles$2.tableRow,
+						children: Array.from({ length: columns }, (_, column) => /* @__PURE__ */ jsxs(Text, {
+							selectable: true,
+							style: styles$2.cell,
+							children: ["Column ", column + 1]
+						}, column))
+					}), cells.map((values, row) => /* @__PURE__ */ jsx(View, {
+						style: styles$2.tableRow,
+						children: Array.from({ length: columns }, (_, column) => /* @__PURE__ */ jsx(Text, {
+							selectable: true,
+							style: styles$2.cell,
+							children: values[column] ?? ""
+						}, column))
+					}, row))] })
+				})
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				variant: "outline",
+				size: "card",
+				disabled: rows === rowCount,
+				onPress: () => setWindow({
+					...current,
+					rows: rows + 20
+				}),
+				children: rows === rowCount ? "All rows shown" : `Show ${Math.min(20, rowCount - rows)} more rows`
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				size: "card",
+				disabled: columns === document.columns,
+				onPress: () => setWindow({
+					...current,
+					columns: columns + 8
+				}),
+				children: columns === document.columns ? "All columns shown" : `Show ${Math.min(8, document.columns - columns)} more columns`
+			})
+		]
+	});
+});
+const styles$2 = StyleSheet.create((theme) => ({
+	body: {
+		flex: 1,
+		padding: theme.spacing(4),
+		gap: theme.spacing(4),
+		uni__dependencies: [0]
+	},
+	copy: {
+		fontFamily: fontOf(theme.fontFamily.sans),
+		fontSize: theme.fontSize.lg,
+		lineHeight: theme.spacing(6),
+		color: theme.colors.text,
+		uni__dependencies: [0]
+	},
+	meta: {
+		fontFamily: fontOf(theme.fontFamily.sans),
+		fontSize: theme.fontSize.sm,
+		lineHeight: theme.spacing(4.5),
+		color: theme.colors.dim,
+		uni__dependencies: [0]
+	},
+	preview: {
+		flex: 1,
+		borderWidth: 1,
+		borderColor: theme.colors["border-soft"],
+		borderRadius: theme.borderRadius.md,
+		uni__dependencies: [0]
+	},
+	tableRow: { flexDirection: "row" },
+	cell: {
+		width: theme.spacing(36),
+		padding: theme.spacing(2),
+		borderRightWidth: 1,
+		borderBottomWidth: 1,
+		borderColor: theme.colors["border-soft"],
+		fontFamily: fontOf(theme.fontFamily.mono),
+		fontSize: theme.fontSize.sm,
+		color: theme.colors.text,
+		uni__dependencies: [0]
+	}
+}));
+//#endregion
 //#region src/extensions/workspaces/sessions/(frontend)/_components/WorkflowPanel.native.tsx
 function useWorkflows(sessionId) {
 	const subscribe = useCallback((listener) => {
@@ -1332,61 +1518,66 @@ function ArtifactPreview({ sessionId, workspace, runKey, path, renderFilePreview
 			setSaving(false);
 		}
 	};
-	return /* @__PURE__ */ jsxs(ScrollView, {
-		contentContainerStyle: styles$1.body,
-		children: [
-			/* @__PURE__ */ jsx(Text, {
-				style: styles$1.title,
-				children: path
-			}),
+	const delimited = !raw && content?.text !== void 0 && /\.(csv|tsv)$/i.test(path);
+	const preview = /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(Text, {
+			style: styles$1.title,
+			children: path
+		}),
+		/* @__PURE__ */ jsx(Button, {
+			variant: "outline",
+			disabled: !nativeSaveFile || saving,
+			onPress: () => void download(),
+			children: "Download"
+		}),
+		saving ? /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			onPress: () => downloadController.current?.abort(),
+			children: "Cancel download"
+		}) : null,
+		saveNote ? /* @__PURE__ */ jsx(Text, {
+			style: styles$1.meta,
+			children: saveNote
+		}) : null,
+		error ? /* @__PURE__ */ jsx(Text, {
+			style: styles$1.error,
+			children: error
+		}) : null,
+		content?.text !== void 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
 			/* @__PURE__ */ jsx(Button, {
 				variant: "outline",
-				disabled: !nativeSaveFile || saving,
-				onPress: () => void download(),
-				children: "Download"
+				onPress: () => setRaw((value) => !value),
+				children: raw ? "Preview" : "Raw source"
 			}),
-			saving ? /* @__PURE__ */ jsx(Button, {
-				variant: "ghost",
-				onPress: () => downloadController.current?.abort(),
-				children: "Cancel download"
-			}) : null,
-			saveNote ? /* @__PURE__ */ jsx(Text, {
+			!raw && /\.(md|markdown)$/i.test(path) ? /* @__PURE__ */ jsx(Markdown, { text: content.text }) : !raw && /\.(html|htm)$/i.test(path) ? renderFilePreview?.({
+				key: `${sessionId}:${workspace}:${runKey}:${path}`,
+				html: content.text,
+				title: path
+			}) : !raw && /\.(csv|tsv)$/i.test(path) ? /* @__PURE__ */ jsx(DelimitedArtifact, {
+				text: content.text,
+				delimiter: /\.csv$/i.test(path) ? "," : "	"
+			}) : /* @__PURE__ */ jsx(CodeBlock, { text: !raw && /\.json$/i.test(path) ? prettyJson(content.text) : content.text }),
+			content.truncated ? /* @__PURE__ */ jsx(Text, {
 				style: styles$1.meta,
-				children: saveNote
-			}) : null,
-			error ? /* @__PURE__ */ jsx(Text, {
-				style: styles$1.error,
-				children: error
-			}) : null,
-			content?.text !== void 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-				/* @__PURE__ */ jsx(Button, {
-					variant: "outline",
-					onPress: () => setRaw((value) => !value),
-					children: raw ? "Preview" : "Raw source"
-				}),
-				!raw && /\.(md|markdown)$/i.test(path) ? /* @__PURE__ */ jsx(Markdown, { text: content.text }) : !raw && /\.(html|htm)$/i.test(path) ? renderFilePreview?.({
-					key: `${sessionId}:${workspace}:${runKey}:${path}`,
-					html: content.text,
-					title: path
-				}) : !raw && /\.(csv|tsv)$/i.test(path) ? /* @__PURE__ */ jsx(DelimitedArtifact, {
-					text: content.text,
-					delimiter: /\.csv$/i.test(path) ? "," : "	"
-				}) : /* @__PURE__ */ jsx(CodeBlock, { text: !raw && /\.json$/i.test(path) ? prettyJson(content.text) : content.text }),
-				content.truncated ? /* @__PURE__ */ jsx(Text, {
-					style: styles$1.meta,
-					children: "This preview was truncated."
-				}) : null
-			] }) : content ? /* @__PURE__ */ jsx(BinaryArtifactPreview, {
-				sessionId,
-				workspace,
-				runKey,
-				path,
-				renderMediaPreview
-			}) : /* @__PURE__ */ jsx(Text, {
-				style: styles$1.meta,
-				children: "Loading preview…"
-			})
-		]
+				children: "This preview was truncated."
+			}) : null
+		] }) : content ? /* @__PURE__ */ jsx(BinaryArtifactPreview, {
+			sessionId,
+			workspace,
+			runKey,
+			path,
+			renderMediaPreview
+		}) : /* @__PURE__ */ jsx(Text, {
+			style: styles$1.meta,
+			children: "Loading preview…"
+		})
+	] });
+	return delimited ? /* @__PURE__ */ jsx(View, {
+		style: [styles$1.body, styles$1.transcript],
+		children: preview
+	}) : /* @__PURE__ */ jsx(ScrollView, {
+		contentContainerStyle: styles$1.body,
+		children: preview
 	});
 }
 function BinaryArtifactPreview({ sessionId, workspace, runKey, path, renderMediaPreview }) {
@@ -1437,41 +1628,6 @@ function prettyJson(text) {
 		return text;
 	}
 }
-function DelimitedArtifact({ text, delimiter }) {
-	const rows = [];
-	let row = [];
-	let cell = "";
-	let quoted = false;
-	for (let index = 0; index <= text.length && rows.length < 500; index += 1) {
-		const character = text[index] ?? "\n";
-		if (quoted) {
-			if (character === "\"" && text[index + 1] === "\"") {
-				cell += "\"";
-				index += 1;
-			} else if (character === "\"") quoted = false;
-			else cell += character;
-		} else if (character === "\"" && cell === "") quoted = true;
-		else if (character === delimiter) {
-			row.push(cell);
-			cell = "";
-		} else if (character === "\n") {
-			row.push(cell.replace(/\r$/, ""));
-			rows.push(row);
-			row = [];
-			cell = "";
-		} else cell += character;
-	}
-	return /* @__PURE__ */ jsx(ScrollView, {
-		horizontal: true,
-		children: /* @__PURE__ */ jsx(View, { children: rows.map((cells, index) => /* @__PURE__ */ jsx(View, {
-			style: styles$1.tableRow,
-			children: cells.map((value, column) => /* @__PURE__ */ jsx(Text, {
-				style: styles$1.tableCell,
-				children: value
-			}, column))
-		}, index)) })
-	});
-}
 const styles$1 = StyleSheet.create((theme) => ({
 	screen: {
 		flex: 1,
@@ -1480,16 +1636,6 @@ const styles$1 = StyleSheet.create((theme) => ({
 		uni__dependencies: [0]
 	},
 	transcript: { flex: 1 },
-	tableRow: { flexDirection: "row" },
-	tableCell: {
-		color: theme.colors.text,
-		fontSize: theme.fontSize.sm,
-		padding: theme.spacing(2),
-		width: theme.spacing(30),
-		borderWidth: 1,
-		borderColor: theme.colors.border,
-		uni__dependencies: [0]
-	},
 	body: {
 		padding: theme.spacing(3),
 		gap: theme.spacing(2),