@dxos/plugin-assistant 0.8.4-main.abd8ff62ef → 0.8.4-main.bc2380dfbc

package/dist/lib/{browser/chunk-VK53MITK.mjs → neutral/components/index.mjs}

@@ -1,3 +1,5 @@
+import "../chunk-J5LGTIGS.mjs";
+
 // src/components/index.ts
 import { lazy } from "react";
 
@@ -5,14 +7,15 @@ import { lazy } from "react";
 import { useAtomValue as useAtomValue3 } from "@effect-atom/atom-react";
 import * as Array from "effect/Array";
 import * as Option4 from "effect/Option";
-import React14, { useCallback as useCallback6, useEffect as useEffect6, useMemo as useMemo5, useRef as useRef3, useState as useState7 } from "react";
+import React15, { useCallback as useCallback6, useEffect as useEffect6, useMemo as useMemo5, useRef as useRef3, useState as useState7 } from "react";
+import { Agent } from "@dxos/assistant-toolkit";
 import { Event } from "@dxos/async";
-import { Filter as Filter2, Obj as Obj3 } from "@dxos/echo";
+import { Filter as Filter2, Obj as Obj3, Query } from "@dxos/echo";
 import { useQuery as useQuery2 } from "@dxos/react-client/echo";
 import { useIdentity } from "@dxos/react-client/halo";
 import { Menu } from "@dxos/react-ui-menu";
 import { Message as Message2 } from "@dxos/types";
-import { composable, composableProps } from "@dxos/ui-theme";
+import { composable as composable2, composableProps as composableProps2 } from "@dxos/ui-theme";
 import { useChatKeymapExtensions as useChatKeymapExtensions2, useChatToolbarActions, useDebug } from "#hooks";
 
 // src/components/ChatPrompt/ChatActions.tsx
