@agimon-ai/po-plan 0.0.0-alpha.73 → 0.0.0-alpha.75

package/dist/extensions/native.mjs

@@ -1,7 +1,7 @@
-import { createApiClient, defineActivityGroup, defineFill, defineNativePlugin, nativeApiTransport, sessionApiAddress } from "@agimon-ai/po-core/native";
+import { createApiClient, defineActivityGroup, defineFill, defineNativePlugin, defineToolRenderer, nativeApiTransport, sessionApiAddress } from "@agimon-ai/po-core/native";
 import { View } from "react-native-unistyles/components/native/View";
 import { Text } from "react-native-unistyles/components/native/Text";
-import { Button, ListRow, Markdown, SegmentedControl, Textarea, fontOf } from "@agimon-ai/po-native-components";
+import { Button, ListRow, Markdown, MessageItem, MessageItemBody, MessageItemHeader, SegmentedControl, Textarea, fontOf, toolTone } from "@agimon-ai/po-native-components";
 import { StyleSheet } from "react-native-unistyles";
 import { ScrollView } from "react-native-unistyles/components/native/ScrollView";
 import { useEffect, useState } from "react";
@@ -45,7 +45,7 @@ function parsePlanStatus(raw) {
 }
 //#endregion
 //#region src/extensions/workspaces/sessions/(frontend)/activity-group/plan.native.ts
