@dxos/plugin-assistant 0.8.4-main.406dc2a → 0.8.4-main.548089c

package/dist/lib/browser/{chunk-WRJGOT5P.mjs → chunk-Y4C2CMME.mjs}

@@ -1,12 +1,96 @@
+import {
+  AiChatProcessor,
+  AiServicePresets
+} from "./chunk-AO6XHMQ7.mjs";
+import {
+  AssistantAction_exports,
+  Assistant_exports,
+  LLM_PROVIDERS,
+  ServiceType
+} from "./chunk-BNTPFZ7O.mjs";
 import {
   meta
-} from "./chunk-5RICKAMN.mjs";
+} from "./chunk-WBG5PTSX.mjs";
 
-// src/hooks/useBlueprintRegistry.ts
+// src/components/AssistantSettings/AssistantSettings.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
+import React from "react";
+import { DEFAULT_EDGE_MODELS, DEFAULT_OLLAMA_MODELS } from "@dxos/ai";
+import { Input, Select, useTranslation } from "@dxos/react-ui";
+import { ControlGroup, ControlItemInput, ControlPage, ControlSection } from "@dxos/react-ui-form";
+var DEFAULT_VALUE = "__default";
+var LLM_PROVIDER_LABELS = {
+  edge: "DXOS",
+  ollama: "Ollama",
+  lmstudio: "LM Studio"
+};
+var AssistantSettings = ({ settings }) => {
+  var _effect = _useSignals();
+  try {
+    const { t } = useTranslation(meta.id);
+    return /* @__PURE__ */ React.createElement(ControlPage, null, /* @__PURE__ */ React.createElement(ControlSection, {
+      title: t("settings title", {
+        ns: meta.id
+      })
+    }, /* @__PURE__ */ React.createElement(ControlGroup, null, /* @__PURE__ */ React.createElement(ControlItemInput, {
+      title: t("settings custom prompts label")
+    }, /* @__PURE__ */ React.createElement(Input.Switch, {
+      checked: !!settings.customPrompts,
+      onCheckedChange: (checked) => settings.customPrompts = checked
+    })), /* @__PURE__ */ React.createElement(ControlItemInput, {
+      title: t("settings llm provider label")
+    }, /* @__PURE__ */ React.createElement(Select.Root, {
+      value: settings.llmProvider ?? "edge",
+      onValueChange: (value) => {
+        settings.llmProvider = value === DEFAULT_VALUE ? void 0 : value;
+      }
+    }, /* @__PURE__ */ React.createElement(Select.TriggerButton, {
+      placeholder: t("settings llm provider label")
+    }), /* @__PURE__ */ React.createElement(Select.Portal, null, /* @__PURE__ */ React.createElement(Select.Content, null, /* @__PURE__ */ React.createElement(Select.Viewport, null, /* @__PURE__ */ React.createElement(Select.Option, {
+      value: DEFAULT_VALUE
+    }, t("settings default label")), LLM_PROVIDERS.map((model) => /* @__PURE__ */ React.createElement(Select.Option, {
+      key: model,
+      value: model
+    }, LLM_PROVIDER_LABELS[model]))), /* @__PURE__ */ React.createElement(Select.Arrow, null))))), /* @__PURE__ */ React.createElement(ControlItemInput, {
+      title: t("settings edge llm model label")
+    }, /* @__PURE__ */ React.createElement(Select.Root, {
+      value: settings.edgeModel ?? DEFAULT_VALUE,
+      onValueChange: (value) => {
+        settings.edgeModel = value === DEFAULT_VALUE ? void 0 : value;
+      }
+    }, /* @__PURE__ */ React.createElement(Select.TriggerButton, {
+      placeholder: t("settings default llm model label")
+    }), /* @__PURE__ */ React.createElement(Select.Portal, null, /* @__PURE__ */ React.createElement(Select.Content, null, /* @__PURE__ */ React.createElement(Select.Viewport, null, /* @__PURE__ */ React.createElement(Select.Option, {
+      value: DEFAULT_VALUE
+    }, t("settings default label")), DEFAULT_EDGE_MODELS.map((model) => /* @__PURE__ */ React.createElement(Select.Option, {
+      key: model,
+      value: model
+    }, model))), /* @__PURE__ */ React.createElement(Select.Arrow, null))))), /* @__PURE__ */ React.createElement(ControlItemInput, {
+      title: t("settings ollama llm model label")
+    }, /* @__PURE__ */ React.createElement(Select.Root, {
+      value: settings.ollamaModel ?? DEFAULT_VALUE,
+      onValueChange: (value) => {
+        settings.ollamaModel = value === DEFAULT_VALUE ? void 0 : value;
+      }
+    }, /* @__PURE__ */ React.createElement(Select.TriggerButton, {
+      placeholder: t("settings default llm model label")
+    }), /* @__PURE__ */ React.createElement(Select.Portal, null, /* @__PURE__ */ React.createElement(Select.Content, null, /* @__PURE__ */ React.createElement(Select.Viewport, null, /* @__PURE__ */ React.createElement(Select.Option, {
+      value: DEFAULT_VALUE
+    }, t("settings default label")), DEFAULT_OLLAMA_MODELS.map((model) => /* @__PURE__ */ React.createElement(Select.Option, {
+      key: model,
+      value: model
+    }, model))), /* @__PURE__ */ React.createElement(Select.Arrow, null))))))));
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/hooks/useBlueprintRegistry.ts
+import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
 import { useSignalEffect } from "@preact/signals-react";
 import { useCallback, useMemo, useState } from "react";
-import { Capabilities, useCapabilities } from "@dxos/app-framework";
+import { Capabilities } from "@dxos/app-framework";
+import { useCapabilities } from "@dxos/app-framework/react";
 import { Blueprint } from "@dxos/blueprints";
 import { Filter, Obj, Ref } from "@dxos/echo";
 import { useQuery } from "@dxos/react-client/echo";
@@ -35,7 +119,7 @@ var useBlueprints = ({ blueprintRegistry, space }) => {
   ]);
 };
 var useActiveBlueprints = ({ context }) => {
-  var _effect = _useSignals();
+  var _effect = _useSignals2();
   try {
     const [active, setActive] = useState(/* @__PURE__ */ new Map());
     useSignalEffect(() => {
@@ -91,303 +175,42 @@ var useBlueprintHandlers = ({ space, context, blueprintRegistry }) => {
 };
 
 // src/hooks/useChatProcessor.ts
-import { RegistryContext } from "@effect-rx/rx-react";
+import { RegistryContext } from "@effect-atom/atom-react";
 import { useContext, useMemo as useMemo2, useState as useState2 } from "react";
 import { AiConversation } from "@dxos/assistant";
-import { log as log2 } from "@dxos/log";
-import { useAsyncEffect } from "@dxos/react-ui";
-
-// src/processor/presets.ts
-import * as Schema from "effect/Schema";
-var ModelProviders = [
-  "dxos-local",
-  "dxos-remote",
-  "lm-studio"
-];
-var ModelProvider = Schema.Literal(...ModelProviders);
-var createModelLabel = (model) => {
-  const parts = model.split("/");
-  return parts[parts.length - 1];
-};
-var AiServicePresets = [
-  {
-    provider: "dxos-remote",
-    model: "@anthropic/claude-opus-4-0"
-  },
-  {
-    provider: "dxos-remote",
-    model: "@anthropic/claude-sonnet-4-0"
-  },
-  {
-    provider: "dxos-remote",
-    model: "@anthropic/claude-3-5-haiku-20241022"
-  },
-  {
-    provider: "lm-studio",
-    model: "@google/gemma-3-27b"
-  },
-  {
-    provider: "lm-studio",
-    model: "@mlx-community/llama-3.2-3b-instruct"
-  },
-  {
-    model: "deepseek-r1:latest",
-    provider: "dxos-local"
-  }
-].map(({ model, provider }, i) => ({
-  id: `preset-${i}`,
-  provider,
-  model,
-  label: createModelLabel(model)
-}));
-
-// src/processor/processor.ts
-import { Registry, Rx } from "@effect-rx/rx-react";
-import * as Cause from "effect/Cause";
-import * as Effect from "effect/Effect";
-import * as Exit from "effect/Exit";
-import * as Fiber from "effect/Fiber";
-import * as Option from "effect/Option";
-import * as Runtime from "effect/Runtime";
-import { AiService, DEFAULT_EDGE_MODEL } from "@dxos/ai";
-import { AiSession, ArtifactDiffResolver, GenerationObserver, createSystemPrompt } from "@dxos/assistant";
-import { Obj as Obj2 } from "@dxos/echo";
-import { throwCause } from "@dxos/effect";
 import { log } from "@dxos/log";
-import { DataType } from "@dxos/schema";
-import { trim } from "@dxos/util";
-function _define_property(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-assistant/src/processor/processor.ts";
-var defaultOptions = {
-  model: DEFAULT_EDGE_MODEL
-};
-var AiChatProcessor = class {
-  get context() {
-    return this._conversation.context;
-  }
-  get conversation() {
-    return this._conversation;
-  }
-  get blueprintRegistry() {
-    return this._options.blueprintRegistry;
-  }
-  /**
-  * Initiates a new request.
-  */
-  async request(requestParam) {
-    if (this._fiber) {
-      await this.cancel();
-    }
-    try {
-      this._lastRequest = requestParam;
-      this._rx.set(this.error, Option.none());
-      this._rx.set(this.active, true);
-      const request = this._conversation.createRequest({
-        system: this._options.system,
-        prompt: requestParam.message,
-        observer: this._observer
-      });
-      const runtime2 = await this._services();
-      this._fiber = request.pipe(
-        Effect.provide(AiService.model(this._options.model ?? DEFAULT_EDGE_MODEL)),
-        // TODO(dmaretskyi): Move ArtifactDiffResolver upstream.
-        Effect.provideService(ArtifactDiffResolver, this._artifactDiffResolver),
-        Effect.asVoid,
-        Runtime.runFork(runtime2)
-      );
-      const response = await this._fiber.pipe(Fiber.join, Effect.runPromiseExit);
-      if (!Exit.isSuccess(response) && !Cause.isInterruptedOnly(response.cause)) {
-        throwCause(response.cause);
-      }
-      this._rx.set(this.error, Option.none());
-      this._lastRequest = void 0;
-      this._fiber = void 0;
-    } catch (error) {
-      log.error("request failed", {
-        error
-      }, {
-        F: __dxlog_file,
-        L: 187,
-        S: this,
-        C: (f, a) => f(...a)
-      });
-      this._rx.set(this.error, Option.some(new Error("AI service error", {
-        cause: error
-      })));
-    } finally {
-      this._fiber = void 0;
-      this._rx.set(this.active, false);
-    }
-  }
-  /**
-  * Cancels the current request.
-  */
-  async cancel() {
-    await Effect.runPromise(Effect.gen(this, function* () {
-      if (this._fiber) {
-        yield* this._fiber.pipe(Fiber.interrupt);
-      }
-    }));
-    this._fiber = void 0;
-    this._rx.set(this.active, false);
-  }
-  /**
-  * Retry last failed request.
-  */
-  async retry() {
-    if (this._lastRequest) {
-      return this.request(this._lastRequest);
-    }
-  }
-  /**
-  * Update the current chat's name.
-  */
-  async updateName(chat) {
-    const runtime2 = await this._services();
-    const system = trim`
-      It is extremely important that you respond only with the title and nothing else.
-      If you cannot do this effectively respond with "New Chat".
-    `;
-    const history = await this._conversation.getHistory();
-    const fiber = Effect.gen(this, function* () {
-      const session = new AiSession();
-      return yield* session.run({
-        system,
-        prompt: "Suggest a name for this chat",
-        history
-      });
-    }).pipe(
-      // TODO(burdon): Use simpler model.
-      Effect.provide(AiService.model(this._options.model ?? DEFAULT_EDGE_MODEL)),
-      Effect.tap((messages) => {
-        const message = messages.find((message2) => message2.sender.role === "assistant");
-        const title = message?.blocks.find((b) => b._tag === "text")?.text;
-        if (title) {
-          chat.name = title;
-        }
-      }),
-      Runtime.runFork(runtime2)
-    );
-    const response = await fiber.pipe(Fiber.join, Effect.runPromiseExit);
-    if (!Exit.isSuccess(response)) {
-      throwCause(response.cause);
-    }
-  }
-  constructor(_conversation, _services, _options = defaultOptions) {
-    _define_property(this, "_conversation", void 0);
-    _define_property(this, "_services", void 0);
-    _define_property(this, "_options", void 0);
-    _define_property(this, "_rx", void 0);
-    _define_property(this, "_observer", void 0);
-    _define_property(this, "_fiber", void 0);
-    _define_property(this, "_lastRequest", void 0);
-    _define_property(this, "_pending", void 0);
-    _define_property(this, "_streaming", void 0);
-    _define_property(this, "streaming", void 0);
-    _define_property(this, "active", void 0);
-    _define_property(this, "messages", void 0);
-    _define_property(this, "error", void 0);
-    _define_property(this, "_artifactDiffResolver", void 0);
-    _define_property(this, "_onMessage", void 0);
-    _define_property(this, "_onBlock", void 0);
-    this._conversation = _conversation;
-    this._services = _services;
-    this._options = _options;
-    this._pending = Rx.make([]);
-    this._streaming = Rx.make(Option.none());
-    this.streaming = Rx.make((get) => Option.isSome(get(this._streaming)));
-    this.active = Rx.make(false);
-    this.messages = Rx.make((get) => Option.match(get(this._streaming), {
-      onNone: () => get(this._pending),
-      onSome: (streaming) => [
-        ...get(this._pending),
-        streaming
-      ]
-    }));
-    this.error = Rx.make(Option.none());
-    this._artifactDiffResolver = {
-      resolve: async (_artifacts) => {
-        const versions = /* @__PURE__ */ new Map();
-        return versions;
-      }
-    };
-    this._onMessage = Effect.fn((function* (message) {
-      this._rx.set(this._streaming, Option.none());
-      this._rx.update(this._pending, (pending) => [
-        ...pending,
-        message
-      ]);
-    }).bind(this));
-    this._onBlock = Effect.fn((function* (block) {
-      this._rx.update(this._streaming, (streaming) => {
-        const blocks = streaming.pipe(Option.map((streaming2) => streaming2.blocks.filter((b) => !b.pending)), Option.getOrElse(() => []));
-        return Option.some(Obj2.make(DataType.Message, {
-          created: (/* @__PURE__ */ new Date()).toISOString(),
-          sender: {
-            role: "assistant"
-          },
-          blocks: [
-            ...blocks,
-            block
-          ]
-        }));
-      });
-    }).bind(this));
-    this._rx = this._options.observableRegistry ?? Registry.make();
-    this._observer = GenerationObserver.make({
-      onBlock: this._onBlock,
-      onMessage: this._onMessage
-    });
-    if (this._options.model && !this._options.system) {
-      const capabilities = this._options.modelRegistry?.getCapabilities(this._options.model) ?? {};
-      this._options.system = createSystemPrompt(capabilities);
-    }
-  }
-};
-
-// src/hooks/useChatProcessor.ts
-var __dxlog_file2 = "/__w/dxos/dxos/packages/plugins/plugin-assistant/src/hooks/useChatProcessor.ts";
-var useChatProcessor = ({ chat, preset, services, blueprintRegistry, settings }) => {
+import { useAsyncEffect } from "@dxos/react-ui";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-assistant/src/hooks/useChatProcessor.ts";
+var useChatProcessor = ({ space, chat, preset, services, blueprintRegistry, settings }) => {
   const observableRegistry = useContext(RegistryContext);
   const [conversation, setConversation] = useState2();
   useAsyncEffect(async () => {
-    if (!chat?.queue.target) {
+    if (!space || !chat) {
       return;
     }
-    const conversation2 = new AiConversation({
-      queue: chat.queue.target
-    });
+    const queue = space.queues.get(chat.queue.dxn);
+    const conversation2 = new AiConversation(queue);
     await conversation2.open();
     setConversation(conversation2);
     return () => {
       void conversation2.close();
+      setConversation(void 0);
     };
   }, [
-    chat?.queue.target
+    space,
+    chat?.queue.dxn.toString()
   ]);
   const processor = useMemo2(() => {
     if (!services || !conversation) {
       return void 0;
     }
-    log2("creating processor", {
+    log("creating processor", {
       preset,
       model: preset?.model,
       settings
     }, {
-      F: __dxlog_file2,
-      L: 60,
+      F: __dxlog_file,
+      L: 65,
       S: void 0,
       C: (f, a) => f(...a)
     });
@@ -406,20 +229,21 @@ var useChatProcessor = ({ chat, preset, services, blueprintRegistry, settings })
 };
 
 // src/hooks/useChatServices.ts
-import * as Effect2 from "effect/Effect";
+import * as Effect from "effect/Effect";
 import { useMemo as useMemo3 } from "react";
-import { useCapability } from "@dxos/app-framework";
+import { useCapability } from "@dxos/app-framework/react";
 import { TracingService } from "@dxos/functions";
+import { TracingServiceExt } from "@dxos/functions-runtime";
 import { AutomationCapabilities } from "@dxos/plugin-automation";
 import { useClient } from "@dxos/react-client";
 var useChatServices = ({ space, chat }) => {
   const client = useClient();
-  space ?? (space = client.spaces.default);
-  const computeRuntimeResolver = useCapability(AutomationCapabilities.ComputeRuntime);
+  space ??= client.spaces.default;
+  const runtimeResolver = useCapability(AutomationCapabilities.ComputeRuntime);
   return useMemo3(() => {
-    const runtime2 = computeRuntimeResolver.getRuntime(space.id);
-    return () => runtime2.runPromise(Effect2.gen(function* () {
-      return yield* Effect2.runtime().pipe(Effect2.provide(chat?.traceQueue?.target ? TracingService.layerQueue(chat.traceQueue?.target) : TracingService.layerNoop));
+    const runtime2 = runtimeResolver.getRuntime(space.id);
+    return () => runtime2.runPromise(Effect.gen(function* () {
+      return yield* Effect.runtime().pipe(Effect.provide(chat?.traceQueue?.target ? TracingServiceExt.layerQueue(chat.traceQueue?.target) : TracingService.layerNoop));
     }));
   }, [
     space,
@@ -427,37 +251,72 @@ var useChatServices = ({ space, chat }) => {
   ]);
 };
 
+// src/hooks/useChatToolbarActions.ts
+import { Atom } from "@effect-atom/atom-react";
+import * as Effect2 from "effect/Effect";
+import { useMemo as useMemo10 } from "react";
+import { createIntent } from "@dxos/app-framework";
+import { useIntentDispatcher } from "@dxos/app-framework/react";
+import { Filter as Filter5, Obj as Obj6, Query } from "@dxos/echo";
+import { invariant } from "@dxos/invariant";
+import { useQuery as useQuery4 } from "@dxos/react-client/echo";
+import { MenuBuilder, useMenuActions } from "@dxos/react-ui-menu";
+
+// src/components/index.ts
+import { lazy } from "react";
+
+// src/components/Chat/Chat.tsx
+import { useSignals as _useSignals12 } from "@preact-signals/safe-react/tracking";
+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 * as Array2 from "effect/Array";
+import * as Option2 from "effect/Option";
+import React10, { useCallback as useCallback7, useEffect as useEffect6, useMemo as useMemo9, useRef as useRef3, useState as useState11 } from "react";
+import { Event } from "@dxos/async";
+import { Obj as Obj5 } from "@dxos/echo";
+import { useVoiceInput } from "@dxos/plugin-transcription";
+import { getSpace, useQueue } 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, references } from "@dxos/react-ui-chat";
+import { MenuProvider, ToolbarMenu } from "@dxos/react-ui-menu";
+import { mx as mx5 } from "@dxos/react-ui-theme";
+import { Message } from "@dxos/types";
+import { isTruthy } from "@dxos/util";
+
 // src/hooks/useContextBinder.ts
 import { useState as useState3 } from "react";
 import { AiContextBinder } from "@dxos/assistant";
 import { useAsyncEffect as useAsyncEffect2 } from "@dxos/react-ui";
-var useContextBinder = (chat) => {
+var useContextBinder = (queue) => {
   const [binder, setBinder] = useState3();
   useAsyncEffect2(async () => {
-    if (!chat?.queue.target) {
+    if (!queue) {
       return;
     }
-    const binder2 = new AiContextBinder(chat.queue.target);
+    const binder2 = new AiContextBinder(queue);
     await binder2.open();
     setBinder(binder2);
     return () => {
       void binder2.close();
     };
   }, [
-    chat?.queue.target
+    queue
   ]);
   return binder;
 };
 
 // src/hooks/useContextObjects.ts
-import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
 import { useCallback as useCallback2 } from "react";
 import { Ref as Ref2 } from "@dxos/echo";
-import { log as log3 } from "@dxos/log";
+import { log as log2 } from "@dxos/log";
 import { isNonNullable as isNonNullable2 } from "@dxos/util";
-var __dxlog_file3 = "/__w/dxos/dxos/packages/plugins/plugin-assistant/src/hooks/useContextObjects.ts";
+var __dxlog_file2 = "/__w/dxos/dxos/packages/plugins/plugin-assistant/src/hooks/useContextObjects.ts";
 var useContextObjects = ({ space, context }) => {
-  var _effect = _useSignals2();
+  var _effect = _useSignals3();
   try {
     const objects = context?.objects.value.map((ref) => ref.target).filter(isNonNullable2) ?? [];
     const handleUpdateObject = useCallback2(async (dxn, checked) => {
@@ -467,11 +326,11 @@ var useContextObjects = ({ space, context }) => {
       const id = dxn.asEchoDXN();
       const object = id && await space.db.getObjectById(id.echoId);
       if (!object) {
-        log3.warn("Object not found", {
+        log2.warn("Object not found", {
           dxn,
           id
         }, {
-          F: __dxlog_file3,
+          F: __dxlog_file2,
           L: 40,
           S: void 0,
           C: (f, a) => f(...a)
@@ -536,7 +395,7 @@ var useFlush = (space) => {
 };
 
 // src/hooks/useItemTypes.ts
-import * as Option2 from "effect/Option";
+import * as Option from "effect/Option";
 import { useEffect, useState as useState5 } from "react";
 import { ItemAnnotation } from "@dxos/schema";
 var useItemTypes = (space) => {
@@ -549,7 +408,7 @@ var useItemTypes = (space) => {
       const types2 = Array.from(new Set([
         ...space.db.graph.schemaRegistry.schemas,
         ...query.results
-      ].filter((type) => Option2.isSome(ItemAnnotation.get(type)))));
+      ].filter((type) => Option.isSome(ItemAnnotation.get(type)))));
       setTypes(types2);
     }, {
       fire: true
@@ -605,8 +464,9 @@ var usePresets = (online) => {
 
 // src/hooks/useReferencesProvider.ts
 import { useMemo as useMemo5 } from "react";
-import { Capabilities as Capabilities2, useCapabilities as useCapabilities2 } from "@dxos/app-framework";
-import { Filter as Filter2, Obj as Obj3 } from "@dxos/echo";
+import { Capabilities as Capabilities2 } from "@dxos/app-framework";
+import { useCapabilities as useCapabilities2 } from "@dxos/app-framework/react";
+import { Filter as Filter2, Obj as Obj2 } from "@dxos/echo";
 var useReferencesProvider = (space) => {
   const blueprints = useCapabilities2(Capabilities2.BlueprintDefinition);
   return useMemo5(() => {
@@ -616,16 +476,16 @@ var useReferencesProvider = (space) => {
     return {
       getReferences: async ({ query }) => {
         const { objects } = await space.db.query(Filter2.everything()).run();
-        return objects.filter((object) => stringMatch(query, Obj3.getLabel(object) ?? "")).filter((object) => !!Obj3.getDXN(object)).map((object) => ({
-          uri: Obj3.getDXN(object).toString(),
-          label: Obj3.getLabel(object) ?? ""
+        return objects.filter((object) => stringMatch(query, Obj2.getLabel(object) ?? "")).filter((object) => !!Obj2.getDXN(object)).map((object) => ({
+          uri: Obj2.getDXN(object).toString(),
+          label: Obj2.getLabel(object) ?? ""
         }));
       },
       resolveReference: async ({ uri }) => {
         const object = await space.db.query(Filter2.ids(uri)).first();
         return {
           uri,
-          label: Obj3.getLabel(object) ?? ""
+          label: Obj2.getLabel(object) ?? ""
         };
       }
     };
@@ -636,56 +496,34 @@ var useReferencesProvider = (space) => {
 };
 var stringMatch = (query, label) => label.toLowerCase().startsWith(query.toLowerCase());
 
-// src/components/Chat/Chat.tsx
-import { useSignals as _useSignals11 } from "@preact-signals/safe-react/tracking";
-import { Prec } from "@codemirror/state";
-import { keymap } from "@codemirror/view";
-import { useRxValue } from "@effect-rx/rx-react";
-import { createContext } from "@radix-ui/react-context";
-import * as Array2 from "effect/Array";
-import * as Option3 from "effect/Option";
-import React9, { useCallback as useCallback6, useEffect as useEffect6, useMemo as useMemo9, useRef as useRef3, useState as useState12 } from "react";
-import { Event } from "@dxos/async";
-import { Obj as Obj6 } from "@dxos/echo";
-import { useVoiceInput } from "@dxos/plugin-transcription";
-import { getSpace, useQueue } from "@dxos/react-client/echo";
-import { useIdentity } from "@dxos/react-client/halo";
-import { Input, useDynamicRef, useTranslation as useTranslation5 } from "@dxos/react-ui";
-import { ChatEditor, references } from "@dxos/react-ui-chat";
-import { mx as mx5 } from "@dxos/react-ui-theme";
-import { DataType as DataType2 } from "@dxos/schema";
-import { isTruthy } from "@dxos/util";
-
 // src/components/ChatPrompt/ChatActions.tsx
-import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
-import React from "react";
-import { IconButton, useTranslation } from "@dxos/react-ui";
+import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
+import React2 from "react";
+import { IconButton, useTranslation as useTranslation2 } from "@dxos/react-ui";
 import { mx } from "@dxos/react-ui-theme";
 var ChatActions = ({ classNames, children, microphone, recording, processing, onEvent }) => {
-  var _effect = _useSignals3();
+  var _effect = _useSignals4();
   try {
-    const { t } = useTranslation(meta.id);
-    return /* @__PURE__ */ React.createElement("div", {
+    const { t } = useTranslation2(meta.id);
+    return /* @__PURE__ */ React2.createElement("div", {
       className: mx("flex items-center mie-1", classNames)
-    }, children, /* @__PURE__ */ React.createElement(IconButton, {
+    }, children, /* @__PURE__ */ React2.createElement(IconButton, {
       disabled: !processing,
       variant: "ghost",
-      size: 5,
       icon: "ph--x--regular",
       iconOnly: true,
-      label: t("button cancel processing"),
+      label: t("cancel processing button"),
       onClick: () => onEvent?.({
         type: "cancel"
       })
-    }), microphone && /* @__PURE__ */ React.createElement(IconButton, {
+    }), microphone && /* @__PURE__ */ React2.createElement(IconButton, {
       disabled: !processing,
       classNames: mx(recording && "bg-primary-500"),
       variant: "ghost",
-      size: 5,
       icon: "ph--microphone--regular",
       iconOnly: true,
       noTooltip: true,
-      label: t("button microphone"),
+      label: t("microphone button"),
       onMouseDown: () => onEvent?.({
         type: "record-start"
       }),
@@ -705,88 +543,86 @@ var ChatActions = ({ classNames, children, microphone, recording, processing, on
 };
 
 // src/components/ChatPrompt/ChatOptions.tsx
-import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
-import React2, { useMemo as useMemo6, useState as useState8 } from "react";
-import { Filter as Filter3, Obj as Obj4, Type } from "@dxos/echo";
+import { useSignals as _useSignals5 } from "@preact-signals/safe-react/tracking";
+import React3, { useMemo as useMemo6, useState as useState8 } from "react";
+import { Filter as Filter3, Obj as Obj3, Type } from "@dxos/echo";
 import { useQuery as useQuery2 } from "@dxos/react-client/echo";
-import { Icon, IconButton as IconButton2, Popover, Select, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { Icon, IconButton as IconButton2, Popover, Select as Select2, useTranslation as useTranslation3 } from "@dxos/react-ui";
 import { Listbox, SearchList } from "@dxos/react-ui-searchlist";
 import { Tabs } from "@dxos/react-ui-tabs";
 var panelClassNames = "is-[calc(100dvw-.5rem)] sm:is-max md:is-72 max-is-[--text-content]";
 var ChatOptions = ({ space, context, blueprintRegistry, presets, preset, onPresetChange }) => {
-  var _effect = _useSignals4();
+  var _effect = _useSignals5();
   try {
-    const { t } = useTranslation2(meta.id);
-    return /* @__PURE__ */ React2.createElement("div", {
+    const { t } = useTranslation3(meta.id);
+    return /* @__PURE__ */ React3.createElement("div", {
       role: "none",
-      className: "flex gap-0.5"
-    }, /* @__PURE__ */ React2.createElement(Popover.Root, null, /* @__PURE__ */ React2.createElement(Popover.Trigger, {
+      className: "flex"
+    }, /* @__PURE__ */ React3.createElement(Popover.Root, null, /* @__PURE__ */ React3.createElement(Popover.Trigger, {
       asChild: true
-    }, /* @__PURE__ */ React2.createElement(IconButton2, {
+    }, /* @__PURE__ */ React3.createElement(IconButton2, {
       variant: "ghost",
       icon: "ph--plus--regular",
       iconOnly: true,
-      size: 5,
-      label: t("button context objects")
-    })), /* @__PURE__ */ React2.createElement(Popover.Portal, null, /* @__PURE__ */ React2.createElement(Popover.Content, {
+      label: t("context objects button")
+    })), /* @__PURE__ */ React3.createElement(Popover.Portal, null, /* @__PURE__ */ React3.createElement(Popover.Content, {
       side: "top",
       classNames: panelClassNames
-    }, /* @__PURE__ */ React2.createElement(ObjectsPanel, {
+    }, /* @__PURE__ */ React3.createElement(Popover.Viewport, null, /* @__PURE__ */ React3.createElement(ObjectsPanel, {
       space,
       context
-    }), /* @__PURE__ */ React2.createElement(Popover.Arrow, null)))), /* @__PURE__ */ React2.createElement(Popover.Root, null, /* @__PURE__ */ React2.createElement(Popover.Trigger, {
+    })), /* @__PURE__ */ React3.createElement(Popover.Arrow, null)))), /* @__PURE__ */ React3.createElement(Popover.Root, null, /* @__PURE__ */ React3.createElement(Popover.Trigger, {
       asChild: true
-    }, /* @__PURE__ */ React2.createElement(IconButton2, {
+    }, /* @__PURE__ */ React3.createElement(IconButton2, {
       variant: "ghost",
       icon: "ph--sliders-horizontal--regular",
       iconOnly: true,
-      size: 5,
-      label: t("button context settings")
-    })), /* @__PURE__ */ React2.createElement(Popover.Portal, null, /* @__PURE__ */ React2.createElement(Popover.Content, {
+      label: t("context settings button")
+    })), /* @__PURE__ */ React3.createElement(Popover.Portal, null, /* @__PURE__ */ React3.createElement(Popover.Content, {
       side: "top",
       classNames: panelClassNames
-    }, /* @__PURE__ */ React2.createElement(Tabs.Root, {
+    }, /* @__PURE__ */ React3.createElement(Popover.Viewport, null, /* @__PURE__ */ React3.createElement(Tabs.Root, {
       orientation: "horizontal",
       defaultValue: "blueprints",
       defaultActivePart: "list",
       tabIndex: -1
-    }, /* @__PURE__ */ React2.createElement(Tabs.Viewport, {
+    }, /* @__PURE__ */ React3.createElement(Tabs.Viewport, {
       classNames: 'max-bs-[--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-bs-0 [&_[role="listbox"]]:overflow-y-auto [&_[role="tabpanel"]]:min-bs-0 [&_[role="tabpanel"]]:pli-cardSpacingChrome [&_[role="tabpanel"][data-state="active"]]:order-first [&_[role="tabpanel"][data-state="inactive"]]:hidden'
-    }, /* @__PURE__ */ React2.createElement(Tabs.Tabpanel, {
+    }, /* @__PURE__ */ React3.createElement(Tabs.Tabpanel, {
       value: "blueprints",
       tabIndex: -1,
       classNames: "dx-focus-ring-inset"
-    }, /* @__PURE__ */ React2.createElement(BlueprintsPanel, {
+    }, /* @__PURE__ */ React3.createElement(BlueprintsPanel, {
       blueprintRegistry,
       space,
       context
-    })), /* @__PURE__ */ React2.createElement(Tabs.Tabpanel, {
+    })), /* @__PURE__ */ React3.createElement(Tabs.Tabpanel, {
       value: "model",
       tabIndex: -1,
       classNames: "dx-focus-ring-inset !pli-0"
-    }, /* @__PURE__ */ React2.createElement(ModelsPanel, {
+    }, /* @__PURE__ */ React3.createElement(ModelsPanel, {
       presets,
       preset,
       onPresetChange
-    })), /* @__PURE__ */ React2.createElement(Tabs.Tablist, {
+    })), /* @__PURE__ */ React3.createElement(Tabs.Tablist, {
       classNames: "sm:overflow-x-hidden justify-center p-[--dx-cardSpacingChrome] border-bs border-subduedSeparator order-last"
-    }, /* @__PURE__ */ React2.createElement(Tabs.IconTab, {
+    }, /* @__PURE__ */ React3.createElement(Tabs.IconTab, {
       value: "blueprints",
       icon: "ph--blueprint--regular",
       label: t("blueprints in context title")
-    }), /* @__PURE__ */ React2.createElement(Tabs.IconTab, {
+    }), /* @__PURE__ */ React3.createElement(Tabs.IconTab, {
       value: "model",
       label: t("chat model title"),
       icon: "ph--cpu--regular"
-    })))), /* @__PURE__ */ React2.createElement(Popover.Arrow, null)))));
+    }))))), /* @__PURE__ */ React3.createElement(Popover.Arrow, null)))));
   } finally {
     _effect.f();
   }
 };
 var BlueprintsPanel = ({ blueprintRegistry, space, context }) => {
-  var _effect = _useSignals4();
+  var _effect = _useSignals5();
   try {
-    const { t } = useTranslation2(meta.id);
+    const { t } = useTranslation3(meta.id);
     const blueprints = useBlueprints({
       blueprintRegistry,
       space
@@ -799,24 +635,24 @@ var BlueprintsPanel = ({ blueprintRegistry, space, context }) => {
       context,
       blueprintRegistry
     });
-    return /* @__PURE__ */ React2.createElement(SearchList.Root, null, /* @__PURE__ */ React2.createElement(SearchList.Content, {
+    return /* @__PURE__ */ React3.createElement(SearchList.Root, null, /* @__PURE__ */ React3.createElement(SearchList.Content, {
       classNames: "plb-cardSpacingChrome"
     }, blueprints.map((blueprint) => {
       const isActive = activeBlueprints.has(blueprint.key);
-      return /* @__PURE__ */ React2.createElement(SearchList.Item, {
+      return /* @__PURE__ */ React3.createElement(SearchList.Item, {
         classNames: "flex items-center overflow-hidden",
         key: blueprint.key,
         value: blueprint.name,
         onSelect: () => onUpdateBlueprint?.(blueprint.key, !isActive)
-      }, /* @__PURE__ */ React2.createElement("div", {
+      }, /* @__PURE__ */ React3.createElement("div", {
         className: "grow truncate"
-      }, blueprint.name), /* @__PURE__ */ React2.createElement(Icon, {
+      }, blueprint.name), /* @__PURE__ */ React3.createElement(Icon, {
         icon: "ph--check--regular",
         classNames: [
           !isActive && "invisible"
         ]
       }));
-    })), /* @__PURE__ */ React2.createElement(SearchList.Input, {
+    })), /* @__PURE__ */ React3.createElement(SearchList.Input, {
       placeholder: t("search placeholder"),
       classNames: "mbe-cardSpacingChrome",
       autoFocus: true
@@ -826,17 +662,17 @@ var BlueprintsPanel = ({ blueprintRegistry, space, context }) => {
   }
 };
 var ModelsPanel = ({ presets, preset, onPresetChange }) => {
-  var _effect = _useSignals4();
+  var _effect = _useSignals5();
   try {
-    return /* @__PURE__ */ React2.createElement(Listbox.Root, {
+    return /* @__PURE__ */ React3.createElement(Listbox.Root, {
       value: preset,
       onValueChange: onPresetChange,
       autoFocus: true
     }, presets?.map(({ id, label }) => {
-      return /* @__PURE__ */ React2.createElement(Listbox.Option, {
+      return /* @__PURE__ */ React3.createElement(Listbox.Option, {
         key: id,
         value: id
-      }, /* @__PURE__ */ React2.createElement(Listbox.OptionLabel, null, label), /* @__PURE__ */ React2.createElement(Listbox.OptionIndicator, null));
+      }, /* @__PURE__ */ React3.createElement(Listbox.OptionLabel, null, label), /* @__PURE__ */ React3.createElement(Listbox.OptionIndicator, null));
     }));
   } finally {
     _effect.f();
@@ -844,9 +680,9 @@ var ModelsPanel = ({ presets, preset, onPresetChange }) => {
 };
 var ANY = "__any__";
 var ObjectsPanel = ({ space, context }) => {
-  var _effect = _useSignals4();
+  var _effect = _useSignals5();
   try {
-    const { t } = useTranslation2(meta.id);
+    const { t } = useTranslation3(meta.id);
     const types = useItemTypes(space);
     const typenames = useMemo6(() => {
       const typenames2 = types.map((type) => {
@@ -873,39 +709,39 @@ var ObjectsPanel = ({ space, context }) => {
       space,
       context
     });
-    return /* @__PURE__ */ React2.createElement(SearchList.Root, null, /* @__PURE__ */ React2.createElement(SearchList.Content, {
+    return /* @__PURE__ */ React3.createElement(SearchList.Root, null, /* @__PURE__ */ React3.createElement(SearchList.Content, {
       classNames: "p-cardSpacingChrome [&:has([cmdk-list-sizer]:empty)]:plb-0"
     }, objects.length ? objects.map((object) => {
-      const label = Obj4.getLabel(object) ?? Obj4.getTypename(object) ?? object.id;
+      const label = Obj3.getLabel(object) ?? Obj3.getTypename(object) ?? object.id;
       const isActive = contextObjects.findIndex((obj) => obj.id === object.id) !== -1;
-      return /* @__PURE__ */ React2.createElement(SearchList.Item, {
+      return /* @__PURE__ */ React3.createElement(SearchList.Item, {
         classNames: "flex items-center overflow-hidden",
         key: object.id,
         value: object.id,
-        onSelect: () => onUpdateObject?.(Obj4.getDXN(object), !isActive)
-      }, /* @__PURE__ */ React2.createElement("div", {
+        onSelect: () => onUpdateObject?.(Obj3.getDXN(object), !isActive)
+      }, /* @__PURE__ */ React3.createElement("div", {
         className: "grow truncate"
-      }, label), /* @__PURE__ */ React2.createElement(Icon, {
+      }, label), /* @__PURE__ */ React3.createElement(Icon, {
         icon: "ph--check--regular",
         classNames: [
           !isActive && "invisible"
         ]
       }));
-    }) : /* @__PURE__ */ React2.createElement(SearchList.Item, null, t("no results"))), /* @__PURE__ */ React2.createElement("div", {
+    }) : /* @__PURE__ */ React3.createElement(SearchList.Item, null, t("no results"))), /* @__PURE__ */ React3.createElement("div", {
       role: "none",
       className: "grid grid-cols-[min-content_1fr] gap-2 pli-cardSpacingChrome mbe-cardSpacingChrome"
-    }, /* @__PURE__ */ React2.createElement(Select.Root, {
+    }, /* @__PURE__ */ React3.createElement(Select2.Root, {
       value: typename === ANY ? void 0 : typename,
       onValueChange: setTypename
-    }, /* @__PURE__ */ React2.createElement(Select.TriggerButton, {
+    }, /* @__PURE__ */ React3.createElement(Select2.TriggerButton, {
       density: "fine",
       placeholder: t("type filter placeholder")
-    }), /* @__PURE__ */ React2.createElement(Select.Portal, null, /* @__PURE__ */ React2.createElement(Select.Content, null, /* @__PURE__ */ React2.createElement(Select.ScrollUpButton, null), /* @__PURE__ */ React2.createElement(Select.Viewport, null, /* @__PURE__ */ React2.createElement(Select.Option, {
+    }), /* @__PURE__ */ React3.createElement(Select2.Portal, null, /* @__PURE__ */ React3.createElement(Select2.Content, null, /* @__PURE__ */ React3.createElement(Select2.ScrollUpButton, null), /* @__PURE__ */ React3.createElement(Select2.Viewport, null, /* @__PURE__ */ React3.createElement(Select2.Option, {
       value: ANY
-    }, t("any type filter label")), typenames.map(({ typename: typename2, label }) => /* @__PURE__ */ React2.createElement(Select.Option, {
+    }, t("any type filter label")), typenames.map(({ typename: typename2, label }) => /* @__PURE__ */ React3.createElement(Select2.Option, {
       key: typename2,
       value: typename2
-    }, label))), /* @__PURE__ */ React2.createElement(Select.ScrollDownButton, null), /* @__PURE__ */ React2.createElement(Select.Arrow, null)))), /* @__PURE__ */ React2.createElement(SearchList.Input, {
+    }, label))), /* @__PURE__ */ React3.createElement(Select2.ScrollDownButton, null), /* @__PURE__ */ React3.createElement(Select2.Arrow, null)))), /* @__PURE__ */ React3.createElement(SearchList.Input, {
       placeholder: t("search placeholder"),
       classNames: "mbe-0",
       autoFocus: true
@@ -916,46 +752,46 @@ var ObjectsPanel = ({ space, context }) => {
 };
 
 // src/components/ChatPrompt/ChatPresets.tsx
-import { useSignals as _useSignals5 } from "@preact-signals/safe-react/tracking";
-import React3 from "react";
-import { Select as Select2 } from "@dxos/react-ui";
-
-// src/components/ChatPrompt/ChatReferences.tsx
 import { useSignals as _useSignals6 } from "@preact-signals/safe-react/tracking";
 import React4 from "react";
-import { Obj as Obj5 } from "@dxos/echo";
-import { IconButton as IconButton3, toLocalizedString, useTranslation as useTranslation3 } from "@dxos/react-ui";
+import { Select as Select3 } from "@dxos/react-ui";
+
+// src/components/ChatPrompt/ChatReferences.tsx
+import { useSignals as _useSignals7 } from "@preact-signals/safe-react/tracking";
+import React5 from "react";
+import { Obj as Obj4 } from "@dxos/echo";
+import { IconButton as IconButton3, toLocalizedString, useTranslation as useTranslation4 } from "@dxos/react-ui";
 import { mx as mx2 } from "@dxos/react-ui-theme";
 var ChatReferences = ({ classNames, context, space }) => {
-  var _effect = _useSignals6();
+  var _effect = _useSignals7();
   try {
-    const { t } = useTranslation3(meta.id);
+    const { t } = useTranslation4(meta.id);
     const { objects, onUpdateObject } = useContextObjects({
       space,
       context
     });
-    return /* @__PURE__ */ React4.createElement("ul", {
-      className: mx2("flex flex-wrap", classNames)
+    return /* @__PURE__ */ React5.createElement("ul", {
+      className: mx2("flex", classNames)
     }, objects.map((obj) => {
-      const dxn = Obj5.getDXN(obj);
-      const typename = Obj5.getTypename(obj);
-      const label = Obj5.getLabel(obj) ?? (typename ? [
+      const dxn = Obj4.getDXN(obj);
+      const typename = Obj4.getTypename(obj);
+      const label = Obj4.getLabel(obj) ?? (typename ? [
         "object name placeholder",
         {
           ns: typename
         }
       ] : obj.id);
-      return /* @__PURE__ */ React4.createElement("li", {
+      return /* @__PURE__ */ React5.createElement("li", {
         key: dxn.toString(),
         className: "dx-tag plb-0 pis-2 flex items-center",
         "data-hue": "neutral"
-      }, toLocalizedString(label, t), /* @__PURE__ */ React4.createElement(IconButton3, {
+      }, toLocalizedString(label, t), /* @__PURE__ */ React5.createElement(IconButton3, {
+        icon: "ph--x--bold",
         iconOnly: true,
         variant: "ghost",
         label: t("remove object in context label"),
         classNames: "p-0 hover:bg-transparent",
         size: 3,
-        icon: "ph--x--bold",
         onClick: () => onUpdateObject?.(dxn, false)
       }));
     }));
@@ -965,14 +801,14 @@ var ChatReferences = ({ classNames, context, space }) => {
 };
 
 // src/components/ChatPrompt/ChatStatusIndicator.tsx
-import { useSignals as _useSignals7 } from "@preact-signals/safe-react/tracking";
-import React5, { useEffect as useEffect3, useState as useState9 } from "react";
+import { useSignals as _useSignals8 } from "@preact-signals/safe-react/tracking";
+import React6, { useEffect as useEffect3, useState as useState9 } from "react";
 import { Tooltip, useTimeout } from "@dxos/react-ui";
 import { Spinner } from "@dxos/react-ui-sfx";
 import { mx as mx3 } from "@dxos/react-ui-theme";
 var period = 3e3;
 var ChatStatusIndicator = ({ classNames, preset, processing, error, ...props }) => {
-  var _effect = _useSignals7();
+  var _effect = _useSignals8();
   try {
     const [init, setInit] = useState9(false);
     useEffect3(() => setInit(false), [
@@ -983,17 +819,17 @@ var ChatStatusIndicator = ({ classNames, preset, processing, error, ...props })
     }, period / 2, [
       preset
     ]);
-    return /* @__PURE__ */ React5.createElement("div", {
+    return /* @__PURE__ */ React6.createElement("div", {
       role: "none",
       className: mx3("relative flex", classNames)
-    }, /* @__PURE__ */ React5.createElement(Spinner, {
+    }, /* @__PURE__ */ React6.createElement(Spinner, {
       duration: period,
       state: !init ? "flash" : error ? "error" : processing ? "spin" : "pulse",
       ...props
-    }), error && /* @__PURE__ */ React5.createElement(Tooltip.Trigger, {
+    }), error && /* @__PURE__ */ React6.createElement(Tooltip.Trigger, {
       asChild: true,
       content: error.message
-    }, /* @__PURE__ */ React5.createElement("div", {
+    }, /* @__PURE__ */ React6.createElement("div", {
       className: "absolute inset-0"
     })));
   } finally {
@@ -1002,42 +838,34 @@ var ChatStatusIndicator = ({ classNames, preset, processing, error, ...props })
 };
 
 // src/components/ChatThread/ChatThread.tsx
-import { useSignals as _useSignals10 } from "@preact-signals/safe-react/tracking";
-import React8, { forwardRef, useCallback as useCallback5, useEffect as useEffect5, useImperativeHandle, useMemo as useMemo8, useState as useState11 } from "react";
+import { useSignals as _useSignals11 } from "@preact-signals/safe-react/tracking";
+import React9, { forwardRef, useCallback as useCallback6, useEffect as useEffect5, useMemo as useMemo8 } from "react";
 import { PublicKey } from "@dxos/keys";
+import { useForwardedRef } from "@dxos/react-ui";
 import { MarkdownStream } from "@dxos/react-ui-components";
 import { mx as mx4 } from "@dxos/react-ui-theme";
 import { keyToFallback } from "@dxos/util";
 
 // src/components/ChatThread/registry.tsx
-import { useSignals as _useSignals9 } from "@preact-signals/safe-react/tracking";
-import React7 from "react";
-import { log as log4 } from "@dxos/log";
+import { useSignals as _useSignals10 } from "@preact-signals/safe-react/tracking";
+import React8 from "react";
+import { log as log3 } from "@dxos/log";
 import { PromptWidget, ReferenceWidget, SelectWidget, SuggestionWidget, SummaryWidget, ToggleContainer as ToggleContainer2 } from "@dxos/react-ui-components";
 import { getXmlTextChild } from "@dxos/react-ui-editor";
 import { Json as Json2 } from "@dxos/react-ui-syntax-highlighter";
-import { ContentBlock } from "@dxos/schema";
+import { ContentBlock } from "@dxos/types";
 
 // src/components/ToolBlock/ToolBlock.tsx
-import { useSignals as _useSignals8 } from "@preact-signals/safe-react/tracking";
-import React6, { useEffect as useEffect4, useMemo as useMemo7, useRef as useRef2, useState as useState10 } from "react";
-import { useTranslation as useTranslation4 } from "@dxos/react-ui";
-import { NumericTabs, TextCrawl, ToggleContainer, chatMessageJson, chatMessagePanel, chatMessagePanelContent, chatMessagePanelHeader } from "@dxos/react-ui-components";
+import { useSignals as _useSignals9 } from "@preact-signals/safe-react/tracking";
+import React7, { useCallback as useCallback5, useEffect as useEffect4, useMemo as useMemo7, useRef as useRef2, useState as useState10 } from "react";
+import { useTranslation as useTranslation5 } from "@dxos/react-ui";
+import { NumericTabs, TextCrawl, ToggleContainer } from "@dxos/react-ui-components";
 import { Json } from "@dxos/react-ui-syntax-highlighter";
 import { isNonNullable as isNonNullable3, safeParseJson } from "@dxos/util";
-var ToolBlock = ({ blocks = [] }) => {
-  var _effect = _useSignals8();
+var ToolBlock = ({ view, blocks = [] }) => {
+  var _effect = _useSignals9();
   try {
-    const { t } = useTranslation4(meta.id);
-    const getToolCaption = (tool, status) => {
-      if (!tool) {
-        return t("calling tool label");
-      }
-      return status?.message ?? tool.description ?? [
-        t("calling label"),
-        tool.name
-      ].join(" ");
-    };
+    const { t } = useTranslation5(meta.id);
     const items = useMemo7(() => {
       let lastToolCall;
       const tools = [];
@@ -1053,7 +881,10 @@ var ToolBlock = ({ blocks = [] }) => {
               block
             };
             return {
-              title: getToolCaption(lastToolCall?.tool),
+              title: tool?.description ?? [
+                t("tool call label"),
+                tool?.name
+              ].join(" "),
               content: {
                 ...block,
                 input: safeParseJson(block.input)
@@ -1063,11 +894,14 @@ var ToolBlock = ({ blocks = [] }) => {
           case "toolResult": {
             if (block.error) {
               return {
-                title: t("error label"),
+                title: t("tool error label"),
                 content: block
               };
             }
-            const title = getToolCaption(lastToolCall?.tool ?? t("tool result label"));
+            const title = lastToolCall?.tool?.description ?? [
+              t("tool result label"),
+              lastToolCall?.tool?.name
+            ].join(" ");
             lastToolCall = void 0;
             return {
               title,
@@ -1091,57 +925,65 @@ var ToolBlock = ({ blocks = [] }) => {
     }, [
       blocks
     ]);
+    const handleChangeOpen = useCallback5(() => {
+      setTimeout(() => {
+        view?.requestMeasure();
+      }, 1e3);
+    }, [
+      view
+    ]);
     if (!items.length) {
       return null;
     }
-    return /* @__PURE__ */ React6.createElement(ToolContainer, {
-      items
+    return /* @__PURE__ */ React7.createElement(ToolContainer, {
+      items,
+      onChangeOpen: handleChangeOpen
     });
   } finally {
     _effect.f();
   }
 };
 ToolBlock.displayName = "ToolBlock";
-var ToolContainer = ({ items }) => {
-  var _effect = _useSignals8();
+var ToolContainer = ({ items, onChangeOpen }) => {
+  var _effect = _useSignals9();
   try {
     const tabsRef = useRef2(null);
     const [selected, setSelected] = useState10(0);
     const [open, setOpen] = useState10(false);
     useEffect4(() => {
+      onChangeOpen?.(open);
       if (open) {
         tabsRef.current?.focus();
       }
     }, [
+      onChangeOpen,
       open
     ]);
     const handleSelect = (index) => {
       setSelected(index);
     };
-    const data = items[selected]?.content;
-    return /* @__PURE__ */ React6.createElement(ToggleContainer.Root, {
-      classNames: chatMessagePanel,
+    return /* @__PURE__ */ React7.createElement(ToggleContainer.Root, {
+      classNames: "mbs-2 is-full rounded-sm",
       open,
       onChangeOpen: setOpen
-    }, /* @__PURE__ */ React6.createElement(ToggleContainer.Header, {
-      classNames: chatMessagePanelHeader
-    }, /* @__PURE__ */ React6.createElement(TextCrawl, {
+    }, /* @__PURE__ */ React7.createElement(ToggleContainer.Header, {
+      classNames: "text-sm text-placeholder"
+    }, /* @__PURE__ */ React7.createElement(TextCrawl, {
       key: "status-roll",
-      lines: items.map((item) => item.title)
-    })), /* @__PURE__ */ React6.createElement(ToggleContainer.Content, {
-      classNames: [
-        "grid grid-cols-[32px_1fr]",
-        chatMessagePanelContent
-      ]
-    }, /* @__PURE__ */ React6.createElement(NumericTabs, {
+      lines: items.map((item) => item.title),
+      autoAdvance: true,
+      greedy: true
+    })), /* @__PURE__ */ React7.createElement(ToggleContainer.Content, {
+      classNames: "grid grid-cols-[32px_1fr]"
+    }, /* @__PURE__ */ React7.createElement(NumericTabs, {
       ref: tabsRef,
       classNames: "p-1",
       length: items.length,
       selected,
       onSelect: handleSelect
-    }), /* @__PURE__ */ React6.createElement(Json, {
-      data,
-      classNames: chatMessageJson,
+    }), /* @__PURE__ */ React7.createElement(Json, {
+      data: items[selected]?.content,
+      classNames: "p-1 text-xs bg-transparent",
       replacer: {
         maxDepth: 3,
         maxArrayLen: 10,
@@ -1154,17 +996,17 @@ var ToolContainer = ({ items }) => {
 };
 
 // src/components/ChatThread/registry.tsx
-var __dxlog_file4 = "/__w/dxos/dxos/packages/plugins/plugin-assistant/src/components/ChatThread/registry.tsx";
+var __dxlog_file3 = "/__w/dxos/dxos/packages/plugins/plugin-assistant/src/components/ChatThread/registry.tsx";
 var Fallback = ({ _tag, ...props }) => {
-  var _effect = _useSignals9();
+  var _effect = _useSignals10();
   try {
-    return /* @__PURE__ */ React7.createElement(ToggleContainer2.Root, {
+    return /* @__PURE__ */ React8.createElement(ToggleContainer2.Root, {
       classNames: "rounded-sm"
-    }, /* @__PURE__ */ React7.createElement(ToggleContainer2.Header, {
+    }, /* @__PURE__ */ React8.createElement(ToggleContainer2.Header, {
       classNames: "bg-groupSurface"
-    }, _tag), /* @__PURE__ */ React7.createElement(ToggleContainer2.Content, {
+    }, _tag), /* @__PURE__ */ React8.createElement(ToggleContainer2.Content, {
       classNames: "bg-modalSurface"
-    }, /* @__PURE__ */ React7.createElement(Json2, {
+    }, /* @__PURE__ */ React8.createElement(Json2, {
       classNames: "!p-2 text-sm",
       data: props
     })));
@@ -1178,36 +1020,36 @@ var componentRegistry = {
   //
   ["prompt"]: {
     block: true,
-    factory: (props) => {
-      const text = getXmlTextChild(props.children);
+    factory: ({ children }) => {
+      const text = getXmlTextChild(children);
       return text ? new PromptWidget(text) : null;
     }
   },
   ["reference"]: {
     block: false,
-    factory: (props) => {
-      const text = getXmlTextChild(props.children);
-      return text && props.ref ? new ReferenceWidget(text, props.ref) : null;
+    factory: ({ children, ref }) => {
+      const text = getXmlTextChild(children);
+      return text && ref ? new ReferenceWidget(text, ref) : null;
     }
   },
   ["select"]: {
     block: true,
-    factory: (props) => {
-      const options = props.children?.map((option) => option._tag === "option" && getXmlTextChild(option.children)).filter(Boolean);
+    factory: ({ children }) => {
+      const options = children?.map((option) => option._tag === "option" && getXmlTextChild(option.children)).filter(Boolean);
       return options?.length ? new SelectWidget(options) : null;
     }
   },
   ["suggestion"]: {
     block: true,
-    factory: (props) => {
-      const text = getXmlTextChild(props.children);
+    factory: ({ children }) => {
+      const text = getXmlTextChild(children);
       return text ? new SuggestionWidget(text) : null;
     }
   },
   ["summary"]: {
     block: true,
-    factory: (props) => {
-      const text = getXmlTextChild(props.children);
+    factory: ({ children }) => {
+      const text = getXmlTextChild(children);
       return text ? new SummaryWidget(text) : null;
     }
   },
@@ -1235,17 +1077,17 @@ var componentRegistry = {
   }
 };
 var blockToMarkdown = (context, message, block) => {
-  let str = _blockToMarkdown(context, message, block);
+  let str = blockToMarkdownImpl(context, message, block);
   if (str && !block.pending) {
     return str += "\n";
   }
   return str;
 };
-var _blockToMarkdown = (context, message, block) => {
-  log4("blockToMarkdown", {
+var blockToMarkdownImpl = (context, message, block) => {
+  log3("blockToMarkdown", {
     block: JSON.stringify(block)
   }, {
-    F: __dxlog_file4,
+    F: __dxlog_file3,
     L: 125,
     S: void 0,
     C: (f, a) => f(...a)
@@ -1253,9 +1095,7 @@ var _blockToMarkdown = (context, message, block) => {
   switch (block._tag) {
     case "text": {
       if (message.sender.role === "user") {
-        return `
-<prompt>${block.text}</prompt>
-`;
+        return `<prompt>${block.text}</prompt>`;
       } else {
         const text = block.text.trim();
         if (text.length > 0) {
@@ -1264,6 +1104,10 @@ var _blockToMarkdown = (context, message, block) => {
       }
       break;
     }
+    case "reference": {
+      const dxn = block.reference.dxn;
+      return `<reference ref="${dxn.toString()}">${context.getObjectLabel(dxn)}</reference>`;
+    }
     case "suggestion": {
       if (block.pending) {
         return;
@@ -1276,13 +1120,6 @@ var _blockToMarkdown = (context, message, block) => {
       }
       return `<select>${block.options.map((option) => `<option>${option}</option>`).join("")}</select>`;
     }
-    // TODO(burdon): Need label.
-    case "reference": {
-      return `<reference ref="${block.reference.dxn.toString()}">Ref</reference>`;
-    }
-    // case 'toolkit': {
-    //   return `<toolkit />`;
-    // }
     case "toolCall": {
       context.updateWidget(block.toolCallId, {
         blocks: [
@@ -1303,7 +1140,6 @@ var _blockToMarkdown = (context, message, block) => {
     case "summary": {
       return `<summary>${ContentBlock.createSummaryMessage(block)}</summary>`;
     }
-    // TODO(burdon): Need stable ID.
     default: {
       return `<json id="${message.id}">
 ${JSON.stringify(block)}
@@ -1313,38 +1149,41 @@ ${JSON.stringify(block)}
 };
 
 // src/components/ChatThread/sync.ts
-import { log as log5 } from "@dxos/log";
-function _define_property2(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-var __dxlog_file5 = "/__w/dxos/dxos/packages/plugins/plugin-assistant/src/components/ChatThread/sync.ts";
+import { log as log4 } from "@dxos/log";
+var __dxlog_file4 = "/__w/dxos/dxos/packages/plugins/plugin-assistant/src/components/ChatThread/sync.ts";
 var MessageThreadContext = class {
+  _widgetState;
+  constructor(_widgetState) {
+    this._widgetState = _widgetState;
+  }
   updateWidget(id, value) {
     this._widgetState?.updateWidget(id, value);
   }
-  constructor(_widgetState) {
-    _define_property2(this, "_widgetState", void 0);
-    this._widgetState = _widgetState;
+  // TODO(burdon): Resolve from hypergraph.
+  getObjectLabel(_id) {
+    return "Object";
   }
 };
 var MessageSyncer = class {
+  _model;
+  _blockRenderer;
+  _initialMessageId;
+  _currentMessageIndex = 0;
+  _currentBlockIndex = 0;
+  _currentBlockContent;
+  _context;
+  constructor(_model, _blockRenderer) {
+    this._model = _model;
+    this._blockRenderer = _blockRenderer;
+    this._context = new MessageThreadContext(this._model);
+  }
   get context() {
     return this._context;
   }
   reset() {
-    log5("reset", void 0, {
-      F: __dxlog_file5,
-      L: 58,
+    log4("reset", void 0, {
+      F: __dxlog_file4,
+      L: 64,
       S: this,
       C: (f, a) => f(...a)
     });
@@ -1354,22 +1193,53 @@ var MessageSyncer = class {
     this._currentBlockContent = void 0;
     void this._model.reset("");
   }
-  sync(messages) {
-    log5("sync", {
+  /**
+  * Syncs messages with the editor.
+  */
+  append(messages, flush = false) {
+    if (this._initialMessageId !== messages[0]?.id) {
+      this.reset();
+      this._initialMessageId = messages[0]?.id;
+    }
+    if (flush && this._model.view?.state.doc.length === 0) {
+      const buffer = [];
+      this.process(messages, (content2) => {
+        buffer.push(content2);
+      });
+      const content = buffer.join("");
+      this._model.view?.dispatch({
+        changes: [
+          {
+            from: 0,
+            to: this._model.view?.state.doc.length ?? 0,
+            insert: content
+          }
+        ],
+        selection: {
+          anchor: content.length
+        }
+      });
+      return true;
+    } else {
+      this.process(messages, (content) => {
+        void this._model.append(content);
+      });
+      return false;
+    }
+  }
+  process(messages, append) {
+    log4("sync", {
+      doc: this._model.view?.state.doc.length,
       messages: messages.map((message) => message.blocks.length),
       currentMessageIndex: this._currentMessageIndex,
       currentBlockIndex: this._currentBlockIndex,
       currentBlockContent: this._currentBlockContent
     }, {
-      F: __dxlog_file5,
-      L: 67,
+      F: __dxlog_file4,
+      L: 105,
       S: this,
       C: (f, a) => f(...a)
     });
-    if (this._initialMessageId !== messages[0]?.id) {
-      this.reset();
-      this._initialMessageId = messages[0]?.id;
-    }
     let i = this._currentMessageIndex;
     for (const message of messages.slice(this._currentMessageIndex)) {
       if (i > this._currentMessageIndex) {
@@ -1387,18 +1257,18 @@ var MessageSyncer = class {
           } else {
             content = currentBlockContent;
           }
-          void this._model.append(content);
-          this._currentBlockContent = currentBlockContent;
-          log5("append", {
+          log4("append", {
             message: i,
             block: j,
             content
           }, {
-            F: __dxlog_file5,
-            L: 99,
+            F: __dxlog_file4,
+            L: 132,
             S: this,
             C: (f, a) => f(...a)
           });
+          this._currentBlockContent = currentBlockContent;
+          append(content);
         }
         if (block.pending) {
           return;
@@ -1411,35 +1281,17 @@ var MessageSyncer = class {
       i++;
     }
   }
-  constructor(_model, _blockRenderer) {
-    _define_property2(this, "_model", void 0);
-    _define_property2(this, "_blockRenderer", void 0);
-    _define_property2(this, "_initialMessageId", void 0);
-    _define_property2(this, "_currentMessageIndex", void 0);
-    _define_property2(this, "_currentBlockIndex", void 0);
-    _define_property2(this, "_currentBlockContent", void 0);
-    _define_property2(this, "_context", void 0);
-    this._model = _model;
-    this._blockRenderer = _blockRenderer;
-    this._currentMessageIndex = 0;
-    this._currentBlockIndex = 0;
-    this._context = new MessageThreadContext(this._model);
-  }
 };
 
 // src/components/ChatThread/ChatThread.tsx
-var ChatThread = /* @__PURE__ */ forwardRef(({ classNames, identity, messages = [], error, cursor = false, fadeIn = true, overscroll, onEvent }, forwardedRef) => {
-  var _effect = _useSignals10();
+var ChatThread = /* @__PURE__ */ forwardRef(({ classNames, identity, messages = [], error, cursor = false, fadeIn = true, debug = false, onEvent }, forwardedRef) => {
+  var _effect = _useSignals11();
   try {
-    const userHue = useMemo8(() => {
-      return identity?.profile?.data?.hue || keyToFallback(identity?.identityKey ?? PublicKey.random()).hue;
-    }, [
+    const controllerRef = useForwardedRef(forwardedRef);
+    const controller = controllerRef.current;
+    const userHue = useMemo8(() => identity?.profile?.data?.hue || keyToFallback(identity?.identityKey ?? PublicKey.random()).hue, [
       identity
     ]);
-    const [controller, setController] = useState11(null);
-    useImperativeHandle(forwardedRef, () => controller ? controller : null, [
-      controller
-    ]);
     useEffect5(() => {
       controller?.scrollToBottom();
     }, [
@@ -1450,17 +1302,20 @@ var ChatThread = /* @__PURE__ */ forwardRef(({ classNames, identity, messages =
       controller
     ]);
     useEffect5(() => {
-      syncer?.sync(messages);
+      const reset = syncer?.append(messages, true);
+      if (reset) {
+        controller?.scrollToBottom("instant");
+      }
     }, [
       syncer,
       messages
     ]);
-    const handleEvent = useCallback5((ev) => {
-      switch (ev.type) {
+    const handleEvent = useCallback6(({ type, value }) => {
+      switch (type) {
         case "submit": {
-          ev.value && onEvent?.({
-            type: "submit",
-            text: ev.value
+          value && onEvent?.({
+            type,
+            text: value
           });
           break;
         }
@@ -1468,17 +1323,18 @@ var ChatThread = /* @__PURE__ */ forwardRef(({ classNames, identity, messages =
     }, [
       onEvent
     ]);
-    return /* @__PURE__ */ React8.createElement("div", {
+    return /* @__PURE__ */ React9.createElement("div", {
+      role: "none",
       className: mx4("flex bs-full is-full justify-center overflow-hidden", classNames),
       style: {
         "--user-fill": `var(--dx-${userHue}Fill)`
       }
-    }, /* @__PURE__ */ React8.createElement(MarkdownStream, {
-      ref: setController,
+    }, /* @__PURE__ */ React9.createElement(MarkdownStream, {
+      ref: controllerRef,
       registry: componentRegistry,
       cursor,
       fadeIn,
-      overscroll,
+      debug,
       onEvent: handleEvent
     }));
   } finally {
@@ -1488,21 +1344,20 @@ var ChatThread = /* @__PURE__ */ forwardRef(({ classNames, identity, messages =
 
 // src/components/Chat/Chat.tsx
 var [ChatContextProvider, useChatContext] = createContext("Chat");
-var ChatRoot = ({ classNames, children, chat, processor, onEvent, ...props }) => {
-  var _effect = _useSignals11();
+var ChatRoot = ({ children, chat, processor, onEvent, ...props }) => {
+  var _effect = _useSignals12();
   try {
-    const [debug, setDebug] = useState12(false);
-    const space = getSpace(chat);
-    const queue = useQueue(chat?.queue.dxn);
-    const pending = useRxValue(processor.messages);
-    const streaming = useRxValue(processor.streaming);
+    const [debug, setDebug] = useState11(false);
+    const pending = useAtomValue(processor.messages);
+    const streaming = useAtomValue(processor.streaming);
     const lastPrompt = useRef3(void 0);
+    const queue = useQueue(chat?.queue.dxn);
     const messages = useMemo9(() => {
-      const queueMessages = queue?.objects?.filter(Obj6.instanceOf(DataType2.Message)) ?? [];
+      const queueMessages = queue?.objects?.filter(Obj5.instanceOf(Message.Message)) ?? [];
       return Array2.dedupeWith([
         ...queueMessages,
         ...pending
-      ], (a, b) => a.id === b.id);
+      ], ({ id: a }, { id: b }) => a === b);
     }, [
       queue?.objects,
       pending
@@ -1543,10 +1398,8 @@ var ChatRoot = ({ classNames, children, chat, processor, onEvent, ...props }) =>
             }
             break;
           }
-          default: {
-            onEvent?.(ev);
-          }
         }
+        onEvent?.(ev);
       });
     }, [
       event,
@@ -1554,37 +1407,43 @@ var ChatRoot = ({ classNames, children, chat, processor, onEvent, ...props }) =>
       streaming,
       onEvent
     ]);
-    if (!space) {
-      return null;
-    }
-    return /* @__PURE__ */ React9.createElement(ChatContextProvider, {
+    const space = props.space ?? getSpace(chat);
+    return /* @__PURE__ */ React10.createElement(ChatContextProvider, {
       debug,
       event,
-      chat,
       space,
+      chat,
       messages,
       processor,
       ...props
-    }, /* @__PURE__ */ React9.createElement("div", {
+    }, children);
+  } finally {
+    _effect.f();
+  }
+};
+ChatRoot.displayName = "Chat.Root";
+var ChatViewport = ({ classNames, children }) => {
+  var _effect = _useSignals12();
+  try {
+    return /* @__PURE__ */ React10.createElement("div", {
       role: "none",
       className: mx5("flex flex-col bs-full is-full", classNames)
-    }, children));
+    }, children);
   } finally {
     _effect.f();
   }
 };
-ChatRoot.displayName = "Chat.Root";
 var ChatPrompt = ({ classNames, outline, settings = true, placeholder, expandable, online, presets, preset, onPresetChange, onOnlineChange }) => {
-  var _effect = _useSignals11();
+  var _effect = _useSignals12();
   try {
-    const { t } = useTranslation5(meta.id);
-    const { space, event, processor } = useChatContext(ChatPrompt.displayName);
-    const error = useRxValue(processor.error).pipe(Option3.getOrUndefined);
-    const streaming = useRxValue(processor.streaming);
-    const active = useRxValue(processor.active);
+    const { t } = useTranslation6(meta.id);
+    const { space, processor, event } = useChatContext(ChatPrompt.displayName);
+    const error = useAtomValue(processor.error).pipe(Option2.getOrUndefined);
+    const streaming = useAtomValue(processor.streaming);
+    const active = useAtomValue(processor.active);
     const activeRef = useDynamicRef(active);
     const editorRef = useRef3(null);
-    const [recordingState, setRecordingState] = useState12(false);
+    const [recordingState, setRecordingState] = useState11(false);
     useEffect6(() => {
       return event.on((event2) => {
         switch (event2.type) {
@@ -1620,7 +1479,7 @@ var ChatPrompt = ({ classNames, outline, settings = true, placeholder, expandabl
         }),
         Prec.highest(keymap.of([
           {
-            key: "cmd-d",
+            key: "Mod-d",
             preventDefault: true,
             run: () => {
               event.emit({
@@ -1629,26 +1488,48 @@ var ChatPrompt = ({ classNames, outline, settings = true, placeholder, expandabl
               return true;
             }
           },
-          expandable && {
-            key: "cmd-ArrowUp",
+          {
+            key: "Mod-ArrowUp",
             preventDefault: true,
             run: () => {
               event.emit({
-                type: "thread-open"
+                type: "nav-previous"
               });
               return true;
             }
           },
-          expandable && {
-            key: "cmd-ArrowDown",
+          {
+            key: "Mod-ArrowDown",
             preventDefault: true,
             run: () => {
               event.emit({
-                type: "thread-close"
+                type: "nav-next"
               });
               return true;
             }
-          }
+          },
+          ...expandable ? [
+            {
+              key: "Shift-Mod-ArrowUp",
+              preventDefault: true,
+              run: () => {
+                event.emit({
+                  type: "thread-open"
+                });
+                return true;
+              }
+            },
+            {
+              key: "Shift-Mod-ArrowDown",
+              preventDefault: true,
+              run: () => {
+                event.emit({
+                  type: "thread-close"
+                });
+                return true;
+              }
+            }
+          ] : []
         ].filter(isTruthy)))
       ].filter(isTruthy);
     }, [
@@ -1656,7 +1537,7 @@ var ChatPrompt = ({ classNames, outline, settings = true, placeholder, expandabl
       expandable,
       referencesProvider
     ]);
-    const handleSubmit = useCallback6((text) => {
+    const handleSubmit = useCallback7((text) => {
       if (!activeRef.current) {
         event.emit({
           type: "submit",
@@ -1667,25 +1548,25 @@ var ChatPrompt = ({ classNames, outline, settings = true, placeholder, expandabl
     }, [
       event
     ]);
-    const handleEvent = useCallback6((ev) => {
+    const handleEvent = useCallback7((ev) => {
       event.emit(ev);
     }, [
       event
     ]);
-    return /* @__PURE__ */ React9.createElement("div", {
+    return /* @__PURE__ */ React10.createElement("div", {
       role: "group",
       className: mx5("flex flex-col is-full density-fine", outline && [
         "p-2 bg-groupSurface border border-subduedSeparator transition transition-border [&:has(.cm-content:focus)]:border-separator rounded"
       ], classNames)
-    }, /* @__PURE__ */ React9.createElement("div", {
+    }, /* @__PURE__ */ React10.createElement("div", {
       role: "none",
       className: "flex gap-2"
-    }, /* @__PURE__ */ React9.createElement(ChatStatusIndicator, {
+    }, /* @__PURE__ */ React10.createElement(ChatStatusIndicator, {
       classNames: "p-1",
       preset,
       error,
       processing: streaming
-    }), /* @__PURE__ */ React9.createElement(ChatEditor, {
+    }), /* @__PURE__ */ React10.createElement(ChatEditor, {
       ref: editorRef,
       autoFocus: true,
       lineWrapping: true,
@@ -1693,32 +1574,32 @@ var ChatPrompt = ({ classNames, outline, settings = true, placeholder, expandabl
       placeholder: placeholder ?? t("prompt placeholder"),
       extensions,
       onSubmit: handleSubmit
-    })), settings && /* @__PURE__ */ React9.createElement("div", {
+    })), space && settings && /* @__PURE__ */ React10.createElement("div", {
       role: "none",
-      className: "flex pbs-2 items-center"
-    }, /* @__PURE__ */ React9.createElement(ChatOptions, {
+      className: "flex pbs-2 items-center overflow-hidden"
+    }, /* @__PURE__ */ React10.createElement(ChatOptions, {
       space,
       blueprintRegistry: processor.blueprintRegistry,
       context: processor.context,
       preset,
       presets,
       onPresetChange
-    }), /* @__PURE__ */ React9.createElement("div", {
+    }), /* @__PURE__ */ React10.createElement("div", {
       role: "none",
-      className: "pli-cardSpacingChrome grow"
-    }, /* @__PURE__ */ React9.createElement(ChatReferences, {
+      className: "flex grow overflow-x-auto scrollbar-none"
+    }, /* @__PURE__ */ React10.createElement(ChatReferences, {
       space,
       context: processor.context
-    })), /* @__PURE__ */ React9.createElement(ChatActions, {
+    })), /* @__PURE__ */ React10.createElement(ChatActions, {
       classNames: "col-span-2",
       microphone: true,
       recording,
       processing: streaming,
       onEvent: handleEvent
-    }, online !== void 0 && /* @__PURE__ */ React9.createElement(Input.Root, null, /* @__PURE__ */ React9.createElement(Input.Label, {
+    }, online !== void 0 && /* @__PURE__ */ React10.createElement(Input2.Root, null, /* @__PURE__ */ React10.createElement(Input2.Label, {
       srOnly: true
-    }, t("online switch label")), /* @__PURE__ */ React9.createElement(Input.Switch, {
-      classNames: "mis-2 mie-2",
+    }, t("online switch label")), /* @__PURE__ */ React10.createElement(Input2.Switch, {
+      classNames: "mli-2",
       checked: online,
       onCheckedChange: onOnlineChange
     })))));
@@ -1728,25 +1609,31 @@ var ChatPrompt = ({ classNames, outline, settings = true, placeholder, expandabl
 };
 ChatPrompt.displayName = "Chat.Prompt";
 var ChatThread2 = (props) => {
-  var _effect = _useSignals11();
+  var _effect = _useSignals12();
   try {
-    const { event, messages, processor } = useChatContext(ChatThread2.displayName);
+    const { debug, event, messages, processor } = useChatContext(ChatThread2.displayName);
     const identity = useIdentity();
-    const error = useRxValue(processor.error).pipe(Option3.getOrUndefined);
-    const scrollerRef = useRef3(null);
+    const error = useAtomValue(processor.error).pipe(Option2.getOrUndefined);
+    const controllerRef = useRef3(null);
     useEffect6(() => {
       return event.on((event2) => {
         switch (event2.type) {
           case "submit":
           case "scroll-to-bottom":
-            scrollerRef.current?.scrollToBottom();
+            controllerRef.current?.scrollToBottom();
+            break;
+          case "nav-previous":
+            controllerRef.current?.navigatePrevious();
+            break;
+          case "nav-next":
+            controllerRef.current?.navigateNext();
             break;
         }
       });
     }, [
       event
     ]);
-    const handleEvent = useCallback6((ev) => {
+    const handleEvent = useCallback7((ev) => {
       event.emit(ev);
     }, [
       event
@@ -1754,32 +1641,290 @@ var ChatThread2 = (props) => {
     if (!identity) {
       return null;
     }
-    return /* @__PURE__ */ React9.createElement(ChatThread, {
+    return /* @__PURE__ */ React10.createElement(ChatThread, {
       ...props,
-      ref: scrollerRef,
       identity,
       messages,
       error,
-      onEvent: handleEvent
+      debug,
+      onEvent: handleEvent,
+      ref: controllerRef
     });
   } finally {
     _effect.f();
   }
 };
 ChatThread2.displayName = "Chat.Thread";
+var ChatToolbar = ({ classNames, companionTo }) => {
+  var _effect = _useSignals12();
+  try {
+    const { chat } = useChatContext(ChatToolbar.displayName);
+    const menu = useChatToolbarActions({
+      chat,
+      companionTo
+    });
+    return /* @__PURE__ */ React10.createElement(MenuProvider, {
+      ...menu,
+      attendableId: companionTo ? Obj5.getDXN(companionTo).toString() : chat ? Obj5.getDXN(chat).toString() : ""
+    }, /* @__PURE__ */ React10.createElement(ToolbarMenu, {
+      classNames,
+      textBlockWidth: true
+    }));
+  } finally {
+    _effect.f();
+  }
+};
+ChatToolbar.displayName = "Chat.Toolbar";
 var Chat = {
   Root: ChatRoot,
+  Viewport: ChatViewport,
   Prompt: ChatPrompt,
-  Thread: ChatThread2
+  Thread: ChatThread2,
+  Toolbar: ChatToolbar
+};
+
+// src/components/Toolbox/Toolbox.tsx
+import { useSignals as _useSignals13 } from "@preact-signals/safe-react/tracking";
+import React11, { Fragment, useEffect as useEffect7, useState as useState12 } from "react";
+import { Function } from "@dxos/functions";
+import { log as log5 } from "@dxos/log";
+import { Filter as Filter4, useQuery as useQuery3 } from "@dxos/react-client/echo";
+import { useTranslation as useTranslation7 } from "@dxos/react-ui";
+import { mx as mx6 } from "@dxos/react-ui-theme";
+var __dxlog_file5 = "/__w/dxos/dxos/packages/plugins/plugin-assistant/src/components/Toolbox/Toolbox.tsx";
+var Toolbox = ({ classNames, functions, services, blueprints, activeBlueprints }) => {
+  var _effect = _useSignals13();
+  try {
+    const { t } = useTranslation7(meta.id);
+    return /* @__PURE__ */ React11.createElement("div", {
+      className: mx6("flex flex-col overflow-y-auto box-content", classNames)
+    }, blueprints && blueprints.length > 0 && /* @__PURE__ */ React11.createElement(Section, {
+      title: "Blueprints",
+      items: blueprints.map(({ target }) => ({
+        name: target?.name ?? "",
+        description: target?.description ?? "",
+        subitems: target?.tools.map((toolId) => ({
+          name: `\u2219 ${safeToolId(toolId)}`
+        }))
+      }))
+    }), activeBlueprints && activeBlueprints.length > 0 && /* @__PURE__ */ React11.createElement(Section, {
+      title: "Blueprints",
+      items: activeBlueprints.map(({ target }) => ({
+        name: target?.name ?? "",
+        description: target?.description ?? "",
+        subitems: target?.tools.map((toolId) => ({
+          name: `\u2219 ${safeToolId(toolId)}`
+        }))
+      }))
+    }), services && services.length > 0 && /* @__PURE__ */ React11.createElement(Section, {
+      title: "Services",
+      items: services.map(({ service: { serviceId, name, description } }) => ({
+        name: name ?? serviceId,
+        description
+      }))
+    }), functions && functions.length > 0 && /* @__PURE__ */ React11.createElement(Section, {
+      title: "Functions",
+      items: functions.map(({ name, description }) => ({
+        name,
+        description
+      }))
+    }));
+  } finally {
+    _effect.f();
+  }
+};
+var Section = ({ title, items, striped }) => {
+  var _effect = _useSignals13();
+  try {
+    const stripeClassNames = "odd:bg-neutral-50 dark:odd:bg-neutral-800";
+    const gridClassNames = "grid grid-cols-[8rem_1fr]";
+    const subGridClassNames = mx6("col-span-full grid grid-cols-subgrid text-xs pli-2", striped && stripeClassNames);
+    return /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement("h1", {
+      className: "pli-2 text-sm"
+    }, title), /* @__PURE__ */ React11.createElement("div", {
+      className: gridClassNames
+    }, items.map(({ name, description, subitems }, i) => /* @__PURE__ */ React11.createElement(Fragment, {
+      key: i
+    }, name && /* @__PURE__ */ React11.createElement("div", {
+      className: subGridClassNames
+    }, /* @__PURE__ */ React11.createElement("div", {
+      className: "truncate text-primary-500"
+    }, name), /* @__PURE__ */ React11.createElement("div", {
+      className: "line-clamp-2"
+    }, description)), subitems?.map(({ name: name2, description: description2 }, i2) => /* @__PURE__ */ React11.createElement("div", {
+      key: i2,
+      className: mx6(subGridClassNames, striped && stripeClassNames)
+    }, /* @__PURE__ */ React11.createElement("div", {
+      className: "truncate"
+    }, name2), /* @__PURE__ */ React11.createElement("div", {
+      className: "line-clamp-3 text-subdued"
+    }, description2)))))));
+  } finally {
+    _effect.f();
+  }
+};
+var ToolboxContainer = ({ classNames, space, processor }) => {
+  var _effect = _useSignals13();
+  try {
+    const services = useQuery3(space, Filter4.type(ServiceType));
+    const [serviceTools, setServiceTools] = useState12([]);
+    useEffect7(() => {
+      log5("creating service tools...", {
+        services: services.length
+      }, {
+        F: __dxlog_file5,
+        L: 117,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+      queueMicrotask(async () => {
+      });
+    }, [
+      services
+    ]);
+    const functions = useQuery3(space, Filter4.type(Function.Function));
+    return /* @__PURE__ */ React11.createElement(Toolbox, {
+      classNames,
+      blueprints: processor?.context.blueprints.value,
+      services: serviceTools,
+      functions
+    });
+  } finally {
+    _effect.f();
+  }
+};
+var safeToolId = (name) => {
+  return name.split("_").pop();
+};
+
+// src/components/index.ts
+var BlueprintArticle = lazy(() => import("./BlueprintArticle-UGPRZRBG.mjs"));
+var ChatCompanion = lazy(() => import("./ChatCompanion-BZGANK56.mjs"));
+var ChatContainer = lazy(() => import("./ChatContainer-OG6Y3NHI.mjs"));
+var ChatDialog = lazy(() => import("./ChatDialog-NKNUCC3R.mjs"));
+var PromptArticle = lazy(() => import("./PromptArticle-QNJAXD5Y.mjs"));
+
+// src/hooks/useChatToolbarActions.ts
+var __dxlog_file6 = "/__w/dxos/dxos/packages/plugins/plugin-assistant/src/hooks/useChatToolbarActions.ts";
+var useChatToolbarActions = ({ chat, companionTo }) => {
+  const { dispatch } = useIntentDispatcher();
+  const { space } = useChatContext("useChatToolbarActions");
+  const query = companionTo ? Query.select(Filter5.ids(companionTo.id)).targetOf(Assistant_exports.CompanionTo).source() : Query.select(Filter5.nothing());
+  const chats = useQuery4(space, query);
+  return useMenuActions(useMemo10(() => {
+    return Atom.make(() => {
+      const builder = MenuBuilder.make().root({
+        label: [
+          "chat toolbar title",
+          {
+            ns: meta.id
+          }
+        ]
+      }).action("new", {
+        label: [
+          "new thread button",
+          {
+            ns: meta.id
+          }
+        ],
+        icon: "ph--plus--regular",
+        type: "new"
+      }, () => dispatch(createIntent(AssistantAction_exports.SetCurrentChat, {
+        companionTo,
+        chat: void 0
+      })).pipe(Effect2.runPromise)).action("rename", {
+        label: [
+          "rename thread button",
+          {
+            ns: meta.id
+          }
+        ],
+        icon: "ph--magic-wand--regular",
+        type: "rename",
+        disabled: !chat
+      }, () => Effect2.gen(function* () {
+        invariant(chat, void 0, {
+          F: __dxlog_file6,
+          L: 68,
+          S: this,
+          A: [
+            "chat",
+            ""
+          ]
+        });
+        yield* dispatch(createIntent(AssistantAction_exports.UpdateChatName, {
+          chat
+        }));
+      }).pipe(Effect2.runPromise)).action("branch", {
+        label: [
+          "button branch thread",
+          {
+            ns: meta.id
+          }
+        ],
+        icon: "ph--git-branch--regular",
+        type: "branch",
+        disabled: true
+      }, () => {
+      });
+      if (chats.length > 0) {
+        builder.group("chats", {
+          label: [
+            "chat history label",
+            {
+              ns: meta.id
+            }
+          ],
+          icon: "ph--clock-counter-clockwise--regular",
+          selectCardinality: "single",
+          variant: "dropdownMenu"
+        }, (builder2) => {
+          chats.toSorted((a, b) => a.id.localeCompare(b.id)).forEach((chat2) => {
+            builder2.action(chat2.id, {
+              label: Obj6.getLabel(chat2) ?? [
+                "object name placeholder",
+                {
+                  ns: Assistant_exports.Chat.typename
+                }
+              ]
+            }, () => Effect2.gen(function* () {
+              invariant(companionTo, void 0, {
+                F: __dxlog_file6,
+                L: 104,
+                S: this,
+                A: [
+                  "companionTo",
+                  ""
+                ]
+              });
+              yield* dispatch(createIntent(AssistantAction_exports.SetCurrentChat, {
+                companionTo,
+                chat: chat2
+              }));
+            }).pipe(Effect2.runPromise));
+          });
+        });
+      }
+      return builder.build();
+    });
+  }, [
+    chats.length,
+    space?.id,
+    companionTo?.id,
+    chat?.id,
+    dispatch
+  ]));
 };
 
 export {
+  AssistantSettings,
   useBlueprintRegistry,
   useBlueprints,
   useActiveBlueprints,
   useBlueprintHandlers,
   useChatProcessor,
   useChatServices,
+  useChatToolbarActions,
   useContextBinder,
   useContextObjects,
   useFlush,
@@ -1789,6 +1934,13 @@ export {
   useReferencesProvider,
   ChatContextProvider,
   useChatContext,
-  Chat
+  Chat,
+  Toolbox,
+  ToolboxContainer,
+  BlueprintArticle,
+  ChatCompanion,
+  ChatContainer,
+  ChatDialog,
+  PromptArticle
 };
-//# sourceMappingURL=chunk-WRJGOT5P.mjs.map
+//# sourceMappingURL=chunk-Y4C2CMME.mjs.map