@@ -93,7 +96,7 @@ var ChatMcpErrors = ({ classNames, processor }) => {
   }, /* @__PURE__ */ React2.createElement("ul", {
     className: "flex flex-col gap-0.5 text-sm"
   }, errors.map((error) => /* @__PURE__ */ React2.createElement("li", {
-    key: `${error.url}::${error.kind}`,
+    key: `${error.url}::${error.protocol}`,
     className: "truncate"
   }, /* @__PURE__ */ React2.createElement("span", {
     className: "font-mono"
@@ -121,7 +124,6 @@ var styles = {
 var ChatOptions = ({ chat, db, context, blueprintRegistry, presets, preset, onPresetChange }) => {
   const { t } = useTranslation3(meta3.id);
   return /* @__PURE__ */ React3.createElement("div", {
-    role: "none",
     className: "flex"
   }, /* @__PURE__ */ React3.createElement(Popover.Root, null, /* @__PURE__ */ React3.createElement(Popover.Trigger, {
     asChild: true
@@ -227,14 +229,15 @@ var BlueprintsPanel = ({ blueprintRegistry, db, context }) => {
   }, /* @__PURE__ */ React3.createElement(SearchList.Content, {
     classNames: "flex flex-col"
   }, /* @__PURE__ */ React3.createElement(SearchList.Viewport, null, results.map((blueprint) => {
-    const isActive = activeBlueprints.has(blueprint.key);
+    const blueprintKey = Obj.getMeta(blueprint).key ?? blueprint.id;
+    const isActive = activeBlueprints.has(blueprintKey);
     return /* @__PURE__ */ React3.createElement(SearchList.Item, {
       classNames: "flex items-center overflow-hidden",
-      key: blueprint.key,
-      value: blueprint.key,
+      key: blueprintKey,
+      value: blueprintKey,
       label: blueprint.name,
       checked: isActive,
-      onSelect: () => onUpdateBlueprint?.(blueprint.key, !isActive)
+      onSelect: () => onUpdateBlueprint?.(blueprintKey, !isActive)
     });
   })), /* @__PURE__ */ React3.createElement(SearchList.Input, {
     placeholder: t("search.placeholder"),
@@ -299,9 +302,7 @@ var McpServersPanel = ({ db }) => {
   })), adding ? /* @__PURE__ */ React3.createElement(McpServerForm, {
     onSubmit: handleAdd,
     onCancel: () => setAdding(false)
-  }) : /* @__PURE__ */ React3.createElement("div", {
-    role: "none"
-  }, /* @__PURE__ */ React3.createElement(IconButton2, {
+  }) : /* @__PURE__ */ React3.createElement("div", null, /* @__PURE__ */ React3.createElement(IconButton2, {
     variant: "ghost",
     icon: "ph--plus--regular",
     label: t("mcp-server-add.label"),
@@ -381,7 +382,6 @@ var McpServerForm = ({ onSubmit, onCancel }) => {
     value: apiKey,
     onChange: (event) => setApiKey(event.target.value)
   })), /* @__PURE__ */ React3.createElement("div", {
-    role: "none",
     className: "flex gap-2"
   }, /* @__PURE__ */ React3.createElement(IconButton2, {
     variant: "ghost",
@@ -447,7 +447,7 @@ var ObjectsPanel = ({ db, context }) => {
       key: object.id,
       value: object.id,
       icon,
-      iconClassNames: styles3?.surfaceText,
+      iconClassNames: styles3?.foreground,
       label: Obj.getLabel(object) ?? Obj.getTypename(object) ?? object.id,
       checked: isActive,
       onSelect: () => onUpdateObject?.(Obj.getDXN(object), !isActive)
@@ -456,7 +456,6 @@ var ObjectsPanel = ({ db, context }) => {
     value: "__empty__",
     label: t("no-results.message")
   }))), /* @__PURE__ */ React3.createElement("div", {
-    role: "none",
     className: mx2("flex flex-col", styles.toolbar)
   }, /* @__PURE__ */ React3.createElement(Select.Root, {
     value: typename === ANY ? void 0 : typename,
@@ -526,7 +525,7 @@ var ChatReferences = ({ classNames, context, db }) => {
     }, /* @__PURE__ */ React5.createElement(Icon, {
       icon,
       size: 4,
-      classNames: styles3?.surfaceText
+      classNames: styles3?.foreground
     }), toLocalizedString(label, t), /* @__PURE__ */ React5.createElement(IconButton3, {
       icon: "ph--x--bold",
       iconOnly: true,
@@ -557,7 +556,6 @@ var ChatStatusIndicator = ({ classNames, preset, processing, error, ...props })
     preset
   ]);
   return /* @__PURE__ */ React6.createElement("div", {
-    role: "none",
     className: mx4("relative flex", classNames)
   }, /* @__PURE__ */ React6.createElement(Spinner, {
     duration: period,
@@ -632,7 +630,6 @@ var ChatPrompt = ({ classNames, outline, chat, db, processor, event, online, pla
   }, /* @__PURE__ */ React7.createElement(ChatMcpErrors, {
     processor
   }), /* @__PURE__ */ React7.createElement("div", {
-    role: "none",
     className: "flex p-2 gap-2"
   }, /* @__PURE__ */ React7.createElement(ChatStatusIndicator, {
     classNames: "p-1",
@@ -648,7 +645,6 @@ var ChatPrompt = ({ classNames, outline, chat, db, processor, event, online, pla
     extensions,
     onSubmit: handleSubmit
   })), db && settings && /* @__PURE__ */ React7.createElement("div", {
-    role: "none",
     className: "flex items-center overflow-hidden p-1.5"
   }, /* @__PURE__ */ React7.createElement(ChatOptions, {
     chat,
@@ -659,7 +655,6 @@ var ChatPrompt = ({ classNames, outline, chat, db, processor, event, online, pla
     presets,
     onPresetChange
   }), /* @__PURE__ */ React7.createElement("div", {
-    role: "none",
     className: "flex h-8 grow overflow-x-auto scrollbar-none"
   }, /* @__PURE__ */ React7.createElement(ChatReferences, {
     db,
@@ -733,7 +728,6 @@ var ChatStatus = ({ classNames, icon }) => {
     interval: 500,
     active: isRunning
   })), show && /* @__PURE__ */ React8.createElement("div", {
-    role: "none",
     className: "flex items-center"
   }, requestTiming && /* @__PURE__ */ React8.createElement(NaturalChatStatus.Text, null, /* @__PURE__ */ React8.createElement(Elapsed, {
     timing: requestTiming
@@ -844,7 +838,7 @@ var ReasoningWidget = class extends WidgetType {
   toDOM() {
     return Domino.of("div").classNames(styles2.padding).append(Domino.of("div").classNames("relative overflow-hidden p-px", styles2.border).attributes({
       "data-trail-container": ""
-    }).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({
+    }).append(Domino.of("div").classNames("relative z-10 bg-base-surface rounded-sm text-sm text-subdued py-1").append(Domino.of("div").classNames("px-2 max-h-[5lh] overflow-y-auto dx-scrollbar-thin").text(this.text).attributes({
       "data-reasoning-text": ""
     })), Domino.of("div").attributes({
       "data-id": this.#pos
@@ -975,71 +969,22 @@ 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) {
+  constructor(text) {
     super(), this.text = text;
-    this.#pos = pos === void 0 || pos === "" ? "status" : String(pos);
   }
   eq(other) {
-    return this.text === other.text && this.#pos === other.#pos;
+    return this.text === other.text;
   }
   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;
+    }).text(this.text))))).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 React10 from "react";
@@ -1053,7 +998,6 @@ var SummaryWidget = ({ children }) => {
   }, /* @__PURE__ */ React10.createElement(TogglePanel2.Header, {
     classNames: "text-sm bg-group-surface"
   }, t("summary.label")), /* @__PURE__ */ React10.createElement(TogglePanel2.Content, null, /* @__PURE__ */ React10.createElement("div", {
-    role: "none",
     className: "p-1 text-sm text-subdued"
   }, children)));
 };
@@ -1272,9 +1216,9 @@ var componentRegistry = {
   status: {
     block: true,
     streaming: true,
-    factory: ({ children, range }) => {
+    factory: ({ children }) => {
       const text = getXmlTextChild(children);
-      return text ? new StatusWidget(text, range.from) : null;
+      return text ? new StatusWidget(text) : null;
     }
   },
   //
@@ -1287,7 +1231,6 @@ var componentRegistry = {
   toolCall: {
     block: true,
     Component: (props) => /* @__PURE__ */ React12.createElement("div", {
-      role: "none",
       className: "py-2"
     }, /* @__PURE__ */ React12.createElement(ToolWidget, props))
   },
@@ -1336,7 +1279,7 @@ var isBlockVisible = (viewType, message, block) => {
 var blockToMarkdownImpl = (context, message, block) => {
   log("blockToMarkdown", {
     block: JSON.stringify(block)
-  }, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 151, S: void 0 });
+  }, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 154, S: void 0 });
   switch (block._tag) {
     case "text": {
       if (message.sender.role === "user") {
@@ -1346,7 +1289,8 @@ var blockToMarkdownImpl = (context, message, block) => {
             pending: block.pending
           });
         } else {
-          return `<prompt>${block.text}</prompt>`;
+          return `
+<prompt>${block.text}</prompt>`;
         }
       } else {
         const text = block.text.trim();
@@ -1573,7 +1517,6 @@ var ChatThread = /* @__PURE__ */ forwardRef(({ classNames, identity, messages =
     onEvent
   ]);
   return /* @__PURE__ */ React13.createElement("div", {
-    role: "none",
     "data-hue": userHue,
     className: "contents"
   }, /* @__PURE__ */ React13.createElement(MarkdownStream, {
@@ -1589,6 +1532,41 @@ var ChatThread = /* @__PURE__ */ forwardRef(({ classNames, identity, messages =
   }));
 });
 
+// src/components/TaskList/TaskList.tsx
+import React14 from "react";
+import { useObject as useObject2 } from "@dxos/react-client/echo";
+import { Icon as Icon2, Tag } from "@dxos/react-ui";
+import { Row, RowList } from "@dxos/react-ui-list";
+import { composable, composableProps } from "@dxos/ui-theme";
+var TaskList = composable(({ plan, ...props }, forwardedRef) => {
+  const [snapshot] = useObject2(plan);
+  const tasks = snapshot?.tasks ?? [];
+  return /* @__PURE__ */ React14.createElement(RowList.Root, null, /* @__PURE__ */ React14.createElement(RowList.Viewport, {
+    ...composableProps(props, {
+      classNames: "dx-container"
+    }),
+    ref: forwardedRef
+  }, /* @__PURE__ */ React14.createElement(RowList.Content, {
+    "aria-label": "Tasks"
+  }, tasks.map((task) => /* @__PURE__ */ React14.createElement(Row, {
+    key: task.id,
+    id: task.id,
+    classNames: "py-0"
+  }, /* @__PURE__ */ React14.createElement("div", {
+    className: "flex items-center gap-2"
+  }, /* @__PURE__ */ React14.createElement(Icon2, {
+    icon: task.status === "done" ? "ph--check--regular" : "ph--circle--regular",
+    classNames: task.status === "done" ? "text-success-text" : void 0,
+    size: 4
+  }), /* @__PURE__ */ React14.createElement("span", {
+    className: "sr-only"
+  }, task.status === "done" ? "done" : task.status === "in-progress" ? "in progress" : "to do"), /* @__PURE__ */ React14.createElement("span", {
+    className: "truncate flex-1"
+  }, task.title), task.status === "in-progress" && /* @__PURE__ */ React14.createElement(Tag, {
+    palette: "info"
+  }, "pending")))))));
+});
+
 // src/components/Chat/Chat.tsx
 var ChatRoot = ({ children, chat, feed, processor, onEvent, ...props }) => {
   const [debug, setDebug] = useState7(false);
@@ -1599,7 +1577,7 @@ var ChatRoot = ({ children, chat, feed, processor, onEvent, ...props }) => {
   });
   const lastPrompt = useRef3(void 0);
   const db = props.db ?? (chat && Obj3.getDatabase(chat));
-  const feedMessages = useQuery2(feed, Filter2.type(Message2.Message));
+  const feedMessages = useQuery2(db, feed ? Query.select(Filter2.type(Message2.Message)).from(feed) : Query.select(Filter2.nothing()));
   const pendingMessages = useAtomValue3(processor.messages);
   const messages = useMemo5(() => Array.dedupeWith([
     ...feedMessages,
@@ -1664,7 +1642,7 @@ var ChatRoot = ({ children, chat, feed, processor, onEvent, ...props }) => {
     streaming,
     onEvent
   ]);
-  return /* @__PURE__ */ React14.createElement(ChatContextProvider, {
+  return /* @__PURE__ */ React15.createElement(ChatContextProvider, {
     debug,
     event,
     db,
@@ -1696,25 +1674,25 @@ var useRequestTiming = ({ active }) => {
   return requestTiming;
 };
 var CHAT_TOOLBAR_NAME = "Chat.Toolbar";
-var ChatToolbar = composable(({ attendableId, companionTo, ...props }, forwardedRef) => {
+var ChatToolbar = composable2(({ attendableId, companionTo, ...props }, forwardedRef) => {
   const { chat } = useChatContext(CHAT_TOOLBAR_NAME);
   const menuActions = useChatToolbarActions({
     chat,
     companionTo
   });
-  return /* @__PURE__ */ React14.createElement(Menu.Root, {
+  return /* @__PURE__ */ React15.createElement(Menu.Root, {
     ...menuActions,
     attendableId
-  }, /* @__PURE__ */ React14.createElement(Menu.Toolbar, {
-    ...composableProps(props),
+  }, /* @__PURE__ */ React15.createElement(Menu.Toolbar, {
+    ...composableProps2(props),
     ref: forwardedRef
   }));
 });
 ChatToolbar.displayName = CHAT_TOOLBAR_NAME;
 var CHAT_CONTENT_NAME = "Chat.Content";
-var ChatContent = composable(({ children, ...props }, forwardedRef) => {
-  return /* @__PURE__ */ React14.createElement("div", {
-    ...composableProps(props, {
+var ChatContent = composable2(({ children, ...props }, forwardedRef) => {
+  return /* @__PURE__ */ React15.createElement("div", {
+    ...composableProps2(props, {
       classNames: "dx-expander flex flex-col"
     }),
     ref: forwardedRef
@@ -1755,9 +1733,11 @@ var ChatThread2 = ({ viewType, debug: debugProp, ...props }) => {
     event
   ]);
   if (!identity) {
-    return null;
+    return /* @__PURE__ */ React15.createElement("div", {
+      className: "dx-expander"
+    });
   }
-  return /* @__PURE__ */ React14.createElement(ChatThread, {
+  return /* @__PURE__ */ React15.createElement(ChatThread, {
     ...props,
     identity,
     messages,
@@ -1773,7 +1753,7 @@ ChatThread2.displayName = CHAT_THREAD_NAME;
 var CHAT_PROMPT_NAME = "Chat.Prompt";
 var ChatPrompt2 = (props) => {
   const { chat, db, processor, event } = useChatContext(CHAT_PROMPT_NAME);
-  return /* @__PURE__ */ React14.createElement(ChatPrompt, {
+  return /* @__PURE__ */ React15.createElement(ChatPrompt, {
     ...props,
     chat,
     db,
@@ -1782,24 +1762,41 @@ var ChatPrompt2 = (props) => {
   });
 };
 ChatPrompt2.displayName = CHAT_PROMPT_NAME;
+var CHAT_TASK_LIST_NAME = "Chat.TaskList";
+var ChatTaskList = composable2(({ plan: planProp, ...props }, forwardedRef) => {
+  const { chat } = useChatContext(CHAT_TASK_LIST_NAME);
+  const parent = chat ? Obj3.getParent(chat) : void 0;
+  const agent = parent && Obj3.instanceOf(Agent.Agent, parent) ? parent : void 0;
+  const plan = planProp ?? agent?.plan.target;
+  if (!plan) {
+    return null;
+  }
+  return /* @__PURE__ */ React15.createElement(TaskList, {
+    ...props,
+    plan,
+    ref: forwardedRef
+  });
+});
+ChatTaskList.displayName = CHAT_TASK_LIST_NAME;
 var Chat = {
   Root: ChatRoot,
   Toolbar: ChatToolbar,
   Content: ChatContent,
   Prompt: ChatPrompt2,
   Status: ChatStatus,
-  Thread: ChatThread2
+  Thread: ChatThread2,
+  TaskList: ChatTaskList
 };
 
 // src/components/ProcessTree/ProcessTree.tsx
 import * as Match from "effect/Match";
 import * as Option5 from "effect/Option";
-import React15 from "react";
+import React16 from "react";
 import { Process } from "@dxos/functions-runtime";
-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 { Icon as Icon3, IconButton as IconButton4, ScrollArea, Tooltip as Tooltip2, Treegrid } from "@dxos/react-ui";
+import { composable as composable3, composableProps as composableProps3, mx as mx7 } from "@dxos/ui-theme";
 import { Unit as Unit2 } from "@dxos/util";
-var ProcessTree = composable2(({ processes, onProcessSelect, onProcessTerminate, ...props }, forwardedRef) => {
+var ProcessTree = composable3(({ processes, onProcessSelect, onProcessTerminate, ...props }, forwardedRef) => {
   const sortedProcesses = [
     ...processes.filter((process) => [
       Process.State.RUNNING,
@@ -1818,41 +1815,41 @@ var ProcessTree = composable2(({ processes, onProcessSelect, onProcessTerminate,
     const bCompletedAt = Option5.getOrElse(b.completedAt, () => Infinity);
     return bCompletedAt - aCompletedAt;
   });
-  return /* @__PURE__ */ React15.createElement(ScrollArea.Root, {
-    ...composableProps2(props, {
+  return /* @__PURE__ */ React16.createElement(ScrollArea.Root, {
+    ...composableProps3(props, {
       classNames: "dx-expander"
     }),
     thin: true,
     ref: forwardedRef
-  }, /* @__PURE__ */ React15.createElement(ScrollArea.Viewport, null, /* @__PURE__ */ React15.createElement(Treegrid.Root, {
+  }, /* @__PURE__ */ React16.createElement(ScrollArea.Viewport, null, /* @__PURE__ */ React16.createElement(Treegrid.Root, {
     gridTemplateColumns: "1fr"
   }, sortedProcesses.filter((process) => process.parentPid === null).map((process) => {
-    return /* @__PURE__ */ React15.createElement(Treegrid.Row, {
+    return /* @__PURE__ */ React16.createElement(Treegrid.Row, {
       key: process.pid.toString(),
       id: process.pid.toString(),
       parentOf: process.parentPid?.toString()
-    }, /* @__PURE__ */ React15.createElement(Treegrid.Cell, {
+    }, /* @__PURE__ */ React16.createElement(Treegrid.Cell, {
       indent: true,
       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__ */ React15.createElement(Tooltip2.Trigger, {
+    }, /* @__PURE__ */ React16.createElement(Tooltip2.Trigger, {
       className: "p-1",
       content: process.state.toString()
-    }, /* @__PURE__ */ React15.createElement(Icon2, {
+    }, /* @__PURE__ */ React16.createElement(Icon3, {
       size: 4,
+      synchronized: true,
       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__ */ React15.createElement("div", {
-      role: "none",
+    })), /* @__PURE__ */ React16.createElement("div", {
       className: "flex items-center gap-2 text-xs overflow-hidden"
-    }, /* @__PURE__ */ React15.createElement("span", {
+    }, /* @__PURE__ */ React16.createElement("span", {
       className: "truncate text-description select-none"
     }, process.params.name ?? process.pid.toString())), [
       Process.State.FAILED,
       Process.State.SUCCEEDED
-    ].includes(process.state) && /* @__PURE__ */ React15.createElement("div", {
+    ].includes(process.state) && /* @__PURE__ */ React16.createElement("div", {
       className: "text-xs text-description tabular-nums"
-    }, Unit2.Millisecond(process.metrics.wallTime).toString()) || /* @__PURE__ */ React15.createElement("div", null), onProcessTerminate && /* @__PURE__ */ React15.createElement(IconButton4, {
+    }, Unit2.Millisecond(process.metrics.wallTime).toString()) || /* @__PURE__ */ React16.createElement("div", null), onProcessTerminate && /* @__PURE__ */ React16.createElement(IconButton4, {
       classNames: "min-h-0 p-1",
       icon: "ph--x--regular",
       iconOnly: true,
@@ -1870,12 +1867,12 @@ var ProcessTree = composable2(({ processes, onProcessSelect, onProcessTerminate,
 // src/components/TemplateEditor/TemplateEditor.tsx
 import { defaultHighlightStyle, syntaxHighlighting } from "@codemirror/language";
 import { composeRefs } from "@radix-ui/react-compose-refs";
-import React16 from "react";
+import React17 from "react";
 import { createDocAccessor } from "@dxos/echo-db";
 import { useThemeContext, useTranslation as useTranslation8 } from "@dxos/react-ui";
 import { useTextEditor } from "@dxos/react-ui-editor";
 import { createBasicExtensions, createDataExtensions, createMarkdownExtensions, createThemeExtensions, decorateMarkdown } from "@dxos/ui-editor";
-import { composable as composable3, composableProps as composableProps3 } from "@dxos/ui-theme";
+import { composable as composable4, composableProps as composableProps4 } from "@dxos/ui-theme";
 import { isNonNullable as isNonNullable2 } from "@dxos/util";
 import { meta as meta8 } from "#meta";
 
@@ -2136,7 +2133,7 @@ var xmlDecoratorPlugin = ViewPlugin2.fromClass(class {
 });
 
 // src/components/TemplateEditor/TemplateEditor.tsx
-var TemplateEditor = composable3(({ classNames, id, template, lineNumbers = true, ...props }, forwardedRef) => {
+var TemplateEditor = composable4(({ classNames, id, template, lineNumbers = true, ...props }, forwardedRef) => {
   const { t } = useTranslation8(meta8.id);
   const { themeMode } = useThemeContext();
   const { parentRef } = useTextEditor(() => {
@@ -2176,8 +2173,8 @@ var TemplateEditor = composable3(({ classNames, id, template, lineNumbers = true
     template.source?.target,
     lineNumbers
   ]);
-  return /* @__PURE__ */ React16.createElement("div", {
-    ...composableProps3(props, {
+  return /* @__PURE__ */ React17.createElement("div", {
+    ...composableProps4(props, {
       role: "none",
       classNames: [
         "h-full overflow-hidden",
@@ -2189,21 +2186,22 @@ var TemplateEditor = composable3(({ classNames, id, template, lineNumbers = true
 });
 
 // src/components/Toolbox/Toolbox.tsx
-import React17, { Fragment, useEffect as useEffect7, useState as useState8 } from "react";
+import React18, { Fragment, useEffect as useEffect7, useState as useState8 } from "react";
 import { Operation } from "@dxos/compute";
+import { Filter as Filter3 } from "@dxos/echo";
 import { log as log2 } from "@dxos/log";
-import { Filter as Filter3, useQuery as useQuery3 } from "@dxos/react-client/echo";
+import { 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 mx9 } from "@dxos/ui-theme";
+import { composable as composable5, composableProps as composableProps5, 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__ */ React17.createElement(ScrollArea2.Root, {
-    ...composableProps4(props),
+var Toolbox = composable5(({ functions, services, blueprints, activeBlueprints, ...props }, forwardedRef) => {
+  return /* @__PURE__ */ React18.createElement(ScrollArea2.Root, {
+    ...composableProps5(props),
     thin: true,
     orientation: "vertical",
     ref: forwardedRef
-  }, /* @__PURE__ */ React17.createElement(ScrollArea2.Viewport, null, blueprints && blueprints.length > 0 && /* @__PURE__ */ React17.createElement(Section, {
+  }, /* @__PURE__ */ React18.createElement(ScrollArea2.Viewport, null, blueprints && blueprints.length > 0 && /* @__PURE__ */ React18.createElement(Section, {
     title: "Blueprints",
     items: blueprints.map(({ name, description, tools }) => ({
       name,
@@ -2212,7 +2210,7 @@ var Toolbox = composable4(({ functions, services, blueprints, activeBlueprints,
         name: `\u2219 ${safeToolId(toolId)}`
       }))
     }))
-  }), activeBlueprints && activeBlueprints.length > 0 && /* @__PURE__ */ React17.createElement(Section, {
+  }), activeBlueprints && activeBlueprints.length > 0 && /* @__PURE__ */ React18.createElement(Section, {
     title: "Blueprints",
     items: activeBlueprints.map(({ target }) => ({
       name: target?.name ?? "",
@@ -2221,13 +2219,13 @@ var Toolbox = composable4(({ functions, services, blueprints, activeBlueprints,
         name: `\u2219 ${safeToolId(toolId)}`
       }))
     }))
-  }), services && services.length > 0 && /* @__PURE__ */ React17.createElement(Section, {
+  }), services && services.length > 0 && /* @__PURE__ */ React18.createElement(Section, {
     title: "Services",
     items: services.map(({ service: { serviceId, name, description } }) => ({
       name: name ?? serviceId,
       description
     }))
-  }), functions && functions.length > 0 && /* @__PURE__ */ React17.createElement(Section, {
+  }), functions && functions.length > 0 && /* @__PURE__ */ React18.createElement(Section, {
     title: "Functions",
     items: functions.map(({ name, description }) => ({
       name,
@@ -2240,24 +2238,24 @@ 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 = mx9("col-span-full grid grid-cols-subgrid text-xs px-2", striped && stripeClassNames);
-  return /* @__PURE__ */ React17.createElement("div", null, /* @__PURE__ */ React17.createElement("h1", {
+  return /* @__PURE__ */ React18.createElement("div", null, /* @__PURE__ */ React18.createElement("h1", {
     className: "px-2 text-sm"
-  }, title), /* @__PURE__ */ React17.createElement("div", {
+  }, title), /* @__PURE__ */ React18.createElement("div", {
     className: gridClassNames
-  }, items.map(({ name, description, subitems }, i) => /* @__PURE__ */ React17.createElement(Fragment, {
+  }, items.map(({ name, description, subitems }, i) => /* @__PURE__ */ React18.createElement(Fragment, {
     key: i
-  }, name && /* @__PURE__ */ React17.createElement("div", {
+  }, name && /* @__PURE__ */ React18.createElement("div", {
     className: subGridClassNames
-  }, /* @__PURE__ */ React17.createElement("div", {
+  }, /* @__PURE__ */ React18.createElement("div", {
     className: "truncate text-primary-500"
-  }, name), /* @__PURE__ */ React17.createElement("div", {
+  }, name), /* @__PURE__ */ React18.createElement("div", {
     className: "line-clamp-2"
-  }, description)), subitems?.map(({ name: name2, description: description2 }, i2) => /* @__PURE__ */ React17.createElement("div", {
+  }, description)), subitems?.map(({ name: name2, description: description2 }, i2) => /* @__PURE__ */ React18.createElement("div", {
     key: i2,
     className: mx9(subGridClassNames, striped && stripeClassNames)
-  }, /* @__PURE__ */ React17.createElement("div", {
+  }, /* @__PURE__ */ React18.createElement("div", {
     className: "truncate"
-  }, name2), /* @__PURE__ */ React17.createElement("div", {
+  }, name2), /* @__PURE__ */ React18.createElement("div", {
     className: "line-clamp-3 text-subdued"
   }, description2)))))));
 };
@@ -2267,14 +2265,14 @@ var ToolboxPanel = ({ classNames, db, processor }) => {
   useEffect7(() => {
     log2("creating service tools...", {
       services: services.length
-    }, { "~LogMeta": "~LogMeta", F: __dxlog_file2, L: 80, S: void 0 });
+    }, { "~LogMeta": "~LogMeta", F: __dxlog_file2, L: 81, S: void 0 });
     queueMicrotask(async () => {
     });
   }, [
     services
   ]);
   const functions = useQuery3(db, Filter3.type(Operation.PersistentOperation));
-  return /* @__PURE__ */ React17.createElement(Toolbox, {
+  return /* @__PURE__ */ React18.createElement(Toolbox, {
     classNames,
     blueprints: processor?.context.getBlueprints(),
     services: serviceTools,
@@ -2286,15 +2284,15 @@ var safeToolId = (name) => {
 };
 
 // src/components/index.ts
-var AssistantSettings = lazy(() => import("./AssistantSettings-GG52BLKS.mjs"));
-
+var AssistantSettings = lazy(() => import("../AssistantSettings-GG52BLKS.mjs"));
 export {
-  useChatContext,
+  AssistantSettings,
   Chat,
   ProcessTree,
+  TaskList,
   TemplateEditor,
   Toolbox,
   ToolboxPanel,
-  AssistantSettings
+  useChatContext
 };
-//# sourceMappingURL=chunk-VK53MITK.mjs.map
+//# sourceMappingURL=index.mjs.map