@agimon-ai/po-team 0.0.0-alpha.73 → 0.0.0-alpha.74

package/dist/extensions/native.mjs

@@ -1,5 +1,5 @@
-import { createApiClient, defineActivityGroup, defineApiRoutes, defineChannelFile, defineFill, defineNativePlugin, defineSessionStore, defineSlot, nativeApiTransport, sessionApiAddress } from "@agimon-ai/po-core/native";
-import { AgentAvatar, ArrowRightIcon, Badge, Button, ChevronDownIcon, Dot, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, Input, KebabIcon, ListRow, LiveDuration, Panel, STATUS_EDGE, SegmentedControl, SendIcon, Sheet, SheetBody, SheetContent, SheetHeader, SheetTitle, StatusBadge, Textarea, UsersIcon, fontOf } from "@agimon-ai/po-native-components";
+import { createApiClient, defineActivityGroup, defineApiRoutes, defineChannelFile, defineFill, defineNativePlugin, defineSessionStore, defineSlot, defineToolRenderer, nativeApiTransport, sessionApiAddress } from "@agimon-ai/po-core/native";
+import { AgentAvatar, ArrowRightIcon, Badge, Button, ChevronDownIcon, Dot, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, Input, KebabIcon, ListRow, LiveDuration, MessageItem, MessageItemBody, MessageItemHeader, MessageItemStatus, Panel, STATUS_EDGE, SegmentedControl, SendIcon, Sheet, SheetBody, SheetContent, SheetHeader, SheetTitle, StatusBadge, Textarea, UsersIcon, fontOf, toolTone } from "@agimon-ai/po-native-components";
 import { createElement, useCallback, useEffect, useState, useSyncExternalStore } from "react";
 import { View } from "react-native-unistyles/components/native/View";
 import { Text } from "react-native-unistyles/components/native/Text";
@@ -41,14 +41,14 @@ const api = createApiClient(routes, {
 	transport: nativeApiTransport,
 	sessionAddress: sessionApiAddress
 });
