@dxos/plugin-assistant 0.13.0 → 0.14.0

package/dist/lib/chunk-Chat.mjs

@@ -1,5 +1,5 @@
 import { i as useChatContext, n as ChatReportContextProvider, o as useChatThreadContext, r as ChatThreadContextProvider, t as ChatContextProvider } from "./chunk-context.mjs";
-import { a as projectSelfWakes, i as projectAlarms, n as AiUsageQuotaError, o as resolveRewind, r as getProcessorState } from "./chunk-processor.mjs";
+import { a as projectSelfWakes, i as projectAlarms, o as resolveRewind, r as getChatModelState, t as AiUsageQuotaError } from "./chunk-chat-model.mjs";
 import { o as resolveProvider } from "./chunk-presets.mjs";
 import { Assistant, AssistantCapabilities, AssistantOperation, ChatSurface } from "#types";
 import { meta } from "#meta";
@@ -28,9 +28,11 @@ import { Outline, isPrompt, useFeedModel } from "@dxos/react-ui-feed";
 import { ActionToolbar, createMenuAction, useMenuActions } from "@dxos/react-ui-menu";
 import { TaskList, TaskQuestion } from "@dxos/react-ui-task";
 import * as Hooks$1 from "@dxos/react-ui/Hooks";
+import * as Layout from "@dxos/react-ui/Layout";
 import * as Toast from "@dxos/react-ui/Toast";
 import { Message, Task } from "@dxos/types";
 import { Unit, keyToFallback, markWork, trim } from "@dxos/util";
+import * as Agent from "@dxos/assistant/Agent";
 import * as TaskOperation from "@dxos/plugin-tasks/TaskOperation";
 import * as Button from "@dxos/react-ui/Button";
 import * as Toolbar from "@dxos/react-ui/Toolbar";
@@ -43,15 +45,14 @@ import { AccessToken } from "@dxos/link";
 import * as ClientCapabilities from "@dxos/plugin-client/ClientCapabilities";
 import { SearchList, useSearchListResults } from "@dxos/react-ui-search";
 import * as Field from "@dxos/react-ui/Field";
+import * as Icon from "@dxos/react-ui/Icon";
 import * as Input from "@dxos/react-ui/Input";
-import * as Layout from "@dxos/react-ui/Layout";
 import * as Popover from "@dxos/react-ui/Popover";
 import * as Select from "@dxos/react-ui/Select";
 import * as SystemButton from "@dxos/react-ui/SystemButton";
 import * as Tabs from "@dxos/react-ui/Tabs";
 import * as Project from "@dxos/compute/Project";
 import { PendingTextStreamer, cancelPendingText, editorPendingTextSink, getXmlTextChild, pendingText, pendingTextState } from "@dxos/ui-editor";
-import * as Icon from "@dxos/react-ui/Icon";
 import * as Theme from "@dxos/react-ui/Theme";
 import { EdgeServiceName } from "@dxos/config";
 import * as TranscriptionCapabilities from "@dxos/plugin-transcription/TranscriptionCapabilities";
