@dxos/plugin-assistant 0.8.4-main.422d1c7879 → 0.8.4-main.51f1e5ca51

package/dist/lib/browser/index.mjs

@@ -1,44 +1,24 @@
-import {
-  blueprint_default
-} from "./chunk-EZRS3J25.mjs";
-import {
-  ApiAuthorization,
-  AssistantCapabilities,
-  AssistantEvents,
-  Assistant_exports,
-  LLM_PROVIDERS,
-  ServiceType,
-  categoryIcons
-} from "./chunk-LMVTXH54.mjs";
 import {
   UpdateChatName
-} from "./chunk-ATHYBVGN.mjs";
+} from "./chunk-RIJNPAYC.mjs";
 import "./chunk-J5LGTIGS.mjs";
 
 // src/components/index.ts
 import { lazy } from "react";
 
 // src/components/Chat/Chat.tsx
-import { Prec } from "@codemirror/state";
-import { keymap } from "@codemirror/view";
-import { useAtomValue } from "@effect-atom/atom-react";
-import { createContext } from "@radix-ui/react-context";
+import { useAtomValue as useAtomValue2 } from "@effect-atom/atom-react";
 import * as Array2 from "effect/Array";
-import * as Option3 from "effect/Option";
-import React11, { useCallback as useCallback4, useEffect as useEffect4, useMemo as useMemo4, useRef as useRef2, useState as useState5 } from "react";
+import * as Option4 from "effect/Option";
+import React13, { useCallback as useCallback5, useEffect as useEffect6, useMemo as useMemo5, useRef as useRef3, useState as useState7 } from "react";
 import { Event } from "@dxos/async";
 import { Filter as Filter2, Obj as Obj3 } from "@dxos/echo";
-import { useVoiceInput } from "@dxos/plugin-transcription";
 import { useQuery as useQuery2 } from "@dxos/react-client/echo";
 import { useIdentity } from "@dxos/react-client/halo";
-import { Input as Input2, useDynamicRef, useTranslation as useTranslation6 } from "@dxos/react-ui";
-import { ChatEditor } from "@dxos/react-ui-chat";
 import { Menu } from "@dxos/react-ui-menu";
 import { Message } from "@dxos/types";
-import { composable, composableProps, mx as mx7 } from "@dxos/ui-theme";
-import { isTruthy, trim } from "@dxos/util";
-import { useChatToolbarActions } from "#hooks";
-import { meta as meta6 } from "#meta";
+import { composable, composableProps } from "@dxos/ui-theme";
+import { useChatKeymapExtensions as useChatKeymapExtensions2, useChatToolbarActions, useDebug } from "#hooks";
 
 // src/components/ChatPrompt/ChatActions.tsx
 import React from "react";