-function isRecord$2(value) {
+function isRecord$3(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function isStrings(value) {
 	return Array.isArray(value) && value.every((item) => typeof item === "string");
 }
 function isAgent(value) {
-	return isRecord$2(value) && typeof value.name === "string" && typeof value.description === "string" && typeof value.filePath === "string" && [
+	return isRecord$3(value) && typeof value.name === "string" && typeof value.description === "string" && typeof value.filePath === "string" && [
 		"project",
 		"user",
 		"plugin"
@@ -58,8 +58,8 @@ function isAgent(value) {
 async function fetchCatalog(sessionId, signal) {
 	const response = await api.session(sessionId).catalog({ signal });
 	const body = response.data;
-	if (!response.ok) throw new Error(isRecord$2(body) && typeof body.error === "string" ? body.error : `Agent catalog could not be loaded (${response.status}).`);
-	if (!isRecord$2(body) || typeof body.cwd !== "string" || !Array.isArray(body.agents) || !body.agents.every(isAgent) || !isStrings(body.models)) throw new Error("The server returned an invalid agent catalog.");
+	if (!response.ok) throw new Error(isRecord$3(body) && typeof body.error === "string" ? body.error : `Agent catalog could not be loaded (${response.status}).`);
+	if (!isRecord$3(body) || typeof body.cwd !== "string" || !Array.isArray(body.agents) || !body.agents.every(isAgent) || !isStrings(body.models)) throw new Error("The server returned an invalid agent catalog.");
 	return {
 		cwd: body.cwd,
 		agents: body.agents,
@@ -70,8 +70,8 @@ async function fetchCatalog(sessionId, signal) {
 async function launchAgent(sessionId, request) {
 	const response = await api.session(sessionId).run({ body: request });
 	const body = response.data;
-	if (!response.ok) throw new Error(isRecord$2(body) && typeof body.error === "string" ? body.error : `Agent could not be launched (${response.status}).`);
-	if (!isRecord$2(body) || typeof body.runId !== "string" || body.runId === "") throw new Error("The server returned an invalid run ID.");
+	if (!response.ok) throw new Error(isRecord$3(body) && typeof body.error === "string" ? body.error : `Agent could not be launched (${response.status}).`);
+	if (!isRecord$3(body) || typeof body.runId !== "string" || body.runId === "") throw new Error("The server returned an invalid run ID.");
 	return body.runId;
 }
 function isSteerState(value) {
@@ -84,8 +84,8 @@ async function steerRun(sessionId, runId, message) {
 		message
 	} });
 	const body = response.data;
-	if (!response.ok) throw new Error(isRecord$2(body) && typeof body.error === "string" ? body.error : `Guidance could not be sent (${response.status}).`);
-	if (!isRecord$2(body) || !isSteerState(body.state) || typeof body.message !== "string") throw new Error("The server returned an invalid steer result.");
+	if (!response.ok) throw new Error(isRecord$3(body) && typeof body.error === "string" ? body.error : `Guidance could not be sent (${response.status}).`);
+	if (!isRecord$3(body) || !isSteerState(body.state) || typeof body.message !== "string") throw new Error("The server returned an invalid steer result.");
 	return {
 		state: body.state,
 		message: body.message
@@ -95,7 +95,7 @@ async function steerRun(sessionId, runId, message) {
 async function stopRun(sessionId, runId) {
 	const response = await api.session(sessionId).stop({ body: { runId } });
 	const body = response.data;
-	if (!response.ok) throw new Error(isRecord$2(body) && typeof body.error === "string" ? body.error : `The run could not be stopped (${response.status}).`);
+	if (!response.ok) throw new Error(isRecord$3(body) && typeof body.error === "string" ? body.error : `The run could not be stopped (${response.status}).`);
 }
 //#endregion
 //#region src/types/webSubagents.ts
@@ -117,7 +117,7 @@ const catalog = defineSessionStore({
 	inspected: void 0,
 	launch: void 0
 });
-function isRecord$1(value) {
+function isRecord$2(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function openCatalog(sessionId, task = "") {
@@ -171,11 +171,11 @@ function loadCatalog(sessionId) {
 const subagentCatalogChannel = catalog.channel({
 	channel: SUBAGENT_CATALOG_TYPE,
 	parse(input) {
-		if (!isRecord$1(input) || typeof input.cwd !== "string" || !Array.isArray(input.agents)) return null;
+		if (!isRecord$2(input) || typeof input.cwd !== "string" || !Array.isArray(input.agents)) return null;
 		const models = Array.isArray(input.models) ? input.models.filter((m) => typeof m === "string") : [];
 		return {
 			cwd: input.cwd,
-			agents: input.agents.filter(isRecord$1),
+			agents: input.agents.filter(isRecord$2),
 			models,
 			...typeof input.warning === "string" ? { warning: input.warning } : {}
 		};
@@ -292,7 +292,7 @@ const subagents = defineSessionStore({
 	pendingLaunch: void 0,
 	autoOpenRunId: void 0
 });
-function isRecord(value) {
+function isRecord$1(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function without(list, runId) {
@@ -368,8 +368,8 @@ function openRun(sessionId, runId) {
 const subagentRunsChannel = subagents.channel({
 	channel: SUBAGENT_RUNS_TYPE,
 	parse(input) {
-		if (!isRecord(input) || !Array.isArray(input.runs)) return null;
-		return { runs: input.runs.filter(isRecord) };
+		if (!isRecord$1(input) || !Array.isArray(input.runs)) return null;
+		return { runs: input.runs.filter(isRecord$1) };
 	},
 	reduce(current, { runs }) {
 		const present = new Map(runs.map((run) => [run.runId, run]));
@@ -448,7 +448,7 @@ function RunActions({ item, stopping, initiallyOpen, onAction }) {
 		children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
 			variant: "ghost",
 			size: "icon",
-			style: styles$2.menu,
+			style: styles$4.menu,
 			testID: `compact-run-menu-${item.runId}`,
 			accessibilityLabel: `Actions for ${agentRunLabel(item)}`,
 			children: /* @__PURE__ */ jsx(KebabIcon, { size: 14 })
@@ -480,16 +480,16 @@ function CompactRun({ now, item, stopping, menuRunId, stopError, onAction }) {
 	const summary = item.promptWithheld ? "Prompt withheld: this task was marked sensitive." : firstLine(item.error ?? item.summary ?? item.task) || "No prompt recorded";
 	return /* @__PURE__ */ jsxs(Panel, {
 		testID: `compact-run-${item.runId}`,
-		style: styles$2.card(STATUS_EDGE[badge.tone]),
+		style: styles$4.card(STATUS_EDGE[badge.tone]),
 		children: [/* @__PURE__ */ jsxs(Pressable, {
 			accessibilityRole: "button",
 			accessibilityLabel: `Open ${who.name}'s conversation`,
 			testID: `compact-run-open-${item.runId}`,
 			onPress: () => onAction("thread", item),
-			style: styles$2.open,
+			style: styles$4.open,
 			children: [
 				/* @__PURE__ */ jsxs(View, {
-					style: styles$2.rowHead,
+					style: styles$4.rowHead,
 					children: [
 						/* @__PURE__ */ jsx(AgentAvatar, {
 							name: who.name,
@@ -497,16 +497,16 @@ function CompactRun({ now, item, stopping, menuRunId, stopError, onAction }) {
 							size: "sm"
 						}),
 						/* @__PURE__ */ jsxs(View, {
-							style: styles$2.nameBlock,
+							style: styles$4.nameBlock,
 							children: [/* @__PURE__ */ jsx(Text, {
 								numberOfLines: 2,
-								style: styles$2.name,
+								style: styles$4.name,
 								children: who.name
 							}), who.role ? /* @__PURE__ */ jsxs(View, {
-								style: styles$2.elapsed,
+								style: styles$4.elapsed,
 								children: [/* @__PURE__ */ jsxs(Text, {
 									numberOfLines: 1,
-									style: styles$2.dim,
+									style: styles$4.dim,
 									children: [
 										who.role,
 										" ·",
@@ -515,7 +515,7 @@ function CompactRun({ now, item, stopping, menuRunId, stopError, onAction }) {
 								}), /* @__PURE__ */ jsx(RunElapsed, {
 									item,
 									now,
-									style: styles$2.dim
+									style: styles$4.dim
 								})]
 							}) : null]
 						}),
@@ -527,12 +527,12 @@ function CompactRun({ now, item, stopping, menuRunId, stopError, onAction }) {
 				}),
 				/* @__PURE__ */ jsx(Text, {
 					numberOfLines: 2,
-					style: item.error ? styles$2.error : styles$2.workText,
+					style: item.error ? styles$4.error : styles$4.workText,
 					children: summary
 				}),
 				stopError ? /* @__PURE__ */ jsx(Text, {
 					accessibilityRole: "alert",
-					style: styles$2.error,
+					style: styles$4.error,
 					children: stopError
 				}) : null
 			]
@@ -567,55 +567,55 @@ function CompactRunDetails({ now, actions, stopError, item, stopping, onClose, o
 			actions,
 			stopError ? /* @__PURE__ */ jsx(Text, {
 				accessibilityRole: "alert",
-				style: styles$2.error,
+				style: styles$4.error,
 				children: stopError
 			}) : null,
 			/* @__PURE__ */ jsx(RunElapsed, {
 				item,
 				now,
-				style: styles$2.dim
+				style: styles$4.dim
 			}),
 			facts.map(([label, value]) => /* @__PURE__ */ jsxs(View, {
-				style: styles$2.fact,
+				style: styles$4.fact,
 				children: [/* @__PURE__ */ jsx(Text, {
-					style: styles$2.factLabel,
+					style: styles$4.factLabel,
 					children: label
 				}), /* @__PURE__ */ jsx(Text, {
 					selectable: true,
-					style: styles$2.factValue,
+					style: styles$4.factValue,
 					children: value
 				})]
 			}, label)),
 			/* @__PURE__ */ jsxs(View, {
-				style: styles$2.detailBlock,
+				style: styles$4.detailBlock,
 				children: [/* @__PURE__ */ jsx(Text, {
-					style: styles$2.name,
+					style: styles$4.name,
 					children: "Prompt from the main agent"
 				}), /* @__PURE__ */ jsx(Text, {
 					selectable: true,
-					style: styles$2.body,
+					style: styles$4.body,
 					children: item.promptWithheld ? "Withheld: this task was marked sensitive." : item.task || "(no prompt recorded)"
 				})]
 			}),
 			item.summary ? /* @__PURE__ */ jsxs(View, {
-				style: styles$2.detailBlock,
+				style: styles$4.detailBlock,
 				children: [/* @__PURE__ */ jsx(Text, {
-					style: styles$2.name,
+					style: styles$4.name,
 					children: "Report"
 				}), /* @__PURE__ */ jsx(Text, {
 					selectable: true,
-					style: styles$2.body,
+					style: styles$4.body,
 					children: item.summary
 				})]
 			}) : null,
 			item.error ? /* @__PURE__ */ jsxs(View, {
-				style: styles$2.detailBlock,
+				style: styles$4.detailBlock,
 				children: [/* @__PURE__ */ jsx(Text, {
-					style: styles$2.name,
+					style: styles$4.name,
 					children: "Failure"
 				}), /* @__PURE__ */ jsx(Text, {
 					selectable: true,
-					style: styles$2.error,
+					style: styles$4.error,
 					children: item.error
 				})]
 			}) : null,
@@ -631,23 +631,23 @@ function CompactRunDetails({ now, actions, stopError, item, stopping, onClose, o
 function CompactAgents({ now, items, stoppingRunId, stoppingRunIds = [], menuRunId, stopError, stopErrorRunId, onAction }) {
 	const tally = Object.keys(BADGES).map((state) => `${items.filter((item) => item.state === state).length} ${state}`).join(" · ");
 	return /* @__PURE__ */ jsx(View, {
-		style: styles$2.screen,
+		style: styles$4.screen,
 		children: /* @__PURE__ */ jsx(FlatList, {
 			accessibilityLabel: "Agent runs",
 			data: items,
 			keyExtractor: (item) => item.runId,
-			style: styles$2.list,
-			contentContainerStyle: styles$2.listContent,
+			style: styles$4.list,
+			contentContainerStyle: styles$4.listContent,
 			initialNumToRender: 8,
 			maxToRenderPerBatch: 8,
 			windowSize: 5,
 			ListHeaderComponent: /* @__PURE__ */ jsxs(View, {
-				style: styles$2.headingBlock,
+				style: styles$4.headingBlock,
 				children: [/* @__PURE__ */ jsxs(View, {
-					style: styles$2.headingRow,
+					style: styles$4.headingRow,
 					children: [/* @__PURE__ */ jsx(Text, {
 						accessibilityRole: "header",
-						style: styles$2.heading,
+						style: styles$4.heading,
 						children: "Agents · this session"
 					}), /* @__PURE__ */ jsx(Button, {
 						variant: "primary",
@@ -657,17 +657,17 @@ function CompactAgents({ now, items, stoppingRunId, stoppingRunIds = [], menuRun
 					})]
 				}), /* @__PURE__ */ jsx(Text, {
 					testID: "compact-agent-tally",
-					style: styles$2.dim,
+					style: styles$4.dim,
 					children: items.length === 0 ? "No runs yet" : tally
 				})]
 			}),
 			ListEmptyComponent: /* @__PURE__ */ jsxs(View, {
-				style: styles$2.empty,
+				style: styles$4.empty,
 				children: [/* @__PURE__ */ jsx(Text, {
-					style: styles$2.body,
+					style: styles$4.body,
 					children: "No runs yet"
 				}), /* @__PURE__ */ jsx(Text, {
-					style: styles$2.dim,
+					style: styles$4.dim,
 					children: "Start an agent run to get help with your work."
 				})]
 			}),
@@ -680,13 +680,13 @@ function CompactAgents({ now, items, stoppingRunId, stoppingRunIds = [], menuRun
 				onAction
 			}),
 			ListFooterComponent: items.length === 0 ? void 0 : /* @__PURE__ */ jsx(Text, {
-				style: styles$2.dim,
+				style: styles$4.dim,
 				children: "Tap a run to open its thread. Run actions holds details, stop and clear. Finished runs leave the list after 10m."
 			})
 		})
 	});
 }
-const styles$2 = StyleSheet.create((theme) => {
+const styles$4 = StyleSheet.create((theme) => {
 	const sans = fontOf(theme.fontFamily.sans);
 	const small = {
 		fontFamily: sans,
@@ -925,7 +925,7 @@ function SubagentsPanel(props) {
 	};
 	return /* @__PURE__ */ jsxs(View, {
 		testID: "subagents-panel",
-		style: styles$1.screen,
+		style: styles$3.screen,
 		children: [
 			/* @__PURE__ */ jsx(CompactAgents, {
 				items: runs,
@@ -976,7 +976,7 @@ function AgentCatalog({ sessionId }) {
 				setAgent(void 0);
 			}
 		}, agent.name) : /* @__PURE__ */ jsxs(View, {
-			style: styles$1.body,
+			style: styles$3.body,
 			children: [
 				/* @__PURE__ */ jsx(Input, {
 					accessibilityLabel: "Filter agents",
@@ -985,11 +985,11 @@ function AgentCatalog({ sessionId }) {
 					onChangeText: setFilter
 				}),
 				state.loading ? /* @__PURE__ */ jsx(Text, {
-					style: styles$1.meta,
+					style: styles$3.meta,
 					children: "Loading agents…"
 				}) : null,
 				state.warning ? /* @__PURE__ */ jsx(Text, {
-					style: styles$1.error,
+					style: styles$3.error,
 					children: state.warning
 				}) : null,
 				filterCatalog(state.agents, filter).map((item) => /* @__PURE__ */ jsx(ListRow, {
@@ -1028,10 +1028,10 @@ function AgentLaunch({ sessionId, agent, models, initialTask, onClose }) {
 		}
 	};
 	return /* @__PURE__ */ jsxs(View, {
-		style: styles$1.body,
+		style: styles$3.body,
 		children: [
 			/* @__PURE__ */ jsx(Text, {
-				style: styles$1.meta,
+				style: styles$3.meta,
 				children: agent.description
 			}),
 			/* @__PURE__ */ jsx(Textarea, {
@@ -1052,7 +1052,7 @@ function AgentLaunch({ sessionId, agent, models, initialTask, onClose }) {
 				}]
 			}),
 			/* @__PURE__ */ jsx(Text, {
-				style: styles$1.meta,
+				style: styles$3.meta,
 				children: "Model"
 			}),
 			/* @__PURE__ */ jsxs(Button, {
@@ -1067,7 +1067,7 @@ function AgentLaunch({ sessionId, agent, models, initialTask, onClose }) {
 				children: choice
 			}, choice)),
 			error ? /* @__PURE__ */ jsx(Text, {
-				style: styles$1.error,
+				style: styles$3.error,
 				children: error
 			}) : null,
 			/* @__PURE__ */ jsx(Button, {
@@ -1097,7 +1097,7 @@ function RunControl({ sessionId, run, stopping }) {
 		accessibilityRole: "alert",
 		testID: `run-stop-error-${run.runId}`,
 		numberOfLines: 1,
-		style: styles$1.error,
+		style: styles$3.error,
 		children: error
 	}) : null, /* @__PURE__ */ jsx(Button, {
 		variant: stopping ? "outline" : "danger-outline",
@@ -1113,12 +1113,12 @@ function RunControl({ sessionId, run, stopping }) {
 }
 function InfoRow({ label, children }) {
 	return /* @__PURE__ */ jsxs(View, {
-		style: styles$1.infoRow,
+		style: styles$3.infoRow,
 		children: [/* @__PURE__ */ jsx(Text, {
-			style: [styles$1.dim, styles$1.infoLabel],
+			style: [styles$3.dim, styles$3.infoLabel],
 			children: label
 		}), /* @__PURE__ */ jsx(View, {
-			style: styles$1.infoValue,
+			style: styles$3.infoValue,
 			children
 		})]
 	});
@@ -1131,15 +1131,15 @@ function RunInfo({ run }) {
 			label: "Agent",
 			children: [
 				/* @__PURE__ */ jsx(Text, {
-					style: styles$1.name,
+					style: styles$3.name,
 					children: run?.agent ?? NOT_REPORTED
 				}),
 				run?.agentDescription ? /* @__PURE__ */ jsx(Text, {
-					style: styles$1.bodyDim,
+					style: styles$3.bodyDim,
 					children: run.agentDescription
 				}) : null,
 				run?.agentFilePath ? /* @__PURE__ */ jsx(Text, {
-					style: styles$1.monoDim,
+					style: styles$3.monoDim,
 					children: run.agentFilePath
 				}) : null
 			]
@@ -1147,9 +1147,9 @@ function RunInfo({ run }) {
 		/* @__PURE__ */ jsx(InfoRow, {
 			label: "Model",
 			children: /* @__PURE__ */ jsxs(Text, {
-				style: styles$1.bodyText,
+				style: styles$3.bodyText,
 				children: [run?.model ?? NOT_REPORTED, run?.model && run.modelSource === "configured" ? /* @__PURE__ */ jsx(Text, {
-					style: styles$1.bodyDim,
+					style: styles$3.bodyDim,
 					children: " · configured, not confirmed by the runtime"
 				}) : null]
 			})
@@ -1157,20 +1157,20 @@ function RunInfo({ run }) {
 		/* @__PURE__ */ jsx(InfoRow, {
 			label: "Thinking",
 			children: /* @__PURE__ */ jsx(Text, {
-				style: [styles$1.bodyText, styles$1.capitalize],
+				style: [styles$3.bodyText, styles$3.capitalize],
 				children: run?.thinking ?? NOT_REPORTED
 			})
 		}),
 		/* @__PURE__ */ jsx(InfoRow, {
 			label: "Prompt",
 			children: run?.promptWithheld ? /* @__PURE__ */ jsx(Text, {
-				style: styles$1.bodyDim,
+				style: styles$3.bodyDim,
 				children: "Withheld: this task was marked sensitive."
 			}) : /* @__PURE__ */ jsx(ScrollView, {
-				style: styles$1.prompt,
+				style: styles$3.prompt,
 				nestedScrollEnabled: true,
 				children: /* @__PURE__ */ jsx(Text, {
-					style: styles$1.bodyText,
+					style: styles$3.bodyText,
 					children: run?.task || NOT_REPORTED
 				})
 			})
@@ -1186,14 +1186,14 @@ function RunInfo({ run }) {
 		/* @__PURE__ */ jsx(InfoRow, {
 			label: "Folder",
 			children: /* @__PURE__ */ jsx(Text, {
-				style: styles$1.mono,
+				style: styles$3.mono,
 				children: run?.cwd ? abbreviateCwd(run.cwd) : NOT_REPORTED
 			})
 		}),
 		/* @__PURE__ */ jsx(InfoRow, {
 			label: "Usage",
 			children: /* @__PURE__ */ jsx(Text, {
-				style: styles$1.bodyDim,
+				style: styles$3.bodyDim,
 				children: usage || NOT_REPORTED
 			})
 		})
@@ -1205,7 +1205,7 @@ function RunChip({ dot, open, onPress, children }) {
 		size: "md",
 		accessibilityState: { expanded: open },
 		onPress,
-		style: styles$1.chip,
+		style: styles$3.chip,
 		children: [
 			/* @__PURE__ */ jsx(Dot, {
 				tone: dot,
@@ -1262,11 +1262,11 @@ function AgentThreadPanel({ sessionId, runId, renderThread }) {
 	const toggleInfo = () => setInfoOpen((current) => !current);
 	return /* @__PURE__ */ jsxs(View, {
 		testID: "agent-thread-panel",
-		style: styles$1.screen,
+		style: styles$3.screen,
 		children: [
 			/* @__PURE__ */ jsxs(View, {
 				testID: "agent-thread-header",
-				style: styles$1.threadHead,
+				style: styles$3.threadHead,
 				children: [
 					run && who ? /* @__PURE__ */ jsx(AgentAvatar, {
 						name: who.name,
@@ -1276,29 +1276,29 @@ function AgentThreadPanel({ sessionId, runId, renderThread }) {
 					/* @__PURE__ */ jsx(Text, {
 						testID: "agent-thread-agent",
 						numberOfLines: 1,
-						style: styles$1.name,
+						style: styles$3.name,
 						children: run ? agentRunLabel(run) : "Agent run"
 					}),
 					who?.role ? /* @__PURE__ */ jsx(Text, {
 						numberOfLines: 1,
-						style: styles$1.dim,
+						style: styles$3.dim,
 						children: who.role
 					}) : null,
 					badge && run ? /* @__PURE__ */ jsx(StatusBadge, {
 						tone: badge.tone,
 						testID: "agent-thread-state",
-						style: styles$1.centered,
+						style: styles$3.centered,
 						children: stopping && !isTerminalRun(run) ? "STOPPING…" : badge.label
 					}) : null,
 					/* @__PURE__ */ jsx(View, {
-						style: styles$1.grow,
+						style: styles$3.grow,
 						children: run ? /* @__PURE__ */ jsx(RunElapsed, {
 							item: gone ? {
 								...run,
 								endedAt: run.endedAt ?? run.lastUpdate
 							} : run,
 							active: !gone,
-							style: styles$1.dim
+							style: styles$3.dim
 						}) : null
 					}),
 					live ? /* @__PURE__ */ jsx(RunControl, {
@@ -1310,25 +1310,25 @@ function AgentThreadPanel({ sessionId, runId, renderThread }) {
 			}),
 			gone ? /* @__PURE__ */ jsx(Text, {
 				testID: "agent-thread-gone",
-				style: [styles$1.dim, styles$1.gone],
+				style: [styles$3.dim, styles$3.gone],
 				children: "This run is no longer listed. Its thread stays readable."
 			}) : null,
 			/* @__PURE__ */ jsx(View, {
-				style: styles$1.transcript,
+				style: styles$3.transcript,
 				children: renderThread(runId)
 			}),
 			infoOpen ? /* @__PURE__ */ jsx(ScrollView, {
 				accessibilityLabel: "Run info",
 				testID: "run-info",
-				style: styles$1.info,
-				contentContainerStyle: styles$1.infoBody,
+				style: styles$3.info,
+				contentContainerStyle: styles$3.infoBody,
 				children: /* @__PURE__ */ jsx(RunInfo, { run })
 			}) : null,
 			canSteer ? /* @__PURE__ */ jsx(View, {
 				testID: "agent-steer-composer",
-				style: styles$1.composerWrap,
+				style: styles$3.composerWrap,
 				children: /* @__PURE__ */ jsxs(View, {
-					style: styles$1.composer,
+					style: styles$3.composer,
 					children: [
 						/* @__PURE__ */ jsx(Textarea, {
 							variant: "bare",
@@ -1339,21 +1339,21 @@ function AgentThreadPanel({ sessionId, runId, renderThread }) {
 							readOnly: sending,
 							disabled: stopping,
 							placeholder: stopping ? "Stopping, guidance paused" : "Guide this agent · it reads this at its next step",
-							style: styles$1.composerInput,
+							style: styles$3.composerInput,
 							onChangeText: setGuidance
 						}),
 						error ? /* @__PURE__ */ jsx(Text, {
 							accessibilityRole: "alert",
 							testID: "agent-steer-error",
-							style: [styles$1.error, styles$1.composerPad],
+							style: [styles$3.error, styles$3.composerPad],
 							children: error
 						}) : null,
 						/* @__PURE__ */ jsxs(View, {
-							style: styles$1.composerFoot,
+							style: styles$3.composerFoot,
 							children: [/* @__PURE__ */ jsx(Text, {
 								testID: "agent-steer-hint",
 								numberOfLines: 1,
-								style: [styles$1.dim, styles$1.grow],
+								style: [styles$3.dim, styles$3.grow],
 								children: notice
 							}), /* @__PURE__ */ jsxs(Button, {
 								testID: "agent-steer-submit",
@@ -1368,11 +1368,11 @@ function AgentThreadPanel({ sessionId, runId, renderThread }) {
 				})
 			}) : /* @__PURE__ */ jsx(Text, {
 				testID: "agent-thread-end",
-				style: [styles$1.dim, styles$1.end],
+				style: [styles$3.dim, styles$3.end],
 				children: endNote
 			}),
 			/* @__PURE__ */ jsxs(View, {
-				style: styles$1.chips,
+				style: styles$3.chips,
 				children: [
 					/* @__PURE__ */ jsx(RunChip, {
 						dot: "magenta",
@@ -1385,7 +1385,7 @@ function AgentThreadPanel({ sessionId, runId, renderThread }) {
 						open: infoOpen,
 						onPress: toggleInfo,
 						children: [run?.model ? run.model.split("/").pop() ?? run.model : "Model not reported", run?.thinking ? /* @__PURE__ */ jsxs(Text, {
-							style: styles$1.dim,
+							style: styles$3.dim,
 							children: [" ", run.thinking]
 						}) : null]
 					}),
@@ -1402,7 +1402,7 @@ function AgentThreadPanel({ sessionId, runId, renderThread }) {
 }
 /** `px-[26px]`: the cockpit's gutter. */
 const GUTTER = 26;
-const styles$1 = StyleSheet.create((theme) => {
+const styles$3 = StyleSheet.create((theme) => {
 	const sans = fontOf(theme.fontFamily.sans);
 	const mono = fontOf(theme.fontFamily.mono);
 	const sm = {
@@ -1655,10 +1655,10 @@ function detail(run) {
 function AgentsActivitySection({ sessionId, openTransientTab }) {
 	const runs = activityRuns(useSubagents(sessionId));
 	if (runs.length === 0) return /* @__PURE__ */ jsxs(View, {
-		style: styles.idle,
+		style: styles$2.idle,
 		children: [/* @__PURE__ */ jsx(Text, {
 			testID: "activity-summary-agents",
-			style: styles.status,
+			style: styles$2.status,
 			children: "Idle"
 		}), /* @__PURE__ */ jsxs(Pressable, {
 			accessibilityRole: "button",
@@ -1672,9 +1672,9 @@ function AgentsActivitySection({ sessionId, openTransientTab }) {
 					openTransientTab(subagentsTab());
 				}
 			},
-			style: styles.action,
+			style: styles$2.action,
 			children: [/* @__PURE__ */ jsx(Text, {
-				style: styles.actionText(sessionId === null),
+				style: styles$2.actionText(sessionId === null),
 				children: "Launch an agent"
 			}), /* @__PURE__ */ jsx(ArrowRightIcon, {
 				size: 14,
@@ -1684,7 +1684,7 @@ function AgentsActivitySection({ sessionId, openTransientTab }) {
 	});
 	return /* @__PURE__ */ jsx(View, {
 		testID: "activity-agent-runs",
-		style: styles.runs,
+		style: styles$2.runs,
 		children: runs.map((run) => {
 			const who = agentDisplay(run);
 			const description = detail(run);
@@ -1696,9 +1696,9 @@ function AgentsActivitySection({ sessionId, openTransientTab }) {
 				onPress: () => {
 					if (sessionId !== null) openTransientTab(agentThreadTab(run));
 				},
-				style: styles.run,
+				style: styles$2.run,
 				children: /* @__PURE__ */ jsxs(View, {
-					style: styles.line,
+					style: styles$2.line,
 					children: [
 						/* @__PURE__ */ jsx(AgentAvatar, {
 							name: who.name,
@@ -1707,31 +1707,31 @@ function AgentsActivitySection({ sessionId, openTransientTab }) {
 							size: "sm"
 						}),
 						/* @__PURE__ */ jsxs(View, {
-							style: styles.text,
+							style: styles$2.text,
 							children: [/* @__PURE__ */ jsxs(View, {
-								style: styles.who,
+								style: styles$2.who,
 								children: [/* @__PURE__ */ jsx(Text, {
 									numberOfLines: 1,
-									style: styles.name,
+									style: styles$2.name,
 									children: who.name
 								}), who.role ? /* @__PURE__ */ jsx(Text, {
 									numberOfLines: 1,
-									style: styles.dim,
+									style: styles$2.dim,
 									children: who.role
 								}) : null]
 							}), description ? /* @__PURE__ */ jsx(Text, {
 								numberOfLines: 1,
-								style: run.state === "failed" ? styles.failed : styles.dim,
+								style: run.state === "failed" ? styles$2.failed : styles$2.dim,
 								children: description
 							}) : null]
 						}),
 						/* @__PURE__ */ jsxs(View, {
-							style: styles.elapsed,
+							style: styles$2.elapsed,
 							children: [/* @__PURE__ */ jsx(RunElapsed, {
 								item: run,
-								style: styles.dim
+								style: styles$2.dim
 							}), run.toolCount !== void 0 ? /* @__PURE__ */ jsx(Text, {
-								style: styles.dim,
+								style: styles$2.dim,
 								children: ` · ${run.toolCount} tools`
 							}) : null]
 						})
@@ -1741,7 +1741,7 @@ function AgentsActivitySection({ sessionId, openTransientTab }) {
 		})
 	});
 }
-const styles = StyleSheet.create((theme) => {
+const styles$2 = StyleSheet.create((theme) => {
 	const small = {
 		fontFamily: fontOf(theme.fontFamily.sans),
 		fontSize: theme.fontSize.sm,
@@ -1827,6 +1827,917 @@ const styles = StyleSheet.create((theme) => {
 //#endregion
 //#region src/extensions/workspaces/sessions/(frontend)/fill/Agents.activity.agents.native.tsx
 var Agents_activity_agents_native_default = defineFill({ component: AgentsActivitySection });
+const MESSAGE_PREVIEW_CHARS = 72;
+const ELLIPSIS = "…";
+function isRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function asString(value) {
+	return typeof value === "string" ? value : "";
+}
+/** The detail beside the subagent action, as the TUI's callDetails words it. */
+function subagentCallDetail(args) {
+	switch (args.action) {
+		case "agents": return asString(args.name);
+		case "run": {
+			const requests = Array.isArray(args.requests) ? args.requests : [];
+			const agents = requests.map((request) => isRecord(request) ? asString(request.agent) : "").filter(Boolean);
+			const count = `${requests.length} agent${requests.length === 1 ? "" : "s"}`;
+			return agents.length > 0 ? `${count} · ${agents.join(", ")}` : count;
+		}
+		case "status": return args.id ? "run" : "fleet";
+		default: return "";
+	}
+}
+/** Result text as lines, trailing blank lines dropped the way the TUI does. */
+function resultLines(output) {
+	const lines = output.split("\n");
+	while (lines.length > 0 && lines.at(-1)?.trim() === "") lines.pop();
+	return lines.length === 1 && lines[0] === "" ? [] : lines;
+}
+/**
+* The subagent result body: a tail while running, then the head collapsed to
+* the TUI budget, with the closing glyph line the TUI appends.
+*/
+function shapeResult(output, options) {
+	const all = resultLines(output);
+	if (options.isPartial) return {
+		lines: all.slice(-12),
+		glyph: "running",
+		hidden: 0
+	};
+	const lines = options.expanded ? all : all.slice(0, 12);
+	const hidden = all.length - lines.length;
+	if (options.isError) return {
+		lines,
+		glyph: "failed",
+		hidden
+	};
+	if (hidden > 0) return {
+		lines,
+		glyph: "more",
+		hidden
+	};
+	if (lines.length === 0) return {
+		lines,
+		glyph: "done",
+		hidden: 0
+	};
+	return {
+		lines,
+		glyph: "none",
+		hidden: 0
+	};
+}
+function preview(message) {
+	const flat = message.replace(/\s+/g, " ").trim();
+	return flat.length > MESSAGE_PREVIEW_CHARS ? `${flat.slice(0, 71)}${ELLIPSIS}` : flat;
+}
+function records(value) {
+	return Array.isArray(value) ? value.filter(isRecord) : [];
+}
+function parts(values) {
+	return values.filter((value) => typeof value === "string" && value.trim() !== "").join(" · ");
+}
+function stateAvatar(state) {
+	if (state === "failed" || state === "error") return "failed";
+	if (state === "running" || state === "starting") return "running";
+	if (state === "queued") return "waiting";
+	if (state === "complete" || state === "completed" || state === "stopped") return "done";
+}
+function stateTone(state) {
+	if (state === "failed" || state === "error") return "error";
+	if (state === "complete" || state === "completed") return "ok";
+	if (state === "running" || state === "starting") return "running";
+	return "idle";
+}
+function countSummary(count, noun) {
+	return count === 0 ? `no ${noun}s` : `${count} ${noun}${count === 1 ? "" : "s"}`;
+}
+function agentsView(value) {
+	const rows = records(value).map((agent, index) => ({
+		key: `${asString(agent.name)}-${index}`,
+		label: asString(agent.name),
+		seed: asString(agent.name),
+		detail: preview(asString(agent.description)),
+		state: asString(agent.source),
+		tone: "idle"
+	}));
+	return {
+		kind: "agents",
+		rows,
+		summary: countSummary(rows.length, "agent"),
+		tone: "idle"
+	};
+}
+function runView(value) {
+	const rows = records(value).map((outcome, index) => {
+		const runId = asString(outcome.runId);
+		return {
+			key: runId || `${asString(outcome.agent)}-${index}`,
+			label: asString(outcome.agent),
+			seed: asString(outcome.agent),
+			avatar: runId ? "running" : "failed",
+			detail: preview(runId ? asString(outcome.task) : asString(outcome.error)) || (runId ? "" : "unknown error"),
+			state: runId ? "started" : "failed",
+			tone: runId ? "ok" : "error"
+		};
+	});
+	const started = rows.filter((row) => row.state === "started").length;
+	const failed = rows.length - started;
+	return {
+		kind: "run",
+		rows,
+		summary: failed === 0 ? `${started} started` : `${started} started · ${failed} failed`,
+		tone: failed === 0 ? "ok" : "error"
+	};
+}
+function fleetView(value) {
+	const rows = records(value).map((job, index) => {
+		const state = asString(job.status) || "starting";
+		const who = agentDisplay({
+			agent: asString(job.agent),
+			identity: asString(job.identity) || void 0
+		});
+		return {
+			key: asString(job.runId) || `run-${index}`,
+			label: who.name,
+			seed: who.seed,
+			avatar: stateAvatar(state),
+			detail: preview(parts([
+				who.role,
+				job.currentTool,
+				job.activityState,
+				job.attentionReason,
+				job.error
+			])),
+			state,
+			tone: stateTone(state)
+		};
+	});
+	return {
+		kind: "fleet",
+		rows,
+		summary: countSummary(rows.length, "run"),
+		tone: "idle"
+	};
+}
+function statusView(details) {
+	const runId = asString(details.runId);
+	const status = isRecord(details.status) ? details.status : void 0;
+	const state = status ? asString(status.state) : "";
+	if (!state) return {
+		kind: "status",
+		rows: [],
+		summary: "no status yet",
+		tone: "idle"
+	};
+	const who = agentDisplay({
+		agent: asString(status?.agent),
+		identity: asString(status?.identity) || void 0
+	});
+	return {
+		kind: "status",
+		rows: [{
+			key: runId,
+			label: who.name,
+			seed: who.seed,
+			avatar: stateAvatar(state),
+			detail: preview(parts([
+				who.role,
+				status?.activityState,
+				status?.summary,
+				status?.error
+			])),
+			state,
+			tone: stateTone(state)
+		}],
+		summary: "",
+		tone: stateTone(state)
+	};
+}
+function controlView(summary, tone) {
+	return {
+		kind: "control",
+		rows: [],
+		summary,
+		tone
+	};
+}
+/**
+* Narrows the wire `details` of a subagent result to the rows the card draws.
+* Null when they are not a finished subagent result at all, which is what a
+* partial update or an error message is: the card then falls back to the text.
+*/
+function subagentResultView(details) {
+	if (!isRecord(details) || details.partial === true) return null;
+	if (Array.isArray(details.agents)) return agentsView(details.agents);
+	if (Array.isArray(details.outcomes)) return runView(details.outcomes);
+	if (isRecord(details.spawn) && Array.isArray(details.spawn.outcomes)) return runView(details.spawn.outcomes);
+	if (Array.isArray(details.runs)) return fleetView(details.runs);
+	if (Array.isArray(details.fleet)) return fleetView(details.fleet);
+	if (isRecord(details.control)) return controlView("stop requested", "ok");
+	if (isRecord(details.steer)) {
+		const state = asString(details.steer.state);
+		return controlView(`steer ${state}${details.steer.message ? `: ${preview(asString(details.steer.message))}` : ""}`, state === "failed" ? "error" : "ok");
+	}
+	if (typeof details.runId === "string") return statusView(details);
+	return null;
+}
+/** The intercom call header: action, its resolved target name, and what is being said. */
+function intercomCallSummary(args, details) {
+	const action = asString(args.action);
+	const toName = isRecord(details) ? asString(details.toName).trim() : "";
+	switch (action) {
+		case "send":
+		case "ask": return {
+			action,
+			target: toName || asString(args.to),
+			message: preview(asString(args.message))
+		};
+		case "reply": return {
+			action,
+			target: asString(args.requestId),
+			message: preview(asString(args.message))
+		};
+		default: return {
+			action,
+			target: "",
+			message: ""
+		};
+	}
+}
+/**
+* The outcome line for a finished intercom call, read from the details the
+* tool attaches: a send is delivered or only queued, a reply confirms its
+* request, an ask carries the answer's sender.
+*/
+function intercomOutcome(details) {
+	if (!isRecord(details)) return {
+		outcome: "none",
+		who: "",
+		reply: ""
+	};
+	if (details.delivered === true) return {
+		outcome: "delivered",
+		who: asString(details.to),
+		reply: ""
+	};
+	if (details.state === "queued") return {
+		outcome: "queued",
+		who: asString(details.to),
+		reply: ""
+	};
+	if (typeof details.reply === "string") return {
+		outcome: "answered",
+		who: asString(details.from),
+		reply: details.reply
+	};
+	if (typeof details.requestId === "string" && typeof details.to === "string") return {
+		outcome: "replied",
+		who: details.to,
+		reply: ""
+	};
+	return {
+		outcome: "none",
+		who: "",
+		reply: ""
+	};
+}
+/**
+* The agent that sent an intercom message, from the tool's `sender` detail; empty
+* while the call runs or for a result recorded before the tool named its sender.
+*/
+function intercomSender(details) {
+	return isRecord(details) ? asString(details.sender) : "";
+}
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/tool/_components/IntercomToolMessage.native.tsx
+/** How the outgoing bubble settled, as a quiet line beneath it. An answer is its own bubble instead. */
+const OUTCOME_LINE = {
+	delivered: {
+		tone: "neutral",
+		glyph: "✓",
+		text: "Delivered"
+	},
+	queued: {
+		tone: "running",
+		glyph: void 0,
+		text: "Queued, not yet confirmed"
+	},
+	replied: {
+		tone: "neutral",
+		glyph: "✓",
+		text: "Replied"
+	}
+};
+/** The chip beside the sender: what kind of message this session's agent sent. */
+const ACTION_CHIP = {
+	ask: "Asked",
+	send: "Message",
+	reply: "Reply"
+};
+/** An agent's side of the thread: avatar, name, role when known, an optional chip, then the bubble. */
+function AgentTurn({ name, role, chip, state, testID, children }) {
+	return /* @__PURE__ */ jsxs(View, {
+		testID,
+		style: styles$1.agentTurn,
+		children: [/* @__PURE__ */ jsx(AgentAvatar, {
+			name,
+			size: "sm",
+			state
+		}), /* @__PURE__ */ jsxs(View, {
+			style: styles$1.agentColumn,
+			children: [/* @__PURE__ */ jsxs(View, {
+				style: styles$1.speakerRow,
+				children: [
+					/* @__PURE__ */ jsx(Text, {
+						numberOfLines: 1,
+						style: [
+							styles$1.small,
+							styles$1.speaker,
+							styles$1.agentName
+						],
+						children: name
+					}),
+					role ? /* @__PURE__ */ jsx(Text, {
+						numberOfLines: 1,
+						style: [
+							styles$1.small,
+							styles$1.dim,
+							styles$1.role
+						],
+						children: role
+					}) : null,
+					chip
+				]
+			}), children]
+		})]
+	});
+}
+/**
+* The intercom tool's timeline item on native, drawn as a chat thread between
+* agents: this session's agent sends on the right, named with its avatar once the
+* tool reports it, with a quiet delivery tick; the recipient sits on the left with
+* its avatar and name, replying while the ask waits and answering in a rail bubble
+* once it has. Actions with no message (members, pending) show the result text. A
+* failure shows only its reason, in red.
+*/
+function IntercomToolMessage({ args, result, output, running, isError }) {
+	const summary = intercomCallSummary(args, result?.details);
+	const collapsed = shapeResult(output, {
+		expanded: false,
+		isPartial: running,
+		isError
+	});
+	const outcome = running || isError ? {
+		outcome: "none",
+		who: "",
+		reply: ""
+	} : intercomOutcome(result?.details);
+	const line = outcome.outcome === "none" || outcome.outcome === "answered" ? null : OUTCOME_LINE[outcome.outcome];
+	const message = typeof args.message === "string" ? args.message.trim() : "";
+	const recipient = summary.action === "reply" ? outcome.who : summary.target;
+	const sender = intercomSender(result?.details);
+	const chip = ACTION_CHIP[summary.action];
+	return /* @__PURE__ */ jsx(MessageItem, {
+		tone: toolTone({
+			running,
+			isError
+		}),
+		expandable: collapsed.glyph === "more",
+		children: ({ expanded }) => {
+			const shaped = expanded ? shapeResult(output, {
+				expanded: true,
+				isPartial: running,
+				isError
+			}) : collapsed;
+			return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(MessageItemHeader, {
+				title: "intercom",
+				children: /* @__PURE__ */ jsxs(View, {
+					testID: "tool-call-intercom",
+					style: styles$1.summary,
+					children: [/* @__PURE__ */ jsx(Text, {
+						numberOfLines: 1,
+						style: [styles$1.sans, styles$1.action],
+						children: summary.action
+					}), recipient ? /* @__PURE__ */ jsxs(Text, {
+						numberOfLines: 1,
+						style: [styles$1.sans, styles$1.recipient],
+						children: ["→ ", recipient]
+					}) : null]
+				})
+			}), /* @__PURE__ */ jsxs(MessageItemBody, {
+				testID: "tool-result-intercom",
+				style: styles$1.body,
+				children: [isError ? /* @__PURE__ */ jsx(Text, {
+					selectable: true,
+					accessibilityRole: "alert",
+					style: [styles$1.sans, styles$1.error],
+					children: shaped.lines.join("\n")
+				}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+					message ? /* @__PURE__ */ jsxs(View, {
+						testID: "intercom-outgoing",
+						style: styles$1.outgoing,
+						children: [
+							/* @__PURE__ */ jsxs(View, {
+								style: styles$1.speakerRow,
+								children: [chip ? /* @__PURE__ */ jsx(Text, {
+									style: [
+										styles$1.small,
+										styles$1.chip,
+										styles$1.neutralChip
+									],
+									children: chip
+								}) : null, sender ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(AgentAvatar, {
+									name: sender,
+									size: "sm"
+								}), /* @__PURE__ */ jsx(Text, {
+									numberOfLines: 1,
+									style: [styles$1.small, styles$1.speaker],
+									children: sender
+								})] }) : null]
+							}),
+							/* @__PURE__ */ jsx(Text, {
+								selectable: true,
+								style: [
+									styles$1.sans,
+									styles$1.bubble,
+									styles$1.outgoingBubble
+								],
+								children: message
+							}),
+							line ? /* @__PURE__ */ jsx(MessageItemStatus, {
+								tone: line.tone,
+								glyph: line.glyph,
+								children: line.text
+							}) : null,
+							running && summary.action !== "ask" ? /* @__PURE__ */ jsx(MessageItemStatus, {
+								tone: "running",
+								children: "Sending"
+							}) : null
+						]
+					}) : null,
+					running && message && summary.action === "ask" ? /* @__PURE__ */ jsx(AgentTurn, {
+						testID: "intercom-replying",
+						name: recipient || "reply",
+						state: "running",
+						chip: /* @__PURE__ */ jsx(Text, {
+							style: [styles$1.small, styles$1.dim],
+							children: "is replying"
+						}),
+						children: /* @__PURE__ */ jsxs(View, {
+							accessibilityLabel: `${recipient || "The recipient"} is replying`,
+							style: [
+								styles$1.bubble,
+								styles$1.incomingBubble,
+								styles$1.typing
+							],
+							children: [
+								/* @__PURE__ */ jsx(Dot, {
+									tone: "muted",
+									size: "md",
+									pulse: true
+								}),
+								/* @__PURE__ */ jsx(Dot, {
+									tone: "muted",
+									size: "md",
+									pulse: true
+								}),
+								/* @__PURE__ */ jsx(Dot, {
+									tone: "muted",
+									size: "md",
+									pulse: true
+								})
+							]
+						})
+					}) : null,
+					outcome.outcome === "answered" ? /* @__PURE__ */ jsx(AgentTurn, {
+						testID: "intercom-incoming",
+						name: outcome.who,
+						chip: /* @__PURE__ */ jsx(Text, {
+							style: [
+								styles$1.small,
+								styles$1.chip,
+								styles$1.repliedChip
+							],
+							children: "Replied"
+						}),
+						children: /* @__PURE__ */ jsx(Text, {
+							selectable: true,
+							style: [
+								styles$1.sans,
+								styles$1.bubble,
+								styles$1.incomingBubble
+							],
+							children: outcome.reply
+						})
+					}) : null,
+					!message && shaped.lines.length > 0 ? /* @__PURE__ */ jsx(Text, {
+						selectable: true,
+						numberOfLines: expanded ? void 0 : 1,
+						style: [styles$1.sans, styles$1.dim],
+						children: shaped.lines.join("\n")
+					}) : null
+				] }), shaped.glyph === "more" ? /* @__PURE__ */ jsxs(MessageItemStatus, {
+					expands: true,
+					children: [shaped.hidden, " more line(s)"]
+				}) : null]
+			})] });
+		}
+	});
+}
+const styles$1 = 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]
+	},
+	small: {
+		fontFamily: fontOf(theme.fontFamily.sans),
+		fontSize: theme.fontSize.sm,
+		lineHeight: theme.lineHeight.sm,
+		uni__dependencies: [0]
+	},
+	action: {
+		flexShrink: 0,
+		color: theme.colors.hi,
+		uni__dependencies: [0]
+	},
+	recipient: {
+		flexShrink: 1,
+		color: theme.colors.cyan,
+		uni__dependencies: [0]
+	},
+	body: {
+		gap: theme.spacing(4),
+		uni__dependencies: [0]
+	},
+	speakerRow: {
+		flexDirection: "row",
+		flexWrap: "wrap",
+		alignItems: "center",
+		columnGap: theme.spacing(2),
+		rowGap: 1,
+		uni__dependencies: [0]
+	},
+	speaker: {
+		color: theme.colors.hi,
+		fontWeight: theme.fontWeight.semibold,
+		uni__dependencies: [0]
+	},
+	agentName: {
+		flexShrink: 0,
+		maxWidth: "70%"
+	},
+	role: { flexShrink: 1 },
+	chip: {
+		overflow: "hidden",
+		borderRadius: theme.borderRadius.full,
+		paddingHorizontal: theme.spacing(2),
+		paddingVertical: 1,
+		uni__dependencies: [0]
+	},
+	neutralChip: {
+		backgroundColor: theme.colors.deep,
+		color: theme.colors.dim,
+		uni__dependencies: [0]
+	},
+	repliedChip: {
+		backgroundColor: theme.colors["tint-green"],
+		color: theme.colors.green,
+		uni__dependencies: [0]
+	},
+	outgoing: {
+		alignItems: "flex-end",
+		gap: theme.spacing(1),
+		uni__dependencies: [0]
+	},
+	agentTurn: {
+		flexDirection: "row",
+		alignItems: "flex-start",
+		gap: theme.spacing(2),
+		uni__dependencies: [0]
+	},
+	agentColumn: {
+		flexShrink: 1,
+		minWidth: 0,
+		alignItems: "flex-start",
+		gap: theme.spacing(1),
+		uni__dependencies: [0]
+	},
+	bubble: {
+		maxWidth: "90%",
+		borderRadius: theme.borderRadius.lg,
+		paddingHorizontal: theme.spacing(3),
+		paddingVertical: theme.spacing(2),
+		color: theme.colors.hi,
+		uni__dependencies: [0]
+	},
+	outgoingBubble: {
+		backgroundColor: theme.colors["tint-green"],
+		uni__dependencies: [0]
+	},
+	incomingBubble: {
+		maxWidth: "100%",
+		backgroundColor: theme.colors.rail,
+		uni__dependencies: [0]
+	},
+	typing: {
+		flexDirection: "row",
+		alignItems: "center",
+		gap: theme.spacing(1.5),
+		paddingVertical: theme.spacing(3),
+		uni__dependencies: [0]
+	},
+	dim: {
+		color: theme.colors.dim,
+		uni__dependencies: [0]
+	},
+	error: {
+		color: theme.colors.red,
+		uni__dependencies: [0]
+	}
+}));
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/tool/intercom.native.tsx
+/** The intercom tool's timeline card on the phone. The filename names the tool it renders. */
+var intercom_native_default = defineToolRenderer({ message: IntercomToolMessage });
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/tool/_components/SubagentToolMessage.native.tsx
+const CLOSING = {
+	running: {
+		tone: "running",
+		text: "Running"
+	},
+	done: {
+		tone: "ok",
+		text: "Done"
+	}
+};
+const ROW_BADGE = {
+	ok: "ok",
+	error: "error",
+	running: "running",
+	idle: "neutral"
+};
+const STATUS_TONE = {
+	ok: "ok",
+	error: "error",
+	running: "running",
+	idle: "ok"
+};
+/** One structured row: the run or agent, what it is doing, and its state flushed right. */
+function SubagentRowLine({ row }) {
+	return /* @__PURE__ */ jsxs(View, {
+		testID: "tool-result-subagent-row",
+		style: styles.row,
+		children: [
+			/* @__PURE__ */ jsx(AgentAvatar, {
+				name: row.label,
+				seed: row.seed,
+				state: row.avatar
+			}),
+			/* @__PURE__ */ jsxs(View, {
+				style: styles.rowText,
+				children: [/* @__PURE__ */ jsx(Text, {
+					numberOfLines: 1,
+					style: [styles.sans, styles.label],
+					children: row.label
+				}), row.detail ? /* @__PURE__ */ jsx(Text, {
+					numberOfLines: 1,
+					style: [styles.small, styles.dim],
+					children: row.detail
+				}) : null]
+			}),
+			row.state ? /* @__PURE__ */ jsx(StatusBadge, {
+				tone: ROW_BADGE[row.tone],
+				size: "md",
+				style: ROW_BADGE[row.tone] === "neutral" ? styles.neutralBadge : void 0,
+				children: row.state
+			}) : null
+		]
+	});
+}
+/**
+* The subagent tool's timeline item on native, as the web's: the action and
+* its per-action detail in the header, the rows the result reported in the
+* body, and the subagents tab one tap away. A result the narrower does not
+* recognise, a partial one included, falls back to the text the model was
+* given. A failure shows only its reason, in red.
+*/
+function SubagentToolMessage({ args, result, output, running, isError, openTransientTab }) {
+	const action = typeof args.action === "string" ? args.action : "";
+	const detail = subagentCallDetail(args);
+	const view = running || isError ? null : subagentResultView(result?.details);
+	const hiddenRows = view ? Math.max(0, view.rows.length - 8) : 0;
+	const collapsedText = view ? null : shapeResult(output, {
+		expanded: false,
+		isPartial: running,
+		isError
+	});
+	return /* @__PURE__ */ jsx(MessageItem, {
+		tone: toolTone({
+			running,
+			isError
+		}),
+		expandable: view ? hiddenRows > 0 : collapsedText?.glyph === "more",
+		children: ({ expanded }) => {
+			const shaped = view || !collapsedText ? null : expanded ? shapeResult(output, {
+				expanded: true,
+				isPartial: running,
+				isError
+			}) : collapsedText;
+			const closing = shaped && (shaped.glyph === "running" || shaped.glyph === "done") ? CLOSING[shaped.glyph] : null;
+			const rows = view ? expanded ? view.rows : view.rows.slice(0, 8) : [];
+			return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(MessageItemHeader, {
+				title: "subagent",
+				children: /* @__PURE__ */ jsxs(View, {
+					testID: "tool-call-subagent",
+					style: styles.summary,
+					children: [/* @__PURE__ */ jsx(Text, {
+						numberOfLines: 1,
+						style: [styles.sans, styles.action],
+						children: action
+					}), detail ? /* @__PURE__ */ jsx(Text, {
+						numberOfLines: 1,
+						style: [styles.sans, styles.detail],
+						children: detail
+					}) : null]
+				})
+			}), /* @__PURE__ */ jsxs(MessageItemBody, {
+				testID: "tool-result-subagent",
+				style: styles.body,
+				children: [
+					isError ? /* @__PURE__ */ jsx(Text, {
+						selectable: true,
+						accessibilityRole: "alert",
+						style: [styles.sans, styles.error],
+						children: shaped?.lines.join("\n")
+					}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+						rows.length > 0 ? /* @__PURE__ */ jsx(View, {
+							style: styles.rows,
+							children: rows.map((row) => /* @__PURE__ */ jsx(SubagentRowLine, { row }, row.key))
+						}) : null,
+						shaped && shaped.lines.length > 0 ? /* @__PURE__ */ jsx(Text, {
+							selectable: true,
+							numberOfLines: expanded ? void 0 : 1,
+							style: [styles.mono, styles.dim],
+							children: shaped.lines.join("\n")
+						}) : null,
+						!expanded && hiddenRows > 0 ? /* @__PURE__ */ jsxs(MessageItemStatus, {
+							expands: true,
+							children: [hiddenRows, " more"]
+						}) : null,
+						closing ? /* @__PURE__ */ jsx(MessageItemStatus, {
+							tone: closing.tone,
+							children: closing.text
+						}) : null
+					] }),
+					shaped?.glyph === "more" ? /* @__PURE__ */ jsxs(MessageItemStatus, {
+						expands: true,
+						children: [shaped.hidden, " more line(s)"]
+					}) : null,
+					isError ? null : /* @__PURE__ */ jsxs(View, {
+						style: [styles.footer, rows.length > 0 ? styles.footerRule : null],
+						children: [view && view.summary ? /* @__PURE__ */ jsx(MessageItemStatus, {
+							testID: "tool-result-subagent-summary",
+							tone: STATUS_TONE[view.tone],
+							children: view.summary
+						}) : null, /* @__PURE__ */ jsxs(Pressable, {
+							accessibilityRole: "button",
+							testID: "tool-result-subagent-open",
+							hitSlop: 10,
+							onPress: () => openTransientTab(subagentsTab()),
+							style: styles.open,
+							children: [/* @__PURE__ */ jsx(Text, {
+								style: [styles.small, styles.openText],
+								children: "Open subagents"
+							}), /* @__PURE__ */ jsx(ArrowRightIcon, {
+								size: 14,
+								color: "green"
+							})]
+						})]
+					})
+				]
+			})] });
+		}
+	});
+}
+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]
+	},
+	small: {
+		fontFamily: fontOf(theme.fontFamily.sans),
+		fontSize: theme.fontSize.sm,
+		lineHeight: theme.lineHeight.sm,
+		uni__dependencies: [0]
+	},
+	mono: {
+		fontFamily: fontOf(theme.fontFamily.mono),
+		fontSize: theme.fontSize.sm,
+		lineHeight: theme.lineHeightRelaxed.sm,
+		uni__dependencies: [0]
+	},
+	action: {
+		flexShrink: 0,
+		color: theme.colors.dim,
+		uni__dependencies: [0]
+	},
+	detail: {
+		flexShrink: 1,
+		color: theme.colors.dim,
+		uni__dependencies: [0]
+	},
+	body: {
+		gap: theme.spacing(1),
+		uni__dependencies: [0]
+	},
+	rows: {
+		marginHorizontal: -theme.spacing(2),
+		uni__dependencies: [0]
+	},
+	row: {
+		flexDirection: "row",
+		alignItems: "center",
+		gap: theme.spacing(3),
+		paddingHorizontal: theme.spacing(2),
+		paddingVertical: theme.spacing(1.5),
+		uni__dependencies: [0]
+	},
+	rowText: {
+		flex: 1,
+		minWidth: 0
+	},
+	label: {
+		fontWeight: theme.fontWeight.semibold,
+		color: theme.colors.hi,
+		uni__dependencies: [0]
+	},
+	neutralBadge: {
+		backgroundColor: theme.colors.rail,
+		uni__dependencies: [0]
+	},
+	footer: {
+		flexDirection: "row",
+		flexWrap: "wrap",
+		alignItems: "center",
+		columnGap: theme.spacing(4),
+		rowGap: theme.spacing(1),
+		uni__dependencies: [0]
+	},
+	footerRule: {
+		marginTop: theme.spacing(1),
+		paddingTop: theme.spacing(2.5),
+		borderTopWidth: 1,
+		borderTopColor: theme.colors["border-soft"],
+		uni__dependencies: [0]
+	},
+	open: {
+		flexDirection: "row",
+		alignItems: "center",
+		gap: theme.spacing(1),
+		uni__dependencies: [0]
+	},
+	openText: {
+		fontWeight: theme.fontWeight.medium,
+		color: theme.colors.green,
+		uni__dependencies: [0]
+	},
+	dim: {
+		color: theme.colors.dim,
+		uni__dependencies: [0]
+	},
+	error: {
+		color: theme.colors.red,
+		uni__dependencies: [0]
+	}
+}));
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/tool/subagent.native.tsx
+/** The subagent tool's timeline card on the phone. The filename names the tool it renders. */
+var subagent_native_default = defineToolRenderer({ message: SubagentToolMessage });
 //#endregion
 //#region generated/native.ts
 const via = (identity, value) => value === void 0 ? void 0 : {
@@ -1853,6 +2764,9 @@ const nativePlugin = defineNativePlugin({
 				slot: "activity.agents",
 				id: "agents"
 			}, Agents_activity_agents_native_default)];
+		},
+		get toolRenderers() {
+			return [via({ tools: ["intercom"] }, intercom_native_default), via({ tools: ["subagent"] }, subagent_native_default)];
 		}
 	}
 });