-var plan_native_default = defineActivityGroup({
+var plan_native_default$1 = defineActivityGroup({
 	name: "plan",
 	keys: "p e",
 	statusKey: PLAN_STATUS_KEY,
@@ -194,11 +194,11 @@ function PlanPanel({ sessionId, statuses, closeTransientTab, fileTabFor, openTra
 		}
 	};
 	return /* @__PURE__ */ jsxs(ScrollView, {
-		contentContainerStyle: styles$1.panel,
+		contentContainerStyle: styles$2.panel,
 		testID: "plan-panel",
 		children: [
 			/* @__PURE__ */ jsx(Text, {
-				style: styles$1.title,
+				style: styles$2.title,
 				children: detail?.title ?? "plan"
 			}),
 			/* @__PURE__ */ jsx(SegmentedControl, {
@@ -214,19 +214,19 @@ function PlanPanel({ sessionId, statuses, closeTransientTab, fileTabFor, openTra
 				onValueChange: setView
 			}),
 			sessionId === null ? /* @__PURE__ */ jsx(Text, {
-				style: styles$1.meta,
+				style: styles$2.meta,
 				children: "Select a session."
 			}) : loading && !detail ? /* @__PURE__ */ jsx(Text, {
-				style: styles$1.meta,
+				style: styles$2.meta,
 				children: "reading this session's plan…"
 			}) : null,
 			error ? /* @__PURE__ */ jsx(Text, {
 				accessibilityRole: "alert",
-				style: styles$1.error,
+				style: styles$2.error,
 				children: error
 			}) : null,
 			detail ? detail.unavailable ? /* @__PURE__ */ jsx(Text, {
-				style: styles$1.meta,
+				style: styles$2.meta,
 				children: detail.reason ?? "this plan cannot be shown"
 			}) : view === "preview" ? /* @__PURE__ */ jsx(Markdown, {
 				text: draft ?? detail.content,
@@ -242,7 +242,7 @@ function PlanPanel({ sessionId, statuses, closeTransientTab, fileTabFor, openTra
 					numberOfLines: 12
 				}),
 				/* @__PURE__ */ jsxs(View, {
-					style: styles$1.actions,
+					style: styles$2.actions,
 					children: [/* @__PURE__ */ jsx(Button, {
 						variant: "primary",
 						disabled: draft === void 0 || saving,
@@ -255,13 +255,13 @@ function PlanPanel({ sessionId, statuses, closeTransientTab, fileTabFor, openTra
 					}) : null]
 				}),
 				note ? /* @__PURE__ */ jsx(Text, {
-					style: note === "saved" ? styles$1.success : styles$1.error,
+					style: note === "saved" ? styles$2.success : styles$2.error,
 					children: note
 				}) : null
 			] }) : null,
 			detail ? /* @__PURE__ */ jsx(Text, {
 				selectable: true,
-				style: styles$1.path,
+				style: styles$2.path,
 				children: detail.path
 			}) : null,
 			/* @__PURE__ */ jsx(Button, {
@@ -279,7 +279,7 @@ function planTab() {
 		panel: PlanPanel
 	};
 }
-const styles$1 = StyleSheet.create((theme) => ({
+const styles$2 = StyleSheet.create((theme) => ({
 	panel: {
 		padding: theme.spacing(4),
 		gap: theme.spacing(3),
@@ -328,7 +328,7 @@ const styles$1 = StyleSheet.create((theme) => ({
 function PlanActivitySection({ sessionId, statuses, openTransientTab }) {
 	const view = parsePlanStatus(statuses[PLAN_STATUS_KEY]);
 	if (!view) return /* @__PURE__ */ jsx(Text, {
-		style: styles.meta,
+		style: styles$1.meta,
 		children: "no plan written yet"
 	});
 	return /* @__PURE__ */ jsxs(View, {
@@ -341,12 +341,12 @@ function PlanActivitySection({ sessionId, statuses, openTransientTab }) {
 				if (sessionId !== null) openTransientTab(planTab());
 			}
 		}), /* @__PURE__ */ jsx(Text, {
-			style: styles.meta,
+			style: styles$1.meta,
 			children: "open to read or edit; the agent reads what you save."
 		})]
 	});
 }
-const styles = StyleSheet.create((theme) => ({ meta: {
+const styles$1 = StyleSheet.create((theme) => ({ meta: {
 	fontFamily: fontOf(theme.fontFamily.sans),
 	fontSize: theme.fontSize.sm,
 	lineHeight: theme.lineHeight.sm,
@@ -361,6 +361,411 @@ var Plan_activity_plan_native_default = defineFill({
 	component: PlanActivitySection
 });
 //#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/tool/_lib/planToolRender.ts
+const COLLAPSED_BODY_LINES = 12;
+const PREVIEW_LENGTH = 72;
+const EVIDENCE_LISTS = [
+	["logs", "log"],
+	["correlatedTraceEvidence", "trace"],
+	["processOutput", "process output"],
+	["browserConsoleEvidence", "console entry"],
+	["correlationIds", "correlation id"],
+	["timestamps", "timestamp"],
+	["verifiedFacts", "verified fact"],
+	["hypotheses", "hypothesis"],
+	["unavailableEvidence", "unavailable item"]
+];
+const PACKET_LISTS = [
+	["goal", "goal"],
+	["constraints", "constraint"],
+	["decisions", "decision"],
+	["verifiedFindings", "verified finding"],
+	["inferredFindings", "inferred finding"],
+	["unresolvedQuestions", "open question"]
+];
+function asRecord(value) {
+	return value !== null && typeof value === "object" && !Array.isArray(value) ? value : void 0;
+}
+function inlineText(value) {
+	let normalized = "";
+	for (const character of value) {
+		const code = character.codePointAt(0) ?? 0;
+		normalized += code <= 31 || code === 127 ? " " : character;
+	}
+	return normalized.replace(/\s+/gu, " ").trim();
+}
+function readString(record, key) {
+	const value = record?.[key];
+	return typeof value === "string" ? inlineText(value) || void 0 : void 0;
+}
+function readNumber(record, key) {
+	const value = record?.[key];
+	return typeof value === "number" && Number.isFinite(value) ? value : void 0;
+}
+function listLength(record, key) {
+	const value = record[key];
+	return Array.isArray(value) ? value.length : 0;
+}
+function plural(count, singular) {
+	if (count === 1) return singular;
+	if (singular.endsWith("y")) return `${singular.slice(0, -1)}ies`;
+	return `${singular}s`;
+}
+function preview(value) {
+	if (!value) return void 0;
+	return value.length > PREVIEW_LENGTH ? `${value.slice(0, 69)}…` : value;
+}
+function countMetadata(args, lists) {
+	return lists.flatMap(([key, label]) => {
+		const count = listLength(args, key);
+		return count > 0 ? [`${count} ${plural(count, label)}`] : [];
+	});
+}
+function line(text, tone, extra = {}) {
+	return {
+		text,
+		tone,
+		...extra
+	};
+}
+function outputText(result) {
+	if (!result) return "";
+	return result.content.flatMap((item) => {
+		const record = asRecord(item);
+		return record?.type === "text" && typeof record.text === "string" ? [record.text] : [];
+	}).join("\n");
+}
+function bodyLines(text, expanded) {
+	const all = text.split("\n").map((entry) => entry.trimEnd()).filter((entry) => entry.length > 0);
+	const shown = expanded ? all : all.slice(0, COLLAPSED_BODY_LINES);
+	const lines = shown.map((entry) => line(entry, "text"));
+	if (all.length > shown.length) lines.push(line(`… ${all.length - shown.length} more lines`, "dim"));
+	return lines;
+}
+/** The header beside the tool name: what the call is for and how much it carries. */
+function planCallSummary(toolName, args) {
+	if (toolName === "record_debug_evidence") {
+		const issue = preview(readString(args, "issue"));
+		return {
+			action: "record evidence",
+			...issue ? { detail: issue } : {},
+			metadata: countMetadata(args, EVIDENCE_LISTS)
+		};
+	}
+	if (toolName === "run_fable_plan") {
+		const metadata = countMetadata(args, PACKET_LISTS);
+		if (readString(args, "currentPlan")) metadata.push("with current plan");
+		return {
+			action: "fable draft",
+			metadata
+		};
+	}
+	if (toolName === "write_plan") return {
+		action: "save plan",
+		metadata: []
+	};
+	const decision = readString(args, "decision");
+	return {
+		action: decision ? `decide ${decision}` : "request approval",
+		metadata: []
+	};
+}
+function evidenceLines(args, result, options) {
+	const lines = [asRecord(result?.details)?.recorded === true ? line("✓ evidence recorded as planning context", "success") : line(`○ ${inlineText(outputText(result)) || "not recorded"}`, "muted")];
+	if (!options.expanded) return lines;
+	for (const [key, label] of [
+		["issue", "issue"],
+		["expectedBehavior", "expected"],
+		["reproductionAttempt", "reproduction"],
+		["actualBehavior", "actual"]
+	]) {
+		const value = readString(args, key);
+		if (value) lines.push(line(`${label} ${value}`, "text", { label }));
+	}
+	for (const [key, label] of EVIDENCE_LISTS) {
+		const raw = args[key];
+		const items = Array.isArray(raw) ? raw.filter((item) => typeof item === "string") : [];
+		if (items.length === 0) continue;
+		lines.push(line(plural(items.length, label), "hi", { bold: true }));
+		lines.push(...items.map((item) => line(inlineText(item), "text", { indent: true })));
+	}
+	return lines;
+}
+function fableLines(result, options) {
+	const details = asRecord(result?.details);
+	const text = outputText(result);
+	if (details?.started !== true) {
+		const code = readString(details, "errorCode");
+		return [line(`○ ${inlineText(text) || "fable planning did not start"}${code ? ` · ${code}` : ""}`, "muted")];
+	}
+	const status = readString(details, "status") ?? "unknown";
+	const draft = typeof details?.draft === "string" ? details.draft : void 0;
+	const code = readString(details, "errorCode");
+	if (!draft) return [line(`✗ fable planning ${status}${code ? ` · ${code}` : ""}`, "error")];
+	const finished = status === "completed";
+	return [line(`${finished ? "✓" : "!"} fable draft · ${status}${code ? ` · ${code}` : ""}`, finished ? "success" : "warning", { bold: true }), ...bodyLines(draft, options.expanded)];
+}
+function writeLines(result, options) {
+	const details = asRecord(result?.details);
+	const path = readString(details, "path");
+	if (options.isPartial) return [line(`◐ ${readString(details, "phase") ?? "checking"}${path ? ` ${path}` : ""}`, "warning")];
+	const duration = readNumber(details, "durationMs");
+	if (details?.written === true) return [line(`✓ wrote ${path ?? "the plan"}${duration === void 0 ? "" : ` · ${duration}ms`}`, "success")];
+	const lines = [line(`○ ${inlineText(outputText(result)) || "plan not written"}`, "muted")];
+	if (path) lines.push(line(`path ${path}`, "dim"));
+	return lines;
+}
+function completeLines(result) {
+	const text = inlineText(outputText(result));
+	if (asRecord(result?.details)?.exited === true) return [line(`✓ plan mode exited${text ? ` · ${text}` : ""}`, "success")];
+	return [line(`○ staying in plan mode${text ? ` · ${text}` : ""}`, "muted")];
+}
+/** Why a plan tool call failed, as the tool said it on one line; empty when it said nothing. */
+function planFailureReason(result) {
+	return inlineText(outputText(result));
+}
+/** The body of a plan tool card: the outcome line, plus the carried detail once expanded. */
+function planResultLines(toolName, args, result, options) {
+	if (options.isError) return [line(`✗ ${planFailureReason(result) || `${toolName} failed`}`, "error")];
+	if (toolName === "record_debug_evidence") return evidenceLines(args, result, options);
+	if (toolName === "run_fable_plan") {
+		if (options.isPartial) return [line("◐ drafting with the local Fable broker", "warning")];
+		return fableLines(result, options);
+	}
+	if (toolName === "write_plan") return writeLines(result, options);
+	if (options.isPartial) return [line("◐ waiting for the review decision", "warning")];
+	return completeLines(result);
+}
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/tool/_components/PlanToolMessage.native.tsx
+/**
+* The plan tools' timeline item on native, as the web's: the plan action as
+* the title, the issue and what the packet carries beside it on one line, and
+* the outcome line in the body (shown collapsed too, as the web does), with
+* the recorded evidence or the Fable draft once expanded. A failure shows only the tool's reason; the edge and icon say it failed.
+*/
+function PlanToolMessage({ toolName, args, result, running, isError }) {
+	const summary = planCallSummary(toolName, args);
+	const collapsed = planResultLines(toolName, args, result, {
+		expanded: false,
+		isError,
+		isPartial: running
+	});
+	const full = planResultLines(toolName, args, result, {
+		expanded: true,
+		isError,
+		isPartial: running
+	});
+	const reason = isError ? planFailureReason(result) : "";
+	const primary = summary.detail;
+	const secondary = summary.metadata;
+	return /* @__PURE__ */ jsx(MessageItem, {
+		tone: toolTone({
+			running,
+			isError
+		}),
+		expandable: !isError && full.length > collapsed.length,
+		children: ({ expanded }) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(MessageItemHeader, {
+			title: summary.action,
+			children: /* @__PURE__ */ jsxs(View, {
+				testID: `tool-call-${toolName}`,
+				style: styles.summary,
+				children: [primary !== void 0 ? /* @__PURE__ */ jsx(Text, {
+					numberOfLines: 1,
+					style: [styles.sans, styles.primary],
+					children: primary
+				}) : null, secondary.length > 0 ? /* @__PURE__ */ jsx(Text, {
+					numberOfLines: 1,
+					style: [styles.sans, styles.secondary],
+					children: primary !== void 0 ? `· ${secondary.join(" · ")}` : secondary.join(" · ")
+				}) : null]
+			})
+		}), isError ? reason.length > 0 ? /* @__PURE__ */ jsx(MessageItemBody, {
+			testID: `tool-result-${toolName}`,
+			children: /* @__PURE__ */ jsx(Text, {
+				selectable: true,
+				style: [styles.sans, styles.error],
+				children: reason
+			})
+		}) : null : expanded && toolName === "record_debug_evidence" && full.length > 1 ? /* @__PURE__ */ jsx(MessageItemBody, {
+			testID: `tool-result-${toolName}`,
+			children: /* @__PURE__ */ jsx(EvidenceBody, { lines: full })
+		}) : (expanded ? full : collapsed).length > 0 ? /* @__PURE__ */ jsx(MessageItemBody, {
+			testID: `tool-result-${toolName}`,
+			children: /* @__PURE__ */ jsx(View, {
+				style: styles.lines,
+				children: (expanded ? full : collapsed).map((entry, index) => /* @__PURE__ */ jsx(ToneLine, { entry }, `${String(index)}-${entry.text}`))
+			})
+		}) : null] })
+	});
+}
+function ToneLine({ entry }) {
+	return /* @__PURE__ */ jsx(Text, {
+		selectable: true,
+		style: [
+			styles.sans,
+			TONE_STYLE[entry.tone],
+			entry.bold === true ? styles.bold : null,
+			entry.indent === true ? styles.indent : null
+		],
+		children: entry.text
+	});
+}
+function evidenceGroups(lines) {
+	const groups = [];
+	for (const entry of lines) if (entry.bold === true) groups.push({
+		label: entry.text,
+		values: []
+	});
+	else if (entry.indent === true && groups.length > 0) groups[groups.length - 1]?.values.push(entry.text);
+	else if (entry.label !== void 0) groups.push({
+		label: entry.label,
+		values: [entry.text.slice(entry.label.length).trimStart()]
+	});
+	else groups.push({
+		label: entry.text,
+		values: []
+	});
+	return groups;
+}
+/** The expanded evidence: the outcome line, then each label over its values, set apart from the outcome. */
+function EvidenceBody({ lines }) {
+	const [status, ...facts] = lines;
+	return /* @__PURE__ */ jsxs(View, {
+		style: styles.evidence,
+		children: [status !== void 0 ? /* @__PURE__ */ jsx(ToneLine, { entry: status }) : null, /* @__PURE__ */ jsx(View, {
+			style: styles.facts,
+			children: evidenceGroups(facts).map((group) => /* @__PURE__ */ jsxs(View, {
+				style: styles.group,
+				children: [/* @__PURE__ */ jsx(Text, {
+					style: styles.label,
+					children: group.label
+				}), group.values.map((value, index) => /* @__PURE__ */ jsx(Text, {
+					selectable: true,
+					style: [styles.sans, styles.text],
+					children: value
+				}, `${String(index)}-${value}`))]
+			}, group.label))
+		})]
+	});
+}
+const styles = StyleSheet.create((theme) => ({
+	summary: {
+		flex: 1,
+		flexDirection: "row",
+		alignItems: "center",
+		gap: theme.spacing(2),
+		minWidth: 0,
+		uni__dependencies: [0]
+	},
+	sans: {
+		fontFamily: fontOf(theme.fontFamily.sans),
+		fontSize: theme.fontSize.base,
+		lineHeight: theme.lineHeight.base,
+		uni__dependencies: [0]
+	},
+	primary: {
+		flexShrink: 0,
+		maxWidth: "70%",
+		color: theme.colors.text,
+		uni__dependencies: [0]
+	},
+	secondary: {
+		flexShrink: 1,
+		color: theme.colors.faint,
+		uni__dependencies: [0]
+	},
+	lines: {
+		gap: theme.spacing(.5),
+		uni__dependencies: [0]
+	},
+	evidence: {
+		gap: theme.spacing(3),
+		uni__dependencies: [0]
+	},
+	facts: {
+		gap: theme.spacing(3),
+		paddingTop: theme.spacing(3),
+		borderTopWidth: 1,
+		borderTopColor: theme.colors["border-soft"],
+		uni__dependencies: [0]
+	},
+	group: {
+		gap: theme.spacing(.5),
+		uni__dependencies: [0]
+	},
+	label: {
+		fontFamily: fontOf(theme.fontFamily.sans),
+		fontSize: theme.fontSize.sm,
+		lineHeight: theme.lineHeight.sm,
+		fontWeight: theme.fontWeight.semibold,
+		color: theme.colors.dim,
+		uni__dependencies: [0]
+	},
+	bold: {
+		fontWeight: theme.fontWeight.semibold,
+		uni__dependencies: [0]
+	},
+	indent: {
+		paddingLeft: theme.spacing(4),
+		uni__dependencies: [0]
+	},
+	error: {
+		color: theme.colors.red,
+		uni__dependencies: [0]
+	},
+	hi: {
+		color: theme.colors.hi,
+		uni__dependencies: [0]
+	},
+	text: {
+		color: theme.colors.text,
+		uni__dependencies: [0]
+	},
+	dim: {
+		color: theme.colors.dim,
+		uni__dependencies: [0]
+	},
+	muted: {
+		color: theme.colors.faint,
+		uni__dependencies: [0]
+	},
+	success: {
+		color: theme.colors.green,
+		uni__dependencies: [0]
+	},
+	warning: {
+		color: theme.colors.yellow,
+		uni__dependencies: [0]
+	},
+	accent: {
+		color: theme.colors.blue,
+		uni__dependencies: [0]
+	}
+}));
+/** The line tones of the web's MessageLines, drawn with the same theme tokens. */
+const TONE_STYLE = {
+	hi: styles.hi,
+	text: styles.text,
+	dim: styles.dim,
+	muted: styles.muted,
+	success: styles.success,
+	error: styles.error,
+	warning: styles.warning,
+	accent: styles.accent
+};
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/tool/plan.native.tsx
+var plan_native_default = defineToolRenderer({
+	tools: [
+		"record_debug_evidence",
+		"run_fable_plan",
+		"write_plan",
+		"complete_plan"
+	],
+	message: PlanToolMessage
+});
+//#endregion
 //#region generated/native.ts
 const via = (identity, value) => value === void 0 ? void 0 : {
 	...identity,
@@ -370,13 +775,16 @@ const nativePlugin = defineNativePlugin({
 	id: "plan",
 	session: {
 		get activityGroups() {
-			return [via({ name: "plan" }, plan_native_default)];
+			return [via({ name: "plan" }, plan_native_default$1)];
 		},
 		get fills() {
 			return [via({
 				slot: "activity.plan",
 				id: "plan"
 			}, Plan_activity_plan_native_default)];
+		},
+		get toolRenderers() {
+			return [via({ tools: ["plan"] }, plan_native_default)];
 		}
 	}
 });