@dxos/plugin-assistant 0.8.4-main.e098934 → 0.8.4-main.ead640a

package/dist/lib/browser/{chunk-C4Q2RYQM.mjs → chunk-7THOIN6F.mjs}

@@ -1,9 +1,6 @@
-import {
-  AssistantCapabilities
-} from "./chunk-EZUSNS2J.mjs";
 import {
   meta
-} from "./chunk-O4LUJEDV.mjs";
+} from "./chunk-5RICKAMN.mjs";
 
 // src/hooks/useBlueprintRegistry.ts
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
@@ -12,16 +9,31 @@ import { useCallback, useMemo, useState } from "react";
 import { Capabilities, useCapabilities } from "@dxos/app-framework";
 import { Blueprint } from "@dxos/blueprints";
 import { Filter, Obj, Ref } from "@dxos/echo";
-import { isNonNullable } from "@dxos/util";
+import { useQuery } from "@dxos/react-client/echo";
+import { distinctBy, isNonNullable } from "@dxos/util";
 var useBlueprintRegistry = () => {
   const blueprints = useCapabilities(Capabilities.BlueprintDefinition);
   return useMemo(() => new Blueprint.Registry(blueprints), [
     blueprints
   ]);
 };
-var useBlueprints = ({ blueprintRegistry }) => useMemo(() => blueprintRegistry?.query() ?? [], [
-  blueprintRegistry
-]);
+var useBlueprints = ({ blueprintRegistry, space }) => {
+  const staticBlueprints = useMemo(() => blueprintRegistry?.query() ?? [], [
+    blueprintRegistry
+  ]);
+  const spaceBlueprints = useQuery(space, Filter.type(Blueprint.Blueprint));
+  return useMemo(() => {
+    const blueprints = distinctBy([
+      ...staticBlueprints,
+      ...spaceBlueprints
+    ], (b) => b.key);
+    blueprints.sort(({ name: a }, { name: b }) => a.localeCompare(b));
+    return blueprints;
+  }, [
+    staticBlueprints,
+    spaceBlueprints
+  ]);
+};
 var useActiveBlueprints = ({ context }) => {
   var _effect = _useSignals();
   try {
@@ -80,12 +92,13 @@ var useBlueprintHandlers = ({ space, context, blueprintRegistry }) => {
 
 // src/hooks/useChatProcessor.ts
 import { RegistryContext } from "@effect-rx/rx-react";
-import { useContext, useMemo as useMemo2 } from "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 { Schema } from "effect";
+import * as Schema from "effect/Schema";
 var ModelProviders = [
   "dxos-local",
   "dxos-remote",
@@ -130,14 +143,56 @@ var AiServicePresets = [
 
 // src/processor/processor.ts
 import { Registry, Rx } from "@effect-rx/rx-react";
-import { Cause, Effect, Exit, Fiber, Option, Runtime } from "effect";
-import { AiService, DEFAULT_EDGE_MODEL } from "@dxos/ai";
-import { AiSession, ArtifactDiffResolver, GenerationObserver, createSystemPrompt } from "@dxos/assistant";
+import * as Cause from "effect/Cause";
+import * as Effect2 from "effect/Effect";
+import * as Exit2 from "effect/Exit";
+import * as Fiber2 from "effect/Fiber";
+import * as Option from "effect/Option";
+import * as Runtime2 from "effect/Runtime";
+import { AiService as AiService2, DEFAULT_EDGE_MODEL as DEFAULT_EDGE_MODEL2 } from "@dxos/ai";
+import { ArtifactDiffResolver, GenerationObserver, createSystemPrompt } from "@dxos/assistant";
 import { Obj as Obj2 } from "@dxos/echo";
-import { throwCause } from "@dxos/effect";
+import { throwCause as throwCause2 } from "@dxos/effect";
 import { log } from "@dxos/log";
 import { DataType } from "@dxos/schema";
+
+// src/processor/update-name.ts
+import * as Effect from "effect/Effect";
+import * as Exit from "effect/Exit";
+import * as Fiber from "effect/Fiber";
+import * as Runtime from "effect/Runtime";
+import { AiService, DEFAULT_EDGE_MODEL } from "@dxos/ai";
+import { AiSession } from "@dxos/assistant";
+import { throwCause } from "@dxos/effect";
 import { trim } from "@dxos/util";
+var updateName = async (runtime2, conversation, chat, model = DEFAULT_EDGE_MODEL) => {
+  const history = await conversation.getHistory();
+  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 prompt = "Suggest a name for this chat";
+  const fiber = Effect.gen(void 0, function* () {
+    const session = new AiSession();
+    return yield* session.run({
+      system,
+      prompt,
+      history
+    });
+  }).pipe(Effect.provide(AiService.model(model)), Effect.tap((messages) => {
+    const message = messages.find((message2) => message2.sender.role === "assistant");
+    const title = message?.blocks.find((block) => block._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);
+  }
+};
+
+// src/processor/processor.ts
 function _define_property(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
@@ -153,7 +208,7 @@ function _define_property(obj, key, value) {
 }
 var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-assistant/src/processor/processor.ts";
 var defaultOptions = {
-  model: DEFAULT_EDGE_MODEL
+  model: DEFAULT_EDGE_MODEL2
 };
 var AiChatProcessor = class {
   get context() {
@@ -181,43 +236,32 @@ var AiChatProcessor = class {
         prompt: requestParam.message,
         observer: this._observer
       });
-      const runtime = await this._services();
+      const runtime2 = await this._services();
       this._fiber = request.pipe(
-        Effect.provide(AiService.model(this._options.model ?? DEFAULT_EDGE_MODEL)),
+        Effect2.provide(AiService2.model(this._options.model ?? DEFAULT_EDGE_MODEL2)),
         // TODO(dmaretskyi): Move ArtifactDiffResolver upstream.
-        Effect.provideService(ArtifactDiffResolver, this._artifactDiffResolver),
-        Effect.asVoid,
-        Effect.tapErrorCause((cause) => {
-          log.error("request failed", {
-            cause
-          }, {
-            F: __dxlog_file,
-            L: 170,
-            S: this,
-            C: (f, a) => f(...a)
-          });
-          return Effect.void;
-        }),
-        Runtime.runFork(runtime)
+        Effect2.provideService(ArtifactDiffResolver, this._artifactDiffResolver),
+        Effect2.asVoid,
+        Runtime2.runFork(runtime2)
       );
-      const response = await this._fiber.pipe(Fiber.join, Effect.runPromiseExit);
-      if (!Exit.isSuccess(response) && !Cause.isInterruptedOnly(response.cause)) {
-        throwCause(response.cause);
+      const response = await this._fiber.pipe(Fiber2.join, Effect2.runPromiseExit);
+      if (!Exit2.isSuccess(response) && !Cause.isInterruptedOnly(response.cause)) {
+        throwCause2(response.cause);
       }
       this._rx.set(this.error, Option.none());
       this._lastRequest = void 0;
       this._fiber = void 0;
-    } catch (err) {
+    } catch (error) {
       log.error("request failed", {
-        err
+        error
       }, {
         F: __dxlog_file,
-        L: 186,
+        L: 187,
         S: this,
         C: (f, a) => f(...a)
       });
       this._rx.set(this.error, Option.some(new Error("AI service error", {
-        cause: err
+        cause: error
       })));
     } finally {
       this._fiber = void 0;
@@ -228,9 +272,9 @@ var AiChatProcessor = class {
   * Cancels the current request.
   */
   async cancel() {
-    await Effect.runPromise(Effect.gen(this, function* () {
+    await Effect2.runPromise(Effect2.gen(this, function* () {
       if (this._fiber) {
-        yield* this._fiber.pipe(Fiber.interrupt);
+        yield* this._fiber.pipe(Fiber2.interrupt);
       }
     }));
     this._fiber = void 0;
@@ -248,35 +292,8 @@ var AiChatProcessor = class {
   * Update the current chat's name.
   */
   async updateName(chat) {
-    const runtime = 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(runtime)
-    );
-    const response = await fiber.pipe(Fiber.join, Effect.runPromiseExit);
-    if (!Exit.isSuccess(response)) {
-      throwCause(response.cause);
-    }
+    const runtime2 = await this._services();
+    await updateName(runtime2, this._conversation, chat, this._options.model);
   }
   constructor(_conversation, _services, _options = defaultOptions) {
     _define_property(this, "_conversation", void 0);
@@ -316,14 +333,14 @@ var AiChatProcessor = class {
         return versions;
       }
     };
-    this._onMessage = Effect.fn(function* (message) {
+    this._onMessage = Effect2.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) {
+    }).bind(this));
+    this._onBlock = Effect2.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, {
@@ -337,7 +354,7 @@ var AiChatProcessor = class {
           ]
         }));
       });
-    }.bind(this));
+    }).bind(this));
     this._rx = this._options.observableRegistry ?? Registry.make();
     this._observer = GenerationObserver.make({
       onBlock: this._onBlock,
@@ -354,13 +371,17 @@ var AiChatProcessor = class {
 var __dxlog_file2 = "/__w/dxos/dxos/packages/plugins/plugin-assistant/src/hooks/useChatProcessor.ts";
 var useChatProcessor = ({ chat, preset, services, blueprintRegistry, settings }) => {
   const observableRegistry = useContext(RegistryContext);
-  const conversation = useMemo2(() => {
+  const [conversation, setConversation] = useState2();
+  useAsyncEffect(async () => {
     if (!chat?.queue.target) {
       return;
     }
-    return new AiConversation({
-      queue: chat.queue.target
-    });
+    const conversation2 = new AiConversation(chat.queue.target);
+    await conversation2.open();
+    setConversation(conversation2);
+    return () => {
+      void conversation2.close();
+    };
   }, [
     chat?.queue.target
   ]);
@@ -374,7 +395,7 @@ var useChatProcessor = ({ chat, preset, services, blueprintRegistry, settings })
       settings
     }, {
       F: __dxlog_file2,
-      L: 52,
+      L: 60,
       S: void 0,
       C: (f, a) => f(...a)
     });
@@ -393,35 +414,20 @@ var useChatProcessor = ({ chat, preset, services, blueprintRegistry, settings })
 };
 
 // src/hooks/useChatServices.ts
-import { Effect as Effect2 } from "effect";
+import * as Effect3 from "effect/Effect";
 import { useMemo as useMemo3 } from "react";
 import { useCapability } from "@dxos/app-framework";
 import { TracingService } from "@dxos/functions";
+import { AutomationCapabilities } from "@dxos/plugin-automation";
 import { useClient } from "@dxos/react-client";
-
-// src/capabilities/index.ts
-import { lazy } from "@dxos/app-framework";
-var AiService2 = lazy(() => import("./ai-service-YC2EQPHA.mjs"));
-var AppGraphBuilder = lazy(() => import("./app-graph-builder-3C43MLCD.mjs"));
-var AssistantState = lazy(() => import("./state-AINRYS5W.mjs"));
-var BlueprintDefinition = lazy(() => import("./blueprint-definition-VHFSRTEJ.mjs"));
-var EdgeModelResolver = lazy(() => import("./edge-model-resolver-JNEB355N.mjs"));
-var IntentResolver = lazy(() => import("./intent-resolver-I6M3ZDAS.mjs"));
-var LocalModelResolver = lazy(() => import("./local-model-resolver-EUXSRZ7X.mjs"));
-var ReactSurface = lazy(() => import("./react-surface-E4NAGB6R.mjs"));
-var Settings = lazy(() => import("./settings-36V3VUMW.mjs"));
-var Toolkit = lazy(() => import("./toolkit-MPUS3U64.mjs"));
-var ComputeRuntime = lazy(() => import("./compute-runtime-X6IREJN3.mjs"));
-
-// src/hooks/useChatServices.ts
 var useChatServices = ({ space, chat }) => {
   const client = useClient();
   space ?? (space = client.spaces.default);
-  const computeRuntimeResolver = useCapability(AssistantCapabilities.ComputeRuntime);
+  const computeRuntimeResolver = useCapability(AutomationCapabilities.ComputeRuntime);
   return useMemo3(() => {
-    const runtime = computeRuntimeResolver.getRuntime(space.id);
-    return () => runtime.runPromise(Effect2.gen(function* () {
-      return yield* Effect2.runtime().pipe(Effect2.provide(chat?.traceQueue?.target ? TracingService.layerQueue(chat.traceQueue?.target) : TracingService.layerNoop));
+    const runtime2 = computeRuntimeResolver.getRuntime(space.id);
+    return () => runtime2.runPromise(Effect3.gen(function* () {
+      return yield* Effect3.runtime().pipe(Effect3.provide(chat?.traceQueue?.target ? TracingService.layerQueue(chat.traceQueue?.target) : TracingService.layerNoop));
     }));
   }, [
     space,
@@ -430,64 +436,30 @@ var useChatServices = ({ space, chat }) => {
 };
 
 // src/hooks/useContextBinder.ts
-import { useMemo as useMemo4 } from "react";
+import { useState as useState3 } from "react";
 import { AiContextBinder } from "@dxos/assistant";
+import { useAsyncEffect as useAsyncEffect2 } from "@dxos/react-ui";
 var useContextBinder = (chat) => {
-  const binder = useMemo4(() => {
-    const queue = chat?.queue.target;
-    return queue && new AiContextBinder(queue);
-  }, [
-    chat
-  ]);
-  return binder;
-};
-
-// src/hooks/useOnline.ts
-import { useState as useState2 } from "react";
-var useOnline = () => {
-  const [online, setOnline] = useState2(true);
-  return [
-    online,
-    setOnline
-  ];
-};
-
-// src/hooks/usePresets.ts
-import { useCallback as useCallback2, useEffect, useMemo as useMemo5, useState as useState3 } from "react";
-var usePresets = (online) => {
-  const [preset, setPreset] = useState3();
-  const presets = useMemo5(() => AiServicePresets.filter((preset2) => online === (preset2.provider === "dxos-remote")), [
-    online
-  ]);
-  const presetOptions = useMemo5(() => presets.map(({ id, model, label }) => ({
-    id,
-    label: label ?? model
-  })), [
-    presets
-  ]);
-  useEffect(() => {
-    setPreset(presets[0]);
-  }, [
-    presets
-  ]);
-  const handlePresetChange = useCallback2((id) => {
-    const preset2 = presets.find((preset3) => preset3.id === id);
-    if (preset2) {
-      setPreset(preset2);
+  const [binder, setBinder] = useState3();
+  useAsyncEffect2(async () => {
+    if (!chat?.queue.target) {
+      return;
     }
+    const binder2 = new AiContextBinder(chat.queue.target);
+    await binder2.open();
+    setBinder(binder2);
+    return () => {
+      void binder2.close();
+    };
   }, [
-    presets
+    chat?.queue.target
   ]);
-  return {
-    preset,
-    presets: presetOptions,
-    onPresetChange: handlePresetChange
-  };
+  return binder;
 };
 
 // src/hooks/useContextObjects.ts
 import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
-import { useCallback as useCallback3 } from "react";
+import { useCallback as useCallback2 } from "react";
 import { Ref as Ref2 } from "@dxos/echo";
 import { log as log3 } from "@dxos/log";
 import { isNonNullable as isNonNullable2 } from "@dxos/util";
@@ -496,7 +468,7 @@ var useContextObjects = ({ space, context }) => {
   var _effect = _useSignals2();
   try {
     const objects = context?.objects.value.map((ref) => ref.target).filter(isNonNullable2) ?? [];
-    const handleUpdateObject = useCallback3(async (dxn, checked) => {
+    const handleUpdateObject = useCallback2(async (dxn, checked) => {
       if (!space || !context) {
         return;
       }
@@ -541,218 +513,43 @@ var useContextObjects = ({ space, context }) => {
   }
 };
 
-// src/hooks/useExecutionGraph.ts
-import { useMemo as useMemo6 } from "react";
-import { Obj as Obj4 } from "@dxos/echo";
-import { useQueue } from "@dxos/react-client/echo";
-
-// src/execution-graph/execution-graph.ts
-import { AgentStatus } from "@dxos/ai";
-import { Obj as Obj3 } from "@dxos/echo";
-import { MESSAGE_PROPERTY_TOOL_CALL_ID } from "@dxos/functions";
-import { LogLevel } from "@dxos/log";
-import { ContentBlock, DataType as DataType2 } from "@dxos/schema";
-import { isNotFalsy } from "@dxos/util";
-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 ExecutionGraph = class {
-  /**
-  * Adds events to the graph.
-  */
-  addEvents(events) {
-    for (const event of events) {
-      if (Obj3.instanceOf(DataType2.Message, event)) {
-        const messageCommits = messageToCommit(event);
-        this._commits.push(...messageCommits);
-        messageCommits.map((c) => c.branch).forEach((branch) => this._branchNames.add(branch));
-      } else if (Obj3.instanceOf(AgentStatus, event)) {
-        const branch = getBranchName({
-          parentMessage: event.parentMessage,
-          toolCallId: event.toolCallId
-        });
-        this._branchNames.add(branch);
-        this._commits.push({
-          id: event.id,
-          branch,
-          message: event.message,
-          icon: "ph--flag--regular",
-          parents: event.parentMessage && event.toolCallId ? [
-            getToolCallId(event.parentMessage, event.toolCallId)
-          ] : void 0
-        });
-      }
-    }
-  }
-  /**
-  * Returns the current state of the graph.
-  */
-  getGraph(lastRequest = false) {
-    const idx = lastRequest ? this._commits.findLastIndex((c) => c.tags?.includes("user")) : -1;
-    const commits = idx === -1 ? this._commits : this._commits.slice(idx);
-    return {
-      branches: Array.from(this._branchNames),
-      commits
-    };
-  }
-  constructor() {
-    _define_property2(this, "_commits", []);
-    _define_property2(this, "_branchNames", /* @__PURE__ */ new Set());
-  }
-};
-var messageToCommit = (message) => {
-  return message.blocks.map((block, idx) => {
-    const branch = getMessageBranch(message);
-    const parent = getParentId(message);
-    const parents = parent ? [
-      parent
-    ] : [];
-    switch (block._tag) {
-      case "text":
-        if (!block.text.trim().length) {
-          return null;
-        }
-        return {
-          id: getGenericBlockId(message.id, idx),
-          branch,
-          parents,
-          ...message.sender.role === "user" ? {
-            icon: "ph--user--regular",
-            tags: [
-              "user"
-            ],
-            message: "Processing request..."
-          } : {
-            icon: "ph--robot--regular",
-            message: `Response (${block.text.split(" ").length} words)`
-          }
-        };
-      case "toolCall":
-        return {
-          id: getToolCallId(message.id, block.toolCallId),
-          branch,
-          parents,
-          icon: "ph--wrench--regular",
-          level: LogLevel.INFO,
-          // TODO(burdon): Lookup tool name/description?
-          message: `Calling tool (${block.name})`
-        };
-      case "toolResult":
-        return {
-          id: getToolResultId(message.id, block.toolCallId),
-          branch,
-          parents,
-          icon: block.error ? "ph--x-circle--regular" : "ph--check-circle--regular",
-          level: block.error ? LogLevel.ERROR : LogLevel.INFO,
-          message: block.error ? "Tool error: " + block.error : "Tool call succeeded"
-        };
-      case "summary":
-        return {
-          id: getGenericBlockId(message.id, idx),
-          branch,
-          parents,
-          icon: "ph--rocket--regular",
-          level: LogLevel.INFO,
-          message: ContentBlock.createSummaryMessage(block)
-        };
-      case "status":
-        return {
-          id: getGenericBlockId(message.id, idx),
-          branch,
-          parents,
-          message: block.statusText,
-          level: LogLevel.INFO,
-          icon: "ph--flag--regular"
-        };
-      case "reasoning":
-        return {
-          id: getGenericBlockId(message.id, idx),
-          branch,
-          parents,
-          message: block.reasoningText ?? "Thinking...",
-          icon: "ph--brain--regular"
-        };
-      case "reference":
-        return {
-          id: getGenericBlockId(message.id, idx),
-          branch,
-          parents,
-          icon: "ph--link--regular",
-          message: stringifyRef(block.reference)
-        };
-      default:
-        return null;
+// src/hooks/useFlush.ts
+import { useCallback as useCallback3, useRef, useState as useState4 } from "react";
+var useFlush = (space) => {
+  const [state, setState] = useState4("idle");
+  const resetTimer = useRef(null);
+  const handleFlush = useCallback3(() => {
+    if (!space) {
+      return;
     }
-  }).filter(isNotFalsy);
-};
-var getToolCallId = (messageId, toolCallId) => `${messageId}_toolCall_${toolCallId}`;
-var getToolResultId = (messageId, toolCallId) => `${messageId}_toolResult_${toolCallId}`;
-var getGenericBlockId = (messageId, idx) => `${messageId}_block_${idx}`;
-var getBranchName = (options) => {
-  if (options.parentMessage && options.toolCallId) {
-    return `${options.parentMessage}_${options.toolCallId}`;
-  } else if (options.parentMessage) {
-    return options.parentMessage;
-  } else {
-    return "main";
-  }
-};
-var getMessageBranch = (message) => {
-  return getBranchName({
-    parentMessage: message.parentMessage,
-    toolCallId: message.properties?.[MESSAGE_PROPERTY_TOOL_CALL_ID]
-  });
-};
-var getParentId = (message) => {
-  if (message.parentMessage && message.properties?.[MESSAGE_PROPERTY_TOOL_CALL_ID]) {
-    return getToolCallId(message.parentMessage, message.properties[MESSAGE_PROPERTY_TOOL_CALL_ID]);
-  } else {
-    return void 0;
-  }
-};
-var stringifyRef = (ref) => {
-  if (ref.target) {
-    return stringifyObject(ref.target);
-  }
-  return ref.dxn.asEchoDXN()?.echoId ?? ref.dxn.asQueueDXN()?.objectId ?? "";
-};
-var stringifyObject = (obj) => {
-  return Obj3.getLabel(obj) ?? Obj3.getTypename(obj) ?? obj.id;
-};
-
-// src/hooks/useExecutionGraph.ts
-var useExecutionGraph = (queueRef, lastRequest = false) => {
-  const queue = useQueue(queueRef?.dxn);
-  return useMemo6(() => {
-    const graph = new ExecutionGraph();
-    graph.addEvents(queue?.objects.filter(Obj4.isObject) ?? []);
-    return graph.getGraph(lastRequest);
+    queueMicrotask(async () => {
+      if (resetTimer.current) {
+        clearTimeout(resetTimer.current);
+      }
+      setState("flushing");
+      await space.db.flush();
+      setState("flushed");
+      resetTimer.current = setTimeout(() => {
+        setState("idle");
+        resetTimer.current = null;
+      }, 1e3);
+    });
   }, [
-    queue?.objects,
-    lastRequest
+    space
   ]);
+  return {
+    state,
+    handleFlush
+  };
 };
 
-// src/hooks/useFlush.ts
-import { useCallback as useCallback4, useRef, useState as useState4 } from "react";
-
 // src/hooks/useItemTypes.ts
-import { Option as Option2 } from "effect";
-import { useEffect as useEffect2, useState as useState5 } from "react";
+import * as Option2 from "effect/Option";
+import { useEffect, useState as useState5 } from "react";
 import { ItemAnnotation } from "@dxos/schema";
 var useItemTypes = (space) => {
   const [types, setTypes] = useState5([]);
-  useEffect2(() => {
+  useEffect(() => {
     if (!space) {
       return;
     }
@@ -771,29 +568,72 @@ var useItemTypes = (space) => {
   return types;
 };
 
+// src/hooks/useOnline.ts
+import { useState as useState6 } from "react";
+var useOnline = () => {
+  const [online, setOnline] = useState6(true);
+  return [
+    online,
+    setOnline
+  ];
+};
+
+// src/hooks/usePresets.ts
+import { useCallback as useCallback4, useEffect as useEffect2, useMemo as useMemo4, useState as useState7 } from "react";
+var usePresets = (online) => {
+  const [preset, setPreset] = useState7();
+  const presets = useMemo4(() => AiServicePresets.filter((preset2) => online === (preset2.provider === "dxos-remote")), [
+    online
+  ]);
+  const presetOptions = useMemo4(() => presets.map(({ id, model, label }) => ({
+    id,
+    label: label ?? model
+  })), [
+    presets
+  ]);
+  useEffect2(() => {
+    setPreset(presets[0]);
+  }, [
+    presets
+  ]);
+  const handlePresetChange = useCallback4((id) => {
+    const preset2 = presets.find((preset3) => preset3.id === id);
+    if (preset2) {
+      setPreset(preset2);
+    }
+  }, [
+    presets
+  ]);
+  return {
+    preset,
+    presets: presetOptions,
+    onPresetChange: handlePresetChange
+  };
+};
+
 // src/hooks/useReferencesProvider.ts
-import { useMemo as useMemo7 } from "react";
+import { useMemo as useMemo5 } from "react";
 import { Capabilities as Capabilities2, useCapabilities as useCapabilities2 } from "@dxos/app-framework";
-import { Filter as Filter2, Obj as Obj5 } from "@dxos/echo";
+import { Filter as Filter2, Obj as Obj3 } from "@dxos/echo";
 var useReferencesProvider = (space) => {
   const blueprints = useCapabilities2(Capabilities2.BlueprintDefinition);
-  return useMemo7(() => {
+  return useMemo5(() => {
     if (!space) {
       return void 0;
     }
     return {
       getReferences: async ({ query }) => {
         const { objects } = await space.db.query(Filter2.everything()).run();
-        return objects.filter((object) => stringMatch(query, Obj5.getLabel(object) ?? "")).filter((object) => !!Obj5.getDXN(object)).map((object) => ({
-          uri: Obj5.getDXN(object).toString(),
-          label: Obj5.getLabel(object) ?? ""
+        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) ?? ""
         }));
       },
       resolveReference: async ({ uri }) => {
         const object = await space.db.query(Filter2.ids(uri)).first();
         return {
           uri,
-          label: Obj5.getLabel(object) ?? ""
+          label: Obj3.getLabel(object) ?? ""
         };
       }
     };
@@ -804,28 +644,25 @@ var useReferencesProvider = (space) => {
 };
 var stringMatch = (query, label) => label.toLowerCase().startsWith(query.toLowerCase());
 
-// src/hooks/useComputeRuntimeCallback.ts
-import { useCallback as useCallback5 } from "react";
-import { useCapability as useCapability2 } from "@dxos/app-framework";
-
 // 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 { Array as Array2, Option as Option3 } from "effect";
-import React9, { useCallback as useCallback7, useEffect as useEffect6, useMemo as useMemo11, useRef as useRef3, useState as useState10 } from "react";
+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 Obj8 } from "@dxos/echo";
+import { Obj as Obj6 } from "@dxos/echo";
 import { useVoiceInput } from "@dxos/plugin-transcription";
-import { getSpace, useQueue as useQueue2 } from "@dxos/react-client/echo";
+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 DataType3 } from "@dxos/schema";
-import { isNotFalsy as isNotFalsy2 } from "@dxos/util";
+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";
@@ -877,13 +714,13 @@ 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 useMemo8, useState as useState6 } from "react";
-import { Filter as Filter3, Obj as Obj6, Type } from "@dxos/echo";
-import { useQuery } from "@dxos/react-client/echo";
+import React2, { useMemo as useMemo6, useState as useState8 } from "react";
+import { Filter as Filter3, Obj as Obj4, 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 { SearchList } from "@dxos/react-ui-searchlist";
+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-[25rem] max-is-[--text-content]";
+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();
   try {
@@ -919,17 +756,22 @@ var ChatOptions = ({ space, context, blueprintRegistry, presets, preset, onPrese
     }, /* @__PURE__ */ React2.createElement(Tabs.Root, {
       orientation: "horizontal",
       defaultValue: "blueprints",
-      defaultActivePart: "list"
+      defaultActivePart: "list",
+      tabIndex: -1
     }, /* @__PURE__ */ React2.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, {
-      value: "blueprints"
+      value: "blueprints",
+      tabIndex: -1,
+      classNames: "dx-focus-ring-inset"
     }, /* @__PURE__ */ React2.createElement(BlueprintsPanel, {
       blueprintRegistry,
       space,
       context
     })), /* @__PURE__ */ React2.createElement(Tabs.Tabpanel, {
-      value: "model"
+      value: "model",
+      tabIndex: -1,
+      classNames: "dx-focus-ring-inset !pli-0"
     }, /* @__PURE__ */ React2.createElement(ModelsPanel, {
       presets,
       preset,
@@ -954,7 +796,8 @@ var BlueprintsPanel = ({ blueprintRegistry, space, context }) => {
   try {
     const { t } = useTranslation2(meta.id);
     const blueprints = useBlueprints({
-      blueprintRegistry
+      blueprintRegistry,
+      space
     });
     const activeBlueprints = useActiveBlueprints({
       context
@@ -983,7 +826,8 @@ var BlueprintsPanel = ({ blueprintRegistry, space, context }) => {
       }));
     })), /* @__PURE__ */ React2.createElement(SearchList.Input, {
       placeholder: t("search placeholder"),
-      classNames: "mbe-cardSpacingChrome"
+      classNames: "mbe-cardSpacingChrome",
+      autoFocus: true
     }));
   } finally {
     _effect.f();
@@ -992,26 +836,15 @@ var BlueprintsPanel = ({ blueprintRegistry, space, context }) => {
 var ModelsPanel = ({ presets, preset, onPresetChange }) => {
   var _effect = _useSignals4();
   try {
-    return /* @__PURE__ */ React2.createElement("ul", {
-      role: "listbox",
-      className: "plb-cardSpacingChrome"
+    return /* @__PURE__ */ React2.createElement(Listbox.Root, {
+      value: preset,
+      onValueChange: onPresetChange,
+      autoFocus: true
     }, presets?.map(({ id, label }) => {
-      const isActive = preset === id;
-      return /* @__PURE__ */ React2.createElement("li", {
-        role: "option",
+      return /* @__PURE__ */ React2.createElement(Listbox.Option, {
         key: id,
-        "aria-selected": isActive,
-        tabIndex: 0,
-        className: "overflow-hidden dx-focus-ring flex gap-2 p-1 pis-2 pie-2 items-center rounded-sm select-none cursor-pointer hover:bg-hoverOverlay",
-        onClick: () => onPresetChange?.(id)
-      }, /* @__PURE__ */ React2.createElement("div", {
-        className: "grow truncate"
-      }, label), /* @__PURE__ */ React2.createElement(Icon, {
-        icon: "ph--check--regular",
-        classNames: [
-          !isActive && "invisible"
-        ]
-      }));
+        value: id
+      }, /* @__PURE__ */ React2.createElement(Listbox.OptionLabel, null, label), /* @__PURE__ */ React2.createElement(Listbox.OptionIndicator, null));
     }));
   } finally {
     _effect.f();
@@ -1023,7 +856,7 @@ var ObjectsPanel = ({ space, context }) => {
   try {
     const { t } = useTranslation2(meta.id);
     const types = useItemTypes(space);
-    const typenames = useMemo8(() => {
+    const typenames = useMemo6(() => {
       const typenames2 = types.map((type) => {
         const typename2 = Type.getTypename(type);
         return {
@@ -1039,27 +872,25 @@ var ObjectsPanel = ({ space, context }) => {
     }, [
       types
     ]);
-    const [typename, setTypename] = useState6(ANY);
-    const anyFilter = useMemo8(() => Filter3.or(...typenames.map(({ typename: typename2 }) => Filter3.typename(typename2))), [
+    const [typename, setTypename] = useState8(ANY);
+    const anyFilter = useMemo6(() => Filter3.or(...typenames.map(({ typename: typename2 }) => Filter3.typename(typename2))), [
       typenames
     ]);
-    const objects = useQuery(space, typename === ANY ? anyFilter : Filter3.typename(typename));
+    const objects = useQuery2(space, typename === ANY ? anyFilter : Filter3.typename(typename));
     const { objects: contextObjects, onUpdateObject } = useContextObjects({
       space,
       context
     });
-    return /* @__PURE__ */ React2.createElement(SearchList.Root, {
-      classNames: "pis-2 pie-2"
-    }, /* @__PURE__ */ React2.createElement(SearchList.Content, {
-      classNames: "plb-cardSpacingChrome [&:has([cmdk-list-sizer]:empty)]:plb-0"
+    return /* @__PURE__ */ React2.createElement(SearchList.Root, null, /* @__PURE__ */ React2.createElement(SearchList.Content, {
+      classNames: "p-cardSpacingChrome [&:has([cmdk-list-sizer]:empty)]:plb-0"
     }, objects.length ? objects.map((object) => {
-      const label = Obj6.getLabel(object) ?? Obj6.getTypename(object) ?? object.id;
+      const label = Obj4.getLabel(object) ?? Obj4.getTypename(object) ?? object.id;
       const isActive = contextObjects.findIndex((obj) => obj.id === object.id) !== -1;
       return /* @__PURE__ */ React2.createElement(SearchList.Item, {
         classNames: "flex items-center overflow-hidden",
         key: object.id,
         value: object.id,
-        onSelect: () => onUpdateObject?.(Obj6.getDXN(object), !isActive)
+        onSelect: () => onUpdateObject?.(Obj4.getDXN(object), !isActive)
       }, /* @__PURE__ */ React2.createElement("div", {
         className: "grow truncate"
       }, label), /* @__PURE__ */ React2.createElement(Icon, {
@@ -1070,7 +901,7 @@ var ObjectsPanel = ({ space, context }) => {
       }));
     }) : /* @__PURE__ */ React2.createElement(SearchList.Item, null, t("no results"))), /* @__PURE__ */ React2.createElement("div", {
       role: "none",
-      className: "grid grid-cols-[min-content_1fr] gap-2 mbe-cardSpacingChrome"
+      className: "grid grid-cols-[min-content_1fr] gap-2 pli-cardSpacingChrome mbe-cardSpacingChrome"
     }, /* @__PURE__ */ React2.createElement(Select.Root, {
       value: typename === ANY ? void 0 : typename,
       onValueChange: setTypename
@@ -1084,7 +915,8 @@ var ObjectsPanel = ({ space, context }) => {
       value: typename2
     }, label))), /* @__PURE__ */ React2.createElement(Select.ScrollDownButton, null), /* @__PURE__ */ React2.createElement(Select.Arrow, null)))), /* @__PURE__ */ React2.createElement(SearchList.Input, {
       placeholder: t("search placeholder"),
-      classNames: "mbe-0"
+      classNames: "mbe-0",
+      autoFocus: true
     })));
   } finally {
     _effect.f();
@@ -1099,7 +931,7 @@ 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 Obj7 } from "@dxos/echo";
+import { Obj as Obj5 } from "@dxos/echo";
 import { IconButton as IconButton3, toLocalizedString, useTranslation as useTranslation3 } from "@dxos/react-ui";
 import { mx as mx2 } from "@dxos/react-ui-theme";
 var ChatReferences = ({ classNames, context, space }) => {
@@ -1113,9 +945,9 @@ var ChatReferences = ({ classNames, context, space }) => {
     return /* @__PURE__ */ React4.createElement("ul", {
       className: mx2("flex flex-wrap", classNames)
     }, objects.map((obj) => {
-      const dxn = Obj7.getDXN(obj);
-      const typename = Obj7.getTypename(obj);
-      const label = Obj7.getLabel(obj) ?? (typename ? [
+      const dxn = Obj5.getDXN(obj);
+      const typename = Obj5.getTypename(obj);
+      const label = Obj5.getLabel(obj) ?? (typename ? [
         "object name placeholder",
         {
           ns: typename
@@ -1142,7 +974,7 @@ 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 useState7 } from "react";
+import React5, { 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";
@@ -1150,7 +982,7 @@ var period = 3e3;
 var ChatStatusIndicator = ({ classNames, preset, processing, error, ...props }) => {
   var _effect = _useSignals7();
   try {
-    const [init, setInit] = useState7(false);
+    const [init, setInit] = useState9(false);
     useEffect3(() => setInit(false), [
       preset
     ]);
@@ -1179,7 +1011,7 @@ 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 useCallback6, useEffect as useEffect5, useImperativeHandle, useMemo as useMemo10, useState as useState9 } from "react";
+import React8, { forwardRef, useCallback as useCallback5, useEffect as useEffect5, useImperativeHandle, useMemo as useMemo8, useState as useState11 } from "react";
 import { PublicKey } from "@dxos/keys";
 import { MarkdownStream } from "@dxos/react-ui-components";
 import { mx as mx4 } from "@dxos/react-ui-theme";
@@ -1190,17 +1022,17 @@ import { useSignals as _useSignals9 } from "@preact-signals/safe-react/tracking"
 import React7 from "react";
 import { log as log4 } 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 as ContentBlock2 } from "@dxos/schema";
+import { ContentBlock } from "@dxos/schema";
 
 // src/components/ToolBlock/ToolBlock.tsx
 import { useSignals as _useSignals8 } from "@preact-signals/safe-react/tracking";
-import React6, { useEffect as useEffect4, useMemo as useMemo9, useRef as useRef2, useState as useState8 } from "react";
+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 { Json } from "@dxos/react-ui-syntax-highlighter";
-import { isNonNullable as isNonNullable3 } from "@dxos/util";
-import { safeParseJson } from "@dxos/util";
+import { isNonNullable as isNonNullable3, safeParseJson } from "@dxos/util";
 var ToolBlock = ({ blocks = [] }) => {
   var _effect = _useSignals8();
   try {
@@ -1214,7 +1046,7 @@ var ToolBlock = ({ blocks = [] }) => {
         tool.name
       ].join(" ");
     };
-    const items = useMemo9(() => {
+    const items = useMemo7(() => {
       let lastToolCall;
       const tools = [];
       return blocks.filter((block) => block._tag === "toolCall" || block._tag === "toolResult" || block._tag === "summary").map((block) => {
@@ -1282,8 +1114,8 @@ var ToolContainer = ({ items }) => {
   var _effect = _useSignals8();
   try {
     const tabsRef = useRef2(null);
-    const [selected, setSelected] = useState8(0);
-    const [open, setOpen] = useState8(false);
+    const [selected, setSelected] = useState10(0);
+    const [open, setOpen] = useState10(false);
     useEffect4(() => {
       if (open) {
         tabsRef.current?.focus();
@@ -1348,10 +1180,6 @@ var Fallback = ({ _tag, ...props }) => {
     _effect.f();
   }
 };
-var getTextChild = (children) => {
-  const child = children?.[0];
-  return typeof child === "string" ? child : null;
-};
 var componentRegistry = {
   //
   // Widgets
@@ -1359,35 +1187,35 @@ var componentRegistry = {
   ["prompt"]: {
     block: true,
     factory: (props) => {
-      const text = getTextChild(props.children);
+      const text = getXmlTextChild(props.children);
       return text ? new PromptWidget(text) : null;
     }
   },
   ["reference"]: {
     block: false,
     factory: (props) => {
-      const text = getTextChild(props.children);
+      const text = getXmlTextChild(props.children);
       return text && props.ref ? new ReferenceWidget(text, props.ref) : null;
     }
   },
   ["select"]: {
     block: true,
     factory: (props) => {
-      const options = props.children?.map((option) => option._tag === "option" && getTextChild(option.children)).filter(Boolean);
+      const options = props.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 = getTextChild(props.children);
+      const text = getXmlTextChild(props.children);
       return text ? new SuggestionWidget(text) : null;
     }
   },
   ["summary"]: {
     block: true,
     factory: (props) => {
-      const text = getTextChild(props.children);
+      const text = getXmlTextChild(props.children);
       return text ? new SummaryWidget(text) : null;
     }
   },
@@ -1426,7 +1254,7 @@ var _blockToMarkdown = (context, message, block) => {
     block: JSON.stringify(block)
   }, {
     F: __dxlog_file4,
-    L: 130,
+    L: 125,
     S: void 0,
     C: (f, a) => f(...a)
   });
@@ -1481,7 +1309,7 @@ var _blockToMarkdown = (context, message, block) => {
       break;
     }
     case "summary": {
-      return `<summary>${ContentBlock2.createSummaryMessage(block)}</summary>`;
+      return `<summary>${ContentBlock.createSummaryMessage(block)}</summary>`;
     }
     // TODO(burdon): Need stable ID.
     default: {
@@ -1494,7 +1322,7 @@ ${JSON.stringify(block)}
 
 // src/components/ChatThread/sync.ts
 import { log as log5 } from "@dxos/log";
-function _define_property3(obj, key, value) {
+function _define_property2(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -1513,7 +1341,7 @@ var MessageThreadContext = class {
     this._widgetState?.updateWidget(id, value);
   }
   constructor(_widgetState) {
-    _define_property3(this, "_widgetState", void 0);
+    _define_property2(this, "_widgetState", void 0);
     this._widgetState = _widgetState;
   }
 };
@@ -1536,7 +1364,7 @@ var MessageSyncer = class {
   }
   sync(messages) {
     log5("sync", {
-      messages: messages.map((m) => m.blocks.length),
+      messages: messages.map((message) => message.blocks.length),
       currentMessageIndex: this._currentMessageIndex,
       currentBlockIndex: this._currentBlockIndex,
       currentBlockContent: this._currentBlockContent
@@ -1592,13 +1420,13 @@ var MessageSyncer = class {
     }
   }
   constructor(_model, _blockRenderer) {
-    _define_property3(this, "_model", void 0);
-    _define_property3(this, "_blockRenderer", void 0);
-    _define_property3(this, "_initialMessageId", void 0);
-    _define_property3(this, "_currentMessageIndex", void 0);
-    _define_property3(this, "_currentBlockIndex", void 0);
-    _define_property3(this, "_currentBlockContent", void 0);
-    _define_property3(this, "_context", void 0);
+    _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;
@@ -1608,15 +1436,15 @@ var MessageSyncer = class {
 };
 
 // src/components/ChatThread/ChatThread.tsx
-var ChatThread = /* @__PURE__ */ forwardRef(({ classNames, identity, messages = [], error, cursor = false, fadeIn = true, onEvent }, forwardedRef) => {
+var ChatThread = /* @__PURE__ */ forwardRef(({ classNames, identity, messages = [], error, cursor = false, fadeIn = true, overscroll, onEvent }, forwardedRef) => {
   var _effect = _useSignals10();
   try {
-    const userHue = useMemo10(() => {
+    const userHue = useMemo8(() => {
       return identity?.profile?.data?.hue || keyToFallback(identity?.identityKey ?? PublicKey.random()).hue;
     }, [
       identity
     ]);
-    const [controller, setController] = useState9(null);
+    const [controller, setController] = useState11(null);
     useImperativeHandle(forwardedRef, () => controller ? controller : null, [
       controller
     ]);
@@ -1626,7 +1454,7 @@ var ChatThread = /* @__PURE__ */ forwardRef(({ classNames, identity, messages =
       controller,
       error
     ]);
-    const syncer = useMemo10(() => controller && new MessageSyncer(controller, blockToMarkdown), [
+    const syncer = useMemo8(() => controller && new MessageSyncer(controller, blockToMarkdown), [
       controller
     ]);
     useEffect5(() => {
@@ -1635,7 +1463,7 @@ var ChatThread = /* @__PURE__ */ forwardRef(({ classNames, identity, messages =
       syncer,
       messages
     ]);
-    const handleEvent = useCallback6((ev) => {
+    const handleEvent = useCallback5((ev) => {
       switch (ev.type) {
         case "submit": {
           ev.value && onEvent?.({
@@ -1655,10 +1483,10 @@ var ChatThread = /* @__PURE__ */ forwardRef(({ classNames, identity, messages =
       }
     }, /* @__PURE__ */ React8.createElement(MarkdownStream, {
       ref: setController,
-      classNames: "bs-full max-is-prose overflow-hidden",
       registry: componentRegistry,
       cursor,
       fadeIn,
+      overscroll,
       onEvent: handleEvent
     }));
   } finally {
@@ -1671,14 +1499,14 @@ var [ChatContextProvider, useChatContext] = createContext("Chat");
 var ChatRoot = ({ classNames, children, chat, processor, onEvent, ...props }) => {
   var _effect = _useSignals11();
   try {
-    const [debug, setDebug] = useState10(false);
+    const [debug, setDebug] = useState12(false);
     const space = getSpace(chat);
-    const queue = useQueue2(chat?.queue.dxn);
+    const queue = useQueue(chat?.queue.dxn);
     const pending = useRxValue(processor.messages);
     const streaming = useRxValue(processor.streaming);
     const lastPrompt = useRef3(void 0);
-    const messages = useMemo11(() => {
-      const queueMessages = queue?.objects?.filter(Obj8.instanceOf(DataType3.Message)) ?? [];
+    const messages = useMemo9(() => {
+      const queueMessages = queue?.objects?.filter(Obj6.instanceOf(DataType2.Message)) ?? [];
       return Array2.dedupeWith([
         ...queueMessages,
         ...pending
@@ -1687,7 +1515,7 @@ var ChatRoot = ({ classNames, children, chat, processor, onEvent, ...props }) =>
       queue?.objects,
       pending
     ]);
-    const event = useMemo11(() => new Event(), []);
+    const event = useMemo9(() => new Event(), []);
     useEffect6(() => {
       return event.on((ev) => {
         switch (ev.type) {
@@ -1747,14 +1575,14 @@ var ChatRoot = ({ classNames, children, chat, processor, onEvent, ...props }) =>
       ...props
     }, /* @__PURE__ */ React9.createElement("div", {
       role: "none",
-      className: mx5("flex flex-col h-full overflow-hidden", classNames)
+      className: mx5("flex flex-col bs-full is-full", classNames)
     }, children));
   } finally {
     _effect.f();
   }
 };
 ChatRoot.displayName = "Chat.Root";
-var ChatPrompt = ({ classNames, outline, placeholder, expandable, online, presets, preset, onPresetChange, onOnlineChange }) => {
+var ChatPrompt = ({ classNames, outline, settings = true, placeholder, expandable, online, presets, preset, onPresetChange, onOnlineChange }) => {
   var _effect = _useSignals11();
   try {
     const { t } = useTranslation5(meta.id);
@@ -1764,7 +1592,7 @@ var ChatPrompt = ({ classNames, outline, placeholder, expandable, online, preset
     const active = useRxValue(processor.active);
     const activeRef = useDynamicRef(active);
     const editorRef = useRef3(null);
-    const [recordingState, setRecordingState] = useState10(false);
+    const [recordingState, setRecordingState] = useState12(false);
     useEffect6(() => {
       return event.on((event2) => {
         switch (event2.type) {
@@ -1793,7 +1621,7 @@ var ChatPrompt = ({ classNames, outline, placeholder, expandable, online, preset
       }
     });
     const referencesProvider = useReferencesProvider(space);
-    const extensions = useMemo11(() => {
+    const extensions = useMemo9(() => {
       return [
         referencesProvider && references({
           provider: referencesProvider
@@ -1829,14 +1657,14 @@ var ChatPrompt = ({ classNames, outline, placeholder, expandable, online, preset
               return true;
             }
           }
-        ].filter(isNotFalsy2)))
-      ].filter(isNotFalsy2);
+        ].filter(isTruthy)))
+      ].filter(isTruthy);
     }, [
       event,
       expandable,
       referencesProvider
     ]);
-    const handleSubmit = useCallback7((text) => {
+    const handleSubmit = useCallback6((text) => {
       if (!activeRef.current) {
         event.emit({
           type: "submit",
@@ -1847,16 +1675,18 @@ var ChatPrompt = ({ classNames, outline, placeholder, expandable, online, preset
     }, [
       event
     ]);
-    const handleEvent = useCallback7((ev) => {
+    const handleEvent = useCallback6((ev) => {
       event.emit(ev);
     }, [
       event
     ]);
     return /* @__PURE__ */ React9.createElement("div", {
-      className: mx5("is-full flex flex-col density-fine", outline && [
+      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", {
+      role: "none",
       className: "flex gap-2"
     }, /* @__PURE__ */ React9.createElement(ChatStatusIndicator, {
       classNames: "p-1",
@@ -1871,7 +1701,8 @@ var ChatPrompt = ({ classNames, outline, placeholder, expandable, online, preset
       placeholder: placeholder ?? t("prompt placeholder"),
       extensions,
       onSubmit: handleSubmit
-    })), /* @__PURE__ */ React9.createElement("div", {
+    })), settings && /* @__PURE__ */ React9.createElement("div", {
+      role: "none",
       className: "flex pbs-2 items-center"
     }, /* @__PURE__ */ React9.createElement(ChatOptions, {
       space,
@@ -1892,7 +1723,9 @@ var ChatPrompt = ({ classNames, outline, placeholder, expandable, online, preset
       recording,
       processing: streaming,
       onEvent: handleEvent
-    }, online !== void 0 && /* @__PURE__ */ React9.createElement(Input.Root, null, /* @__PURE__ */ React9.createElement(Input.Switch, {
+    }, online !== void 0 && /* @__PURE__ */ React9.createElement(Input.Root, null, /* @__PURE__ */ React9.createElement(Input.Label, {
+      srOnly: true
+    }, t("online switch label")), /* @__PURE__ */ React9.createElement(Input.Switch, {
       classNames: "mis-2 mie-2",
       checked: online,
       onCheckedChange: onOnlineChange
@@ -1921,7 +1754,7 @@ var ChatThread2 = (props) => {
     }, [
       event
     ]);
-    const handleEvent = useCallback7((ev) => {
+    const handleEvent = useCallback6((ev) => {
       event.emit(ev);
     }, [
       event
@@ -1950,25 +1783,20 @@ var Chat = {
 
 export {
   useBlueprintRegistry,
+  useBlueprints,
+  useActiveBlueprints,
+  useBlueprintHandlers,
   useChatProcessor,
   useChatServices,
   useContextBinder,
-  useExecutionGraph,
+  useContextObjects,
+  useFlush,
+  useItemTypes,
   useOnline,
   usePresets,
+  useReferencesProvider,
   ChatContextProvider,
   useChatContext,
-  Chat,
-  AiService2 as AiService,
-  AppGraphBuilder,
-  AssistantState,
-  BlueprintDefinition,
-  EdgeModelResolver,
-  IntentResolver,
-  LocalModelResolver,
-  ReactSurface,
-  Settings,
-  Toolkit,
-  ComputeRuntime
+  Chat
 };
-//# sourceMappingURL=chunk-C4Q2RYQM.mjs.map
+//# sourceMappingURL=chunk-7THOIN6F.mjs.map