@agimon-ai/po-task 0.0.0-alpha.4 → 0.0.0-alpha.41

package/dist/extensions/native.mjs

@@ -1,5 +1,5 @@
 import { defineActivityGroup, defineChannelFile, defineFill, defineNativePlugin, defineSessionStore, defineToolRenderer } from "@agimon-ai/po-core/native";
-import { Badge, Button, ChevronDownIcon, ChevronRightIcon, CodeBlock, Dot, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, EditIcon, Input, KebabIcon, Label, ListRow, MessageIcon, MessageItem, MessageItemBody, MessageItemHeader, MessageItemStatus, SegmentedControl, Sheet, SheetBody, SheetContent, SheetHeader, SheetTitle, StatusBadge, TaskIcon, Textarea, TrashIcon, toolTone } from "@agimon-ai/po-native-components";
+import { AgentAvatar, Badge, Button, ChevronDownIcon, ChevronRightIcon, CodeBlock, Dot, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, EditIcon, Input, KebabIcon, Label, ListRow, MessageIcon, MessageItem, MessageItemBody, MessageItemHeader, MessageItemStatus, SegmentedControl, Sheet, SheetBody, SheetContent, SheetHeader, SheetTitle, TaskIcon, Textarea, TrashIcon, toolTone } from "@agimon-ai/po-native-components";
 import { createElement, useCallback, useState, useSyncExternalStore } from "react";
 import { View } from "react-native-unistyles/components/native/View";
 import { Text } from "react-native-unistyles/components/native/Text";
@@ -42,6 +42,7 @@ function parseTask(value) {
 	if (isRecord$1(value.delegation)) {
 		task.delegation = {};
 		if (typeof value.delegation.agent === "string") task.delegation.agent = value.delegation.agent;
+		if (typeof value.delegation.identity === "string") task.delegation.identity = value.delegation.identity;
 		if (typeof value.delegation.state === "string") task.delegation.state = value.delegation.state;
 	}
 	return task;
@@ -54,6 +55,11 @@ function parseTasksPayload(input) {
 		rev: input.rev
 	};
 }