@@ -313,12 +314,12 @@ var formatWaking = (t, remaining) => {
 * Inline banner that lists MCP servers that failed to connect during the most recent request.
 * The chat itself keeps working without these servers — this just lets the user see what was dropped.
 */
-var ChatMcpErrors = ({ classNames, processor }) => {
+var ChatMcpErrors = ({ classNames, chatModel }) => {
 	const { t } = Hooks$1.useTranslation(meta.profile.key);
-	const errors = useAtomValue(processor.mcpErrors);
+	const errors = useAtomValue(chatModel.mcpErrors);
 	const handleDismiss = useCallback(() => {
-		processor.dismissMcpErrors();
-	}, [processor]);
+		chatModel.dismissMcpErrors();
+	}, [chatModel]);
 	if (errors.length === 0) return null;
 	return /* @__PURE__ */ jsxs(Banner.Root, {
 		valence: "warning",
@@ -352,123 +353,254 @@ var ChatMcpErrors = ({ classNames, processor }) => {
 	});
 };
 //#endregion
+//#region src/util/agent-options.ts
+/** Reason shown for an agent a chat names that no plugin registers on this device. */
+var NOT_INSTALLED = "not installed here";
+/**
+* The rows of the agent picker: Composer's own loop first, as the default, then the rest in
+* registration order, with an unavailable agent disabled and its reason as the description. An
+* agent the chat already names but this device does not register is kept, so the picker still
+* shows what the chat runs on.
+*/
+var agentOptions = ({ agents, availability, current }) => {
+	const options = agents.map((agent, index) => {
+		const status = availability[index];
+		return status && !status.available ? {
+			value: agent.id,
+			label: agent.label,
+			icon: agent.icon,
+			disabled: true,
+			description: status.reason
+		} : {
+			value: agent.id,
+			label: agent.label,
+			icon: agent.icon,
+			disabled: false
+		};
+	});
+	const sorted = [...options.filter(({ value }) => value === SessionConfig.COMPOSER_HARNESS), ...options.filter(({ value }) => value !== SessionConfig.COMPOSER_HARNESS)];
+	if (!sorted.some(({ value }) => value === current)) sorted.push({
+		value: current,
+		label: current,
+		icon: "ph--robot--regular",
+		disabled: true,
+		description: NOT_INSTALLED
+	});
+	return sorted;
+};
+//#endregion
 //#region src/components/ChatPrompt/ChatOptions.tsx
 var styles = { panel: "w-[calc(100dvw-.5rem)] sm:w-max max-w-document-width" };
 /**
 * Manages the runtime context for the chat.
 */
-var ChatOptions = ({ db, chat, context, registry, presets, preset, onPresetChange }) => {
+var ChatOptions = ({ db, chat, context, registry, started, presets, preset, onPresetChange }) => {
 	const { t } = Hooks$1.useTranslation(meta.profile.key);
-	return /* @__PURE__ */ jsxs(Layout.Flex, { children: [/* @__PURE__ */ jsxs(Popover.Root, {
-		positioning: { placement: "top" },
-		children: [/* @__PURE__ */ jsx(Popover.Trigger, {
-			asChild: true,
-			children: /* @__PURE__ */ jsx(Button.Root, {
-				variant: "ghost",
-				icon: "ph--plus--regular",
-				iconOnly: true,
-				label: t("context-objects.button"),
-				disabled: !context
-			})
-		}), /* @__PURE__ */ jsx(Popover.Content, {
-			classNames: styles.panel,
-			children: context && /* @__PURE__ */ jsx(ObjectsPanel, {
-				db,
-				context
-			})
-		})]
-	}), /* @__PURE__ */ jsxs(Popover.Root, {
-		positioning: { placement: "top" },
-		children: [/* @__PURE__ */ jsx(Popover.Trigger, {
-			asChild: true,
-			children: /* @__PURE__ */ jsx(Button.Root, {
-				variant: "ghost",
-				icon: "ph--sliders-horizontal--regular",
-				iconOnly: true,
-				label: t("context-settings.button"),
-				"data-testid": "assistant.options",
-				disabled: !context
-			})
-		}), /* @__PURE__ */ jsx(Popover.Content, {
-			classNames: styles.panel,
-			children: /* @__PURE__ */ jsxs(Tabs.Root, {
-				orientation: "horizontal",
-				defaultValue: "view",
-				classNames: "grid grid-rows-[1fr_40px] w-full",
-				children: [
-					/* @__PURE__ */ jsx(Tabs.Content, {
-						tabIndex: -1,
-						classNames: "dx-focus-ring-inset overflow-hidden",
-						value: "view",
-						children: /* @__PURE__ */ jsx(ViewPanel, { chat })
-					}),
-					/* @__PURE__ */ jsx(Tabs.Content, {
-						tabIndex: -1,
-						classNames: "dx-focus-ring-inset overflow-hidden",
-						value: "skills",
-						children: context && /* @__PURE__ */ jsx(SkillsPanel, {
-							registry,
-							db,
-							context
-						})
-					}),
-					/* @__PURE__ */ jsx(Tabs.Content, {
-						tabIndex: -1,
-						classNames: "dx-focus-ring-inset overflow-hidden",
-						value: "mcp-servers",
-						children: /* @__PURE__ */ jsx(McpServersPanel, { db })
-					}),
-					/* @__PURE__ */ jsx(Tabs.Content, {
-						tabIndex: -1,
-						classNames: "dx-focus-ring-inset overflow-hidden",
-						value: "model",
-						children: /* @__PURE__ */ jsx(ModelsPanel, {
-							presets,
-							preset,
-							onPresetChange
-						})
-					}),
-					/* @__PURE__ */ jsx(Tabs.Content, {
-						tabIndex: -1,
-						classNames: "dx-focus-ring-inset overflow-hidden",
-						value: "environment",
-						children: /* @__PURE__ */ jsx(EnvironmentPanel, { chat })
-					}),
-					/* @__PURE__ */ jsxs(Tabs.List, {
-						classNames: "p-1 gap-1 border-t border-separator",
-						children: [
-							/* @__PURE__ */ jsx(Tabs.Trigger, {
-								value: "view",
-								icon: "ph--eye--regular",
-								label: t("chat-view.title")
-							}),
-							/* @__PURE__ */ jsx(Tabs.Trigger, {
-								value: "skills",
-								icon: "ph--student--regular",
-								label: t("options.skills.title")
-							}),
-							/* @__PURE__ */ jsx(Tabs.Trigger, {
-								value: "mcp-servers",
-								icon: "ph--plugs-connected--regular",
-								label: t("options.mcp.title")
-							}),
-							/* @__PURE__ */ jsx(Tabs.Trigger, {
-								value: "model",
-								icon: "ph--cpu--regular",
-								label: t("options.chat-model.title"),
-								"data-testid": "assistant.options.model"
-							}),
-							/* @__PURE__ */ jsx(Tabs.Trigger, {
-								value: "environment",
-								icon: "ph--hard-drives--regular",
-								label: t("options.environment.title")
+	return /* @__PURE__ */ jsxs(Layout.Flex, { children: [
+		/* @__PURE__ */ jsxs(Popover.Root, {
+			positioning: { placement: "top" },
+			children: [/* @__PURE__ */ jsx(Popover.Trigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Button.Root, {
+					variant: "ghost",
+					icon: "ph--plus--regular",
+					iconOnly: true,
+					label: t("context-objects.button"),
+					disabled: !context
+				})
+			}), /* @__PURE__ */ jsx(Popover.Content, {
+				classNames: styles.panel,
+				children: context && /* @__PURE__ */ jsx(ObjectsPanel, {
+					db,
+					context
+				})
+			})]
+		}),
+		/* @__PURE__ */ jsxs(Popover.Root, {
+			positioning: { placement: "top" },
+			children: [/* @__PURE__ */ jsx(Popover.Trigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Button.Root, {
+					variant: "ghost",
+					icon: "ph--sliders-horizontal--regular",
+					iconOnly: true,
+					label: t("context-settings.button"),
+					"data-testid": "assistant.options",
+					disabled: !context
+				})
+			}), /* @__PURE__ */ jsx(Popover.Content, {
+				classNames: styles.panel,
+				children: /* @__PURE__ */ jsxs(Tabs.Root, {
+					orientation: "horizontal",
+					defaultValue: started ? "view" : "agent",
+					classNames: "grid grid-rows-[1fr_40px] w-full",
+					children: [
+						/* @__PURE__ */ jsx(Tabs.Content, {
+							tabIndex: -1,
+							classNames: "dx-focus-ring-inset overflow-hidden",
+							value: "agent",
+							children: /* @__PURE__ */ jsx(AgentPanel, {
+								chat,
+								started
 							})
-						]
-					})
-				]
+						}),
+						/* @__PURE__ */ jsx(Tabs.Content, {
+							tabIndex: -1,
+							classNames: "dx-focus-ring-inset overflow-hidden",
+							value: "view",
+							children: /* @__PURE__ */ jsx(ViewPanel, { chat })
+						}),
+						/* @__PURE__ */ jsx(Tabs.Content, {
+							tabIndex: -1,
+							classNames: "dx-focus-ring-inset overflow-hidden",
+							value: "skills",
+							children: context && /* @__PURE__ */ jsx(SkillsPanel, {
+								registry,
+								db,
+								context
+							})
+						}),
+						/* @__PURE__ */ jsx(Tabs.Content, {
+							tabIndex: -1,
+							classNames: "dx-focus-ring-inset overflow-hidden",
+							value: "mcp-servers",
+							children: /* @__PURE__ */ jsx(McpServersPanel, { db })
+						}),
+						/* @__PURE__ */ jsx(Tabs.Content, {
+							tabIndex: -1,
+							classNames: "dx-focus-ring-inset overflow-hidden",
+							value: "model",
+							children: /* @__PURE__ */ jsx(ModelsPanel, {
+								presets,
+								preset,
+								onPresetChange
+							})
+						}),
+						/* @__PURE__ */ jsx(Tabs.Content, {
+							tabIndex: -1,
+							classNames: "dx-focus-ring-inset overflow-hidden",
+							value: "environment",
+							children: /* @__PURE__ */ jsx(EnvironmentPanel, { chat })
+						}),
+						/* @__PURE__ */ jsxs(Tabs.List, {
+							classNames: "p-1 gap-1 border-t border-separator",
+							children: [
+								/* @__PURE__ */ jsx(Tabs.Trigger, {
+									value: "agent",
+									icon: "ph--robot--regular",
+									label: t("options.agent.title"),
+									"data-testid": "assistant.options.agent"
+								}),
+								/* @__PURE__ */ jsx(Tabs.Trigger, {
+									value: "view",
+									icon: "ph--eye--regular",
+									label: t("chat-view.title")
+								}),
+								/* @__PURE__ */ jsx(Tabs.Trigger, {
+									value: "skills",
+									icon: "ph--student--regular",
+									label: t("options.skills.title")
+								}),
+								/* @__PURE__ */ jsx(Tabs.Trigger, {
+									value: "mcp-servers",
+									icon: "ph--plugs-connected--regular",
+									label: t("options.mcp.title")
+								}),
+								/* @__PURE__ */ jsx(Tabs.Trigger, {
+									value: "model",
+									icon: "ph--cpu--regular",
+									label: t("options.chat-model.title"),
+									"data-testid": "assistant.options.model"
+								}),
+								/* @__PURE__ */ jsx(Tabs.Trigger, {
+									value: "environment",
+									icon: "ph--hard-drives--regular",
+									label: t("options.environment.title")
+								})
+							]
+						})
+					]
+				})
+			})]
+		}),
+		/* @__PURE__ */ jsx(AgentBadge, { chat })
+	] });
+};
+/** The chat's agent and the picker's rows, live with each agent's availability. */
+var useChatAgent = (chat) => {
+	const agents = Hooks.useOptionalCapabilities(AssistantCapabilities.Agent);
+	const availabilityAtom = useMemo(() => Atom.make((get) => agents.map((agent) => get(agent.availability))), [agents]);
+	const availability = useAtomValue(availabilityAtom);
+	const [session] = useObject(chat, "session");
+	const current = SessionConfig.harnessOf(session);
+	return {
+		current,
+		options: useMemo(() => agentOptions({
+			agents,
+			availability,
+			current
+		}), [
+			agents,
+			availability,
+			current
+		])
+	};
+};
+/**
+* Which agent runs this chat. Picked before the first message only: an agent keeps its own session
+* with the model, so one switched in mid-conversation would answer without the turns before it.
+*/
+var AgentPanel = ({ chat, started }) => {
+	const { t } = Hooks$1.useTranslation(meta.profile.key);
+	const { current, options } = useChatAgent(chat);
+	const handleChange = useCallback((harness) => {
+		if (chat) Obj.update(chat, (chat) => {
+			chat.session = {
+				...chat.session,
+				harness
+			};
+		});
+	}, [chat]);
+	return /* @__PURE__ */ jsxs(Layout.Flex, {
+		column: true,
+		classNames: "dx-expand",
+		"data-testid": "assistant.agents",
+		children: [/* @__PURE__ */ jsx(Listbox.Root, {
+			value: current,
+			onValueChange: handleChange,
+			disabled: !chat || started,
+			autoFocus: true,
+			items: options,
+			children: /* @__PURE__ */ jsx(Listbox.Content, {
+				gutter: "none",
+				"aria-label": t("options.agent.title"),
+				children: options.map(({ value }) => /* @__PURE__ */ jsx(Listbox.Item, {
+					id: value,
+					classNames: "dx-focus-ring rounded-xs",
+					"data-testid": `assistant.agents.${value}`
+				}, value))
 			})
+		}), started && /* @__PURE__ */ jsx("p", {
+			className: "px-form-chrome py-1 text-xs text-fg-muted",
+			children: t("agent-locked.message")
 		})]
-	})] });
+	});
+};
+/** Names the agent beside the options when it is not Composer's own, so a reader knows who answers. */
+var AgentBadge = ({ chat }) => {
+	const { current, options } = useChatAgent(chat);
+	const agent = options.find(({ value }) => value === current);
+	if (!agent || agent.value === SessionConfig.COMPOSER_HARNESS) return null;
+	return /* @__PURE__ */ jsxs(Layout.Flex, {
+		align: "center",
+		gap: "xs",
+		classNames: "text-xs text-fg-muted whitespace-nowrap",
+		"data-testid": "assistant.agent",
+		children: [/* @__PURE__ */ jsx(Icon.Icon, {
+			icon: agent.icon,
+			size: "sm"
+		}), /* @__PURE__ */ jsx("span", { children: agent.label })]
+	});
 };
 var SkillsPanel = ({ registry, db, context }) => {
 	const { t } = Hooks$1.useTranslation(meta.profile.key);
@@ -492,7 +624,7 @@ var SkillsPanel = ({ registry, db, context }) => {
 					const skillId = getSkillId(skill);
 					const isActive = activeSkills.has(skillId);
 					return /* @__PURE__ */ jsx(SearchList.Item, {
-						classNames: "flex items-center overflow-hidden",
+						classNames: "overflow-hidden",
 						value: skillId,
 						label: skill.name,
 						checked: isActive,
@@ -539,8 +671,11 @@ var ViewPanel = ({ chat }) => {
 var EnvironmentPanel = ({ chat }) => {
 	const { t } = Hooks$1.useTranslation(meta.profile.key);
 	const [remote, setRemote] = useObject(chat, "remote");
-	const environments = Hooks.useOptionalCapability(ClientCapabilities.Client)?.config.values.runtime?.services?.edge?.url ? CHAT_ENVIRONMENTS : CHAT_ENVIRONMENTS.filter((environment) => environment !== "remote");
-	const value = remote ? "remote" : "local";
+	const client = Hooks.useOptionalCapability(ClientCapabilities.Client);
+	const edgeConfigured = Boolean(client?.config.values.runtime?.services?.edge?.url);
+	const agentOnEdge = chat !== void 0 && Agent.isAgentChat(chat) && chat.remote !== false;
+	const environments = agentOnEdge && edgeConfigured ? CHAT_ENVIRONMENTS.filter((environment) => environment === "remote") : agentOnEdge || edgeConfigured ? CHAT_ENVIRONMENTS : CHAT_ENVIRONMENTS.filter((environment) => environment !== "remote");
+	const value = remote || agentOnEdge ? "remote" : "local";
 	const handleChange = useCallback((value) => setRemote(value === "remote"), [setRemote]);
 	return /* @__PURE__ */ jsx(Listbox.Root, {
 		value,
@@ -900,7 +1035,7 @@ var ObjectsPanel = ({ db, context }) => {
 						};
 						const styles = hue ? getStyles(hue) : void 0;
 						return /* @__PURE__ */ jsx(SearchList.Item, {
-							classNames: "flex items-center overflow-hidden",
+							classNames: "overflow-hidden",
 							value: object.id,
 							icon,
 							iconClassNames: styles?.text,
@@ -1063,12 +1198,14 @@ var useChatVoiceInput = (docId, editorRef) => {
 		setSession
 	]);
 };
-var ChatPrompt$1 = ({ classNames, outline, db, chat, processor, event, tasksVisible, attendableId, customActions, nodeId, placeholder, autoFocus = true, queueSize = 0, maxQueue = 3, settings = true, presets, preset, companionTo, onPresetChange }) => {
+var ChatPrompt$1 = ({ classNames, outline, db, chat, chatModel, context: draftContext, registry: draftRegistry, event, tasksVisible, attendableId, customActions, nodeId, placeholder, autoFocus = true, queueSize = 0, maxQueue = 3, settings = true, presets, preset, companionTo, started, onPresetChange }) => {
 	const { t } = Hooks$1.useTranslation(meta.profile.key);
-	const processorState = getProcessorState(processor);
-	const error = useAtomValue(processorState.error).pipe(Option.getOrUndefined);
-	const streaming = useAtomValue(processorState.streaming);
-	const active = useAtomValue(processorState.active);
+	const chatModelState = getChatModelState(chatModel);
+	const error = useAtomValue(chatModelState.error).pipe(Option.getOrUndefined);
+	const streaming = useAtomValue(chatModelState.streaming);
+	const active = useAtomValue(chatModelState.active);
+	const context = chatModel?.context ?? draftContext;
+	const registry = chatModel?.registry ?? draftRegistry;
 	const editorRef = useRef(null);
 	useEffect(() => {
 		return event.on((ev) => {
@@ -1096,7 +1233,7 @@ var ChatPrompt$1 = ({ classNames, outline, db, chat, processor, event, tasksVisi
 		if (update.docChanged) setHasText(update.state.doc.toString().trim().length > 0);
 	}), []);
 	const queueFull = active && queueSize >= maxQueue;
-	const canSend = hasText && processor != null && !queueFull;
+	const canSend = hasText && context != null && !queueFull;
 	const extensions = useMemo(() => [
 		keymapExtensions,
 		pendingText(),
@@ -1108,7 +1245,7 @@ var ChatPrompt$1 = ({ classNames, outline, db, chat, processor, event, tasksVisi
 		emptinessExtension
 	]);
 	const handleSubmit = useCallback((text) => {
-		if (!processor || queueFull) return false;
+		if (!context || queueFull) return false;
 		event.emit({
 			type: "submit",
 			text
@@ -1116,7 +1253,7 @@ var ChatPrompt$1 = ({ classNames, outline, db, chat, processor, event, tasksVisi
 		return true;
 	}, [
 		event,
-		processor,
+		context,
 		queueFull
 	]);
 	const handleSend = useCallback(() => {
@@ -1127,14 +1264,20 @@ var ChatPrompt$1 = ({ classNames, outline, db, chat, processor, event, tasksVisi
 	const handleEvent = useCallback((ev) => {
 		event.emit(ev);
 	}, [event]);
-	return /* @__PURE__ */ jsxs("div", {
+	return /* @__PURE__ */ jsxs(Layout.Flex, {
+		column: true,
 		"data-testid": "assistant.prompt",
 		role: "group",
-		className: mx("flex flex-col w-full dx-density-md", outline && "dx-group-surface rounded-sm border border-separator-subtle transition transition-border [&:has(.cm-content:focus)]:border-separator", classNames),
+		classNames: [
+			"w-full dx-density-md",
+			outline && "dx-group-surface rounded-sm border border-separator-subtle transition transition-border [&:has(.cm-content:focus)]:border-separator",
+			classNames
+		],
 		children: [
-			processor && /* @__PURE__ */ jsx(ChatMcpErrors, { processor }),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex p-2 gap-2",
+			chatModel && /* @__PURE__ */ jsx(ChatMcpErrors, { chatModel }),
+			/* @__PURE__ */ jsxs(Layout.Flex, {
+				gap: "sm",
+				classNames: "p-2",
 				children: [/* @__PURE__ */ jsx(ChatStatusIndicator, {
 					classNames: "p-1",
 					preset,
@@ -1163,16 +1306,17 @@ var ChatPrompt$1 = ({ classNames, outline, db, chat, processor, event, tasksVisi
 				leading: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ChatOptions, {
 					db,
 					chat,
-					registry: processor?.registry,
-					context: processor?.context,
+					registry,
+					context,
+					started,
 					preset,
 					presets,
 					onPresetChange
-				}), /* @__PURE__ */ jsx("div", {
-					className: "flex h-6 grow overflow-x-auto scrollbar-none",
-					children: processor && /* @__PURE__ */ jsx(ChatReferences, {
+				}), /* @__PURE__ */ jsx(Layout.Flex, {
+					classNames: "h-6 grow overflow-x-auto scrollbar-none",
+					children: context && /* @__PURE__ */ jsx(ChatReferences, {
 						db,
-						context: processor.context
+						context
 					})
 				})] })
 			})
@@ -1227,7 +1371,7 @@ var ChatStatus$1 = ({ classNames, icon }) => {
 };
 /**
 * The pill itself, given resolved values. Split from {@link ChatStatus} so each slot — elapsed,
-* tokens, the next alarm — can be mounted and asserted in a story without a live processor.
+* tokens, the next alarm — can be mounted and asserted in a story without a live chat model.
 */
 var ChatStatusView = ({ classNames, icon, requestTiming, lastOutputTokens, sessionTotalTokens = 0, alarm, selfWakes = 0 }) => {
 	const isRunning = requestTiming != null && requestTiming.endedAt == null;
@@ -1238,17 +1382,17 @@ var ChatStatusView = ({ classNames, icon, requestTiming, lastOutputTokens, sessi
 		classNames: ["p-1.5 gap-2 text-sm", classNames],
 		children: [icon && /* @__PURE__ */ jsx(ChatStatus.Icon, { children: /* @__PURE__ */ jsx(Matrix, {
 			classNames: "size-5",
-			dotClassNames: "bg-primary-500",
+			dotClassNames: "bg-primary-bg",
 			dim: 4,
 			dotSize: 3,
 			count: 10,
 			interval: 500,
 			active: isRunning
-		}) }), show && /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center",
+		}) }), show && /* @__PURE__ */ jsxs(Layout.Flex, {
+			align: "center",
 			children: [
 				requestTiming && /* @__PURE__ */ jsx(ChatStatus.Text, {
-					classNames: isRunning && "text-sky-500",
+					classNames: isRunning && "text-sky-text",
 					children: /* @__PURE__ */ jsx(Elapsed, { timing: requestTiming })
 				}),
 				lastOutputTokens != null && /* @__PURE__ */ jsxs(Fragment$1, { children: [requestTiming && /* @__PURE__ */ jsx(ChatStatus.Separator, {}), /* @__PURE__ */ jsxs(ChatStatus.Text, { children: ["↓ ", Unit.Thousand(lastOutputTokens).toString()] })] }),
@@ -1387,12 +1531,12 @@ var SurfaceWidget = ({ role, children }) => {
 //#endregion
 //#region src/components/Chat/Chat.tsx
 var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-assistant/src/components/Chat/Chat.tsx";
-var ChatRoot = ({ children, chat, processor, db: dbFallback, debug: debugProp, onEvent, onSubmit, getContext, ...props }) => {
+var ChatRoot = ({ children, chat, chatModel, db: dbFallback, debug: debugProp, onEvent, onSubmit, getContext, ...props }) => {
 	const [debug, setDebug] = useState(debugProp ?? false);
 	const { invokePromise } = Hooks.useOperationInvoker();
-	const processorState = getProcessorState(processor);
-	const streaming = useAtomValue(processorState.streaming);
-	const active = useAtomValue(processorState.active);
+	const chatModelState = getChatModelState(chatModel);
+	const streaming = useAtomValue(chatModelState.streaming);
+	const active = useAtomValue(chatModelState.active);
 	const requestTiming = useRequestTiming({ active });
 	const lastPrompt = useRef(void 0);
 	const commandPending = useRef(false);
@@ -1403,14 +1547,14 @@ var ChatRoot = ({ children, chat, processor, db: dbFallback, debug: debugProp, o
 	const [controller, setController] = useState(null);
 	const [visibleRange, setVisibleRange] = useState(void 0);
 	const feedAlarms = useQuery(db, feed ? Query.select(Filter.type(Alarm.Alarm)).from(feed) : Query.select(Filter.nothing()));
-	const { messages, delivery, queued, tail } = useAtomValue(processorState.thread);
+	const { messages, delivery, queued, tail } = useAtomValue(chatModelState.thread);
 	const alarms = useMemo(() => projectAlarms({ feedAlarms }), [feedAlarms]);
 	const selfWakes = useMemo(() => projectSelfWakes({
 		feedAlarms,
 		messages
 	}), [feedAlarms, messages]);
-	const dump = useDebug({ processor });
-	const error = useAtomValue(processorState.error);
+	const dump = useDebug({ chatModel });
+	const error = useAtomValue(chatModelState.error);
 	useEffect(() => {
 		if (Option.isSome(error)) event.emit({
 			type: "error",
@@ -1448,10 +1592,10 @@ var ChatRoot = ({ children, chat, processor, db: dbFallback, debug: debugProp, o
 						if (row.entryId && db && feed) db.removeFeedItemsByIds(feed, [row.entryId]).catch((err) => log.catch(err, void 0, {
 							"~LogMeta": "~LogMeta",
 							F: __dxlog_file,
-							L: 188,
+							L: 189,
 							S: void 0
 						}));
-						if (row.outboxId) processor?.removePrompt(row.outboxId);
+						if (row.outboxId) chatModel?.removePrompt(row.outboxId);
 					}
 					break;
 				}
@@ -1466,7 +1610,7 @@ var ChatRoot = ({ children, chat, processor, db: dbFallback, debug: debugProp, o
 		feed,
 		messages,
 		delivery,
-		processor
+		chatModel
 	]);
 	useEffect(() => {
 		return event.on((ev) => {
@@ -1491,7 +1635,7 @@ var ChatRoot = ({ children, chat, processor, db: dbFallback, debug: debugProp, o
 		invokePromise
 	]);
 	useEffect(() => {
-		if (!processor) return;
+		if (!chatModel) return;
 		return event.on((ev) => {
 			switch (ev.type) {
 				case "submit": {
@@ -1525,7 +1669,7 @@ var ChatRoot = ({ children, chat, processor, db: dbFallback, debug: debugProp, o
 										text: result.summary
 									}]
 								})]);
-								if (result.followUp) processor.request({ message: result.followUp });
+								if (result.followUp) chatModel.request({ message: result.followUp });
 							})().catch((error) => {
 								event.emit({
 									type: "error",
@@ -1539,7 +1683,7 @@ var ChatRoot = ({ children, chat, processor, db: dbFallback, debug: debugProp, o
 						if (active && queued >= 3) break;
 						markWork("chat.submit");
 						lastPrompt.current = ev.text;
-						processor.send({
+						chatModel.send({
 							message: text,
 							context: getContext?.()
 						}, { prepare: () => onSubmit?.(text) });
@@ -1548,20 +1692,20 @@ var ChatRoot = ({ children, chat, processor, db: dbFallback, debug: debugProp, o
 				}
 				case "report": {
 					const text = ev.text.trim();
-					if (text.length) Promise.resolve(onSubmit?.(text)).then(() => active ? processor.enqueue({
+					if (text.length) Promise.resolve(onSubmit?.(text)).then(() => active ? chatModel.enqueue({
 						message: text,
 						disposition: "synthetic"
-					}) : processor.request({
+					}) : chatModel.request({
 						message: text,
 						disposition: "synthetic"
 					}));
 					break;
 				}
 				case "retry":
-					if (!streaming) processor.retry();
+					if (!streaming) chatModel.retry();
 					break;
 				case "cancel":
-					processor.cancel();
+					chatModel.cancel();
 					if (streaming) {
 						if (lastPrompt.current) event.emit({
 							type: "update-prompt",
@@ -1572,7 +1716,7 @@ var ChatRoot = ({ children, chat, processor, db: dbFallback, debug: debugProp, o
 		});
 	}, [
 		event,
-		processor,
+		chatModel,
 		streaming,
 		active,
 		queued,
@@ -1592,8 +1736,9 @@ var ChatRoot = ({ children, chat, processor, db: dbFallback, debug: debugProp, o
 		event,
 		db,
 		chat,
-		processor,
+		chatModel,
 		queueSize: queued,
+		started: messages.length > 0 || queued > 0,
 		setController,
 		setVisibleRange,
 		...props,
@@ -1712,7 +1857,7 @@ var chatRegistry = { surface: {
 } };
 var ChatThread$1 = ({ classNames, viewType, tailLines, userHue: userHueProp, onViewUsage }) => {
 	const { t } = Hooks$1.useTranslation(meta.profile.key);
-	const { chat, db, debug, event, processor, setController, setVisibleRange } = useChatContext(CHAT_THREAD_NAME);
+	const { chat, db, debug, event, chatModel, setController, setVisibleRange } = useChatContext(CHAT_THREAD_NAME);
 	const { messages, tail } = useChatThreadContext(CHAT_THREAD_NAME);
 	const identity = useIdentity();
 	const objectImage = useMemo(() => objectCardWidget(db), [db]);
@@ -1728,7 +1873,7 @@ var ChatThread$1 = ({ classNames, viewType, tailLines, userHue: userHueProp, onV
 	const [toastError, setToastError] = useState(void 0);
 	const toastAction = toastError instanceof AiUsageQuotaError ? toastError.action : void 0;
 	const model = useFeedModel(messages, { stops: "prompt" });
-	const streaming = useAtomValue(getProcessorState(processor).streaming);
+	const streaming = useAtomValue(getChatModelState(chatModel).streaming);
 	useEffect(() => {
 		const last = messages[messages.length - 1 - tail];
 		model.setStreaming(streaming && last?.sender.role === "assistant" ? last.id : void 0);
@@ -1763,7 +1908,7 @@ var ChatThread$1 = ({ classNames, viewType, tailLines, userHue: userHueProp, onV
 				default: log.info("no handled", event, {
 					"~LogMeta": "~LogMeta",
 					F: __dxlog_file,
-					L: 610,
+					L: 612,
 					S: void 0
 				});
 			}
@@ -1846,7 +1991,7 @@ var CHAT_PROMPT_NAME = "Chat.Prompt";
 * event rather than being wrapped in a `Collapsible.Trigger` it cannot reach.
 */
 var ChatPrompt = ({ classNames, defaultTasksVisible = false, ...props }) => {
-	const { chat, db, processor, event, queueSize } = useChatContext(CHAT_PROMPT_NAME);
+	const { chat, db, chatModel, event, queueSize, started } = useChatContext(CHAT_PROMPT_NAME);
 	const [tasks] = useObject(chat, "tasks");
 	const hasTasks = tasks != null;
 	const [tasksVisible, setTasksVisible] = useState(chat?.tasks?.length ? defaultTasksVisible : false);
@@ -1867,9 +2012,10 @@ var ChatPrompt = ({ classNames, defaultTasksVisible = false, ...props }) => {
 			classNames: [tasksVisible && "rounded-t-none", classNames],
 			db,
 			chat,
-			processor,
+			chatModel,
 			event,
 			queueSize,
+			started,
 			tasksVisible: hasTasks ? tasksVisible : void 0
 		})]
 	});
@@ -1973,19 +2119,21 @@ var ChatTaskQuestions = ({ tasks }) => {
 			}, {
 				"~LogMeta": "~LogMeta",
 				F: __dxlog_file,
-				L: 928,
+				L: 934,
 				S: void 0
 			});
 		}).catch((err) => log.catch(err, void 0, {
 			"~LogMeta": "~LogMeta",
 			F: __dxlog_file,
-			L: 931,
+			L: 937,
 			S: void 0
 		}));
 	}, [invokePromise]);
 	if (threads.length === 0) return null;
-	return /* @__PURE__ */ jsx("div", {
-		className: "flex flex-col gap-2 p-2",
+	return /* @__PURE__ */ jsx(Layout.Flex, {
+		column: true,
+		gap: "sm",
+		classNames: "p-2",
 		"data-testid": "chat.taskQuestions",
 		children: threads.map(({ task, thread }) => /* @__PURE__ */ jsx(TaskQuestion, {
 			thread,
@@ -1996,14 +2144,14 @@ var ChatTaskQuestions = ({ tasks }) => {
 ChatTaskQuestions.displayName = "Chat.TaskQuestions";
 var CHAT_ACTIVITY_NAME = "Chat.Activity";
 /**
-* The activity line bound to the chat's processor and the chat's pending alarms: what the agent is
+* The activity line bound to the chat's chat model and the chat's pending alarms: what the agent is
 * doing, for as long as it is doing anything. The line itself takes resolved values, so it lives
 * beside the prompt with the rest of the presentational parts and only the binding is here.
 */
 var ChatActivity = ({ classNames }) => {
-	const { processor } = useChatContext(CHAT_ACTIVITY_NAME);
+	const { chatModel } = useChatContext(CHAT_ACTIVITY_NAME);
 	const { alarms } = useChatThreadContext(CHAT_ACTIVITY_NAME);
-	const activity = useAtomValue(getProcessorState(processor).activity);
+	const activity = useAtomValue(getChatModelState(chatModel).activity);
 	return /* @__PURE__ */ jsx(ChatActivity$1, {
 		classNames,
 		activity,