@@ -48,17 +28,8 @@ import { meta } from "#meta";
 var ChatActions = ({ classNames, children, microphone, recording, processing, debug, onEvent }) => {
   const { t } = useTranslation(meta.id);
   return /* @__PURE__ */ React.createElement("div", {
-    className: mx("flex items-center me-1", classNames)
-  }, children, /* @__PURE__ */ React.createElement(IconButton, {
-    disabled: !processing,
-    variant: "ghost",
-    icon: "ph--x--regular",
-    iconOnly: true,
-    label: t("cancel-processing.button"),
-    onClick: () => onEvent?.({
-      type: "cancel"
-    })
-  }), microphone && /* @__PURE__ */ React.createElement(IconButton, {
+    className: mx("flex items-center", classNames)
+  }, children, microphone && /* @__PURE__ */ React.createElement(IconButton, {
     disabled: !processing,
     classNames: mx(recording && "bg-primary-500"),
     variant: "ghost",
@@ -86,6 +57,15 @@ var ChatActions = ({ classNames, children, microphone, recording, processing, de
     onClick: () => onEvent?.({
       type: "toggle-debug"
     })
+  }), /* @__PURE__ */ React.createElement(IconButton, {
+    disabled: !processing,
+    variant: "ghost",
+    icon: "ph--x--regular",
+    iconOnly: true,
+    label: t("cancel-processing.button"),
+    onClick: () => onEvent?.({
+      type: "cancel"
+    })
   }));
 };
 
@@ -94,22 +74,23 @@ import * as Option from "effect/Option";
 import React2, { useCallback, useMemo, useState } from "react";
 import { McpServer } from "@dxos/assistant-toolkit";
 import { Annotation, Filter, Obj, Type } from "@dxos/echo";
-import { useQuery } from "@dxos/react-client/echo";
+import { useObject, useQuery } from "@dxos/react-client/echo";
 import { IconButton as IconButton2, Input, Popover, Select, useTranslation as useTranslation2 } from "@dxos/react-ui";
 import { Listbox, SearchList, useSearchListResults } from "@dxos/react-ui-search";
 import { Tabs } from "@dxos/react-ui-tabs";
 import { getStyles, mx as mx2 } from "@dxos/ui-theme";
 import { useActiveBlueprints, useBlueprintHandlers, useBlueprints, useContextObjects, useFilteredTypes } from "#hooks";
 import { meta as meta2 } from "#meta";
+import { Assistant } from "#types";
 var styles = {
-  panel: "w-[calc(100dvw-.5rem)] sm:w-max md:w-popover-default-width max-w-document-width",
-  toolbar: "p-form-chrome border-t border-separator"
+  panel: "w-[calc(100dvw-.5rem)] sm:w-max max-w-document-width",
+  toolbar: "p-0! gap-0! border-t border-separator"
 };
-var ChatOptions = ({ db, context, blueprintRegistry, presets, preset, onPresetChange }) => {
+var ChatOptions = ({ chat, db, context, blueprintRegistry, presets, preset, onPresetChange }) => {
   const { t } = useTranslation2(meta2.id);
   return /* @__PURE__ */ React2.createElement("div", {
     role: "none",
-    className: "flex p-2"
+    className: "flex"
   }, /* @__PURE__ */ React2.createElement(Popover.Root, null, /* @__PURE__ */ React2.createElement(Popover.Trigger, {
     asChild: true
   }, /* @__PURE__ */ React2.createElement(IconButton2, {
@@ -134,49 +115,61 @@ var ChatOptions = ({ db, context, blueprintRegistry, presets, preset, onPresetCh
     side: "top",
     classNames: styles.panel
   }, /* @__PURE__ */ React2.createElement(Popover.Viewport, null, /* @__PURE__ */ React2.createElement(Tabs.Root, {
+    classNames: "flex",
     orientation: "horizontal",
-    defaultValue: "model",
+    defaultValue: "view",
     defaultActivePart: "list",
     tabIndex: -1
   }, /* @__PURE__ */ React2.createElement(Tabs.Viewport, {
-    // TODO(burdon): Simplify styles.
-    classNames: mx2("max-h-(--radix-popover-content-available-height) grid grid-rows-[1fr_min-content]", '[&_[cmdk-root]]:contents [&_[role="tabpanel"]]:grid [&_[role="tabpanel"]]:grid-rows-[1fr_min-content]', '[&_[role="listbox"]]:min-h-0 [&_[role="listbox"]]:overflow-y-auto', '[&_[role="tabpanel"]]:min-h-0 [&_[role="tabpanel"]]:px-form-chrome [&_[role="tabpanel"][data-state="active"]]:order-first [&_[role="tabpanel"][data-state="inactive"]]:hidden')
+    classNames: mx2("grid grid-rows-[1fr_40px] w-full")
   }, /* @__PURE__ */ React2.createElement(Tabs.Panel, {
-    value: "model",
-    tabIndex: -1,
-    classNames: "dx-focus-ring-inset"
-  }, /* @__PURE__ */ React2.createElement(ModelsPanel, {
-    presets,
-    preset,
-    onPresetChange
-  })), /* @__PURE__ */ React2.createElement(Tabs.Panel, {
-    value: "mcp-servers",
     tabIndex: -1,
-    classNames: "dx-focus-ring-inset"
-  }, /* @__PURE__ */ React2.createElement(McpServersPanel, {
-    db
+    classNames: "dx-focus-ring-inset overflow-hidden",
+    value: "view"
+  }, /* @__PURE__ */ React2.createElement(ViewPanel, {
+    chat
   })), /* @__PURE__ */ React2.createElement(Tabs.Panel, {
-    value: "blueprints",
     tabIndex: -1,
-    classNames: "dx-focus-ring-inset"
+    classNames: "dx-focus-ring-inset overflow-hidden",
+    value: "blueprints"
   }, /* @__PURE__ */ React2.createElement(BlueprintsPanel, {
     blueprintRegistry,
     db,
     context
+  })), /* @__PURE__ */ React2.createElement(Tabs.Panel, {
+    tabIndex: -1,
+    classNames: "dx-focus-ring-inset overflow-hidden",
+    value: "mcp-servers"
+  }, /* @__PURE__ */ React2.createElement(McpServersPanel, {
+    db
+  })), /* @__PURE__ */ React2.createElement(Tabs.Panel, {
+    tabIndex: -1,
+    classNames: "dx-focus-ring-inset overflow-hidden",
+    value: "model"
+  }, /* @__PURE__ */ React2.createElement(ModelsPanel, {
+    presets,
+    preset,
+    onPresetChange
   })), /* @__PURE__ */ React2.createElement(Tabs.Tablist, {
-    classNames: styles.toolbar
+    classNames: [
+      styles.toolbar
+    ]
   }, /* @__PURE__ */ React2.createElement(Tabs.IconTab, {
-    value: "model",
-    icon: "ph--cpu--regular",
-    label: t("chat-model.title")
+    value: "view",
+    icon: "ph--eye--regular",
+    label: t("chat-view.title")
   }), /* @__PURE__ */ React2.createElement(Tabs.IconTab, {
     value: "blueprints",
     icon: "ph--blueprint--regular",
-    label: t("blueprints-in-context.title")
+    label: t("options.blueprints.title")
   }), /* @__PURE__ */ React2.createElement(Tabs.IconTab, {
     value: "mcp-servers",
     icon: "ph--plugs-connected--regular",
-    label: t("mcp-servers.title")
+    label: t("options.mcp.title")
+  }), /* @__PURE__ */ React2.createElement(Tabs.IconTab, {
+    value: "model",
+    icon: "ph--cpu--regular",
+    label: t("options.chat-model.title")
   }))))), /* @__PURE__ */ React2.createElement(Popover.Arrow, null)))));
 };
 var BlueprintsPanel = ({ blueprintRegistry, db, context }) => {
@@ -200,7 +193,7 @@ var BlueprintsPanel = ({ blueprintRegistry, db, context }) => {
   return /* @__PURE__ */ React2.createElement(SearchList.Root, {
     onSearch: handleSearch
   }, /* @__PURE__ */ React2.createElement(SearchList.Content, {
-    classNames: "py-form-chrome"
+    classNames: "flex flex-col"
   }, /* @__PURE__ */ React2.createElement(SearchList.Viewport, null, results.map((blueprint) => {
     const isActive = activeBlueprints.has(blueprint.key);
     return /* @__PURE__ */ React2.createElement(SearchList.Item, {
@@ -211,11 +204,26 @@ var BlueprintsPanel = ({ blueprintRegistry, db, context }) => {
       checked: isActive,
       onSelect: () => onUpdateBlueprint?.(blueprint.key, !isActive)
     });
-  }))), /* @__PURE__ */ React2.createElement(SearchList.Input, {
+  })), /* @__PURE__ */ React2.createElement(SearchList.Input, {
     placeholder: t("search.placeholder"),
-    classNames: "mb-form-chrome",
+    classNames: "border-t border-separator",
     autoFocus: true
-  }));
+  })));
+};
+var ViewPanel = ({ chat }) => {
+  const { t } = useTranslation2(meta2.id);
+  const [view, setView] = useObject(chat, "view");
+  const value2 = view ?? "normal";
+  return /* @__PURE__ */ React2.createElement(Listbox.Root, {
+    value: value2,
+    onValueChange: setView,
+    autoFocus: true
+  }, Assistant.ChatViews.map((view2) => /* @__PURE__ */ React2.createElement(Listbox.Option, {
+    key: view2,
+    value: view2
+  }, /* @__PURE__ */ React2.createElement(Listbox.OptionLabel, null, t(`chat-view.${view2}.label`, {
+    defaultValue: view2
+  })), /* @__PURE__ */ React2.createElement(Listbox.OptionIndicator, null))));
 };
 var ModelsPanel = ({ presets, preset, onPresetChange }) => {
   return /* @__PURE__ */ React2.createElement(Listbox.Root, {
@@ -246,7 +254,7 @@ var McpServersPanel = ({ db }) => {
     db
   ]);
   const handleToggle = useCallback((server, enabled) => {
-    Obj.change(server, (server2) => {
+    Obj.update(server, (server2) => {
       server2.enabled = enabled;
     });
   }, []);
@@ -256,7 +264,7 @@ var McpServersPanel = ({ db }) => {
     db
   ]);
   return /* @__PURE__ */ React2.createElement("div", {
-    className: "py-form-chrome space-y-2"
+    className: "p-form-chrome"
   }, servers.map((server) => /* @__PURE__ */ React2.createElement("div", {
     key: server.id,
     className: "flex items-center gap-2 px-form-chrome"
@@ -279,8 +287,7 @@ var McpServersPanel = ({ db }) => {
     onSubmit: handleAdd,
     onCancel: () => setAdding(false)
   }) : /* @__PURE__ */ React2.createElement("div", {
-    role: "none",
-    className: "px-form-chrome"
+    role: "none"
   }, /* @__PURE__ */ React2.createElement(IconButton2, {
     variant: "ghost",
     icon: "ph--plus--regular",
@@ -399,13 +406,13 @@ var ObjectsPanel = ({ db, context }) => {
       icon: "ph--cube--regular",
       hue: void 0
     })));
-    const styles2 = hue ? getStyles(hue) : void 0;
+    const styles3 = hue ? getStyles(hue) : void 0;
     return /* @__PURE__ */ React2.createElement(SearchList.Item, {
       classNames: "flex items-center overflow-hidden",
       key: object.id,
       value: object.id,
       icon,
-      iconClassNames: styles2?.surfaceText,
+      iconClassNames: styles3?.surfaceText,
       label: Obj.getLabel(object) ?? Obj.getTypename(object) ?? object.id,
       checked: isActive,
       onSelect: () => onUpdateObject?.(Obj.getDXN(object), !isActive)
@@ -436,6 +443,17 @@ var ObjectsPanel = ({ db, context }) => {
 import React3 from "react";
 import { Select as Select2 } from "@dxos/react-ui";
 
+// src/components/ChatPrompt/ChatPrompt.tsx
+import { useAtomValue } from "@effect-atom/atom-react";
+import * as Option3 from "effect/Option";
+import React6, { useCallback as useCallback2, useEffect as useEffect2, useRef, useState as useState3 } from "react";
+import { useVoiceInput } from "@dxos/plugin-transcription";
+import { Input as Input2, useDynamicRef, useTranslation as useTranslation4 } from "@dxos/react-ui";
+import { ChatEditor } from "@dxos/react-ui-chat";
+import { mx as mx5 } from "@dxos/ui-theme";
+import { useChatKeymapExtensions } from "#hooks";
+import { meta as meta4 } from "#meta";
+
 // src/components/ChatPrompt/ChatReferences.tsx
 import * as Option2 from "effect/Option";
 import React4 from "react";
@@ -465,7 +483,7 @@ var ChatReferences = ({ classNames, context, db }) => {
       icon: DEFAULT_OBJECT_ICON,
       hue: void 0
     })));
-    const styles2 = hue ? getStyles2(hue) : void 0;
+    const styles3 = hue ? getStyles2(hue) : void 0;
     return /* @__PURE__ */ React4.createElement("li", {
       key: dxn.toString(),
       className: "dx-tag py-0 ps-2 flex items-center gap-1",
@@ -473,12 +491,12 @@ var ChatReferences = ({ classNames, context, db }) => {
     }, /* @__PURE__ */ React4.createElement(Icon, {
       icon,
       size: 4,
-      classNames: styles2?.surfaceText
+      classNames: styles3?.surfaceText
     }), toLocalizedString(label, t), /* @__PURE__ */ React4.createElement(IconButton3, {
       icon: "ph--x--bold",
       iconOnly: true,
       variant: "ghost",
-      label: t("remove-object-in-context.label"),
+      label: t("remove-object.label"),
       classNames: "p-0 hover:bg-transparent",
       size: 3,
       onClick: () => onUpdateObject?.(dxn, false)
@@ -518,16 +536,197 @@ var ChatStatusIndicator = ({ classNames, preset, processing, error, ...props })
   })));
 };
 
+// src/components/ChatPrompt/ChatPrompt.tsx
+var ChatPrompt = ({ classNames, outline, chat, db, processor, event, online, placeholder, onOnlineChange, onPresetChange, settings = true, presets, preset }) => {
+  const { t } = useTranslation4(meta4.id);
+  const error = useAtomValue(processor.error).pipe(Option3.getOrUndefined);
+  const streaming = useAtomValue(processor.streaming);
+  const active = useAtomValue(processor.active);
+  const activeRef = useDynamicRef(active);
+  const editorRef = useRef(null);
+  const [recordingState, setRecordingState] = useState3(false);
+  useEffect2(() => {
+    return event.on((ev) => {
+      switch (ev.type) {
+        case "update-prompt":
+          if (!editorRef.current?.getText()?.length) {
+            editorRef.current?.setText(ev.text);
+            editorRef.current?.focus();
+          }
+          break;
+        case "record-start":
+          setRecordingState(true);
+          break;
+        case "record-stop":
+          setRecordingState(false);
+          break;
+      }
+    });
+  }, [
+    event
+  ]);
+  const { recording } = useVoiceInput({
+    active: recordingState,
+    onUpdate: (text) => {
+      editorRef.current?.setText(text);
+      editorRef.current?.focus();
+    }
+  });
+  const extensions = useChatKeymapExtensions({
+    event
+  });
+  const handleSubmit = useCallback2((text) => {
+    if (!activeRef.current) {
+      event.emit({
+        type: "submit",
+        text
+      });
+      return true;
+    }
+  }, [
+    event
+  ]);
+  const handleEvent = useCallback2((ev) => {
+    event.emit(ev);
+  }, [
+    event
+  ]);
+  return /* @__PURE__ */ React6.createElement("div", {
+    role: "group",
+    className: mx5("flex flex-col w-full dx-density-fine", outline && "bg-group-surface rounded-sm! border border-subdued-separator transition transition-border [&:has(.cm-content:focus)]:border-separator", classNames)
+  }, /* @__PURE__ */ React6.createElement("div", {
+    role: "none",
+    className: "flex p-2 gap-2"
+  }, /* @__PURE__ */ React6.createElement(ChatStatusIndicator, {
+    classNames: "p-1",
+    preset,
+    error,
+    processing: streaming
+  }), /* @__PURE__ */ React6.createElement(ChatEditor, {
+    ref: editorRef,
+    autoFocus: true,
+    lineWrapping: true,
+    classNames: "col-span-2 pt-0.5",
+    placeholder: placeholder ?? t("prompt.placeholder"),
+    extensions,
+    onSubmit: handleSubmit
+  })), db && settings && /* @__PURE__ */ React6.createElement("div", {
+    role: "none",
+    className: "flex items-center overflow-hidden p-1.5"
+  }, /* @__PURE__ */ React6.createElement(ChatOptions, {
+    chat,
+    db,
+    blueprintRegistry: processor.blueprintRegistry,
+    context: processor.context,
+    preset,
+    presets,
+    onPresetChange
+  }), /* @__PURE__ */ React6.createElement("div", {
+    role: "none",
+    className: "flex h-8 grow overflow-x-auto scrollbar-none"
+  }, /* @__PURE__ */ React6.createElement(ChatReferences, {
+    db,
+    context: processor.context
+  })), /* @__PURE__ */ React6.createElement(ChatActions, {
+    classNames: "col-span-2",
+    microphone: true,
+    recording,
+    processing: streaming,
+    onEvent: handleEvent
+  }, online !== void 0 && /* @__PURE__ */ React6.createElement(Input2.Root, null, /* @__PURE__ */ React6.createElement(Input2.Label, {
+    srOnly: true
+  }, t("online-switch.label")), /* @__PURE__ */ React6.createElement(Input2.Switch, {
+    classNames: "mx-2",
+    checked: online,
+    onCheckedChange: onOnlineChange
+  })))));
+};
+ChatPrompt.displayName = "Chat.Prompt";
+
+// src/components/ChatPrompt/ChatStatus.tsx
+import React7, { useEffect as useEffect3, useMemo as useMemo2, useState as useState4 } from "react";
+import { ChatStatus as NaturalChatStatus, formatElapsed } from "@dxos/react-ui-chat";
+import { Matrix } from "@dxos/react-ui-sfx";
+import { Unit } from "@dxos/util";
+
+// src/components/Chat/context.ts
+import { createContext } from "@radix-ui/react-context";
+var [ChatContextProvider, useChatContext] = createContext("Chat");
+
+// src/components/ChatPrompt/ChatStatus.tsx
+var CHAT_STREAM_STATUS_NAME = "Chat.StreamStatus";
+var TICK_MS = 1e3;
+var ChatStatus = ({ classNames, icon }) => {
+  const { messages, requestTiming } = useChatContext(CHAT_STREAM_STATUS_NAME);
+  const { lastOutputTokens, sessionTotalTokens } = useMemo2(() => {
+    let last;
+    let total = 0;
+    for (const message of messages) {
+      for (const block of message.blocks) {
+        if (isStats(block) && block.usage) {
+          last = block.usage.outputTokens;
+          total += block.usage.totalTokens ?? 0;
+        }
+      }
+    }
+    return {
+      lastOutputTokens: last,
+      sessionTotalTokens: total
+    };
+  }, [
+    messages
+  ]);
+  const isRunning = requestTiming != null && requestTiming.endedAt == null;
+  const show = requestTiming || lastOutputTokens || sessionTotalTokens > 0;
+  if (!show) {
+    return null;
+  }
+  return /* @__PURE__ */ React7.createElement(NaturalChatStatus.Root, {
+    defaultRunning: false,
+    classNames: [
+      "py-2 gap-2 text-sm",
+      classNames
+    ]
+  }, icon && /* @__PURE__ */ React7.createElement(NaturalChatStatus.Icon, null, /* @__PURE__ */ React7.createElement(Matrix, {
+    classNames: "w-5 h-5",
+    dotClassNames: "bg-primary-500",
+    dim: 4,
+    dotSize: 3,
+    count: 10,
+    interval: 500,
+    active: isRunning
+  })), show && /* @__PURE__ */ React7.createElement("div", {
+    role: "none",
+    className: "flex items-center"
+  }, requestTiming && /* @__PURE__ */ React7.createElement(NaturalChatStatus.Text, null, /* @__PURE__ */ React7.createElement(Elapsed, {
+    timing: requestTiming
+  })), lastOutputTokens != null && /* @__PURE__ */ React7.createElement(React7.Fragment, null, requestTiming && /* @__PURE__ */ React7.createElement(NaturalChatStatus.Separator, null), /* @__PURE__ */ React7.createElement(NaturalChatStatus.Text, null, "\u2193 ", Unit.Thousand(lastOutputTokens).toString())), sessionTotalTokens > 0 && /* @__PURE__ */ React7.createElement(React7.Fragment, null, (requestTiming || lastOutputTokens != null) && /* @__PURE__ */ React7.createElement(NaturalChatStatus.Separator, null), /* @__PURE__ */ React7.createElement(NaturalChatStatus.Text, null, "\u03A3 ", Unit.Thousand(sessionTotalTokens).toString()))));
+};
+var Elapsed = ({ timing }) => {
+  const isRunning = timing.endedAt == null;
+  const [now, setNow] = useState4(Date.now());
+  useEffect3(() => {
+    if (!isRunning) {
+      return;
+    }
+    const id = setInterval(() => setNow(Date.now()), TICK_MS);
+    return () => clearInterval(id);
+  }, [
+    isRunning
+  ]);
+  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, formatElapsed((timing.endedAt ?? now) - timing.startedAt));
+};
+var isStats = (block) => block._tag === "stats";
+
 // src/components/ChatThread/ChatThread.tsx
-import React10, { forwardRef, useCallback as useCallback3, useEffect as useEffect3, useMemo as useMemo3, useState as useState4 } from "react";
+import React12, { forwardRef, useCallback as useCallback4, useEffect as useEffect5, useMemo as useMemo4, useState as useState6 } from "react";
 import { PublicKey } from "@dxos/keys";
 import { setRef } from "@dxos/react-ui";
-import { MarkdownStream } from "@dxos/react-ui-components";
-import { mx as mx6 } from "@dxos/ui-theme";
+import { MarkdownStream } from "@dxos/react-ui-markdown";
 import { keyToFallback } from "@dxos/util";
 
 // src/components/ChatThread/registry.tsx
-import React9 from "react";
+import React11 from "react";
 import { log } from "@dxos/log";
 import { getXmlTextChild } from "@dxos/ui-editor";
 
@@ -567,45 +766,33 @@ var rehydrateToolWidgetsFromMessages = (context, messages) => {
 };
 
 // src/components/ChatThread/widgets/FallbackWidget.tsx
-import React6 from "react";
+import React8 from "react";
 import { TogglePanel } from "@dxos/react-ui-components";
 import { JsonHighlighter } from "@dxos/react-ui-syntax-highlighter";
 var FallbackWidget = ({ _tag, ...props }) => {
-  return /* @__PURE__ */ React6.createElement(TogglePanel.Root, null, /* @__PURE__ */ React6.createElement(TogglePanel.Header, {
+  return /* @__PURE__ */ React8.createElement(TogglePanel.Root, null, /* @__PURE__ */ React8.createElement(TogglePanel.Header, {
     classNames: "bg-group-surface"
-  }, _tag), /* @__PURE__ */ React6.createElement(TogglePanel.Content, {
+  }, _tag), /* @__PURE__ */ React8.createElement(TogglePanel.Content, {
     classNames: "bg-modal-surface"
-  }, /* @__PURE__ */ React6.createElement(TogglePanel.Viewport, null, /* @__PURE__ */ React6.createElement(JsonHighlighter, {
+  }, /* @__PURE__ */ React8.createElement(TogglePanel.Viewport, null, /* @__PURE__ */ React8.createElement(JsonHighlighter, {
     classNames: "p-2! text-sm",
     data: props
   }))));
 };
 FallbackWidget.displayName = "Fallback";
 
-// src/components/ChatThread/widgets/PromptWidget.ts
+// src/components/ChatThread/widgets/ReasoningWidget.ts
 import { WidgetType } from "@codemirror/view";
 import { Domino } from "@dxos/ui";
-var PromptWidget = class extends WidgetType {
-  text;
-  constructor(text) {
-    super(), this.text = text;
-  }
-  eq(other) {
-    return this.text === other.text;
-  }
-  /**
-  * NOTE: An ancestor element must set `data-hue` so `.dx-panel` resolves to the user's hue tokens
-  * (see `packages/ui/ui-theme/src/css/components/panel.css`).
-  */
-  toDOM() {
-    return Domino.of("div").classNames("flex justify-end my-2").append(Domino.of("div").classNames("dx-panel px-3 py-1.5 rounded-sm").text(this.text)).root;
-  }
+
+// src/components/ChatThread/widgets/defaults.ts
+var styles2 = {
+  padding: "my-4",
+  border: "border border-subdued-separator rounded-sm"
 };
 
 // src/components/ChatThread/widgets/ReasoningWidget.ts
-import { WidgetType as WidgetType2 } from "@codemirror/view";
-import { Domino as Domino2 } from "@dxos/ui";
-var ReasoningWidget = class extends WidgetType2 {
+var ReasoningWidget = class extends WidgetType {
   text;
   #pos;
   /** The timer id last registered for this instance (may differ from the map if superseded). */
@@ -618,21 +805,20 @@ var ReasoningWidget = class extends WidgetType2 {
     return this.text === other.text && this.#pos === other.#pos;
   }
   toDOM() {
-    const root = Domino2.of("div").classNames("pt-2 pb-2").append(Domino2.of("div").classNames("relative overflow-hidden p-px rounded-sm border border-subdued-separator").attributes({
+    return Domino.of("div").classNames(styles2.padding).append(Domino.of("div").classNames("relative overflow-hidden p-px", styles2.border).attributes({
       "data-trail-container": ""
-    }).append(Domino2.of("div").classNames("relative z-10 bg-base-surface rounded-sm text-sm text-description px-2 py-1").append(Domino2.of("div").classNames("max-h-[5lh] overflow-y-auto").text(this.text).attributes({
+    }).append(Domino.of("div").classNames("relative z-10 bg-base-surface rounded-sm text-sm text-subdued px-2 py-1").append(Domino.of("div").classNames("max-h-[5lh] overflow-y-auto").text(this.text).attributes({
       "data-reasoning-text": ""
-    })), Domino2.of("div").attributes({
+    })), Domino.of("div").attributes({
       "data-id": this.#pos
     }))).root;
-    return root;
   }
   updateDOM(dom) {
     dom.querySelector("[data-reasoning-text]")?.replaceChildren(this.text);
     const container = dom.querySelector("[data-trail-container]");
     let trailHost = container?.querySelector("[data-id]");
     if (container && !trailHost) {
-      trailHost = Domino2.of("div").attributes({
+      trailHost = Domino.of("div").attributes({
         "data-id": this.#pos
       }).root;
       container.append(trailHost);
@@ -679,14 +865,14 @@ var trail = [
 var TRAIL_REMOVAL_DELAY_MS = 1e3;
 var trailRemovalTimers = /* @__PURE__ */ new Map();
 var createTrailLayers = () => [
-  Domino2.of("div").classNames(...trail, "animate-trail").root,
-  Domino2.of("div").classNames(...trail, "animate-trail-offset").root
+  Domino.of("div").classNames(...trail, "animate-trail").root,
+  Domino.of("div").classNames(...trail, "animate-trail-offset").root
 ];
 
 // src/components/ChatThread/widgets/ReferenceWidget.ts
-import { WidgetType as WidgetType3 } from "@codemirror/view";
-import { Domino as Domino3 } from "@dxos/ui";
-var ReferenceWidget = class extends WidgetType3 {
+import { WidgetType as WidgetType2 } from "@codemirror/view";
+import { Domino as Domino2 } from "@dxos/ui";
+var ReferenceWidget = class extends WidgetType2 {
   text;
   dxn;
   constructor(text, dxn) {
@@ -696,16 +882,16 @@ var ReferenceWidget = class extends WidgetType3 {
     return this.dxn === other.dxn;
   }
   toDOM() {
-    return Domino3.of("div").classNames("pt-2 pb-2").append(Domino3.of("dx-anchor").classNames("dx-tag--anchor").attributes({
+    return Domino2.of("div").classNames(styles2.padding).append(Domino2.of("dx-anchor").classNames("dx-tag--anchor").attributes({
       dxn: this.dxn
     }).text(this.text)).root;
   }
 };
 
 // src/components/ChatThread/widgets/SelectWidget.ts
-import { WidgetType as WidgetType4 } from "@codemirror/view";
-import { Domino as Domino4 } from "@dxos/ui";
-var SelectWidget = class extends WidgetType4 {
+import { WidgetType as WidgetType3 } from "@codemirror/view";
+import { Domino as Domino3 } from "@dxos/ui";
+var SelectWidget = class extends WidgetType3 {
   options;
   constructor(options) {
     super(), this.options = options;
@@ -717,9 +903,9 @@ var SelectWidget = class extends WidgetType4 {
   * NOTE: Container must set var based on user's identity.
   */
   toDOM() {
-    return Domino4.of("div").attributes({
+    return Domino3.of("div").attributes({
       role: "group"
-    }).classNames("flex flex-wrap pt-2 pb-2 gap-1").append(...this.options.map((option) => Domino4.of("button").classNames("dx-button inline-block max-w-[100cqi]").attributes({
+    }).classNames(styles2.padding, "flex flex-wrap gap-1").append(...this.options.map((option) => Domino3.of("button").classNames("dx-button inline-block max-w-[100cqi]").attributes({
       "data-action": "submit",
       "data-value": option,
       "data-density": "fine"
@@ -728,9 +914,9 @@ var SelectWidget = class extends WidgetType4 {
 };
 
 // src/components/ChatThread/widgets/StatsWidget.ts
-import { WidgetType as WidgetType5 } from "@codemirror/view";
-import { Domino as Domino5 } from "@dxos/ui";
-var StatsWidget = class extends WidgetType5 {
+import { WidgetType as WidgetType4 } from "@codemirror/view";
+import { Domino as Domino4 } from "@dxos/ui";
+var StatsWidget = class extends WidgetType4 {
   text;
   constructor(text) {
     super(), this.text = text;
@@ -739,7 +925,7 @@ var StatsWidget = class extends WidgetType5 {
     return this.text === other.text;
   }
   toDOM() {
-    return Domino5.of("div").classNames("pt-2 pb-4 text-sm text-placeholder").text(this.text).root;
+    return Domino4.of("div").classNames(styles2.padding, "text-sm text-placeholder").text(this.text).root;
   }
   updateDOM(dom) {
     dom.textContent = this.text;
@@ -747,26 +933,97 @@ var StatsWidget = class extends WidgetType5 {
   }
 };
 
+// src/components/ChatThread/widgets/StatusWidget.ts
+import { WidgetType as WidgetType5 } from "@codemirror/view";
+import { Domino as Domino5 } from "@dxos/ui";
+var StatusWidget = class extends WidgetType5 {
+  text;
+  #pos;
+  /** The timer id last registered for this instance (may differ from the map if superseded). */
+  #ownedTimerId = null;
+  constructor(text, pos) {
+    super(), this.text = text;
+    this.#pos = pos === void 0 || pos === "" ? "status" : String(pos);
+  }
+  eq(other) {
+    return this.text === other.text && this.#pos === other.#pos;
+  }
+  toDOM() {
+    return Domino5.of("div").classNames(styles2.padding).append(Domino5.of("div").classNames("relative overflow-hidden rounded-sm").append(Domino5.of("div").classNames("grid grid-cols-[24px_1fr] gap-x-0.5 gap-y-0 items-start px-0.5 py-0.5 text-placeholder").append(Domino5.of("div").classNames("flex h-5 w-full shrink-0 items-center justify-center self-start").append(Domino5.of("span").classNames("block size-1.5 shrink-0 rounded-full bg-current opacity-45")), Domino5.of("div").classNames("relative min-w-0").append(Domino5.of("div").classNames("relative z-10 rounded-sm text-sm leading-5").attributes({
+      "data-status-text": ""
+    }).text(this.text), Domino5.of("div").attributes({
+      "data-id": this.#pos
+    }))))).root;
+  }
+  updateDOM(dom) {
+    dom.querySelector("[data-status-text]")?.replaceChildren(this.text);
+    const trailHost = dom.querySelector("[data-id]");
+    if (trailHost?.childElementCount === 0) {
+      trailHost.append(...createTrailLayers2());
+    }
+    this.#scheduleTrailRemoval(dom);
+    return true;
+  }
+  destroy(_dom) {
+    this.#clearOwnedTrailTimer();
+  }
+  #scheduleTrailRemoval(dom) {
+    const previous = trailRemovalTimers2.get(this.#pos);
+    if (previous !== void 0) {
+      clearTimeout(previous);
+    }
+    const timerId = setTimeout(() => {
+      if (trailRemovalTimers2.get(this.#pos) !== timerId) {
+        return;
+      }
+      trailRemovalTimers2.delete(this.#pos);
+      this.#ownedTimerId = null;
+      dom.querySelector("[data-id]")?.remove();
+    }, TRAIL_REMOVAL_DELAY_MS2);
+    trailRemovalTimers2.set(this.#pos, timerId);
+    this.#ownedTimerId = timerId;
+  }
+  #clearOwnedTrailTimer() {
+    const active = trailRemovalTimers2.get(this.#pos);
+    if (active !== void 0 && active === this.#ownedTimerId) {
+      clearTimeout(active);
+      trailRemovalTimers2.delete(this.#pos);
+    }
+    this.#ownedTimerId = null;
+  }
+};
+var trail2 = [
+  "absolute z-0 aspect-[2/1] w-16",
+  "bg-[radial-gradient(at_100%_50%,_theme(colors.green.700),_transparent_80%)]",
+  "[offset-anchor:100%_50%] [offset-path:border-box]"
+];
+var TRAIL_REMOVAL_DELAY_MS2 = 1e3;
+var trailRemovalTimers2 = /* @__PURE__ */ new Map();
+var createTrailLayers2 = () => [
+  Domino5.of("div").classNames(...trail2, "animate-trail").root,
+  Domino5.of("div").classNames(...trail2, "animate-trail-offset").root
+];
+
 // src/components/ChatThread/widgets/SummaryWidget.tsx
-import React7 from "react";
-import { useTranslation as useTranslation4 } from "@dxos/react-ui";
+import React9 from "react";
+import { useTranslation as useTranslation5 } from "@dxos/react-ui";
 import { TogglePanel as TogglePanel2 } from "@dxos/react-ui-components";
-import { meta as meta4 } from "#meta";
+import { meta as meta5 } from "#meta";
 var SummaryWidget = ({ children }) => {
-  const { t } = useTranslation4(meta4.id);
-  return /* @__PURE__ */ React7.createElement(TogglePanel2.Root, {
-    classNames: "border border-separator rounded-sm"
-  }, /* @__PURE__ */ React7.createElement(TogglePanel2.Header, {
+  const { t } = useTranslation5(meta5.id);
+  return /* @__PURE__ */ React9.createElement(TogglePanel2.Root, {
+    classNames: styles2.border
+  }, /* @__PURE__ */ React9.createElement(TogglePanel2.Header, {
     classNames: "text-sm bg-group-surface"
-  }, t("summary.label")), /* @__PURE__ */ React7.createElement(TogglePanel2.Content, null, /* @__PURE__ */ React7.createElement("div", {
+  }, t("summary.label")), /* @__PURE__ */ React9.createElement(TogglePanel2.Content, null, /* @__PURE__ */ React9.createElement("div", {
     role: "none",
-    className: "p-1 text-sm text-description"
+    className: "p-1 text-sm text-subdued"
   }, children)));
 };
 
 // src/components/ChatThread/widgets/SuggestionWidget.ts
 import { WidgetType as WidgetType6 } from "@codemirror/view";
-import { Domino as Domino6, mx as mx5 } from "@dxos/ui";
+import { Domino as Domino6, mx as mx6 } from "@dxos/ui";
 var SuggestionWidget = class extends WidgetType6 {
   text;
   constructor(text) {
@@ -776,26 +1033,26 @@ var SuggestionWidget = class extends WidgetType6 {
     return this.text === other.text;
   }
   toDOM() {
-    return Domino6.of("span").classNames(mx5("inline-flex max-w-[calc(100cqi-8px)] my-1 pe-2 overflow-hidden")).append(Domino6.of("button").attributes({
+    return Domino6.of("span").classNames(mx6("inline-flex max-w-[calc(100cqi-8px)] my-1 pe-2 overflow-hidden")).append(Domino6.of("button").attributes({
       "data-action": "submit",
       "data-density": "fine",
       "data-value": this.text
-    }).classNames(mx5("dx-button gap-2 w-full overflow-hidden")).append(Domino6.of("dx-icon").attributes({
+    }).classNames(mx6("dx-button gap-2 w-full overflow-hidden")).append(Domino6.of("dx-icon").attributes({
       icon: "ph--lightning--regular"
     }), Domino6.of("span").classNames("flex-1 truncate min-w-0").text(this.text))).root;
   }
 };
 
 // src/components/ChatThread/widgets/ToolWidget.tsx
-import React8, { useCallback as useCallback2, useEffect as useEffect2, useMemo as useMemo2, useRef, useState as useState3 } from "react";
-import { useTranslation as useTranslation5 } from "@dxos/react-ui";
+import React10, { useCallback as useCallback3, useEffect as useEffect4, useMemo as useMemo3, useRef as useRef2, useState as useState5 } from "react";
+import { useTranslation as useTranslation6 } from "@dxos/react-ui";
 import { NumericTabs, TextCrawl, TogglePanel as TogglePanel3 } from "@dxos/react-ui-components";
 import { JsonHighlighter as JsonHighlighter2 } from "@dxos/react-ui-syntax-highlighter";
 import { isNonNullable, safeParseJson } from "@dxos/util";
-import { meta as meta5 } from "#meta";
+import { meta as meta6 } from "#meta";
 var ToolWidget = ({ view, blocks = [] }) => {
-  const { t } = useTranslation5(meta5.id);
-  const items = useMemo2(() => {
+  const { t } = useTranslation6(meta6.id);
+  const items = useMemo3(() => {
     let lastToolCall;
     const tools = [];
     return blocks.filter((block) => block._tag === "toolCall" || block._tag === "toolResult" || block._tag === "stats").map((block) => {
@@ -855,7 +1112,7 @@ var ToolWidget = ({ view, blocks = [] }) => {
     blocks,
     t
   ]);
-  const handleChangeOpen = useCallback2(() => {
+  const handleChangeOpen = useCallback3(() => {
     setTimeout(() => {
       view?.requestMeasure();
     }, 1e3);
@@ -865,21 +1122,21 @@ var ToolWidget = ({ view, blocks = [] }) => {
   if (!items.length) {
     return null;
   }
-  return /* @__PURE__ */ React8.createElement(ToolPanel, {
+  return /* @__PURE__ */ React10.createElement(ToolPanel, {
     items,
     onChangeOpen: handleChangeOpen
   });
 };
 var ToolPanel = ({ items, onChangeOpen }) => {
-  const tabsRef = useRef(null);
-  const [selected, setSelected] = useState3(0);
-  const [open, setOpen] = useState3(false);
-  useEffect2(() => {
+  const tabsRef = useRef2(null);
+  const [selected, setSelected] = useState5(0);
+  const [open, setOpen] = useState5(false);
+  useEffect4(() => {
     setSelected((prev) => Math.min(prev, Math.max(0, items.length - 1)));
   }, [
     items.length
   ]);
-  useEffect2(() => {
+  useEffect4(() => {
     onChangeOpen?.(open);
     if (open) {
       tabsRef.current?.focus();
@@ -888,28 +1145,28 @@ var ToolPanel = ({ items, onChangeOpen }) => {
     open,
     onChangeOpen
   ]);
-  const handleSelect = useCallback2((index) => {
+  const handleSelect = useCallback3((index) => {
     setSelected(index);
   }, []);
-  return /* @__PURE__ */ React8.createElement(TogglePanel3.Root, {
+  return /* @__PURE__ */ React10.createElement(TogglePanel3.Root, {
     open,
     onChangeOpen: setOpen
-  }, /* @__PURE__ */ React8.createElement(TogglePanel3.Header, {
+  }, /* @__PURE__ */ React10.createElement(TogglePanel3.Header, {
     classNames: "text-sm text-placeholder"
-  }, /* @__PURE__ */ React8.createElement(TextCrawl, {
+  }, /* @__PURE__ */ React10.createElement(TextCrawl, {
     key: "status-roll",
     lines: items.map((item) => item.title),
     autoAdvance: true,
     greedy: true
-  })), /* @__PURE__ */ React8.createElement(TogglePanel3.Content, null, /* @__PURE__ */ React8.createElement(TogglePanel3.Viewport, {
+  })), /* @__PURE__ */ React10.createElement(TogglePanel3.Content, null, /* @__PURE__ */ React10.createElement(TogglePanel3.Viewport, {
     classNames: "grid grid-cols-[32px_1fr]"
-  }, /* @__PURE__ */ React8.createElement(NumericTabs, {
+  }, /* @__PURE__ */ React10.createElement(NumericTabs, {
     ref: tabsRef,
     classNames: "p-1",
     length: items.length,
     selected,
     onSelect: handleSelect
-  }), /* @__PURE__ */ React8.createElement(JsonHighlighter2, {
+  }), /* @__PURE__ */ React10.createElement(JsonHighlighter2, {
     data: items[selected]?.content,
     classNames: "p-1 text-xs bg-transparent",
     replacer: {
@@ -920,90 +1177,18 @@ var ToolPanel = ({ items, onChangeOpen }) => {
   }))));
 };
 
-// src/components/ChatThread/widgets/StatusWidget.ts
-import { WidgetType as WidgetType7 } from "@codemirror/view";
-import { Domino as Domino7 } from "@dxos/ui";
-var StatusWidget = class extends WidgetType7 {
-  text;
-  #pos;
-  /** The timer id last registered for this instance (may differ from the map if superseded). */
-  #ownedTimerId = null;
-  constructor(text, pos) {
-    super(), this.text = text;
-    this.#pos = pos === void 0 || pos === "" ? "status" : String(pos);
-  }
-  eq(other) {
-    return this.text === other.text && this.#pos === other.#pos;
-  }
-  toDOM() {
-    return Domino7.of("div").classNames("py-0.5").append(Domino7.of("div").classNames("relative overflow-hidden rounded-sm").append(Domino7.of("div").classNames("grid grid-cols-[24px_1fr] gap-x-0.5 gap-y-0 items-start px-0.5 py-0.5 text-placeholder").append(Domino7.of("div").classNames("flex h-5 w-full shrink-0 items-center justify-center self-start").append(Domino7.of("span").classNames("block size-1.5 shrink-0 rounded-full bg-current opacity-45")), Domino7.of("div").classNames("relative min-w-0").append(Domino7.of("div").classNames("relative z-10 rounded-sm text-sm leading-5").attributes({
-      "data-status-text": ""
-    }).text(this.text), Domino7.of("div").attributes({
-      "data-id": this.#pos
-    }))))).root;
-  }
-  updateDOM(dom) {
-    dom.querySelector("[data-status-text]")?.replaceChildren(this.text);
-    const trailHost = dom.querySelector("[data-id]");
-    if (trailHost?.childElementCount === 0) {
-      trailHost.append(...createTrailLayers2());
-    }
-    this.#scheduleTrailRemoval(dom);
-    return true;
-  }
-  destroy(_dom) {
-    this.#clearOwnedTrailTimer();
-  }
-  #scheduleTrailRemoval(dom) {
-    const previous = trailRemovalTimers2.get(this.#pos);
-    if (previous !== void 0) {
-      clearTimeout(previous);
-    }
-    const timerId = setTimeout(() => {
-      if (trailRemovalTimers2.get(this.#pos) !== timerId) {
-        return;
-      }
-      trailRemovalTimers2.delete(this.#pos);
-      this.#ownedTimerId = null;
-      dom.querySelector("[data-id]")?.remove();
-    }, TRAIL_REMOVAL_DELAY_MS2);
-    trailRemovalTimers2.set(this.#pos, timerId);
-    this.#ownedTimerId = timerId;
-  }
-  #clearOwnedTrailTimer() {
-    const active = trailRemovalTimers2.get(this.#pos);
-    if (active !== void 0 && active === this.#ownedTimerId) {
-      clearTimeout(active);
-      trailRemovalTimers2.delete(this.#pos);
-    }
-    this.#ownedTimerId = null;
-  }
-};
-var trail2 = [
-  "absolute z-0 aspect-[2/1] w-16",
-  "bg-[radial-gradient(at_100%_50%,_theme(colors.green.700),_transparent_80%)]",
-  "[offset-anchor:100%_50%] [offset-path:border-box]"
-];
-var TRAIL_REMOVAL_DELAY_MS2 = 1e3;
-var trailRemovalTimers2 = /* @__PURE__ */ new Map();
-var createTrailLayers2 = () => [
-  Domino7.of("div").classNames(...trail2, "animate-trail").root,
-  Domino7.of("div").classNames(...trail2, "animate-trail-offset").root
-];
-
 // src/components/ChatThread/registry.tsx
 var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-assistant/src/components/ChatThread/registry.tsx";
 var componentRegistry = {
   //
-  // DOM Widgets
+  // Block-only (no widget — see note above).
   //
   prompt: {
-    block: true,
-    factory: ({ children }) => {
-      const text = getXmlTextChild(children);
-      return text ? new PromptWidget(text) : null;
-    }
+    block: true
   },
+  //
+  // DOM Widgets
+  //
   synthetic: {
     block: true,
     factory: ({ children, range }) => {
@@ -1064,10 +1249,10 @@ var componentRegistry = {
   },
   toolCall: {
     block: true,
-    Component: (props) => /* @__PURE__ */ React9.createElement("div", {
+    Component: (props) => /* @__PURE__ */ React11.createElement("div", {
       role: "none",
       className: "py-2"
-    }, /* @__PURE__ */ React9.createElement(ToolWidget, props))
+    }, /* @__PURE__ */ React11.createElement(ToolWidget, props))
   },
   toolResult: {
     block: true,
@@ -1085,22 +1270,36 @@ var componentRegistry = {
     Component: FallbackWidget
   }
 };
-var blockToMarkdown = (context, message, block) => {
-  let str = blockToMarkdownImpl(context, message, block);
-  if (str && !block.pending) {
-    return str += "\n";
+var blockToMarkdown = createBlockRenderer("normal");
+function createBlockRenderer(viewType) {
+  return (context, message, block) => {
+    if (!isBlockVisible(viewType, message, block)) {
+      return;
+    }
+    let str = blockToMarkdownImpl(context, message, block);
+    if (str && !block.pending) {
+      return str += "\n";
+    }
+    return str;
+  };
+}
+var isBlockVisible = (viewType, message, block) => {
+  switch (viewType) {
+    case "debug":
+      return true;
+    case "normal":
+      return block._tag !== "reasoning";
+    case "summary":
+      return block._tag === "text" && block.disposition !== "synthetic";
+    case "thinking":
+    default:
+      return true;
   }
-  return str;
 };
 var blockToMarkdownImpl = (context, message, block) => {
   log("blockToMarkdown", {
     block: JSON.stringify(block)
-  }, {
-    F: __dxlog_file,
-    L: 150,
-    S: void 0,
-    C: (f, a) => f(...a)
-  });
+  }, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 151, S: void 0 });
   switch (block._tag) {
     case "text": {
       if (message.sender.role === "user") {
@@ -1283,34 +1482,35 @@ var MessageSyncer = class {
 // src/components/ChatThread/ChatThread.tsx
 var defaultOptions = {
   autoScroll: true,
-  // The `wire` extension intercepts append transactions, buffers the text, and drips it into
-  // the editor one character at a time (200 chars/sec by default) while keeping XML elements,
-  // markdown links and images atomic. It's what gives the smooth char-by-char typewriter you
-  // see in the MarkdownStream/Reasoning story.
-  wire: true,
-  cursor: true
-};
-var ChatThread = /* @__PURE__ */ forwardRef(({ classNames, identity, messages = [], error, options = defaultOptions, debug = false, onEvent }, forwardedRef) => {
-  const [controller, setController] = useState4(null);
-  const handleMarkdownStreamRef = useCallback3((instance) => {
+  cursor: false,
+  fader: false,
+  typewriter: true
+};
+var ChatThread = /* @__PURE__ */ forwardRef(({ classNames, identity, messages = [], error, options = defaultOptions, footer, debug = false, extensions, viewType, onEvent }, forwardedRef) => {
+  const [controller, setController] = useState6(null);
+  const handleMarkdownStreamRef = useCallback4((instance) => {
     setController(instance);
     setRef(forwardedRef, instance);
   }, [
     forwardedRef
   ]);
-  const userHue = useMemo3(() => identity?.profile?.data?.hue || keyToFallback(identity?.identityKey ?? PublicKey.random()).hue, [
+  const userHue = useMemo4(() => identity?.profile?.data?.hue || keyToFallback(identity?.identityKey ?? PublicKey.random()).hue, [
     identity
   ]);
-  useEffect3(() => {
+  useEffect5(() => {
     controller?.scrollToBottom();
   }, [
     controller,
     error
   ]);
-  const syncer = useMemo3(() => controller && new MessageSyncer(controller, blockToMarkdown), [
-    controller
+  const renderer = useMemo4(() => createBlockRenderer(viewType), [
+    viewType
   ]);
-  useEffect3(() => {
+  const syncer = useMemo4(() => controller && new MessageSyncer(controller, renderer), [
+    controller,
+    renderer
+  ]);
+  useEffect5(() => {
     if (!syncer) {
       return;
     }
@@ -1322,7 +1522,7 @@ var ChatThread = /* @__PURE__ */ forwardRef(({ classNames, identity, messages =
     syncer,
     messages
   ]);
-  const handleEvent = useCallback3(({ type, value: value2 }) => {
+  const handleEvent = useCallback4(({ type, value: value2 }) => {
     switch (type) {
       case "submit": {
         value2 && onEvent?.({
@@ -1335,59 +1535,47 @@ var ChatThread = /* @__PURE__ */ forwardRef(({ classNames, identity, messages =
   }, [
     onEvent
   ]);
-  return /* @__PURE__ */ React10.createElement("div", {
+  return /* @__PURE__ */ React12.createElement("div", {
     role: "none",
     "data-hue": userHue,
-    className: mx6("flex h-full w-full justify-center overflow-hidden", classNames)
-  }, /* @__PURE__ */ React10.createElement(MarkdownStream, {
+    className: "contents"
+  }, /* @__PURE__ */ React12.createElement(MarkdownStream, {
+    key: viewType,
+    classNames,
     registry: componentRegistry,
     options,
     debug,
+    extensions,
+    footer,
     onEvent: handleEvent,
     ref: handleMarkdownStreamRef
   }));
 });
 
 // src/components/Chat/Chat.tsx
-var [ChatContextProvider, useChatContext] = createContext("Chat");
-var ChatRoot = ({ children, chat, queue, processor, onEvent, ...props }) => {
-  const [debug, setDebug] = useState5(false);
-  const pending = useAtomValue(processor.messages);
-  const streaming = useAtomValue(processor.streaming);
-  const lastPrompt = useRef2(void 0);
-  const storedMessages = useQuery2(queue, Filter2.type(Message.Message));
-  const messages = useMemo4(() => {
-    return Array2.dedupeWith([
-      ...storedMessages,
-      ...pending
-    ], ({ id: a }, { id: b }) => a === b);
-  }, [
-    storedMessages,
-    pending
+var ChatRoot = ({ children, chat, feed, processor, onEvent, ...props }) => {
+  const [debug, setDebug] = useState7(false);
+  const streaming = useAtomValue2(processor.streaming);
+  const active = useAtomValue2(processor.active);
+  const requestTiming = useRequestTiming({
+    active
+  });
+  const lastPrompt = useRef3(void 0);
+  const db = props.db ?? (chat && Obj3.getDatabase(chat));
+  const feedMessages = useQuery2(feed, Filter2.type(Message.Message));
+  const pendingMessages = useAtomValue2(processor.messages);
+  const messages = useMemo5(() => Array2.dedupeWith([
+    ...feedMessages,
+    ...pendingMessages
+  ], ({ id: a }, { id: b }) => a === b), [
+    feedMessages,
+    pendingMessages
   ]);
-  const dump = useCallback4(async () => {
-    const objects = processor.context.getObjects();
-    const blueprints = processor.context.getBlueprints();
-    const system = await processor.getSystemPrompt();
-    const tools = await processor.getTools();
-    console.group("Chat", {
-      objects,
-      blueprints
-    });
-    console.log(trim`
-      System Prompt:
-      ${system}
-    `);
-    console.log(trim`
-      Tools:
-      ${Object.values(tools).map((tool) => JSON.stringify(tool, null, 2)).join("\n")}
-    `);
-    console.groupEnd();
-  }, [
+  const dump = useDebug({
     processor
-  ]);
-  const event = useMemo4(() => new Event(), []);
-  useEffect4(() => {
+  });
+  const event = useMemo5(() => new Event(), []);
+  useEffect6(() => {
     return event.on((ev) => {
       switch (ev.type) {
         case "toggle-debug": {
@@ -1439,18 +1627,37 @@ var ChatRoot = ({ children, chat, queue, processor, onEvent, ...props }) => {
     streaming,
     onEvent
   ]);
-  const db = props.db ?? (chat && Obj3.getDatabase(chat));
-  return /* @__PURE__ */ React11.createElement(ChatContextProvider, {
+  return /* @__PURE__ */ React13.createElement(ChatContextProvider, {
     debug,
     event,
     db,
     chat,
     messages,
     processor,
+    requestTiming,
     ...props
   }, children);
 };
 ChatRoot.displayName = "Chat.Root";
+var useRequestTiming = ({ active }) => {
+  const [requestTiming, setRequestTiming] = useState7(null);
+  useEffect6(() => {
+    if (active) {
+      setRequestTiming({
+        startedAt: Date.now(),
+        endedAt: null
+      });
+    } else {
+      setRequestTiming((prev) => prev && prev.endedAt == null ? {
+        ...prev,
+        endedAt: Date.now()
+      } : prev);
+    }
+  }, [
+    active
+  ]);
+  return requestTiming;
+};
 var CHAT_TOOLBAR_NAME = "Chat.Toolbar";
 var ChatToolbar = composable(({ attendableId, companionTo, ...props }, forwardedRef) => {
   const { chat } = useChatContext(CHAT_TOOLBAR_NAME);
@@ -1458,32 +1665,36 @@ var ChatToolbar = composable(({ attendableId, companionTo, ...props }, forwarded
     chat,
     companionTo
   });
-  return /* @__PURE__ */ React11.createElement(Menu.Root, {
+  return /* @__PURE__ */ React13.createElement(Menu.Root, {
     ...menuActions,
     attendableId
-  }, /* @__PURE__ */ React11.createElement(Menu.Toolbar, {
+  }, /* @__PURE__ */ React13.createElement(Menu.Toolbar, {
     ...composableProps(props),
     ref: forwardedRef
   }));
 });
 ChatToolbar.displayName = CHAT_TOOLBAR_NAME;
-var CHAT_VIEWPORT_NAME = "Chat.Viewport";
-var ChatViewport = composable(({ children, ...props }, forwardedRef) => {
-  return /* @__PURE__ */ React11.createElement("div", {
+var CHAT_CONTENT_NAME = "Chat.Content";
+var ChatContent = composable(({ children, ...props }, forwardedRef) => {
+  return /* @__PURE__ */ React13.createElement("div", {
     ...composableProps(props, {
       classNames: "dx-expander flex flex-col"
     }),
     ref: forwardedRef
   }, children);
 });
-ChatViewport.displayName = CHAT_VIEWPORT_NAME;
+ChatContent.displayName = CHAT_CONTENT_NAME;
 var CHAT_THREAD_NAME = "Chat.Thread";
-var ChatThread2 = (props) => {
+var ChatThread2 = ({ viewType, debug: debugProp, ...props }) => {
   const { debug, event, messages, processor } = useChatContext(CHAT_THREAD_NAME);
+  const debugView = viewType === "debug";
   const identity = useIdentity();
-  const error = useAtomValue(processor.error).pipe(Option3.getOrUndefined);
-  const controllerRef = useRef2(null);
-  useEffect4(() => {
+  const error = useAtomValue2(processor.error).pipe(Option4.getOrUndefined);
+  const extensions = useChatKeymapExtensions2({
+    event
+  });
+  const controllerRef = useRef3(null);
+  useEffect6(() => {
     return event.on((event2) => {
       switch (event2.type) {
         case "submit":
@@ -1501,7 +1712,7 @@ var ChatThread2 = (props) => {
   }, [
     event
   ]);
-  const handleEvent = useCallback4((ev) => {
+  const handleEvent = useCallback5((ev) => {
     event.emit(ev);
   }, [
     event
@@ -1509,187 +1720,50 @@ var ChatThread2 = (props) => {
   if (!identity) {
     return null;
   }
-  return /* @__PURE__ */ React11.createElement(ChatThread, {
+  return /* @__PURE__ */ React13.createElement(ChatThread, {
     ...props,
     identity,
     messages,
     error,
-    debug,
+    debug: debugProp ?? (debug || debugView),
+    viewType,
+    extensions,
     onEvent: handleEvent,
     ref: controllerRef
   });
 };
 ChatThread2.displayName = CHAT_THREAD_NAME;
 var CHAT_PROMPT_NAME = "Chat.Prompt";
-var ChatPrompt = ({ classNames, outline, settings = true, placeholder, expandable, online, presets, preset, onPresetChange, onOnlineChange }) => {
-  const { t } = useTranslation6(meta6.id);
-  const { db, processor, event } = useChatContext(CHAT_PROMPT_NAME);
-  const error = useAtomValue(processor.error).pipe(Option3.getOrUndefined);
-  const streaming = useAtomValue(processor.streaming);
-  const active = useAtomValue(processor.active);
-  const activeRef = useDynamicRef(active);
-  const editorRef = useRef2(null);
-  const [recordingState, setRecordingState] = useState5(false);
-  useEffect4(() => {
-    return event.on((event2) => {
-      switch (event2.type) {
-        case "update-prompt":
-          if (!editorRef.current?.getText()?.length) {
-            editorRef.current?.setText(event2.text);
-            editorRef.current?.focus();
-          }
-          break;
-        case "record-start":
-          setRecordingState(true);
-          break;
-        case "record-stop":
-          setRecordingState(false);
-          break;
-      }
-    });
-  }, [
+var ChatPrompt2 = (props) => {
+  const { chat, db, processor, event } = useChatContext(CHAT_PROMPT_NAME);
+  return /* @__PURE__ */ React13.createElement(ChatPrompt, {
+    ...props,
+    chat,
+    db,
+    processor,
     event
-  ]);
-  const { recording } = useVoiceInput({
-    active: recordingState,
-    onUpdate: (text) => {
-      editorRef.current?.setText(text);
-      editorRef.current?.focus();
-    }
   });
-  const extensions = useMemo4(() => {
-    return [
-      Prec.highest(keymap.of([
-        {
-          key: "Mod-d",
-          preventDefault: true,
-          run: () => {
-            event.emit({
-              type: "toggle-debug"
-            });
-            return true;
-          }
-        },
-        {
-          key: "Mod-ArrowUp",
-          preventDefault: true,
-          run: () => {
-            event.emit({
-              type: "nav-previous"
-            });
-            return true;
-          },
-          shift: () => {
-            event.emit({
-              type: "thread-open"
-            });
-            return true;
-          }
-        },
-        {
-          key: "Mod-ArrowDown",
-          preventDefault: true,
-          run: () => {
-            event.emit({
-              type: "nav-next"
-            });
-            return true;
-          },
-          shift: () => {
-            event.emit({
-              type: "thread-close"
-            });
-            return true;
-          }
-        }
-      ]))
-    ].filter(isTruthy);
-  }, [
-    event,
-    expandable
-  ]);
-  const handleSubmit = useCallback4((text) => {
-    if (!activeRef.current) {
-      event.emit({
-        type: "submit",
-        text
-      });
-      return true;
-    }
-  }, [
-    event
-  ]);
-  const handleEvent = useCallback4((ev) => {
-    event.emit(ev);
-  }, [
-    event
-  ]);
-  return /* @__PURE__ */ React11.createElement("div", {
-    role: "group",
-    className: mx7("flex flex-col w-full dx-density-fine", outline && "bg-group-surface border border-subdued-separator transition transition-border [&:has(.cm-content:focus)]:border-separator rounded-sm", classNames)
-  }, /* @__PURE__ */ React11.createElement("div", {
-    role: "none",
-    className: "flex p-2 gap-2"
-  }, /* @__PURE__ */ React11.createElement(ChatStatusIndicator, {
-    classNames: "p-1",
-    preset,
-    error,
-    processing: streaming
-  }), /* @__PURE__ */ React11.createElement(ChatEditor, {
-    ref: editorRef,
-    autoFocus: true,
-    lineWrapping: true,
-    classNames: "col-span-2 pt-0.5",
-    placeholder: placeholder ?? t("prompt.placeholder"),
-    extensions,
-    onSubmit: handleSubmit
-  })), db && settings && /* @__PURE__ */ React11.createElement("div", {
-    role: "none",
-    className: "flex items-center overflow-hidden"
-  }, /* @__PURE__ */ React11.createElement(ChatOptions, {
-    db,
-    blueprintRegistry: processor.blueprintRegistry,
-    context: processor.context,
-    preset,
-    presets,
-    onPresetChange
-  }), /* @__PURE__ */ React11.createElement("div", {
-    role: "none",
-    className: "flex grow overflow-x-auto scrollbar-none"
-  }, /* @__PURE__ */ React11.createElement(ChatReferences, {
-    db,
-    context: processor.context
-  })), /* @__PURE__ */ React11.createElement(ChatActions, {
-    classNames: "col-span-2",
-    microphone: true,
-    recording,
-    processing: streaming,
-    onEvent: handleEvent
-  }, online !== void 0 && /* @__PURE__ */ React11.createElement(Input2.Root, null, /* @__PURE__ */ React11.createElement(Input2.Label, {
-    srOnly: true
-  }, t("online-switch.label")), /* @__PURE__ */ React11.createElement(Input2.Switch, {
-    classNames: "mx-2",
-    checked: online,
-    onCheckedChange: onOnlineChange
-  })))));
 };
-ChatPrompt.displayName = CHAT_PROMPT_NAME;
+ChatPrompt2.displayName = CHAT_PROMPT_NAME;
 var Chat = {
   Root: ChatRoot,
   Toolbar: ChatToolbar,
-  Viewport: ChatViewport,
-  Thread: ChatThread2,
-  Prompt: ChatPrompt
+  Content: ChatContent,
+  Prompt: ChatPrompt2,
+  Status: ChatStatus,
+  Thread: ChatThread2
 };
 
 // src/components/ProcessTree/ProcessTree.tsx
 import * as Match from "effect/Match";
-import React12 from "react";
+import * as Option5 from "effect/Option";
+import React14 from "react";
 import { Process } from "@dxos/functions-runtime";
-import { Icon as Icon2, ScrollArea, Treegrid } from "@dxos/react-ui";
-import { composable as composable2, composableProps as composableProps2, mx as mx8 } from "@dxos/ui-theme";
-var ProcessTree = composable2(({ processes, onProcessSelect, ...props }, forwardedRef) => {
-  const filteredProcesses = [
+import { Icon as Icon2, IconButton as IconButton4, ScrollArea, Tooltip as Tooltip2, Treegrid } from "@dxos/react-ui";
+import { composable as composable2, composableProps as composableProps2, mx as mx7 } from "@dxos/ui-theme";
+import { Unit as Unit2 } from "@dxos/util";
+var ProcessTree = composable2(({ processes, onProcessSelect, onProcessTerminate, ...props }, forwardedRef) => {
+  const sortedProcesses = [
     ...processes.filter((process) => [
       Process.State.RUNNING,
       Process.State.HYBERNATING
@@ -1701,43 +1775,65 @@ var ProcessTree = composable2(({ processes, onProcessSelect, ...props }, forward
       Process.State.SUCCEEDED,
       Process.State.FAILED,
       Process.State.TERMINATED
-    ].includes(process.state)).slice(0, 3)
-  ];
-  return /* @__PURE__ */ React12.createElement(ScrollArea.Root, {
+    ].includes(process.state))
+  ].sort((a, b) => {
+    const aCompletedAt = Option5.getOrElse(a.completedAt, () => Infinity);
+    const bCompletedAt = Option5.getOrElse(b.completedAt, () => Infinity);
+    return bCompletedAt - aCompletedAt;
+  });
+  return /* @__PURE__ */ React14.createElement(ScrollArea.Root, {
     ...composableProps2(props, {
       classNames: "dx-expander"
     }),
     thin: true,
     ref: forwardedRef
-  }, /* @__PURE__ */ React12.createElement(ScrollArea.Viewport, null, /* @__PURE__ */ React12.createElement(Treegrid.Root, {
+  }, /* @__PURE__ */ React14.createElement(ScrollArea.Viewport, null, /* @__PURE__ */ React14.createElement(Treegrid.Root, {
     gridTemplateColumns: "1fr"
-  }, filteredProcesses.filter((process) => process.parentPid === null).map((process) => {
-    const activeChildren = filteredProcesses.filter((candidate) => candidate.parentPid?.toString() === process.pid.toString() && candidate.state === Process.State.RUNNING);
-    return /* @__PURE__ */ React12.createElement(Treegrid.Row, {
+  }, sortedProcesses.filter((process) => process.parentPid === null).map((process) => {
+    return /* @__PURE__ */ React14.createElement(Treegrid.Row, {
       key: process.pid.toString(),
       id: process.pid.toString(),
       parentOf: process.parentPid?.toString()
-    }, /* @__PURE__ */ React12.createElement(Treegrid.Cell, {
+    }, /* @__PURE__ */ React14.createElement(Treegrid.Cell, {
       indent: true,
-      classNames: "flex items-center p-1 gap-2 min-w-0",
+      classNames: mx7("grid grid-cols-[min-content_1fr_min-content_min-content] items-center gap-1 min-w-0", onProcessSelect && "dx-hover"),
       onClick: () => onProcessSelect?.(process)
-    }, /* @__PURE__ */ React12.createElement(Icon2, {
+    }, /* @__PURE__ */ React14.createElement(Tooltip2.Trigger, {
+      className: "p-1",
+      content: process.state.toString()
+    }, /* @__PURE__ */ React14.createElement(Icon2, {
       size: 4,
-      classNames: mx8(process.state === Process.State.RUNNING && "animate-spin", process.state === Process.State.FAILED && "text-error-text", process.state === Process.State.SUCCEEDED && "text-success-text"),
+      classNames: mx7(process.state === Process.State.RUNNING && "animate-spin", process.state === Process.State.FAILED && "text-error-text", process.state === Process.State.SUCCEEDED && "text-success-text"),
       icon: Match.value(process.state).pipe(Match.when(Process.State.RUNNING, () => "ph--spinner-gap--regular"), Match.when(Process.State.SUCCEEDED, () => "ph--check-circle--regular"), Match.when(Process.State.FAILED, () => "ph--warning--regular"), Match.when(Process.State.HYBERNATING, () => "ph--spinner--regular"), Match.when(Process.State.IDLE, () => "ph--hourglass--regular"), Match.when(Process.State.TERMINATING, () => "ph--x-circle--regular"), Match.when(Process.State.TERMINATED, () => "ph--x-circle--regular"), Match.orElse(() => "ph--spinner-gap--regular"))
-    }), /* @__PURE__ */ React12.createElement("div", {
+    })), /* @__PURE__ */ React14.createElement("div", {
       role: "none",
       className: "flex items-center gap-2 text-xs overflow-hidden"
-    }, /* @__PURE__ */ React12.createElement("span", {
-      className: "truncate text-description"
-    }, process.params.name))));
+    }, /* @__PURE__ */ React14.createElement("span", {
+      className: "truncate text-description select-none"
+    }, process.params.name ?? process.pid.toString())), [
+      Process.State.FAILED,
+      Process.State.SUCCEEDED
+    ].includes(process.state) && /* @__PURE__ */ React14.createElement("div", {
+      className: "text-xs text-description tabular-nums"
+    }, Unit2.Millisecond(process.metrics.wallTime).toString()) || /* @__PURE__ */ React14.createElement("div", null), onProcessTerminate && /* @__PURE__ */ React14.createElement(IconButton4, {
+      classNames: "min-h-0 p-1",
+      icon: "ph--x--regular",
+      iconOnly: true,
+      variant: "ghost",
+      size: 4,
+      label: "Actions",
+      onClick: (event) => {
+        event.stopPropagation();
+        onProcessTerminate?.(process);
+      }
+    })));
   }))));
 });
 
 // src/components/TemplateEditor/TemplateEditor.tsx
 import { defaultHighlightStyle, syntaxHighlighting } from "@codemirror/language";
 import { composeRefs } from "@radix-ui/react-compose-refs";
-import React13 from "react";
+import React15 from "react";
 import { createDocAccessor } from "@dxos/echo-db";
 import { useThemeContext, useTranslation as useTranslation7 } from "@dxos/react-ui";
 import { useTextEditor } from "@dxos/react-ui-editor";
@@ -1749,8 +1845,8 @@ import { meta as meta7 } from "#meta";
 // src/components/TemplateEditor/extensions/handlebars-extension.ts
 import { autocompletion, completionKeymap } from "@codemirror/autocomplete";
 import { RangeSetBuilder } from "@codemirror/state";
-import { Decoration, ViewPlugin, WidgetType as WidgetType8, keymap as keymap2 } from "@codemirror/view";
-import { Domino as Domino8, mx as mx9 } from "@dxos/ui";
+import { Decoration, ViewPlugin, WidgetType as WidgetType7, keymap } from "@codemirror/view";
+import { Domino as Domino7, mx as mx8 } from "@dxos/ui";
 var handlebars = (_ = {}) => {
   return [
     handlebarsHighlightPlugin,
@@ -1762,7 +1858,7 @@ var handlebars = (_ = {}) => {
         handlebarsCompletions
       ]
     }),
-    keymap2.of(completionKeymap)
+    keymap.of(completionKeymap)
   ];
 };
 var regex = {
@@ -1822,7 +1918,7 @@ var handlebarsHighlightPlugin = ViewPlugin.fromClass(class {
             from: start,
             to: end,
             decoration: Decoration.mark({
-              class: mx9("dx-tag--blue", tagPadding)
+              class: mx8("dx-tag--blue", tagPadding)
             })
           });
         }
@@ -1893,7 +1989,7 @@ var handlebarsHighlightPlugin = ViewPlugin.fromClass(class {
 }, {
   decorations: (v) => v.decorations
 });
-var DXNWidget = class extends WidgetType8 {
+var DXNWidget = class extends WidgetType7 {
   _identifier;
   constructor(_identifier) {
     super(), this._identifier = _identifier;
@@ -1913,7 +2009,7 @@ var DXNWidget = class extends WidgetType8 {
       }
       return part;
     }).join(":");
-    return Domino8.of("span").classNames(mx9("font-mono dx-tag--blue", tagPadding)).text(text).root;
+    return Domino7.of("span").classNames(mx8("font-mono dx-tag--blue", tagPadding)).text(text).root;
   }
 };
 var variables = [
@@ -2007,16 +2103,16 @@ var TemplateEditor = composable3(({ classNames, id, template, lineNumbers = true
   const { t } = useTranslation7(meta7.id);
   const { themeMode } = useThemeContext();
   const { parentRef } = useTextEditor(() => {
-    const text = template.source?.target;
-    if (!text) {
+    const target = template.source?.target;
+    if (!target) {
       return {};
     }
     return {
-      initialValue: text.content ?? "",
+      initialValue: target.content ?? "",
       extensions: [
         createDataExtensions({
           id,
-          text: createDocAccessor(text, [
+          text: createDocAccessor(target, [
             "content"
           ])
         }),
@@ -2043,7 +2139,7 @@ var TemplateEditor = composable3(({ classNames, id, template, lineNumbers = true
     template.source?.target,
     lineNumbers
   ]);
-  return /* @__PURE__ */ React13.createElement("div", {
+  return /* @__PURE__ */ React15.createElement("div", {
     ...composableProps3(props, {
       role: "none",
       classNames: [
@@ -2056,21 +2152,21 @@ var TemplateEditor = composable3(({ classNames, id, template, lineNumbers = true
 });
 
 // src/components/Toolbox/Toolbox.tsx
-import React14, { Fragment, useEffect as useEffect5, useState as useState6 } from "react";
+import React16, { Fragment, useEffect as useEffect7, useState as useState8 } from "react";
+import { Operation } from "@dxos/compute";
 import { log as log2 } from "@dxos/log";
-import { Operation } from "@dxos/operation";
 import { Filter as Filter3, useQuery as useQuery3 } from "@dxos/react-client/echo";
 import { ScrollArea as ScrollArea2 } from "@dxos/react-ui";
-import { composable as composable4, composableProps as composableProps4, mx as mx10 } from "@dxos/ui-theme";
-import { ServiceType as ServiceType2 } from "#types";
+import { composable as composable4, composableProps as composableProps4, mx as mx9 } from "@dxos/ui-theme";
+import { ServiceType } from "#types";
 var __dxlog_file2 = "/__w/dxos/dxos/packages/plugins/plugin-assistant/src/components/Toolbox/Toolbox.tsx";
 var Toolbox = composable4(({ functions, services, blueprints, activeBlueprints, ...props }, forwardedRef) => {
-  return /* @__PURE__ */ React14.createElement(ScrollArea2.Root, {
+  return /* @__PURE__ */ React16.createElement(ScrollArea2.Root, {
     ...composableProps4(props),
     thin: true,
     orientation: "vertical",
     ref: forwardedRef
-  }, /* @__PURE__ */ React14.createElement(ScrollArea2.Viewport, null, blueprints && blueprints.length > 0 && /* @__PURE__ */ React14.createElement(Section, {
+  }, /* @__PURE__ */ React16.createElement(ScrollArea2.Viewport, null, blueprints && blueprints.length > 0 && /* @__PURE__ */ React16.createElement(Section, {
     title: "Blueprints",
     items: blueprints.map(({ name, description, tools }) => ({
       name,
@@ -2079,7 +2175,7 @@ var Toolbox = composable4(({ functions, services, blueprints, activeBlueprints,
         name: `\u2219 ${safeToolId(toolId)}`
       }))
     }))
-  }), activeBlueprints && activeBlueprints.length > 0 && /* @__PURE__ */ React14.createElement(Section, {
+  }), activeBlueprints && activeBlueprints.length > 0 && /* @__PURE__ */ React16.createElement(Section, {
     title: "Blueprints",
     items: activeBlueprints.map(({ target }) => ({
       name: target?.name ?? "",
@@ -2088,13 +2184,13 @@ var Toolbox = composable4(({ functions, services, blueprints, activeBlueprints,
         name: `\u2219 ${safeToolId(toolId)}`
       }))
     }))
-  }), services && services.length > 0 && /* @__PURE__ */ React14.createElement(Section, {
+  }), services && services.length > 0 && /* @__PURE__ */ React16.createElement(Section, {
     title: "Services",
     items: services.map(({ service: { serviceId, name, description } }) => ({
       name: name ?? serviceId,
       description
     }))
-  }), functions && functions.length > 0 && /* @__PURE__ */ React14.createElement(Section, {
+  }), functions && functions.length > 0 && /* @__PURE__ */ React16.createElement(Section, {
     title: "Functions",
     items: functions.map(({ name, description }) => ({
       name,
@@ -2106,47 +2202,42 @@ Toolbox.displayName = "Toolbox";
 var Section = ({ title, items, striped }) => {
   const stripeClassNames = "odd:bg-neutral-50 dark:odd:bg-neutral-800";
   const gridClassNames = "grid grid-cols-[8rem_1fr]";
-  const subGridClassNames = mx10("col-span-full grid grid-cols-subgrid text-xs px-2", striped && stripeClassNames);
-  return /* @__PURE__ */ React14.createElement("div", null, /* @__PURE__ */ React14.createElement("h1", {
+  const subGridClassNames = mx9("col-span-full grid grid-cols-subgrid text-xs px-2", striped && stripeClassNames);
+  return /* @__PURE__ */ React16.createElement("div", null, /* @__PURE__ */ React16.createElement("h1", {
     className: "px-2 text-sm"
-  }, title), /* @__PURE__ */ React14.createElement("div", {
+  }, title), /* @__PURE__ */ React16.createElement("div", {
     className: gridClassNames
-  }, items.map(({ name, description, subitems }, i) => /* @__PURE__ */ React14.createElement(Fragment, {
+  }, items.map(({ name, description, subitems }, i) => /* @__PURE__ */ React16.createElement(Fragment, {
     key: i
-  }, name && /* @__PURE__ */ React14.createElement("div", {
+  }, name && /* @__PURE__ */ React16.createElement("div", {
     className: subGridClassNames
-  }, /* @__PURE__ */ React14.createElement("div", {
+  }, /* @__PURE__ */ React16.createElement("div", {
     className: "truncate text-primary-500"
-  }, name), /* @__PURE__ */ React14.createElement("div", {
+  }, name), /* @__PURE__ */ React16.createElement("div", {
     className: "line-clamp-2"
-  }, description)), subitems?.map(({ name: name2, description: description2 }, i2) => /* @__PURE__ */ React14.createElement("div", {
+  }, description)), subitems?.map(({ name: name2, description: description2 }, i2) => /* @__PURE__ */ React16.createElement("div", {
     key: i2,
-    className: mx10(subGridClassNames, striped && stripeClassNames)
-  }, /* @__PURE__ */ React14.createElement("div", {
+    className: mx9(subGridClassNames, striped && stripeClassNames)
+  }, /* @__PURE__ */ React16.createElement("div", {
     className: "truncate"
-  }, name2), /* @__PURE__ */ React14.createElement("div", {
+  }, name2), /* @__PURE__ */ React16.createElement("div", {
     className: "line-clamp-3 text-subdued"
   }, description2)))))));
 };
 var ToolboxPanel = ({ classNames, db, processor }) => {
-  const services = useQuery3(db, Filter3.type(ServiceType2));
-  const [serviceTools, setServiceTools] = useState6([]);
-  useEffect5(() => {
+  const services = useQuery3(db, Filter3.type(ServiceType));
+  const [serviceTools, setServiceTools] = useState8([]);
+  useEffect7(() => {
     log2("creating service tools...", {
       services: services.length
-    }, {
-      F: __dxlog_file2,
-      L: 122,
-      S: void 0,
-      C: (f, a) => f(...a)
-    });
+    }, { "~LogMeta": "~LogMeta", F: __dxlog_file2, L: 80, S: void 0 });
     queueMicrotask(async () => {
     });
   }, [
     services
   ]);
   const functions = useQuery3(db, Filter3.type(Operation.PersistentOperation));
-  return /* @__PURE__ */ React14.createElement(Toolbox, {
+  return /* @__PURE__ */ React16.createElement(Toolbox, {
     classNames,
     blueprints: processor?.context.getBlueprints(),
     services: serviceTools,
@@ -2158,28 +2249,28 @@ var safeToolId = (name) => {
 };
 
 // src/components/index.ts
-var AssistantSettings = lazy(() => import("./AssistantSettings-7QMO3LGF.mjs"));
+var AssistantSettings = lazy(() => import("./AssistantSettings-GG52BLKS.mjs"));
 
 // src/hooks/useBlueprintRegistry.ts
-import { useCallback as useCallback5, useEffect as useEffect6, useMemo as useMemo5, useState as useState7 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect8, useMemo as useMemo6, useState as useState9 } from "react";
 import { useCapabilities } from "@dxos/app-framework/ui";
 import { AppCapabilities } from "@dxos/app-toolkit";
-import { Blueprint } from "@dxos/blueprints";
+import { Blueprint } from "@dxos/compute";
 import { Filter as Filter4, Obj as Obj4, Ref } from "@dxos/echo";
 import { useQuery as useQuery4 } from "@dxos/react-client/echo";
 import { distinctBy } from "@dxos/util";
 var useBlueprintRegistry = () => {
   const blueprintDefinitions = useCapabilities(AppCapabilities.BlueprintDefinition);
-  return useMemo5(() => new Blueprint.Registry(blueprintDefinitions.map((blueprint) => blueprint.make())), [
+  return useMemo6(() => new Blueprint.Registry(blueprintDefinitions.map((blueprint) => blueprint.make())), [
     blueprintDefinitions
   ]);
 };
 var useBlueprints2 = ({ blueprintRegistry, db }) => {
-  const staticBlueprints = useMemo5(() => blueprintRegistry?.query() ?? [], [
+  const staticBlueprints = useMemo6(() => blueprintRegistry?.query() ?? [], [
     blueprintRegistry
   ]);
   const spaceBlueprints = useQuery4(db, Filter4.type(Blueprint.Blueprint));
-  return useMemo5(() => {
+  return useMemo6(() => {
     const blueprints = distinctBy([
       ...staticBlueprints,
       ...spaceBlueprints
@@ -2192,8 +2283,8 @@ var useBlueprints2 = ({ blueprintRegistry, db }) => {
   ]);
 };
 var useActiveBlueprints2 = ({ context }) => {
-  const [active, setActive] = useState7(/* @__PURE__ */ new Map());
-  useEffect6(() => {
+  const [active, setActive] = useState9(/* @__PURE__ */ new Map());
+  useEffect8(() => {
     if (!context) {
       setActive(/* @__PURE__ */ new Map());
       return;
@@ -2213,7 +2304,7 @@ var useActiveBlueprints2 = ({ context }) => {
   return active;
 };
 var useBlueprintHandlers2 = ({ db, context, blueprintRegistry }) => {
-  const onUpdateBlueprint = useCallback5(async (key, checked) => {
+  const onUpdateBlueprint = useCallback6(async (key, checked) => {
     if (!context || !blueprintRegistry) {
       return;
     }
@@ -2249,10 +2340,58 @@ var useBlueprintHandlers2 = ({ db, context, blueprintRegistry }) => {
   };
 };
 
+// src/hooks/useChatKeymap.ts
+import { Prec } from "@codemirror/state";
+import { keymap as keymap2 } from "@codemirror/view";
+import { useMemo as useMemo7 } from "react";
+import { isTruthy } from "@dxos/util";
+var useChatKeymapExtensions3 = ({ event }) => {
+  return useMemo7(() => {
+    return [
+      Prec.highest(keymap2.of([
+        {
+          key: "Mod-ArrowUp",
+          preventDefault: true,
+          run: () => {
+            event.emit({
+              type: "nav-previous"
+            });
+            return true;
+          },
+          shift: () => {
+            event.emit({
+              type: "thread-open"
+            });
+            return true;
+          }
+        },
+        {
+          key: "Mod-ArrowDown",
+          preventDefault: true,
+          run: () => {
+            event.emit({
+              type: "nav-next"
+            });
+            return true;
+          },
+          shift: () => {
+            event.emit({
+              type: "thread-close"
+            });
+            return true;
+          }
+        }
+      ]))
+    ].filter(isTruthy);
+  }, [
+    event
+  ]);
+};
+
 // src/hooks/useChatProcessor.ts
 import { RegistryContext } from "@effect-atom/atom-react";
 import * as Effect2 from "effect/Effect";
-import { useContext, useMemo as useMemo6, useState as useState8 } from "react";
+import { useContext, useMemo as useMemo8, useState as useState10 } from "react";
 import { AiSession } from "@dxos/assistant";
 import { Ref as Ref2 } from "@dxos/echo";
 import { createFeedServiceLayer } from "@dxos/echo-db";
@@ -2317,15 +2456,16 @@ var AiServicePresets = [
 import { Atom, Registry } from "@effect-atom/atom-react";
 import * as Effect from "effect/Effect";
 import * as Fiber from "effect/Fiber";
-import * as Option4 from "effect/Option";
+import * as Option6 from "effect/Option";
 import * as Stream from "effect/Stream";
 import { DEFAULT_EDGE_MODEL } from "@dxos/ai";
-import { AiContextService, createSystemPrompt, formatSystemPrompt, AgentService, PartialBlock, ToolExecutionServices } from "@dxos/assistant";
+import { AiContextService, createSystemPrompt, formatSystemPrompt, PartialBlock, ToolExecutionServices } from "@dxos/assistant";
+import { Trace } from "@dxos/compute";
+import { Operation as Operation2 } from "@dxos/compute";
 import { Obj as Obj5 } from "@dxos/echo";
 import { runAndForwardErrors, unwrapExit } from "@dxos/effect";
-import { Trace } from "@dxos/functions";
+import { AgentService } from "@dxos/functions-runtime";
 import { log as log3 } from "@dxos/log";
-import { Operation as Operation2 } from "@dxos/operation";
 import { Message as Message2 } from "@dxos/types";
 var __dxlog_file3 = "/__w/dxos/dxos/packages/plugins/plugin-assistant/src/processor/processor.ts";
 var defaultOptions2 = {
@@ -2358,7 +2498,7 @@ var AiChatProcessor = class {
     ...get(this.#streaming)
   ]);
   /** Last error. */
-  error = Atom.make(Option4.none());
+  error = Atom.make(Option6.none());
   constructor(_conversation, _runtime, _feed, _options = defaultOptions2) {
     this._conversation = _conversation;
     this._runtime = _runtime;
@@ -2407,18 +2547,13 @@ var AiChatProcessor = class {
     }
     try {
       this.#lastRequest = requestProp;
-      this.#registry.set(this.error, Option4.none());
+      this.#registry.set(this.error, Option6.none());
       this.#registry.set(this.active, true);
       const effect = Effect.gen(this, function* () {
         log3.info("init agent session", {
           feed: Obj5.getDXN(this._feed).toString(),
           model: this._options.model
-        }, {
-          F: __dxlog_file3,
-          L: 166,
-          S: this,
-          C: (f, a) => f(...a)
-        });
+        }, { "~LogMeta": "~LogMeta", F: __dxlog_file3, L: 95, S: this });
         const session = yield* AgentService.getSession(this._feed, {
           model: this._options.model
         });
@@ -2432,26 +2567,11 @@ var AiChatProcessor = class {
         })), Effect.fork);
         log3("chat processor submitting prompt", {
           length: requestProp.message.length
-        }, {
-          F: __dxlog_file3,
-          L: 182,
-          S: this,
-          C: (f, a) => f(...a)
-        });
+        }, { "~LogMeta": "~LogMeta", F: __dxlog_file3, L: 110, S: this });
         yield* session.submitPrompt(requestProp.message);
-        log3("chat processor submitPrompt returned, waiting for agent", {}, {
-          F: __dxlog_file3,
-          L: 184,
-          S: this,
-          C: (f, a) => f(...a)
-        });
+        log3("chat processor submitPrompt returned, waiting for agent", {}, { "~LogMeta": "~LogMeta", F: __dxlog_file3, L: 114, S: this });
         yield* session.waitForCompletion();
-        log3.info("session complete", void 0, {
-          F: __dxlog_file3,
-          L: 186,
-          S: this,
-          C: (f, a) => f(...a)
-        });
+        log3.info("session complete", void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file3, L: 116, S: this });
         this.#flushStreaming();
         yield* this.#maybeUpdateChatName();
       });
@@ -2464,28 +2584,18 @@ var AiChatProcessor = class {
         }
         throw err;
       }
-      this.#registry.set(this.error, Option4.none());
+      this.#registry.set(this.error, Option6.none());
       this.#lastRequest = void 0;
       this.#requestFiber = void 0;
     } catch (err) {
       log3.error("request failed", {
         error: err
-      }, {
-        F: __dxlog_file3,
-        L: 208,
-        S: this,
-        C: (f, a) => f(...a)
-      });
-      this.#registry.set(this.error, Option4.some(new Error("AI service error", {
+      }, { "~LogMeta": "~LogMeta", F: __dxlog_file3, L: 133, S: this });
+      this.#registry.set(this.error, Option6.some(new Error("AI service error", {
         cause: err
       })));
     } finally {
-      log3.info("setting active to false", void 0, {
-        F: __dxlog_file3,
-        L: 211,
-        S: this,
-        C: (f, a) => f(...a)
-      });
+      log3.info("setting active to false", void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file3, L: 140, S: this });
       this.#registry.set(this.active, false);
       this.#requestFiber = void 0;
     }
@@ -2599,12 +2709,7 @@ var AiChatProcessor = class {
     log3.info("scheduling chat name update", {
       hasName: !!chat.name,
       chance
-    }, {
-      F: __dxlog_file3,
-      L: 318,
-      S: this,
-      C: (f, a) => f(...a)
-    });
+    }, { "~LogMeta": "~LogMeta", F: __dxlog_file3, L: 246, S: this });
     return Operation2.schedule(UpdateChatName, {
       chat
     });
@@ -2615,7 +2720,7 @@ var AiChatProcessor = class {
 var __dxlog_file4 = "/__w/dxos/dxos/packages/plugins/plugin-assistant/src/hooks/useChatProcessor.ts";
 var useChatProcessor = ({ space, chat, preset, runtime: runtime3, blueprintRegistry, settings }) => {
   const observableRegistry = useContext(RegistryContext);
-  const [session, setSession] = useState8();
+  const [session, setSession] = useState10();
   useAsyncEffect(async () => {
     if (!space || !chat) {
       return;
@@ -2642,7 +2747,7 @@ var useChatProcessor = ({ space, chat, preset, runtime: runtime3, blueprintRegis
     chat?.feed.target
   ]);
   const feed = chat?.feed.target;
-  const processor = useMemo6(() => {
+  const processor = useMemo8(() => {
     if (!runtime3 || !session || !chat || !feed) {
       return void 0;
     }
@@ -2650,12 +2755,7 @@ var useChatProcessor = ({ space, chat, preset, runtime: runtime3, blueprintRegis
       preset,
       model: preset?.model,
       settings
-    }, {
-      F: __dxlog_file4,
-      L: 80,
-      S: void 0,
-      C: (f, a) => f(...a)
-    });
+    }, { "~LogMeta": "~LogMeta", F: __dxlog_file4, L: 49, S: void 0 });
     return new AiChatProcessor(session, runtime3, feed, {
       chat: chat ? Ref2.make(chat) : void 0,
       observableRegistry,
@@ -2673,7 +2773,7 @@ var useChatProcessor = ({ space, chat, preset, runtime: runtime3, blueprintRegis
 };
 
 // src/hooks/useChatServices.ts
-import { useMemo as useMemo7 } from "react";
+import { useMemo as useMemo9 } from "react";
 import { useCapability } from "@dxos/app-framework/ui";
 import { getPersonalSpace } from "@dxos/app-toolkit";
 import { AutomationCapabilities } from "@dxos/plugin-automation/types";
@@ -2682,7 +2782,7 @@ var useChatServices = ({ id }) => {
   const client = useClient();
   id ??= getPersonalSpace(client)?.id;
   const runtimeResolver = useCapability(AutomationCapabilities.ComputeRuntime);
-  return useMemo7(() => !id ? void 0 : runtimeResolver.getRuntime(id), [
+  return useMemo9(() => !id ? void 0 : runtimeResolver.getRuntime(id), [
     id
   ]);
 };
@@ -2690,7 +2790,7 @@ var useChatServices = ({ id }) => {
 // src/hooks/useChatToolbarActions.ts
 import { Atom as Atom2 } from "@effect-atom/atom-react";
 import * as Effect3 from "effect/Effect";
-import { useMemo as useMemo8 } from "react";
+import { useMemo as useMemo10 } from "react";
 import { useOperationInvoker } from "@dxos/app-framework/ui";
 import { Chat as Chat2 } from "@dxos/assistant-toolkit";
 import { Filter as Filter5, Obj as Obj6, Query } from "@dxos/echo";
@@ -2707,7 +2807,7 @@ var useChatToolbarActions2 = ({ chat, companionTo }) => {
   const { db } = useChatContext2("useChatToolbarActions");
   const query = companionTo ? Query.select(Filter5.id(companionTo.id)).targetOf(Chat2.CompanionTo).source() : Query.select(Filter5.nothing());
   const chats = useQuery5(db, query);
-  return useMenuActions(useMemo8(() => {
+  return useMenuActions(useMemo10(() => {
     return Atom2.make(() => {
       const builder = MenuBuilder.make().root({
         label: [
@@ -2727,15 +2827,7 @@ var useChatToolbarActions2 = ({ chat, companionTo }) => {
         type: "new",
         disabled: !companionTo
       }, () => {
-        invariant(companionTo, void 0, {
-          F: __dxlog_file5,
-          L: 53,
-          S: void 0,
-          A: [
-            "companionTo",
-            ""
-          ]
-        });
+        invariant(companionTo, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file5, L: 44, S: void 0, A: ["companionTo", ""] });
         return invoke(AssistantOperation.SetCurrentChat, {
           companionTo,
           chat: void 0
@@ -2751,15 +2843,7 @@ var useChatToolbarActions2 = ({ chat, companionTo }) => {
         type: "rename",
         disabled: !chat
       }, () => Effect3.gen(function* () {
-        invariant(chat, void 0, {
-          F: __dxlog_file5,
-          L: 70,
-          S: this,
-          A: [
-            "chat",
-            ""
-          ]
-        });
+        invariant(chat, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file5, L: 60, S: this, A: ["chat", ""] });
         yield* invoke(AssistantOperation.UpdateChatName, {
           chat
         });
@@ -2796,15 +2880,7 @@ var useChatToolbarActions2 = ({ chat, companionTo }) => {
                 }
               ]
             }, () => Effect3.gen(function* () {
-              invariant(companionTo, void 0, {
-                F: __dxlog_file5,
-                L: 106,
-                S: this,
-                A: [
-                  "companionTo",
-                  ""
-                ]
-              });
+              invariant(companionTo, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file5, L: 97, S: this, A: ["companionTo", ""] });
               yield* invoke(AssistantOperation.SetCurrentChat, {
                 companionTo,
                 chat: chat2
@@ -2827,14 +2903,14 @@ var useChatToolbarActions2 = ({ chat, companionTo }) => {
 // src/hooks/useContextBinder.ts
 import { RegistryContext as RegistryContext2 } from "@effect-atom/atom-react";
 import * as Effect4 from "effect/Effect";
-import { useContext as useContext2, useState as useState9 } from "react";
+import { useContext as useContext2, useState as useState11 } from "react";
 import { AiContextBinder } from "@dxos/assistant";
 import { createFeedServiceLayer as createFeedServiceLayer2 } from "@dxos/echo-db";
 import { runAndForwardErrors as runAndForwardErrors4 } from "@dxos/effect";
 import { useAsyncEffect as useAsyncEffect2 } from "@dxos/react-ui";
 var useContextBinder = (space, feed) => {
   const registry = useContext2(RegistryContext2);
-  const [binder, setBinder] = useState9();
+  const [binder, setBinder] = useState11();
   useAsyncEffect2(async () => {
     setBinder(void 0);
     if (!space || !feed) {
@@ -2860,12 +2936,12 @@ var useContextBinder = (space, feed) => {
 };
 
 // src/hooks/useContextObjects.ts
-import { Atom as Atom3, useAtomValue as useAtomValue2 } from "@effect-atom/atom-react";
-import { useCallback as useCallback6 } from "react";
+import { Atom as Atom3, useAtomValue as useAtomValue3 } from "@effect-atom/atom-react";
+import { useCallback as useCallback7 } from "react";
 var emptyObjectsAtom = Atom3.make([]);
 var useContextObjects3 = ({ db, context }) => {
-  const objects = useAtomValue2(context?.objects ?? emptyObjectsAtom);
-  const handleUpdateObject = useCallback6(async (dxn, checked) => {
+  const objects = useAtomValue3(context?.objects ?? emptyObjectsAtom);
+  const handleUpdateObject = useCallback7(async (dxn, checked) => {
     if (!db || !context) {
       return;
     }
@@ -2894,13 +2970,43 @@ var useContextObjects3 = ({ db, context }) => {
   };
 };
 
+// src/hooks/useDebug.ts
+import { useCallback as useCallback8 } from "react";
+import { trim } from "@dxos/util";
+var useDebug2 = ({ processor }) => {
+  return useCallback8(async () => {
+    const objects = processor.context.getObjects();
+    const blueprints = processor.context.getBlueprints();
+    const system = await processor.getSystemPrompt();
+    const tools = await processor.getTools() ?? {};
+    console.group("Chat", {
+      objects,
+      blueprints
+    });
+    try {
+      console.log(trim`
+        System Prompt:
+        ${system}
+      `);
+      console.log(trim`
+        Tools:
+        ${Object.values(tools).map((tool) => JSON.stringify(tool, null, 2)).join("\n")}
+      `);
+    } finally {
+      console.groupEnd();
+    }
+  }, [
+    processor
+  ]);
+};
+
 // src/hooks/useFilteredTypes.ts
-import * as Option5 from "effect/Option";
-import { useEffect as useEffect7, useState as useState10 } from "react";
+import * as Option7 from "effect/Option";
+import { useEffect as useEffect9, useState as useState12 } from "react";
 import { EntityKind, SystemTypeAnnotation, getTypeAnnotation } from "@dxos/echo/internal";
 var useFilteredTypes2 = (db) => {
-  const [types, setTypes] = useState10([]);
-  useEffect7(() => {
+  const [types, setTypes] = useState12([]);
+  useEffect9(() => {
     if (!db) {
       return;
     }
@@ -2910,7 +3016,7 @@ var useFilteredTypes2 = (db) => {
         "runtime"
       ]
     }).subscribe((query) => {
-      const types2 = Array.from(new Set(query.results.filter((schema) => getTypeAnnotation(schema)?.kind !== EntityKind.Relation).filter((schema) => !SystemTypeAnnotation.get(schema).pipe(Option5.getOrElse(() => false)))));
+      const types2 = Array.from(new Set(query.results.filter((schema) => getTypeAnnotation(schema)?.kind !== EntityKind.Relation).filter((schema) => !SystemTypeAnnotation.get(schema).pipe(Option7.getOrElse(() => false)))));
       setTypes(types2);
     }, {
       fire: true
@@ -2922,11 +3028,11 @@ var useFilteredTypes2 = (db) => {
 };
 
 // src/hooks/useFlush.ts
-import { useCallback as useCallback7, useRef as useRef3, useState as useState11 } from "react";
+import { useCallback as useCallback9, useRef as useRef4, useState as useState13 } from "react";
 var useFlush = (space) => {
-  const [state, setState] = useState11("idle");
-  const resetTimer = useRef3(null);
-  const handleFlush = useCallback7(() => {
+  const [state, setState] = useState13("idle");
+  const resetTimer = useRef4(null);
+  const handleFlush = useCallback9(() => {
     if (!space) {
       return;
     }
@@ -2952,9 +3058,9 @@ var useFlush = (space) => {
 };
 
 // src/hooks/useOnline.ts
-import { useState as useState12 } from "react";
+import { useState as useState14 } from "react";
 var useOnline = () => {
-  const [online, setOnline] = useState12(true);
+  const [online, setOnline] = useState14(true);
   return [
     online,
     setOnline
@@ -2962,24 +3068,24 @@ var useOnline = () => {
 };
 
 // src/hooks/usePresets.ts
-import { useCallback as useCallback8, useEffect as useEffect8, useMemo as useMemo9, useState as useState13 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect10, useMemo as useMemo11, useState as useState15 } from "react";
 var usePresets = (online) => {
-  const [preset, setPreset] = useState13();
-  const presets = useMemo9(() => AiServicePresets.filter((preset2) => online === (preset2.provider === "dxos-remote")), [
+  const [preset, setPreset] = useState15();
+  const presets = useMemo11(() => AiServicePresets.filter((preset2) => online === (preset2.provider === "dxos-remote")), [
     online
   ]);
-  const presetOptions = useMemo9(() => presets.map(({ id, model, label }) => ({
+  const presetOptions = useMemo11(() => presets.map(({ id, model, label }) => ({
     id,
     label: label ?? model
   })), [
     presets
   ]);
-  useEffect8(() => {
+  useEffect10(() => {
     setPreset(presets[0]);
   }, [
     presets
   ]);
-  const handlePresetChange = useCallback8((id) => {
+  const handlePresetChange = useCallback10((id) => {
     const preset2 = presets.find((preset3) => preset3.id === id);
     if (preset2) {
       setPreset(preset2);
@@ -2995,10 +3101,10 @@ var usePresets = (online) => {
 };
 
 // src/hooks/useReferencesProvider.ts
-import { useMemo as useMemo10 } from "react";
+import { useMemo as useMemo12 } from "react";
 import { Filter as Filter6, Obj as Obj7 } from "@dxos/echo";
 var useReferencesProvider = (space) => {
-  return useMemo10(() => {
+  return useMemo12(() => {
     if (!space) {
       return void 0;
     }
@@ -3043,214 +3149,41 @@ var meta9 = {
 var ASSISTANT_DIALOG = `${meta9.id}.assistant.dialog`;
 var ASSISTANT_COMPANION_VARIANT = "assistant-chat";
 
-// src/translations.ts
-import { Chat as Chat3, Agent, McpServer as McpServer2 } from "@dxos/assistant-toolkit";
-import { Blueprint as Blueprint2, Prompt } from "@dxos/blueprints";
-import { Sequence } from "@dxos/conductor";
-import { Type as Type2 } from "@dxos/echo";
-import { translations as componentsTranslations } from "@dxos/react-ui-components";
-import { translations as formTranslations } from "@dxos/react-ui-form";
-import { meta as meta10 } from "#meta";
-var translations = [
-  ...componentsTranslations,
-  ...formTranslations,
-  {
-    "en-US": {
-      // TODO(burdon): From assistant.
-      [Blueprint2.Blueprint.typename]: {
-        "typename.label": "Blueprint",
-        "typename.label_zero": "Blueprints",
-        "typename.label_one": "Blueprint",
-        "typename.label_other": "Blueprints",
-        "object-name.placeholder": "New blueprint",
-        "add-object.label": "Add blueprint",
-        "rename-object.label": "Rename blueprint",
-        "delete-object.label": "Delete blueprint",
-        "object-deleted.label": "Blueprint deleted"
-      },
-      [Type2.getTypename(Prompt.Prompt)]: {
-        "typename.label": "Prompt",
-        "typename.label_zero": "Prompts",
-        "typename.label_one": "Prompt",
-        "typename.label_other": "Prompts",
-        "object-name.placeholder": "New prompt",
-        "add-object.label": "Add prompt",
-        "rename-object.label": "Rename prompt",
-        "delete-object.label": "Delete prompt",
-        "object-deleted.label": "Prompt deleted"
-      },
-      // TODO(burdon): From conductor.
-      [Sequence.typename]: {
-        "typename.label": "Sequence",
-        "typename.label_zero": "Sequences",
-        "typename.label_one": "Sequence",
-        "typename.label_other": "Sequences",
-        "object-name.placeholder": "New sequence",
-        "add-object.label": "Add sequence",
-        "rename-object.label": "Rename sequence",
-        "delete-object.label": "Delete sequence",
-        "object-deleted.label": "Sequence deleted"
-      },
-      [Chat3.Chat.typename]: {
-        "typename.label": "AI Chat",
-        "object-name.placeholder": "New AI Chat",
-        "add-object.label": "Add AI chat",
-        "rename-object.label": "Rename AI Chat",
-        "delete-object.label": "Delete AI Chat",
-        "object-deleted.label": "AI Chat deleted"
-      },
-      [McpServer2.McpServer.typename]: {
-        "typename.label": "MCP Server",
-        "typename.label_zero": "MCP Servers",
-        "typename.label_one": "MCP Server",
-        "typename.label_other": "MCP Servers"
-      },
-      [Agent.Agent.typename]: {
-        "typename.label": "Agent",
-        "typename.label_zero": "Agents",
-        "typename.label_one": "Agent",
-        "typename.label_other": "Agents",
-        "object-name.placeholder": "New agent",
-        "add-object.label": "Add agent",
-        "rename-object.label": "Rename agent",
-        "delete-object.label": "Delete agent",
-        "object-deleted.label": "Agent deleted"
-      },
-      // TODO(burdon): Reconcile with react-ui-chat.
-      [meta10.id]: {
-        "templates.label": "Templates",
-        "open-ambient-chat.label": "Open Assistant",
-        "assistant-chat.label": "Assistant",
-        "plugin.name": "Assistant",
-        "settings.title": "Assistant settings",
-        "object.placeholder": "New prompt",
-        "create-object.label": "Create prompt",
-        "create-trigger.label": "Create trigger",
-        "create-stack-section.label": "Create prompt",
-        "command.placeholder": "Enter slash command...",
-        "template.placeholder": "Enter template...",
-        "value.placeholder": "Enter value...",
-        "prompt-rules.label": "Prompt Rules",
-        "typename.placeholder": "Enter typename of objects which this template is for",
-        "description.placeholder": "Enter description of when this template should be used",
-        "select-preset-template.placeholder": "Select preset",
-        "service-registry.label": "Service Registry",
-        "type-filter.placeholder": "Type",
-        "any-type-filter.label": "Any",
-        "no-blueprint.message": "No active blueprints",
-        "tool-call.label": "Calling",
-        "tool-result.label": "Success",
-        "tool-error.label": "Tool call failed",
-        "invocations.label": "Invocations",
-        "trace.label": "Trace",
-        "assistant-dialog.title": "Assistant",
-        "open-assistant.label": "Open assistant",
-        "reset-blueprints.label": "Reset blueprints",
-        "no-results.message": "No results",
-        "cancel.button": "Cancel",
-        "save.button": "Save",
-        "new-thread.button": "New Chat",
-        "rename-thread.button": "Rename Chat",
-        "chat-history.label": "Chat History",
-        "chat-update-name.label": "Update AI Chat name",
-        "toolkit.label": "Toolkit",
-        "stats.label": "Stats",
-        "summary.label": "Summary",
-        "thinking.label": "Thinking",
-        "search.placeholder": "Search...",
-        "prompt.placeholder": "Enter question or command...",
-        "context-objects.button": "Add to context",
-        "context-settings.button": "Chat settings",
-        "microphone.button": "Click to speak",
-        "cancel-processing.button": "Stop processing",
-        "blueprints-in-context.title": "Blueprints",
-        "objects-in-context.title": "Content",
-        "remove-object-in-context.label": "Remove document",
-        "chat-model.title": "Models",
-        "mcp-servers.title": "MCP",
-        "mcp-server-add.label": "Add MCP server",
-        "mcp-server-remove.label": "Remove MCP server",
-        "mcp-server-name.label": "Server name",
-        "mcp-server-name.placeholder": "Name",
-        "mcp-server-url.label": "Server URL",
-        "mcp-server-url.placeholder": "https://...",
-        "mcp-server-protocol.label": "Protocol",
-        "mcp-server-api-key.label": "API key",
-        "mcp-server-api-key.placeholder": "API key (optional)",
-        "debug.button": "Debug",
-        "online-switch.label": "Online",
-        "run-prompt.label": "Run prompt",
-        "typename.label": "Typename",
-        "branch-thread.menu": "Branch chat",
-        "chat-toolbar.title": "Chat toolbar",
-        "settings.default.label": "Default",
-        "settings.custom-prompts.label": "Use custom prompts",
-        "settings.custom-prompts.description": "Allow the assistant to use custom prompts defined in your spaces.",
-        "settings.llm-provider.label": "LLM provider",
-        "settings.llm-provider.description": "Select which language model service to use for AI responses.",
-        "settings.edge-llm-model.label": "Remote language model",
-        "settings.edge-llm-model.description": "Choose the remote language model used for AI requests.",
-        "settings.ollama-llm-model.label": "Ollama language model",
-        "settings.ollama-llm-model.description": "Choose the locally hosted Ollama model for AI requests.",
-        "settings.default-llm-model.label": "Default language model",
-        // Trigger status
-        "trigger-status-disabled.label": "Triggers disabled",
-        "trigger-status-idle.label": "Triggers idle",
-        "trigger-status-edge.label": "Triggers will run on EDGE",
-        "trigger-status-running.label": "Trigger running",
-        "trigger-status-error.label": "Trigger error",
-        "trigger-runtime.label": "Auto trigger execution",
-        "trigger-last-invocation.label": "Last run",
-        "trigger-duration.label": "Duration",
-        // AgentArticle.
-        "project-empty-spec.message": "Open the Properties companion to configure the agent.",
-        "project-empty-spec.description": "Open the Assistant companion to interact with the agent.",
-        "artifacts.label": "Artifacts",
-        "input-queue.label": "Inputs",
-        // AgentProperties.
-        "instructions.label": "Instructions",
-        "instructions.placeholder": "Enter instructions, goals, and constraints for the assistant.",
-        "reset-history.button": "Reset",
-        "subscriptions.label": "Subscriptions"
-      }
-    }
-  }
-];
-
 // src/AssistantPlugin.tsx
 import * as Effect5 from "effect/Effect";
-import * as Option6 from "effect/Option";
+import * as Option8 from "effect/Option";
 import { ActivationEvent, ActivationEvents, Capability, Plugin } from "@dxos/app-framework";
 import { AppActivationEvents, AppPlugin } from "@dxos/app-toolkit";
 import { ContextBinding } from "@dxos/assistant";
-import { Agent as Agent2, AgentBlueprint, Chat as Chat4, McpServer as McpServer3, Memory, Plan, ResearchGraph } from "@dxos/assistant-toolkit";
-import { Blueprint as Blueprint3, Prompt as Prompt2 } from "@dxos/blueprints";
-import { Sequence as Sequence2 } from "@dxos/conductor";
-import { Annotation as Annotation3, Feed, Obj as Obj8, Type as Type3 } from "@dxos/echo";
-import { Operation as Operation3 } from "@dxos/operation";
+import { Agent, AgentBlueprint, Chat as Chat3, McpServer as McpServer2, Memory, Plan } from "@dxos/assistant-toolkit";
+import { Blueprint as Blueprint2, Routine } from "@dxos/compute";
+import { Operation as Operation3 } from "@dxos/compute";
+import { Sequence } from "@dxos/conductor";
+import { Annotation as Annotation3, Feed, Obj as Obj8, Type as Type2 } from "@dxos/echo";
 import { AutomationCapabilities as AutomationCapabilities2 } from "@dxos/plugin-automation/types";
 import { ClientEvents } from "@dxos/plugin-client/types";
 import { DeckEvents } from "@dxos/plugin-deck/types";
-import { MarkdownEvents } from "@dxos/plugin-markdown";
+import { MarkdownEvents } from "@dxos/plugin-markdown/types";
 import { SpaceOperation } from "@dxos/plugin-space/operations";
 import { SpaceCapabilities, SpaceEvents } from "@dxos/plugin-space/types";
 import { Text } from "@dxos/schema";
 import { HasSubject, Message as Message3 } from "@dxos/types";
 import { AiService, AppGraphBuilder, AssistantState, BlueprintDefinition, CompanionChatProvisioner, EdgeModelResolver, LocalModelResolver, MarkdownExtension, Migrations, OperationHandler, ReactSurface, Settings, Toolkit } from "#capabilities";
-import { meta as meta11 } from "#meta";
+import { meta as meta10 } from "#meta";
 import { AssistantOperation as AssistantOperation2 } from "#operations";
-import { AssistantEvents as AssistantEvents2 } from "#types";
-var AssistantPlugin = Plugin.define(meta11).pipe(AppPlugin.addAppGraphModule({
+import { translations } from "#translations";
+import { AssistantEvents } from "#types";
+var AssistantPlugin = Plugin.define(meta10).pipe(AppPlugin.addAppGraphModule({
   activate: AppGraphBuilder
 }), AppPlugin.addBlueprintDefinitionModule({
   activate: BlueprintDefinition
 }), AppPlugin.addMetadataModule({
   metadata: [
     {
-      id: Type3.getTypename(Chat4.Chat),
+      id: Type2.getTypename(Chat3.Chat),
       metadata: {
-        icon: Annotation3.IconAnnotation.get(Chat4.Chat).pipe(Option6.getOrThrow).icon,
-        iconHue: Annotation3.IconAnnotation.get(Chat4.Chat).pipe(Option6.getOrThrow).hue ?? "white",
+        icon: Annotation3.IconAnnotation.get(Chat3.Chat).pipe(Option8.getOrThrow).icon,
+        iconHue: Annotation3.IconAnnotation.get(Chat3.Chat).pipe(Option8.getOrThrow).hue ?? "white",
         createObject: (props, options) => Effect5.gen(function* () {
           const { object } = yield* Operation3.invoke(AssistantOperation2.CreateChat, {
             db: options.db,
@@ -3266,13 +3199,13 @@ var AssistantPlugin = Plugin.define(meta11).pipe(AppPlugin.addAppGraphModule({
       }
     },
     {
-      id: Type3.getTypename(Blueprint3.Blueprint),
+      id: Type2.getTypename(Blueprint2.Blueprint),
       metadata: {
-        icon: Annotation3.IconAnnotation.get(Blueprint3.Blueprint).pipe(Option6.getOrThrow).icon,
-        iconHue: Annotation3.IconAnnotation.get(Blueprint3.Blueprint).pipe(Option6.getOrThrow).hue ?? "white",
+        icon: Annotation3.IconAnnotation.get(Blueprint2.Blueprint).pipe(Option8.getOrThrow).icon,
+        iconHue: Annotation3.IconAnnotation.get(Blueprint2.Blueprint).pipe(Option8.getOrThrow).hue ?? "white",
         inputSchema: AssistantOperation2.BlueprintForm,
         createObject: (props, options) => Effect5.gen(function* () {
-          const object = Blueprint3.make(props);
+          const object = Blueprint2.make(props);
           return yield* Operation3.invoke(SpaceOperation.AddObject, {
             object,
             target: options.target,
@@ -3283,12 +3216,12 @@ var AssistantPlugin = Plugin.define(meta11).pipe(AppPlugin.addAppGraphModule({
       }
     },
     {
-      id: Type3.getTypename(Prompt2.Prompt),
+      id: Type2.getTypename(Routine.Routine),
       metadata: {
-        icon: Annotation3.IconAnnotation.get(Prompt2.Prompt).pipe(Option6.getOrThrow).icon,
-        iconHue: Annotation3.IconAnnotation.get(Prompt2.Prompt).pipe(Option6.getOrThrow).hue ?? "white",
+        icon: Annotation3.IconAnnotation.get(Routine.Routine).pipe(Option8.getOrThrow).icon,
+        iconHue: Annotation3.IconAnnotation.get(Routine.Routine).pipe(Option8.getOrThrow).hue ?? "white",
         createObject: (props, options) => Effect5.gen(function* () {
-          const object = Prompt2.make(props);
+          const object = Routine.make(props);
           return yield* Operation3.invoke(SpaceOperation.AddObject, {
             object,
             target: options.target,
@@ -3299,12 +3232,12 @@ var AssistantPlugin = Plugin.define(meta11).pipe(AppPlugin.addAppGraphModule({
       }
     },
     {
-      id: Type3.getTypename(Sequence2),
+      id: Type2.getTypename(Sequence),
       metadata: {
-        icon: Annotation3.IconAnnotation.get(Sequence2).pipe(Option6.getOrThrow).icon,
-        iconHue: Annotation3.IconAnnotation.get(Sequence2).pipe(Option6.getOrThrow).hue ?? "white",
+        icon: Annotation3.IconAnnotation.get(Sequence).pipe(Option8.getOrThrow).icon,
+        iconHue: Annotation3.IconAnnotation.get(Sequence).pipe(Option8.getOrThrow).hue ?? "white",
         createObject: (props, options) => Effect5.gen(function* () {
-          const object = Obj8.make(Sequence2, props);
+          const object = Obj8.make(Sequence, props);
           return yield* Operation3.invoke(SpaceOperation.AddObject, {
             object,
             target: options.target,
@@ -3315,12 +3248,12 @@ var AssistantPlugin = Plugin.define(meta11).pipe(AppPlugin.addAppGraphModule({
       }
     },
     {
-      id: Type3.getTypename(Agent2.Agent),
+      id: Type2.getTypename(Agent.Agent),
       metadata: {
-        icon: Annotation3.IconAnnotation.get(Agent2.Agent).pipe(Option6.getOrThrow).icon,
-        iconHue: Annotation3.IconAnnotation.get(Agent2.Agent).pipe(Option6.getOrThrow).hue ?? "white",
+        icon: Annotation3.IconAnnotation.get(Agent.Agent).pipe(Option8.getOrThrow).icon,
+        iconHue: Annotation3.IconAnnotation.get(Agent.Agent).pipe(Option8.getOrThrow).hue ?? "white",
         createObject: (props, options) => Effect5.gen(function* () {
-          const object = yield* Agent2.makeInitialized({
+          const object = yield* Agent.makeInitialized({
             name: "",
             instructions: ""
           }, AgentBlueprint.make()).pipe(withComputeRuntime(options.db.spaceId));
@@ -3338,19 +3271,18 @@ var AssistantPlugin = Plugin.define(meta11).pipe(AppPlugin.addAppGraphModule({
   activate: OperationHandler
 }), AppPlugin.addSchemaModule({
   schema: [
-    Chat4.Chat,
-    Chat4.CompanionTo,
-    Blueprint3.Blueprint,
+    Chat3.Chat,
+    Chat3.CompanionTo,
+    Blueprint2.Blueprint,
     ContextBinding,
     Feed.Feed,
     HasSubject.HasSubject,
     Message3.Message,
-    Prompt2.Prompt,
-    ResearchGraph.ResearchGraph,
-    Agent2.Agent,
-    McpServer3.McpServer,
+    Routine.Routine,
+    Agent.Agent,
+    McpServer2.McpServer,
     Plan.Plan,
-    Sequence2,
+    Sequence,
     Memory.Memory,
     Text.Text
   ]
@@ -3378,14 +3310,14 @@ var AssistantPlugin = Plugin.define(meta11).pipe(AppPlugin.addAppGraphModule({
   activatesOn: SpaceEvents.SpaceCreated,
   activate: () => Effect5.succeed(Capability.contributes(SpaceCapabilities.OnCreateSpace, (params) => Operation3.invoke(AssistantOperation2.OnCreateSpace, params)))
 }), Plugin.addModule({
-  activatesOn: AssistantEvents2.SetupAiServiceProviders,
+  activatesOn: AssistantEvents.SetupAiServiceProviders,
   activate: EdgeModelResolver
 }), Plugin.addModule({
-  activatesOn: AssistantEvents2.SetupAiServiceProviders,
+  activatesOn: AssistantEvents.SetupAiServiceProviders,
   activate: LocalModelResolver
 }), Plugin.addModule({
   firesBeforeActivation: [
-    AssistantEvents2.SetupAiServiceProviders
+    AssistantEvents.SetupAiServiceProviders
   ],
   // TODO(dmaretskyi): This should activate lazily when the AI chat is used.
   activatesOn: ActivationEvents.Startup,
@@ -3409,34 +3341,26 @@ var withComputeRuntime = (spaceId) => (effect) => Effect5.gen(function* () {
 export {
   ASSISTANT_COMPANION_VARIANT,
   ASSISTANT_DIALOG,
-  ApiAuthorization,
-  Assistant_exports as Assistant,
-  blueprint_default as AssistantBlueprint,
-  AssistantCapabilities,
-  AssistantEvents,
   AssistantPlugin,
   AssistantSettings,
   Chat,
-  ChatContextProvider,
-  LLM_PROVIDERS,
   ProcessTree,
-  ServiceType,
   TemplateEditor,
   Toolbox,
   ToolboxPanel,
-  categoryIcons,
   meta9 as meta,
-  translations,
   useActiveBlueprints2 as useActiveBlueprints,
   useBlueprintHandlers2 as useBlueprintHandlers,
   useBlueprintRegistry,
   useBlueprints2 as useBlueprints,
   useChatContext,
+  useChatKeymapExtensions3 as useChatKeymapExtensions,
   useChatProcessor,
   useChatServices,
   useChatToolbarActions2 as useChatToolbarActions,
   useContextBinder,
   useContextObjects3 as useContextObjects,
+  useDebug2 as useDebug,
   useFilteredTypes2 as useFilteredTypes,
   useFlush,
   useOnline,