+/** Same first-name presentation as the Agents panel, without changing routing identity. */
+function taskAgentName(delegation) {
+	const first = delegation?.identity?.split("-")[0];
+	return first ? first.charAt(0).toUpperCase() + first.slice(1) : delegation?.agent;
+}
 function taskEditDraft(task) {
 	return {
 		subject: task.subject,
@@ -149,6 +155,15 @@ var tasks_native_default = defineActivityGroup({
 //#region src/extensions/workspaces/sessions/(frontend)/channel/task-graph.native.ts
 var task_graph_native_default = defineChannelFile(tasksChannel);
 //#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/fill/_lib/taskStatusTone.ts
+const TASK_STATUS_TONE = {
+	pending: "muted",
+	in_progress: "green",
+	completed: "neutral",
+	failed: "red",
+	deleted: "muted"
+};
+//#endregion
 //#region src/extensions/workspaces/sessions/(frontend)/fill/_lib/TaskDetailSheet.native.tsx
 const STATUS_CHOICES = [
 	"pending",
@@ -164,11 +179,18 @@ function Field({ label, children }) {
 		children: [/* @__PURE__ */ jsx(Label, { children: label }), children]
 	});
 }
-function ReadOnlyValue({ value, testID }) {
-	return /* @__PURE__ */ jsx(Text, {
-		testID,
-		style: styles$2.value,
-		children: value
+/** One term and its value in the facts list. */
+function Fact({ term, testID, children }) {
+	return /* @__PURE__ */ jsxs(View, {
+		style: styles$2.fact,
+		children: [/* @__PURE__ */ jsx(Text, {
+			style: styles$2.term,
+			children: term
+		}), /* @__PURE__ */ jsx(View, {
+			testID,
+			style: styles$2.factValue,
+			children
+		})]
 	});
 }
 function SheetAction({ label, variant, testID, onPress }) {
@@ -180,49 +202,58 @@ function SheetAction({ label, variant, testID, onPress }) {
 	});
 }
 function TaskFacts({ task }) {
+	const agent = taskAgentName(task.delegation);
 	return /* @__PURE__ */ jsxs(View, {
 		style: styles$2.facts,
 		children: [
-			/* @__PURE__ */ jsx(Field, {
-				label: "Status",
-				children: /* @__PURE__ */ jsx(ReadOnlyValue, {
-					testID: "task-detail-status",
-					value: task.status.replace("_", " ")
-				})
-			}),
-			task.activeForm ? /* @__PURE__ */ jsx(Field, {
-				label: "Active form",
-				children: /* @__PURE__ */ jsx(ReadOnlyValue, {
-					testID: "task-detail-active-form",
-					value: task.activeForm
-				})
+			agent ? /* @__PURE__ */ jsxs(Fact, {
+				term: "Agent",
+				testID: "task-detail-agent",
+				children: [
+					/* @__PURE__ */ jsx(AgentAvatar, {
+						name: agent,
+						size: "sm"
+					}),
+					/* @__PURE__ */ jsx(Text, {
+						style: styles$2.value,
+						children: agent
+					}),
+					task.delegation?.state ? /* @__PURE__ */ jsx(Text, {
+						style: styles$2.hint,
+						children: task.delegation.state
+					}) : null
+				]
 			}) : null,
-			task.owner ? /* @__PURE__ */ jsx(Field, {
-				label: "Owner",
-				children: /* @__PURE__ */ jsx(ReadOnlyValue, {
-					testID: "task-detail-owner",
-					value: task.owner
+			task.activeForm ? /* @__PURE__ */ jsx(Fact, {
+				term: "Doing now",
+				testID: "task-detail-active-form",
+				children: /* @__PURE__ */ jsx(Text, {
+					style: styles$2.value,
+					children: task.activeForm
 				})
 			}) : null,
-			task.delegation?.agent ? /* @__PURE__ */ jsx(Field, {
-				label: "Delegated to",
-				children: /* @__PURE__ */ jsx(ReadOnlyValue, {
-					testID: "task-detail-agent",
-					value: task.delegation.state ? `${task.delegation.agent} · ${task.delegation.state}` : task.delegation.agent
+			task.blockedBy.length > 0 ? /* @__PURE__ */ jsx(Fact, {
+				term: "Waits for",
+				testID: "task-detail-blocked-by",
+				children: /* @__PURE__ */ jsx(Text, {
+					style: styles$2.value,
+					children: task.blockedBy.map((id) => `#${id}`).join(", ")
 				})
 			}) : null,
-			task.blockedBy.length > 0 ? /* @__PURE__ */ jsx(Field, {
-				label: "Blocked by",
-				children: /* @__PURE__ */ jsx(ReadOnlyValue, {
-					testID: "task-detail-blocked-by",
-					value: task.blockedBy.map((id) => `#${id}`).join(", ")
+			task.owner ? /* @__PURE__ */ jsx(Fact, {
+				term: "Owner",
+				testID: "task-detail-owner",
+				children: /* @__PURE__ */ jsx(Text, {
+					style: styles$2.value,
+					children: task.owner
 				})
 			}) : null,
-			task.updatedAt ? /* @__PURE__ */ jsx(Field, {
-				label: "Updated",
-				children: /* @__PURE__ */ jsx(ReadOnlyValue, {
-					testID: "task-detail-updated",
-					value: task.updatedAt
+			task.updatedAt ? /* @__PURE__ */ jsx(Fact, {
+				term: "Updated",
+				testID: "task-detail-updated",
+				children: /* @__PURE__ */ jsx(Text, {
+					style: styles$2.value,
+					children: task.updatedAt
 				})
 			}) : null
 		]
@@ -238,6 +269,7 @@ function TaskDetailSheet({ task, sessionId, mode: initialMode, send, onClose })
 	const [draft, setDraft] = useState(() => taskEditDraft(task));
 	const [message, setMessage] = useState("");
 	const agent = task.delegation?.agent;
+	const agentName = taskAgentName(task.delegation);
 	const submitEdit = () => {
 		if (requestTaskEdit(send, sessionId, task, draft)) onClose();
 	};
@@ -261,24 +293,35 @@ function TaskDetailSheet({ task, sessionId, mode: initialMode, send, onClose })
 		}), /* @__PURE__ */ jsxs(SheetBody, {
 			testID: "task-detail-dialog",
 			children: [
+				/* @__PURE__ */ jsxs(View, {
+					style: styles$2.status,
+					children: [/* @__PURE__ */ jsxs(Text, {
+						style: styles$2.id,
+						children: ["#", task.id]
+					}), /* @__PURE__ */ jsxs(Badge, {
+						testID: "task-detail-status",
+						children: [/* @__PURE__ */ jsx(Dot, {
+							tone: TASK_STATUS_TONE[task.status],
+							pulse: task.status === "in_progress"
+						}), task.status.replace("_", " ")]
+					})]
+				}),
 				mode === "view" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-					/* @__PURE__ */ jsx(Field, {
-						label: "Description",
-						children: /* @__PURE__ */ jsx(ReadOnlyValue, {
-							testID: "task-detail-description",
-							value: task.description ?? "no description on this task"
-						})
+					/* @__PURE__ */ jsx(Text, {
+						testID: "task-detail-description",
+						style: task.description ? styles$2.body : styles$2.hint,
+						children: task.description ?? "No description on this task."
 					}),
 					/* @__PURE__ */ jsx(TaskFacts, { task }),
 					/* @__PURE__ */ jsxs(View, {
 						style: styles$2.footer,
 						children: [agent ? /* @__PURE__ */ jsx(SheetAction, {
-							label: "message agent",
+							label: "Message agent",
 							variant: "ghost",
 							testID: "task-detail-open-message",
 							onPress: () => setMode("message")
 						}) : null, /* @__PURE__ */ jsx(SheetAction, {
-							label: "edit",
+							label: "Edit",
 							variant: "primary",
 							testID: "task-detail-open-edit",
 							onPress: () => setMode("edit")
@@ -306,7 +349,7 @@ function TaskDetailSheet({ task, sessionId, mode: initialMode, send, onClose })
 							accessibilityLabel: "Description",
 							numberOfLines: DESCRIPTION_LINES,
 							value: draft.description,
-							placeholder: "what this task covers",
+							placeholder: "What this task covers",
 							onChangeText: (description) => setDraft({
 								...draft,
 								description
@@ -332,17 +375,17 @@ function TaskDetailSheet({ task, sessionId, mode: initialMode, send, onClose })
 					}),
 					/* @__PURE__ */ jsx(Text, {
 						style: styles$2.hint,
-						children: "saved as one prompt naming only the fields you changed"
+						children: "Saved as one prompt naming only the fields you changed"
 					}),
 					/* @__PURE__ */ jsxs(View, {
 						style: styles$2.footer,
 						children: [/* @__PURE__ */ jsx(SheetAction, {
-							label: "cancel",
+							label: "Cancel",
 							variant: "ghost",
 							testID: "task-detail-cancel",
 							onPress: onClose
 						}), /* @__PURE__ */ jsx(SheetAction, {
-							label: "save",
+							label: "Save",
 							variant: "primary",
 							testID: "task-detail-save",
 							onPress: submitEdit
@@ -351,30 +394,30 @@ function TaskDetailSheet({ task, sessionId, mode: initialMode, send, onClose })
 				] }) : null,
 				mode === "message" && agent ? /* @__PURE__ */ jsxs(Fragment, { children: [
 					/* @__PURE__ */ jsx(Field, {
-						label: `Message to ${agent}`,
+						label: `Message to ${agentName}`,
 						children: /* @__PURE__ */ jsx(Textarea, {
 							testID: "task-detail-message-input",
 							accessibilityLabel: "Message to agent",
 							autoFocus: true,
 							numberOfLines: MESSAGE_LINES,
 							value: message,
-							placeholder: "guidance for the run working on this task",
+							placeholder: "Guidance for the run working on this task",
 							onChangeText: setMessage
 						})
 					}),
 					/* @__PURE__ */ jsx(Text, {
 						style: styles$2.hint,
-						children: "steers the run, it does not edit the task"
+						children: "Steers the run, it does not edit the task"
 					}),
 					/* @__PURE__ */ jsxs(View, {
 						style: styles$2.footer,
 						children: [/* @__PURE__ */ jsx(SheetAction, {
-							label: "cancel",
+							label: "Cancel",
 							variant: "ghost",
 							testID: "task-detail-cancel",
 							onPress: onClose
 						}), /* @__PURE__ */ jsx(SheetAction, {
-							label: "send",
+							label: "Send",
 							variant: "primary",
 							testID: "task-detail-send",
 							onPress: submitMessage
@@ -390,16 +433,53 @@ const styles$2 = StyleSheet.create((theme) => ({
 		gap: theme.spacing(1.5),
 		uni__dependencies: [0]
 	},
+	status: {
+		flexDirection: "row",
+		alignItems: "center",
+		gap: theme.spacing(2),
+		uni__dependencies: [0]
+	},
+	id: {
+		fontSize: theme.fontSize.sm,
+		lineHeight: theme.lineHeight.sm,
+		color: theme.colors.faint,
+		uni__dependencies: [0]
+	},
+	body: {
+		fontSize: theme.fontSize.base,
+		lineHeight: theme.lineHeight.lg,
+		color: theme.colors.text,
+		uni__dependencies: [0]
+	},
 	facts: {
+		gap: theme.spacing(2.5),
+		uni__dependencies: [0]
+	},
+	fact: {
+		flexDirection: "row",
+		alignItems: "center",
+		gap: theme.spacing(4),
+		uni__dependencies: [0]
+	},
+	term: {
+		width: theme.spacing(20),
+		fontSize: theme.fontSize.base,
+		lineHeight: theme.lineHeight.base,
+		color: theme.colors.dim,
+		uni__dependencies: [0]
+	},
+	factValue: {
+		flex: 1,
 		flexDirection: "row",
+		alignItems: "center",
 		flexWrap: "wrap",
-		gap: theme.spacing(5),
+		gap: theme.spacing(1.5),
 		uni__dependencies: [0]
 	},
 	value: {
 		fontSize: theme.fontSize.base,
-		lineHeight: theme.lineHeight.lg,
-		color: theme.colors.dim,
+		lineHeight: theme.lineHeight.base,
+		color: theme.colors.text,
 		uni__dependencies: [0]
 	},
 	hint: {
@@ -416,19 +496,9 @@ const styles$2 = StyleSheet.create((theme) => ({
 	}
 }));
 //#endregion
-//#region src/extensions/workspaces/sessions/(frontend)/fill/_lib/taskStatusTone.ts
-const TASK_STATUS_TONE = {
-	pending: "muted",
-	in_progress: "yellow",
-	completed: "green",
-	failed: "red",
-	deleted: "muted"
-};
-//#endregion
 //#region src/extensions/workspaces/sessions/(frontend)/fill/_lib/TasksActivitySection.native.tsx
 function titleInk(status) {
-	if (status === "failed") return "red";
-	return status === "completed" ? "dim" : "hi";
+	return status === "completed" || status === "failed" ? "dim" : "hi";
 }
 /** The session's tasks, read from the native store without @tanstack/react-store, which the app does not provide. */
 function useSessionTasks(sessionId) {
@@ -439,8 +509,9 @@ function useSessionTasks(sessionId) {
 	return useSyncExternalStore(subscribe, () => tasks.select(tasks.store.state, sessionId).tasks);
 }
 function TaskRow({ task, sessionId, sendSessionFrame, openSheet }) {
-	const detail = task.status === "in_progress" ? task.activeForm : task.description;
-	const agent = task.delegation?.agent;
+	const doing = task.status === "in_progress" ? task.activeForm : void 0;
+	const agent = taskAgentName(task.delegation);
+	const detail = [doing, task.blockedBy.length > 0 ? `Waits for ${task.blockedBy.map((id) => `#${id}`).join(", ")}` : ""].filter(Boolean).join(" · ");
 	return /* @__PURE__ */ jsx(View, {
 		testID: `activity-task-${task.id}`,
 		children: /* @__PURE__ */ jsx(ListRow, {
@@ -453,60 +524,67 @@ function TaskRow({ task, sessionId, sendSessionFrame, openSheet }) {
 				testID: `activity-task-title-${task.id}`,
 				accessibilityLabel: task.subject,
 				onPress: () => openSheet("view"),
+				style: styles$1.titleButton,
 				children: /* @__PURE__ */ jsxs(Text, {
-					numberOfLines: 1,
+					numberOfLines: 2,
 					style: styles$1.title(titleInk(task.status)),
 					children: [
-						"#",
-						task.id,
+						/* @__PURE__ */ jsxs(Text, {
+							style: styles$1.id,
+							children: ["#", task.id]
+						}),
 						" ",
 						task.subject
 					]
 				})
 			}),
-			description: detail || agent || task.blockedBy.length > 0 ? /* @__PURE__ */ jsxs(Text, {
-				numberOfLines: 1,
-				style: styles$1.meta,
+			description: agent || detail ? /* @__PURE__ */ jsxs(View, {
+				style: styles$1.line,
 				children: [
-					agent ? `[${agent}] ` : "",
-					detail ?? "",
-					task.blockedBy.length > 0 ? ` · blocked by ${task.blockedBy.map((id) => `#${id}`).join(", ")}` : ""
+					agent ? /* @__PURE__ */ jsx(AgentAvatar, {
+						name: agent,
+						size: "sm"
+					}) : null,
+					agent ? /* @__PURE__ */ jsx(Text, {
+						style: styles$1.agent,
+						children: agent
+					}) : null,
+					detail ? /* @__PURE__ */ jsx(Text, {
+						numberOfLines: 1,
+						style: styles$1.meta,
+						children: detail
+					}) : null
 				]
 			}) : void 0,
-			trailing: /* @__PURE__ */ jsxs(View, {
-				style: styles$1.line,
-				children: [/* @__PURE__ */ jsx(Text, {
-					style: styles$1.meta,
-					children: task.status.replace("_", " ")
-				}), task.status !== "completed" && task.status !== "deleted" ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
-					variant: "ghost",
-					size: "icon",
-					testID: `activity-task-menu-${task.id}`,
-					accessibilityLabel: `task #${task.id} actions`,
-					children: /* @__PURE__ */ jsx(KebabIcon, {})
-				}), /* @__PURE__ */ jsxs(DropdownMenuContent, { children: [
-					/* @__PURE__ */ jsxs(DropdownMenuItem, {
-						onSelect: () => openSheet("edit"),
-						children: [/* @__PURE__ */ jsx(EditIcon, {}), "Edit"]
-					}),
-					agent ? /* @__PURE__ */ jsxs(DropdownMenuItem, {
-						onSelect: () => openSheet("message"),
-						children: [/* @__PURE__ */ jsx(MessageIcon, {}), "Message agent"]
-					}) : null,
-					/* @__PURE__ */ jsxs(DropdownMenuItem, {
-						variant: "destructive",
-						onSelect: () => requestTaskRemoval(sendSessionFrame, sessionId, task.id),
-						children: [/* @__PURE__ */ jsx(TrashIcon, { color: "red" }), "Remove"]
-					})
-				] })] }) : null]
-			})
+			trailing: task.status !== "completed" && task.status !== "deleted" ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+				variant: "ghost",
+				size: "icon",
+				testID: `activity-task-menu-${task.id}`,
+				accessibilityLabel: `task #${task.id} actions`,
+				children: /* @__PURE__ */ jsx(KebabIcon, {})
+			}), /* @__PURE__ */ jsxs(DropdownMenuContent, { children: [
+				/* @__PURE__ */ jsxs(DropdownMenuItem, {
+					onSelect: () => openSheet("edit"),
+					children: [/* @__PURE__ */ jsx(EditIcon, {}), "Edit"]
+				}),
+				agent ? /* @__PURE__ */ jsxs(DropdownMenuItem, {
+					onSelect: () => openSheet("message"),
+					children: [/* @__PURE__ */ jsx(MessageIcon, {}), "Message agent"]
+				}) : null,
+				/* @__PURE__ */ jsxs(DropdownMenuItem, {
+					variant: "destructive",
+					onSelect: () => requestTaskRemoval(sendSessionFrame, sessionId, task.id),
+					children: [/* @__PURE__ */ jsx(TrashIcon, { color: "red" }), "Remove"]
+				})
+			] })] }) : void 0
 		})
 	});
 }
 /**
 * The session task graph in the app's Activity list, mirroring the web
-* section: active rows first, finished ones behind a collapsed history, and a
-* sheet for reading or changing one task. Empty graphs render nothing.
+* section: a done count, active rows, finished and failed ones folded away by
+* default, and a sheet for reading or changing one task. Empty graphs render
+* nothing.
 */
 function TasksActivitySection({ sessionId, sendSessionFrame }) {
 	const sessionTasks = useSessionTasks(sessionId);
@@ -515,6 +593,9 @@ function TasksActivitySection({ sessionId, sendSessionFrame }) {
 	if (sessionId === null || sessionTasks.length === 0) return null;
 	const active = sessionTasks.filter((task) => task.status === "pending" || task.status === "in_progress");
 	const history = sessionTasks.filter((task) => task.status === "completed" || task.status === "failed");
+	const failed = history.filter((task) => task.status === "failed").length;
+	const done = history.length - failed;
+	const total = active.length + history.length;
 	const sheetTask = sheet ? sessionTasks.find((task) => task.id === sheet.taskId) : void 0;
 	const row = (task) => /* @__PURE__ */ jsx(TaskRow, {
 		task,
@@ -528,6 +609,29 @@ function TasksActivitySection({ sessionId, sendSessionFrame }) {
 	return /* @__PURE__ */ jsxs(View, {
 		style: styles$1.section,
 		children: [
+			total > 0 ? /* @__PURE__ */ jsxs(View, {
+				testID: "activity-task-progress",
+				accessible: true,
+				accessibilityRole: "progressbar",
+				accessibilityValue: {
+					min: 0,
+					max: total,
+					now: done
+				},
+				style: styles$1.progress,
+				children: [/* @__PURE__ */ jsxs(Text, {
+					style: styles$1.meta,
+					children: [
+						done,
+						" of ",
+						total,
+						" done"
+					]
+				}), /* @__PURE__ */ jsx(View, {
+					style: styles$1.track,
+					children: /* @__PURE__ */ jsx(View, { style: [styles$1.fill, { width: `${done / total * 100}%` }] })
+				})]
+			}) : null,
 			active.length > 0 ? /* @__PURE__ */ jsx(View, {
 				style: styles$1.group,
 				children: active.map(row)
@@ -536,6 +640,7 @@ function TasksActivitySection({ sessionId, sendSessionFrame }) {
 				style: styles$1.group,
 				children: [/* @__PURE__ */ jsxs(Button, {
 					variant: "ghost",
+					testID: "activity-task-history-toggle",
 					accessibilityState: { expanded: historyOpen },
 					onPress: () => setHistoryOpen((open) => !open),
 					style: styles$1.historyToggle,
@@ -543,12 +648,16 @@ function TasksActivitySection({ sessionId, sendSessionFrame }) {
 						/* @__PURE__ */ jsx(Fragment, { children: historyOpen ? /* @__PURE__ */ jsx(ChevronDownIcon, {}) : /* @__PURE__ */ jsx(ChevronRightIcon, {}) }),
 						/* @__PURE__ */ jsx(Text, {
 							style: styles$1.historyLabel,
-							children: "Session"
+							children: "Finished"
 						}),
-						/* @__PURE__ */ jsx(Badge, { children: history.length })
+						/* @__PURE__ */ jsx(Badge, { children: history.length }),
+						failed > 0 ? /* @__PURE__ */ jsxs(Text, {
+							style: styles$1.failed,
+							children: [failed, " failed"]
+						}) : null
 					]
 				}), historyOpen ? /* @__PURE__ */ jsx(View, {
-					style: [styles$1.group, styles$1.history],
+					style: styles$1.group,
 					children: history.map(row)
 				}) : null]
 			}) : null,
@@ -571,15 +680,21 @@ const styles$1 = StyleSheet.create((theme) => ({
 		gap: theme.spacing(.5),
 		uni__dependencies: [0]
 	},
-	history: {
-		paddingLeft: theme.spacing(2),
+	progress: {
+		gap: theme.spacing(1.5),
+		paddingHorizontal: theme.spacing(1),
+		uni__dependencies: [0]
+	},
+	track: {
+		height: theme.spacing(1),
+		borderRadius: theme.borderRadius.full,
+		overflow: "hidden",
+		backgroundColor: theme.colors.deep,
 		uni__dependencies: [0]
 	},
-	row: {
-		gap: theme.spacing(1),
-		paddingHorizontal: theme.spacing(1),
-		paddingVertical: theme.spacing(1),
-		borderRadius: theme.borderRadius.md,
+	fill: {
+		height: "100%",
+		backgroundColor: theme.colors.green,
 		uni__dependencies: [0]
 	},
 	line: {
@@ -588,54 +703,60 @@ const styles$1 = StyleSheet.create((theme) => ({
 		gap: theme.spacing(1.5),
 		uni__dependencies: [0]
 	},
+	titleButton: {
+		height: "auto",
+		justifyContent: "flex-start",
+		paddingHorizontal: 0,
+		paddingVertical: theme.spacing(.5),
+		uni__dependencies: [0]
+	},
 	title: (ink) => ({
 		fontSize: theme.fontSize.base,
 		lineHeight: theme.lineHeight.base,
-		fontWeight: "600",
+		fontWeight: "500",
 		color: theme.colors[ink],
 		uni__dependencies: [0]
 	}),
 	id: {
-		color: theme.colors.dim,
+		fontSize: theme.fontSize.sm,
+		color: theme.colors.faint,
+		uni__dependencies: [0]
+	},
+	agent: {
+		fontSize: theme.fontSize.sm,
+		lineHeight: theme.lineHeight.sm,
+		color: theme.colors.text,
 		uni__dependencies: [0]
 	},
 	meta: {
+		flexShrink: 1,
 		fontSize: theme.fontSize.sm,
 		lineHeight: theme.lineHeight.sm,
 		color: theme.colors.dim,
 		uni__dependencies: [0]
 	},
-	detail: {
-		paddingLeft: theme.spacing(3),
+	failed: {
+		fontSize: theme.fontSize.sm,
+		lineHeight: theme.lineHeight.sm,
+		color: theme.colors.red,
 		uni__dependencies: [0]
 	},
 	historyToggle: {
 		flexDirection: "row",
 		alignItems: "center",
+		justifyContent: "flex-start",
 		gap: theme.spacing(1.5),
 		minHeight: theme.spacing(11),
 		paddingHorizontal: theme.spacing(1),
 		borderRadius: theme.borderRadius.md,
 		uni__dependencies: [0]
 	},
-	chevron: {
+	historyLabel: {
 		fontSize: theme.fontSize.sm,
 		lineHeight: theme.lineHeight.sm,
-		color: theme.colors.faint,
-		uni__dependencies: [0]
-	},
-	historyLabel: {
-		fontSize: theme.fontSize.base,
-		lineHeight: theme.lineHeight.base,
 		fontWeight: "500",
 		color: theme.colors.dim,
 		uni__dependencies: [0]
-	},
-	count: {
-		fontSize: theme.fontSize["2xs"],
-		lineHeight: theme.lineHeight["2xs"],
-		color: theme.colors.faint,
-		uni__dependencies: [0]
 	}
 }));
 //#endregion
@@ -643,6 +764,12 @@ const styles$1 = StyleSheet.create((theme) => ({
 var Tasks_activity_tasks_native_default = defineFill({ component: TasksActivitySection });
 //#endregion
 //#region src/extensions/workspaces/sessions/(frontend)/tool/_lib/taskToolFormat.ts
+/**
+* Pure view logic for the task tool card, the browser counterpart of
+* the session frontend's shared format helpers (renderTaskCall, renderTaskResult). The plugin may reach
+* only its own files and src/types, so the store shapes it reads are
+* restated here as the wire JSON of a tool_execution frame.
+*/
 const STATUS_GLYPH = {
 	pending: "○",
 	in_progress: "◐",
@@ -714,6 +841,7 @@ function taskView(value) {
 	if (isRecord(value.delegation)) {
 		task.delegation = {};
 		if (typeof value.delegation.agent === "string") task.delegation.agent = value.delegation.agent;
+		if (typeof value.delegation.identity === "string") task.delegation.identity = value.delegation.identity;
 		if (typeof value.delegation.state === "string") task.delegation.state = value.delegation.state;
 	}
 	return task;
@@ -804,7 +932,8 @@ function taskRow(task) {
 		closed: task.status === "completed" || task.status === "deleted",
 		blockedBy: task.blockedBy ?? []
 	};
-	if (task.delegation?.agent) row.agent = inlineText(task.delegation.agent);
+	const agent = taskAgentName(task.delegation);
+	if (agent) row.agent = inlineText(agent);
 	if (task.status === "in_progress" && task.activeForm) row.activeForm = inlineText(task.activeForm);
 	return row;
 }
@@ -935,23 +1064,17 @@ function taskResultView(input) {
 }
 //#endregion
 //#region src/extensions/workspaces/sessions/(frontend)/tool/_lib/TaskToolMessage.native.tsx
+/** One colour per row, on the dot only: jade while Po works on it, red only for a real failure. */
 const STATUS_DOT = {
 	pending: "muted",
-	in_progress: "yellow",
-	completed: "green",
+	in_progress: "green",
+	completed: "neutral",
 	failed: "red",
 	deleted: "muted"
 };
 const CALL_INK = {
 	dim: "hi",
-	accent: "blue"
-};
-const STATUS_TONE = {
-	pending: "neutral",
-	in_progress: "running",
-	completed: "ok",
-	failed: "error",
-	deleted: "neutral"
+	accent: "green"
 };
 const RESULT_TONE = {
 	running: "running",
@@ -959,60 +1082,42 @@ const RESULT_TONE = {
 	error: "error",
 	warning: "running"
 };
-function subjectInk(row) {
-	if (row.closed) return "dim";
-	return row.status === "in_progress" ? "blue" : "hi";
-}
-/** One task row: status glyph, id, subject and chips on the left, the status label flushed right. */
+/** One task row: status dot, id and subject, with who is on it and what it waits for on a quiet line below. */
 function TaskRowLine({ row }) {
+	const waits = row.blockedBy.length > 0 ? `waits for ${row.blockedBy.map((id) => `#${id}`).join(", ")}` : "";
+	const meta = [
+		row.agent,
+		row.activeForm,
+		waits
+	].filter(Boolean).join(" · ");
 	return /* @__PURE__ */ jsxs(View, {
 		testID: "tool-result-task-row",
+		accessible: true,
+		accessibilityLabel: `task #${row.id}, ${row.subject}, ${STATUS_LABEL[row.status]}`,
 		style: styles.row,
-		children: [
-			/* @__PURE__ */ jsx(Dot, {
-				tone: STATUS_DOT[row.status],
-				pulse: row.status === "in_progress"
-			}),
-			/* @__PURE__ */ jsxs(Text, {
-				style: styles.meta,
-				children: ["#", row.id]
-			}),
-			/* @__PURE__ */ jsxs(Text, {
+		children: [/* @__PURE__ */ jsx(Dot, {
+			tone: STATUS_DOT[row.status],
+			pulse: row.status === "in_progress",
+			style: styles.dot
+		}), /* @__PURE__ */ jsxs(View, {
+			style: styles.rowText,
+			children: [/* @__PURE__ */ jsxs(Text, {
 				numberOfLines: 1,
-				style: [
-					styles.rowSubject,
-					styles.ink(subjectInk(row)),
-					row.closed ? styles.struck : null
-				],
-				children: [
-					row.subject,
-					row.agent ? /* @__PURE__ */ jsxs(Text, {
-						style: styles.meta,
-						children: [
-							" [",
-							row.agent,
-							"]"
-						]
-					}) : null,
-					row.activeForm ? /* @__PURE__ */ jsxs(Text, {
-						style: styles.meta,
-						children: [
-							" (",
-							row.activeForm,
-							")"
-						]
-					}) : null,
-					row.blockedBy.length > 0 ? /* @__PURE__ */ jsxs(Text, {
-						style: styles.meta,
-						children: [" ⛓ ", row.blockedBy.map((id) => `#${id}`).join(",")]
-					}) : null
-				]
-			}),
-			/* @__PURE__ */ jsx(StatusBadge, {
-				tone: STATUS_TONE[row.status],
-				children: STATUS_LABEL[row.status]
-			})
-		]
+				style: [styles.rowSubject, styles.ink(row.closed ? "dim" : "hi")],
+				children: [/* @__PURE__ */ jsxs(Text, {
+					style: styles.meta,
+					children: [
+						"#",
+						row.id,
+						" "
+					]
+				}), row.subject]
+			}), meta ? /* @__PURE__ */ jsx(Text, {
+				numberOfLines: 1,
+				style: styles.meta,
+				children: meta
+			}) : null]
+		})]
 	});
 }
 /**
@@ -1119,30 +1224,27 @@ const styles = StyleSheet.create((theme) => ({
 	},
 	row: {
 		flexDirection: "row",
-		alignItems: "baseline",
+		alignItems: "flex-start",
 		gap: theme.spacing(2),
 		uni__dependencies: [0]
 	},
+	dot: {
+		marginTop: theme.spacing(1.5),
+		uni__dependencies: [0]
+	},
+	rowText: { flex: 1 },
 	rowSubject: {
-		flex: 1,
 		fontSize: theme.fontSize.base,
 		lineHeight: theme.lineHeight.base,
-		fontWeight: "600",
+		fontWeight: "500",
 		uni__dependencies: [0]
 	},
-	struck: { textDecorationLine: "line-through" },
 	meta: {
 		fontSize: theme.fontSize.sm,
 		lineHeight: theme.lineHeight.sm,
 		color: theme.colors.dim,
 		uni__dependencies: [0]
 	},
-	statusGlyph: {
-		fontSize: theme.fontSize.sm,
-		lineHeight: theme.lineHeight.sm,
-		fontWeight: "600",
-		uni__dependencies: [0]
-	},
 	ink: (token) => ({
 		color: theme.colors[token],
 		uni__dependencies: [0]