@dxos/plugin-automation 0.7.5-labs.e27f9b9 → 0.7.5-labs.ea4b4c2

package/dist/lib/node-esm/{chunk-WISKXX7U.mjs → chunk-QP47VJT6.mjs}

@@ -1,33 +1,19 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
 import {
   AutomationCapabilities
-} from "./chunk-ISYLEDVU.mjs";
+} from "./chunk-IJRTDSKN.mjs";
 import {
-  MockServiceRegistry
-} from "./chunk-EVTLHDM2.mjs";
+  ServiceType,
+  categoryIcons
+} from "./chunk-DNCXRGAF.mjs";
 import {
   AUTOMATION_PLUGIN
-} from "./chunk-X3LPRWIL.mjs";
+} from "./chunk-EMVA6QUT.mjs";
 
 // packages/plugins/experimental/plugin-automation/src/components/ChatContainer/ChatContainer.tsx
-import React7, { useCallback as useCallback3, useEffect as useEffect6, useMemo as useMemo3, useState as useState7 } from "react";
-import { Capabilities, useCapabilities, useCapability, useIntentDispatcher } from "@dxos/app-framework";
-import { createSystemPrompt } from "@dxos/artifact";
-import { FunctionType as FunctionType2 } from "@dxos/functions";
-import { invariant as invariant7 } from "@dxos/invariant";
-import { DXN as DXN2, QueueSubspaceTags } from "@dxos/keys";
-import { useConfig } from "@dxos/react-client";
-import { Filter as Filter2, getSpace, useQuery as useQuery2 } from "@dxos/react-client/echo";
-import { useEdgeClient, useQueue } from "@dxos/react-edge-client";
+import React7, { useCallback as useCallback2 } from "react";
+import { invariant as invariant6 } from "@dxos/invariant";
 import { StackItem } from "@dxos/react-ui-stack";
-import { isNotNullOrUndefined } from "@dxos/util";
-
-// packages/plugins/experimental/plugin-automation/src/capabilities/index.ts
-import { lazy } from "@dxos/app-framework";
-var AiClient = lazy(() => import("./ai-client-2ZA4TYFZ.mjs"));
-var AppGraphBuilder = lazy(() => import("./app-graph-builder-IYOUCQZT.mjs"));
-var IntentResolver = lazy(() => import("./intent-resolver-RQBXW442.mjs"));
-var ReactSurface = lazy(() => import("./react-surface-SS5WCRJ2.mjs"));
 
 // packages/plugins/experimental/plugin-automation/src/hooks/processor.ts
 import { batch, computed, signal } from "@preact/signals-core";
@@ -39,7 +25,7 @@ import { log } from "@dxos/log";
 var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-automation/src/hooks/processor.ts";
 var defaultOptions = {
   model: "@anthropic/claude-3-5-sonnet-20241022",
-  systemPrompt: ""
+  systemPrompt: "you are a helpful assistant"
 };
 var ChatProcessor = class {
   constructor(_client, _tools, _extensions, _options = defaultOptions) {
@@ -60,7 +46,7 @@ var ChatProcessor = class {
         const current = messages.pop();
         invariant(current, void 0, {
           F: __dxlog_file,
-          L: 76,
+          L: 78,
           S: this,
           A: [
             "current",
@@ -95,6 +81,12 @@ var ChatProcessor = class {
     });
   }
   /**
+  * Update tools.
+  */
+  setTools(tools) {
+    this._tools = tools;
+  }
+  /**
   * Make GPT request.
   */
   async request(message, options = {}) {
@@ -124,7 +116,7 @@ var ChatProcessor = class {
   async cancel() {
     log.info("cancelling...", void 0, {
       F: __dxlog_file,
-      L: 132,
+      L: 141,
       S: this,
       C: (f, a) => f(...a)
     });
@@ -153,7 +145,7 @@ var ChatProcessor = class {
           messages: this._pending.value.length
         }, {
           F: __dxlog_file,
-          L: 156,
+          L: 165,
           S: this,
           C: (f, a) => f(...a)
         });
@@ -172,7 +164,7 @@ var ChatProcessor = class {
           messages: this._pending.value
         }, {
           F: __dxlog_file,
-          L: 169,
+          L: 178,
           S: this,
           C: (f, a) => f(...a)
         });
@@ -180,7 +172,7 @@ var ChatProcessor = class {
         const message = this._pending.value.at(-1);
         invariant(message, void 0, {
           F: __dxlog_file,
-          L: 174,
+          L: 183,
           S: this,
           A: [
             "message",
@@ -190,7 +182,7 @@ var ChatProcessor = class {
         if (isToolUse(message)) {
           log.info("tool request...", void 0, {
             F: __dxlog_file,
-            L: 176,
+            L: 185,
             S: this,
             C: (f, a) => f(...a)
           });
@@ -203,7 +195,7 @@ var ChatProcessor = class {
             response
           }, {
             F: __dxlog_file,
-            L: 183,
+            L: 192,
             S: this,
             C: (f, a) => f(...a)
           });
@@ -224,14 +216,14 @@ var ChatProcessor = class {
         err
       }, {
         F: __dxlog_file,
-        L: 195,
+        L: 204,
         S: this,
         C: (f, a) => f(...a)
       });
     } finally {
       log.info("done", void 0, {
         F: __dxlog_file,
-        L: 197,
+        L: 206,
         S: this,
         C: (f, a) => f(...a)
       });
@@ -240,51 +232,27 @@ var ChatProcessor = class {
   }
 };
 
-// packages/plugins/experimental/plugin-automation/src/hooks/useServiceRegistry.ts
+// packages/plugins/experimental/plugin-automation/src/hooks/useChatProcessor.tsx
 import { useEffect, useMemo, useState } from "react";
-var useServiceRegistry = (query) => {
-  const registry = useMemo(() => new MockServiceRegistry(), []);
-  const [services, setServices] = useState([]);
-  useEffect(() => {
-    const t = setTimeout(async () => {
-      const services2 = await registry.queryServices(query);
-      setServices(services2);
-    });
-    return () => clearTimeout(t);
-  }, [
-    query,
-    registry
-  ]);
-  return services;
-};
-
-// packages/plugins/experimental/plugin-automation/src/hooks/useLocalTriggerManager.ts
-import { useEffect as useEffect2, useState as useState2 } from "react";
-import { Mutex } from "@dxos/async";
-import { Context } from "@dxos/context";
-import { createSubscriptionTrigger } from "@dxos/functions";
-import { FunctionTrigger } from "@dxos/functions";
-import { invariant as invariant3 } from "@dxos/invariant";
-import { log as log3 } from "@dxos/log";
-import { useClient } from "@dxos/react-client";
-import { Filter, useQuery } from "@dxos/react-client/echo";
-
-// packages/plugins/experimental/plugin-automation/src/hooks/invocation-handler.ts
-import { sleep } from "@dxos/async";
-import { getObjectCore, ResultFormat } from "@dxos/echo-db";
+import { Capabilities, useCapabilities, useCapability, useIntentDispatcher } from "@dxos/app-framework";
+import { createSystemPrompt } from "@dxos/artifact";
 import { FunctionType } from "@dxos/functions";
-import { invariant as invariant2 } from "@dxos/invariant";
-import { DXN, LOCAL_SPACE_TAG } from "@dxos/keys";
-import { log as log2 } from "@dxos/log";
+import { useConfig } from "@dxos/react-client";
+import { Filter, getSpace, useQuery } from "@dxos/react-client/echo";
+import { isNotNullOrUndefined } from "@dxos/util";
 
-// packages/plugins/experimental/plugin-automation/src/hooks/useLocalTriggerManager.ts
-var registerTriggersMutex = new Mutex();
+// packages/plugins/experimental/plugin-automation/src/capabilities/index.ts
+import { lazy } from "@dxos/app-framework";
+var AiClient = lazy(() => import("./ai-client-XGNA6SJ5.mjs"));
+var AppGraphBuilder = lazy(() => import("./app-graph-builder-IJQEN7WT.mjs"));
+var IntentResolver = lazy(() => import("./intent-resolver-DCP4ZDBA.mjs"));
+var ReactSurface = lazy(() => import("./react-surface-SBDXFVIN.mjs"));
 
 // packages/plugins/experimental/plugin-automation/src/tools/function.ts
 import { defineTool, ToolResult } from "@dxos/artifact";
 import { toEffectSchema } from "@dxos/echo-schema";
 import { getInvocationUrl, getUserFunctionUrlInMetadata } from "@dxos/functions";
-import { log as log4 } from "@dxos/log";
+import { log as log2 } from "@dxos/log";
 import { getMeta } from "@dxos/react-client/echo";
 var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-automation/src/tools/function.ts";
 var covertFunctionToTool = (fn, edgeUrl, spaceId) => {
@@ -303,7 +271,7 @@ var covertFunctionToTool = (fn, edgeUrl, spaceId) => {
     description: fn.description,
     schema: toEffectSchema(fn.inputSchema),
     execute: async (input) => {
-      log4.info("execute function tool", {
+      log2.info("execute function tool", {
         name: fn.name,
         url,
         input
@@ -329,12 +297,12 @@ var covertFunctionToTool = (fn, edgeUrl, spaceId) => {
 import jsonpointer from "jsonpointer";
 import { ToolResult as ToolResult2 } from "@dxos/artifact";
 import { JsonSchemaType, normalizeSchema, S, toEffectSchema as toEffectSchema2 } from "@dxos/echo-schema";
-import { invariant as invariant4 } from "@dxos/invariant";
-import { log as log5 } from "@dxos/log";
+import { invariant as invariant2 } from "@dxos/invariant";
+import { log as log3 } from "@dxos/log";
 import { deepMapValues } from "@dxos/util";
 var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-automation/src/tools/openapi.ts";
 var createToolsFromService = async (service) => {
-  invariant4(service.interfaces?.length === 1 && service.interfaces[0].kind === "api", void 0, {
+  invariant2(service.interfaces?.length === 1 && service.interfaces[0].kind === "api", void 0, {
     F: __dxlog_file3,
     L: 22,
     S: void 0,
@@ -344,7 +312,7 @@ var createToolsFromService = async (service) => {
     ]
   });
   const iface = service.interfaces[0];
-  invariant4(iface.schemaUrl, void 0, {
+  invariant2(iface.schemaUrl, void 0, {
     F: __dxlog_file3,
     L: 24,
     S: void 0,
@@ -353,7 +321,7 @@ var createToolsFromService = async (service) => {
       ""
     ]
   });
-  invariant4(iface.schemaUrl, void 0, {
+  invariant2(iface.schemaUrl, void 0, {
     F: __dxlog_file3,
     L: 25,
     S: void 0,
@@ -369,7 +337,7 @@ var createToolsFromService = async (service) => {
 var createToolsFromApi = async (url, options) => {
   const res = await fetch(url);
   const spec = await res.json();
-  log5("spec", {
+  log3("spec", {
     spec
   }, {
     F: __dxlog_file3,
@@ -385,7 +353,7 @@ var createToolsFromApi = async (url, options) => {
     const { ...methods } = pathItem;
     for (const [method, m] of Object.entries(methods)) {
       const methodItem = m;
-      log5("methodItem", {
+      log3("methodItem", {
         path,
         method,
         methodItem
@@ -405,7 +373,7 @@ var createToolsFromApi = async (url, options) => {
       };
       const endpointParameters = [];
       for (const parameter of parametersResolved) {
-        log5("parameter", {
+        log3("parameter", {
           parameter
         }, {
           F: __dxlog_file3,
@@ -428,7 +396,7 @@ var createToolsFromApi = async (url, options) => {
           }
         }
       }
-      log5("inputSchema", {
+      log3("inputSchema", {
         inputSchema
       }, {
         F: __dxlog_file3,
@@ -439,7 +407,7 @@ var createToolsFromApi = async (url, options) => {
       S.validateSync(JsonSchemaType)(inputSchema);
       const description = methodItem.description ?? methodItem.summary;
       if (!description) {
-        log5.warn("no description", {
+        log3.warn("no description", {
           path,
           method
         }, {
@@ -514,7 +482,7 @@ var GENERIC_WORDS = [
   "endpoint"
 ];
 var callApiEndpoint = async (endpoint, input) => {
-  log5.info("endpoint", {
+  log3.info("endpoint", {
     method: endpoint.method,
     name: endpoint.path,
     input
@@ -574,7 +542,7 @@ var callApiEndpoint = async (endpoint, input) => {
     request.body = JSON.stringify(body);
     request.headers["Content-Type"] = "application/json";
   }
-  log5.info("request", {
+  log3.info("request", {
     url,
     request
   }, {
@@ -584,7 +552,7 @@ var callApiEndpoint = async (endpoint, input) => {
     C: (f, a) => f(...a)
   });
   const response = await fetch(url, request);
-  log5.info("response", {
+  log3.info("response", {
     ok: response.ok,
     status: response.status,
     statusText: response.statusText
@@ -610,7 +578,7 @@ var callApiEndpoint = async (endpoint, input) => {
       } catch {
         error = responseBody;
       }
-      log5.error("error", {
+      log3.error("error", {
         error
       }, {
         F: __dxlog_file3,
@@ -621,7 +589,7 @@ var callApiEndpoint = async (endpoint, input) => {
       throw new Error(error.message);
     } else {
       const error = await response.text();
-      log5.error("error", {
+      log3.error("error", {
         error
       }, {
         F: __dxlog_file3,
@@ -638,7 +606,7 @@ var getEndpointUrl = (endpoint) => {
   if (isV3_1(endpoint.document) && endpoint.document.servers && endpoint.document.servers.length > 0) {
     url = endpoint.document.servers[0].url;
   } else {
-    invariant4(!isV3_1(endpoint.document), void 0, {
+    invariant2(!isV3_1(endpoint.document), void 0, {
       F: __dxlog_file3,
       L: 272,
       S: void 0,
@@ -658,7 +626,7 @@ var getEndpointUrl = (endpoint) => {
 var resolveAuthorization = async (authorization) => {
   switch (authorization.type) {
     case "api-key": {
-      invariant4(authorization.placement.type === "authorization-header", void 0, {
+      invariant2(authorization.placement.type === "authorization-header", void 0, {
         F: __dxlog_file3,
         L: 288,
         S: void 0,
@@ -693,7 +661,7 @@ var resolveJsonSchema = (schema, base) => {
         if (resolved) {
           return recurse(resolved);
         } else {
-          log5.warn("unresolved", {
+          log3.warn("unresolved", {
             ref: value.$ref,
             base
           }, {
@@ -712,96 +680,262 @@ var isV3_1 = (document) => {
   return document.openapi === "3.0.1";
 };
 
-// packages/plugins/experimental/plugin-automation/src/components/Thread/Thread.tsx
-import React6, { useCallback as useCallback2, useMemo as useMemo2, useRef as useRef3, useState as useState6 } from "react";
-import { IconButton, Input, useTranslation } from "@dxos/react-ui";
-import { Spinner } from "@dxos/react-ui-sfx";
-import { mx as mx6 } from "@dxos/react-ui-theme";
-
-// packages/plugins/experimental/plugin-automation/src/components/Thread/ScrollContainer.tsx
-import React, { forwardRef, useCallback, useEffect as useEffect3, useImperativeHandle, useRef, useState as useState3 } from "react";
-import { invariant as invariant5 } from "@dxos/invariant";
-import { mx } from "@dxos/react-ui-theme";
-var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-automation/src/components/Thread/ScrollContainer.tsx";
-var ScrollContainer = /* @__PURE__ */ forwardRef(({ children, classNames }, forwardedRef) => {
-  const containerRef = useRef(null);
-  const autoScrollRef = useRef(false);
-  useImperativeHandle(forwardedRef, () => ({
-    scrollToBottom: () => {
-      invariant5(containerRef.current, void 0, {
-        F: __dxlog_file4,
-        L: 41,
-        S: void 0,
-        A: [
-          "containerRef.current",
-          ""
-        ]
-      });
-      containerRef.current.scrollTo({
-        top: containerRef.current.scrollHeight,
-        behavior: "smooth"
-      });
-      autoScrollRef.current = false;
-    }
-  }), []);
-  const [sticky, setSticky] = useState3(true);
-  useEffect3(() => {
-    if (!sticky || !containerRef.current) {
-      return;
-    }
-    autoScrollRef.current = true;
-    containerRef.current.scrollTo({
-      top: containerRef.current.scrollHeight,
-      behavior: "smooth"
+// packages/plugins/experimental/plugin-automation/src/hooks/useChatProcessor.tsx
+var useChatProcessor = (chat) => {
+  const aiClient = useCapability(AutomationCapabilities.AiClient);
+  const globalTools = useCapabilities(Capabilities.Tools);
+  const artifactDefinitions = useCapabilities(Capabilities.ArtifactDefinition);
+  const { dispatchPromise: dispatch } = useIntentDispatcher();
+  const space = getSpace(chat);
+  const services = useQuery(space, Filter.schema(ServiceType));
+  const [serviceTools, setServiceTools] = useState([]);
+  useEffect(() => {
+    queueMicrotask(async () => {
+      const tools2 = await Promise.all(services.map((service) => createToolsFromService(service)));
+      setServiceTools(tools2.flat());
     });
   }, [
-    children
+    services
+  ]);
+  const config = useConfig();
+  const functions2 = useQuery(space, Filter.schema(FunctionType));
+  const tools = useMemo(() => [
+    ...globalTools.flat(),
+    ...artifactDefinitions.flatMap((definition) => definition.tools),
+    ...serviceTools,
+    ...functions2.map((fn) => covertFunctionToTool(fn, config.values.runtime?.services?.edge?.url ?? "", space?.id)).filter(isNotNullOrUndefined)
+  ], [
+    globalTools,
+    artifactDefinitions,
+    serviceTools,
+    functions2,
+    space?.id
+  ]);
+  const systemPrompt = useMemo(() => createSystemPrompt({
+    artifacts: artifactDefinitions.map((definition) => definition.instructions)
+  }), [
+    artifactDefinitions
+  ]);
+  const processor = useMemo(() => new ChatProcessor(aiClient, tools, {
+    space,
+    dispatch
+  }, {
+    model: "@anthropic/claude-3-5-sonnet-20241022",
+    systemPrompt
+  }), [
+    aiClient,
+    tools,
+    space,
+    dispatch,
+    systemPrompt
   ]);
+  return processor;
+};
+
+// packages/plugins/experimental/plugin-automation/src/hooks/useLocalTriggerManager.ts
+import { useEffect as useEffect2, useState as useState2 } from "react";
+import { Mutex } from "@dxos/async";
+import { Context } from "@dxos/context";
+import { createSubscriptionTrigger } from "@dxos/functions";
+import { FunctionTrigger } from "@dxos/functions";
+import { invariant as invariant4 } from "@dxos/invariant";
+import { log as log5 } from "@dxos/log";
+import { useClient } from "@dxos/react-client";
+import { Filter as Filter2, useQuery as useQuery2 } from "@dxos/react-client/echo";
+
+// packages/plugins/experimental/plugin-automation/src/hooks/invocation-handler.ts
+import { sleep } from "@dxos/async";
+import { getObjectCore, ResultFormat } from "@dxos/echo-db";
+import { FunctionType as FunctionType2 } from "@dxos/functions";
+import { invariant as invariant3 } from "@dxos/invariant";
+import { DXN, LOCAL_SPACE_TAG } from "@dxos/keys";
+import { log as log4 } from "@dxos/log";
+
+// packages/plugins/experimental/plugin-automation/src/hooks/useLocalTriggerManager.ts
+var registerTriggersMutex = new Mutex();
+
+// packages/plugins/experimental/plugin-automation/src/hooks/useMessageQueue.ts
+import { useMemo as useMemo2 } from "react";
+import { DXN as DXN2, QueueSubspaceTags } from "@dxos/keys";
+import { getSpace as getSpace2 } from "@dxos/react-client/echo";
+import { useEdgeClient, useQueue } from "@dxos/react-edge-client";
+var useMessageQueue = (chat) => {
+  const edgeClient = useEdgeClient();
+  const space = getSpace2(chat);
+  const queueDxn = useMemo2(() => new DXN2(DXN2.kind.QUEUE, [
+    QueueSubspaceTags.DATA,
+    space.id,
+    chat.queue.dxn.parts.at(-1)
+  ]), [
+    chat.queue.dxn
+  ]);
+  return useQueue(edgeClient, queueDxn);
+};
+
+// packages/plugins/experimental/plugin-automation/src/hooks/useServices.ts
+import { useEffect as useEffect3, useMemo as useMemo3, useState as useState3 } from "react";
+
+// packages/plugins/experimental/plugin-automation/src/testing/test-functions.ts
+import { createSystemPrompt as createSystemPrompt2 } from "@dxos/artifact";
+import { AST, S as S2, toJsonSchema } from "@dxos/echo-schema";
+var functions = [
+  {
+    name: "example.com/function/chess",
+    version: "0.1.0",
+    inputSchema: toJsonSchema(S2.Struct({
+      level: S2.Number.annotations({
+        [AST.TitleAnnotationId]: "Level"
+      })
+    }))
+  },
+  {
+    name: "example.com/function/forex",
+    version: "0.1.0",
+    binding: "FOREX",
+    inputSchema: toJsonSchema(S2.Struct({
+      from: S2.String.annotations({
+        [AST.TitleAnnotationId]: "Currency from"
+      }),
+      to: S2.String.annotations({
+        [AST.TitleAnnotationId]: "Currency to"
+      })
+    }))
+  }
+];
+
+// packages/plugins/experimental/plugin-automation/src/testing/test-services.ts
+import { createStatic as createStatic2 } from "@dxos/echo-schema";
+var MockServiceRegistry = class {
+  async queryServices(query) {
+    return TEST_SERVICES;
+  }
+};
+var AMADEUS_AUTH = {
+  type: "oauth",
+  clientId: "BOEnpLd1sMyKjAPGKYeAPFFy60u53QEG",
+  clientSecret: "n4qldSN7usvD57gm",
+  tokenUrl: "https://test.api.amadeus.com/v1/security/oauth2/token",
+  grantType: "client_credentials"
+};
+var VISUAL_CROSSING_CREDENTIALS = {
+  type: "api-key",
+  key: "FDPRVS953KB4GQQLD25GRT975",
+  placement: {
+    type: "query",
+    name: "key"
+  }
+};
+var TEST_SERVICES = [
+  createStatic2(ServiceType, {
+    serviceId: "amadeus.com/service/FlightSearch",
+    name: "Amadeus Flight Search",
+    description: "Search for local and international flights.",
+    category: "travel",
+    interfaces: [
+      {
+        kind: "api",
+        schemaUrl: "https://api.apis.guru/v2/specs/amadeus.com/amadeus-flight-availabilities-search/1.0.2/swagger.json",
+        authorization: AMADEUS_AUTH
+      }
+    ]
+  }),
+  createStatic2(ServiceType, {
+    serviceId: "amadeus.com/service/HotelSearch",
+    name: "Amadeus Hotel Search",
+    description: "Search for local and international hotels.",
+    category: "travel",
+    interfaces: [
+      {
+        kind: "api",
+        schemaUrl: "https://api.apis.guru/v2/specs/amadeus.com/amadeus-hotel-search/3.0.8/swagger.json",
+        authorization: AMADEUS_AUTH
+      }
+    ]
+  }),
+  createStatic2(ServiceType, {
+    serviceId: "visualcrossing.com/service/Weather",
+    name: "Visual Crossing Weather",
+    description: "Search for global weather forecasts.",
+    category: "weather",
+    interfaces: [
+      {
+        kind: "api",
+        schemaUrl: "https://api.apis.guru/v2/specs/visualcrossing.com/weather/4.6/openapi.json",
+        authorization: VISUAL_CROSSING_CREDENTIALS
+      }
+    ]
+  }),
+  // TODO(burdon): Needs auth.
+  createStatic2(ServiceType, {
+    serviceId: "abstractapi.com/service/GeoLocation",
+    name: "Abstract GeoLocation",
+    description: "Get the location of any IP address.",
+    category: "geolocation",
+    interfaces: [
+      {
+        kind: "api",
+        schemaUrl: "https://api.apis.guru/v2/specs/abstractapi.com/geolocation/1.0.0/openapi.json"
+      }
+    ]
+  }),
+  //
+  // Testing
+  //
+  ...Array.from({
+    length: 20
+  }, (_, i) => createStatic2(ServiceType, {
+    serviceId: `example.com/service/test-${i}`,
+    name: `Test ${i}`,
+    description: `Test ${i}`,
+    category: Object.keys(categoryIcons)[Math.floor(Math.random() * Object.keys(categoryIcons).length)],
+    interfaces: [
+      {
+        kind: "api",
+        schemaUrl: "https://petstore.swagger.io/v2/swagger.json"
+      }
+    ]
+  }))
+];
+
+// packages/plugins/experimental/plugin-automation/src/hooks/useServices.ts
+var useServices = (space, query) => {
+  const registry = useMemo3(() => new MockServiceRegistry(), []);
+  const [services, setServices] = useState3([]);
   useEffect3(() => {
-    invariant5(containerRef.current, void 0, {
-      F: __dxlog_file4,
-      L: 62,
-      S: void 0,
-      A: [
-        "containerRef.current",
-        ""
-      ]
+    const t = setTimeout(async () => {
+      const services2 = await registry.queryServices(query);
+      setServices(services2);
     });
-    const handleScrollEnd = () => {
-      autoScrollRef.current = false;
-    };
-    containerRef.current.addEventListener("scrollend", handleScrollEnd);
-    return () => containerRef.current?.removeEventListener("scrollend", handleScrollEnd);
-  }, []);
-  const handleScroll = useCallback((ev) => {
-    if (autoScrollRef.current) {
-      return;
-    }
-    const { scrollTop, clientHeight, scrollHeight } = ev.currentTarget;
-    const sticky2 = scrollTop + clientHeight >= scrollHeight;
-    setSticky(sticky2);
-  }, []);
-  return /* @__PURE__ */ React.createElement("div", {
-    ref: containerRef,
-    onScroll: handleScroll,
-    className: mx("flex flex-col grow overflow-y-scroll scrollbar-none", classNames)
-  }, children);
-});
+    return () => clearTimeout(t);
+  }, [
+    query,
+    registry
+  ]);
+  return services;
+};
+
+// packages/plugins/experimental/plugin-automation/src/components/Thread/Thread.tsx
+import React6, { useCallback, useMemo as useMemo4, useRef as useRef3, useState as useState7 } from "react";
+import { IconButton, Input, useTranslation } from "@dxos/react-ui";
+import { ScrollContainer } from "@dxos/react-ui-components";
+import { Spinner } from "@dxos/react-ui-sfx";
+import { mx as mx6 } from "@dxos/react-ui-theme";
 
 // packages/plugins/experimental/plugin-automation/src/components/Thread/ThreadMessage.tsx
-import React5 from "react";
-import { invariant as invariant6 } from "@dxos/invariant";
-import { Button, ButtonGroup, Icon as Icon2 } from "@dxos/react-ui";
+import React5, { useEffect as useEffect6, useRef as useRef2, useState as useState6 } from "react";
+import { invariant as invariant5 } from "@dxos/invariant";
+import { log as log6 } from "@dxos/log";
+import { Button, ButtonGroup, Icon as Icon3 } from "@dxos/react-ui";
 import { Json } from "@dxos/react-ui-syntax-highlighter";
 import { mx as mx5 } from "@dxos/react-ui-theme";
 import { safeParseJson } from "@dxos/util";
 
-// packages/plugins/experimental/plugin-automation/src/components/Thread/StatusLine.tsx
-import React2, { useEffect as useEffect4, useRef as useRef2, useState as useState4 } from "react";
-import { mx as mx2 } from "@dxos/react-ui-theme";
+// packages/plugins/experimental/plugin-automation/src/components/Box/StatusLine.tsx
+import React, { useEffect as useEffect4, useRef, useState as useState4 } from "react";
+import { mx } from "@dxos/react-ui-theme";
 var emptyLines = [];
 var StatusLine = ({ classNames, line = -1, lines = emptyLines, transition = 300, advance = 1e3, autoAdvance }) => {
-  const containerRef = useRef2(null);
+  const containerRef = useRef(null);
   const [currentLine, setCurrentLine] = useState4(line);
   useEffect4(() => {
     setCurrentLine(line);
@@ -814,7 +948,7 @@ var StatusLine = ({ classNames, line = -1, lines = emptyLines, transition = 300,
     }
     const next = () => {
       setCurrentLine((prev) => {
-        if (prev === lines.length - 1) {
+        if (prev >= lines.length - 1) {
           clearInterval(interval);
           return prev;
         }
@@ -837,32 +971,128 @@ var StatusLine = ({ classNames, line = -1, lines = emptyLines, transition = 300,
   }, [
     currentLine
   ]);
-  return /* @__PURE__ */ React2.createElement("div", {
-    className: mx2("relative h-[24px] overflow-hidden", classNames)
-  }, /* @__PURE__ */ React2.createElement("div", {
+  return /* @__PURE__ */ React.createElement("div", {
+    className: mx("relative h-[24px] overflow-hidden", classNames)
+  }, /* @__PURE__ */ React.createElement("div", {
     ref: containerRef,
     className: "h-[24px]"
-  }, /* @__PURE__ */ React2.createElement("div", {
+  }, /* @__PURE__ */ React.createElement("div", {
     className: "flex flex-col"
-  }, lines.map((line2, i) => /* @__PURE__ */ React2.createElement("div", {
+  }, lines.map((line2, i) => /* @__PURE__ */ React.createElement("div", {
     key: i,
-    className: mx2("flex h-[24px] items-center")
-  }, /* @__PURE__ */ React2.createElement("span", {
+    className: mx("flex h-[24px] items-center")
+  }, /* @__PURE__ */ React.createElement("span", {
     className: "truncate"
   }, line2))))));
 };
 
-// packages/plugins/experimental/plugin-automation/src/components/Thread/ToggleContainer.tsx
-import React3, { useEffect as useEffect5, useState as useState5 } from "react";
+// packages/plugins/experimental/plugin-automation/src/components/Box/Tabbed.tsx
+import React2, { forwardRef } from "react";
 import { Icon } from "@dxos/react-ui";
+import { mx as mx2 } from "@dxos/react-ui-theme";
+var numbers = [
+  {
+    regular: "ph--number-circle-zero--thin",
+    active: "ph--number-circle-zero--duotone"
+  },
+  {
+    regular: "ph--number-circle-one--thin",
+    active: "ph--number-circle-one--duotone"
+  },
+  {
+    regular: "ph--number-circle-two--thin",
+    active: "ph--number-circle-two--duotone"
+  },
+  {
+    regular: "ph--number-circle-three--thin",
+    active: "ph--number-circle-three--duotone"
+  },
+  {
+    regular: "ph--number-circle-four--thin",
+    active: "ph--number-circle-four--duotone"
+  },
+  {
+    regular: "ph--number-circle-five--thin",
+    active: "ph--number-circle-five--duotone"
+  },
+  {
+    regular: "ph--number-circle-six--thin",
+    active: "ph--number-circle-six--duotone"
+  },
+  {
+    regular: "ph--number-circle-seven--thin",
+    active: "ph--number-circle-seven--duotone"
+  },
+  {
+    regular: "ph--number-circle-eight--thin",
+    active: "ph--number-circle-eight--duotone"
+  },
+  {
+    regular: "ph--number-circle-nine--thin",
+    active: "ph--number-circle-nine--duotone"
+  }
+];
+var Tabs = /* @__PURE__ */ forwardRef(({ classNames, length, selected = 0, onSelect }, forwardedRef) => {
+  return /* @__PURE__ */ React2.createElement("div", {
+    ref: forwardedRef,
+    className: mx2("flex flex-col overflow-hidden outline-none", classNames),
+    tabIndex: -1,
+    onKeyDown: (ev) => {
+      switch (ev.key) {
+        case "ArrowDown":
+        case "ArrowRight": {
+          ev.preventDefault();
+          ev.stopPropagation();
+          if (selected < length - 1) {
+            onSelect?.(selected + 1);
+          }
+          break;
+        }
+        case "ArrowUp":
+        case "ArrowLeft": {
+          ev.preventDefault();
+          ev.stopPropagation();
+          if (selected > 0) {
+            onSelect?.(selected - 1);
+          }
+          break;
+        }
+        case "Enter": {
+          ev.preventDefault();
+          ev.stopPropagation();
+          onSelect?.(selected);
+          break;
+        }
+      }
+    }
+  }, Array.from({
+    length
+  }).map((_, i) => {
+    const icon = numbers[i + 1];
+    return /* @__PURE__ */ React2.createElement("div", {
+      key: i,
+      className: mx2("relative flex w-[24px] h-[28px] justify-center cursor-pointer text-subdued", selected === i && "!text-cyan-550 !dark:text-cyan-300")
+    }, i < length - 1 && /* @__PURE__ */ React2.createElement("div", {
+      className: "absolute left-[11.5px] top-[21px] w-[1px] h-[10px] bg-neutral-400"
+    }), /* @__PURE__ */ React2.createElement(Icon, {
+      icon: selected === i ? icon.regular : icon.regular,
+      classNames: "z-10 !p-0 !w-[24px] !h-[24px] outline-none",
+      onClick: () => onSelect?.(i)
+    }));
+  }));
+});
+
+// packages/plugins/experimental/plugin-automation/src/components/Box/ToggleContainer.tsx
+import React3, { useEffect as useEffect5, useState as useState5 } from "react";
+import { Icon as Icon2, useControlledState } from "@dxos/react-ui";
 import { mx as mx3 } from "@dxos/react-ui-theme";
-var ToggleContainer = ({ title, icon, toggle, defaultOpen, duration = 400, shrinkX = false, children, classNames }) => {
-  const [expand, setExpand] = useState5(defaultOpen || !toggle);
-  const [expandX, setExpandX] = useState5(shrinkX ? expand : true);
-  const [expandY, setExpandY] = useState5(expand);
+var ToggleContainer = ({ classNames, title, icon, open: _open, duration = 400, shrinkX = false, children, onChangeOpen }) => {
+  const [open, setOpen] = useControlledState(_open);
+  const [expandX, setExpandX] = useState5(shrinkX ? open : true);
+  const [expandY, setExpandY] = useState5(open);
   useEffect5(() => {
     let t;
-    if (expand) {
+    if (open) {
       if (shrinkX) {
         setExpandX(true);
       }
@@ -879,16 +1109,23 @@ var ToggleContainer = ({ title, icon, toggle, defaultOpen, duration = 400, shrin
     }
     return () => clearTimeout(t);
   }, [
-    expand
+    open
   ]);
+  const handleToggle = () => {
+    if (onChangeOpen) {
+      onChangeOpen(!open);
+    } else {
+      setOpen((open2) => !open2);
+    }
+  };
   return /* @__PURE__ */ React3.createElement("div", {
     className: mx3("overflow-hidden", classNames)
   }, title && /* @__PURE__ */ React3.createElement("div", {
     className: "flex gap-1 py-1 items-center text-sm text-subdued cursor-pointer select-none",
-    onClick: toggle ? () => setExpand((open) => !open) : void 0
-  }, toggle && /* @__PURE__ */ React3.createElement("div", {
+    onClick: handleToggle
+  }, /* @__PURE__ */ React3.createElement("div", {
     className: "flex w-[24px] h-[24px] items-center justify-center"
-  }, /* @__PURE__ */ React3.createElement(Icon, {
+  }, /* @__PURE__ */ React3.createElement(Icon2, {
     size: 4,
     icon: "ph--caret-right--regular",
     style: {
@@ -896,7 +1133,7 @@ var ToggleContainer = ({ title, icon, toggle, defaultOpen, duration = 400, shrin
     },
     classNames: [
       "transition transition-transform ease-in-out",
-      expand ? "rotate-90" : "transform-none"
+      open ? "rotate-90" : "transform-none"
     ]
   })), /* @__PURE__ */ React3.createElement("div", {
     className: "flex-1 pis-1 pie-1 truncate"
@@ -970,7 +1207,7 @@ var MarkdownViewer = ({ classNames, content = "" }) => {
 };
 
 // packages/plugins/experimental/plugin-automation/src/components/Thread/ThreadMessage.tsx
-var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-automation/src/components/Thread/ThreadMessage.tsx";
+var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-automation/src/components/Thread/ThreadMessage.tsx";
 var ThreadMessage = ({ classNames, message, collapse, debug, onSuggest, onDelete }) => {
   if (typeof message !== "object") {
     return /* @__PURE__ */ React5.createElement("div", {
@@ -978,39 +1215,54 @@ var ThreadMessage = ({ classNames, message, collapse, debug, onSuggest, onDelete
     }, message);
   }
   const { role, content = [] } = message;
-  const tools = content.filter((block) => block.type === "tool_use" || block.type === "tool_result");
-  if (collapse && tools.length > 0) {
+  const toolBlocks = content.filter((block) => block.type === "tool_use" || block.type === "tool_result");
+  if (collapse && toolBlocks.length > 0) {
     let request;
-    const lines = tools.map((tool) => {
-      switch (tool.type) {
+    const items = toolBlocks.map((block) => {
+      switch (block.type) {
         case "tool_use": {
-          request = tool;
-          return `Calling ${tool.name}...`;
+          request = block;
+          return {
+            title: `Calling ${block.name}...`,
+            block
+          };
         }
         case "tool_result": {
           if (!request) {
-            return "Error";
+            log6.warn("unexpected message", {
+              block
+            }, {
+              F: __dxlog_file4,
+              L: 54,
+              S: void 0,
+              C: (f, a) => f(...a)
+            });
+            return {
+              title: "Error",
+              block
+            };
           }
-          return `Processed ${request.name}`;
+          return {
+            title: `Processed ${request.name}`,
+            block
+          };
+        }
+        default: {
+          request = void 0;
+          return {
+            title: "Error",
+            block
+          };
         }
-        default:
-          return "Error";
       }
     });
     return /* @__PURE__ */ React5.createElement("div", {
       className: mx5("flex", classNames)
     }, /* @__PURE__ */ React5.createElement("div", {
-      className: "w-full p-1 px-2 overflow-hidden rounded-md bg-base"
-    }, /* @__PURE__ */ React5.createElement(ToggleContainer, {
-      title: /* @__PURE__ */ React5.createElement(StatusLine, {
-        lines,
-        autoAdvance: true
-      }),
-      toggle: true
-    }, /* @__PURE__ */ React5.createElement(Json, {
-      data: content[content.length - 1],
-      classNames: "!p-1 text-xs"
-    }))));
+      className: "w-full p-1 px-2 overflow-hidden rounded-md bg-baseSurface"
+    }, /* @__PURE__ */ React5.createElement(TabbedContainer, {
+      items
+    })));
   }
   return /* @__PURE__ */ React5.createElement("div", {
     className: mx5("flex flex-col shrink-0 gap-2")
@@ -1032,7 +1284,7 @@ var ThreadMessage = ({ classNames, message, collapse, debug, onSuggest, onDelete
 var Block = ({ block, role, onSuggest }) => {
   const Component = componentMap[block.type] ?? componentMap.default;
   return /* @__PURE__ */ React5.createElement("div", {
-    className: mx5("p-1 px-2 overflow-hidden rounded-md", (block.type !== "text" || block.disposition) && "w-full bg-base", block.type === "text" && role === "user" && "bg-blue-200 dark:bg-blue-800")
+    className: mx5("p-1 px-2 overflow-hidden rounded-md", (block.type !== "text" || block.disposition) && "w-full bg-baseSurface", block.type === "text" && role === "user" && "bg-primary-200 dark:bg-primary-500")
   }, /* @__PURE__ */ React5.createElement(Component, {
     block,
     onSuggest
@@ -1040,15 +1292,14 @@ var Block = ({ block, role, onSuggest }) => {
 };
 var titles = {
   ["cot"]: "Chain of thought",
-  // TODO(burdon): Only show if debugging.
+  ["artifact"]: "Artifact",
   ["tool_use"]: "Tool request",
-  ["tool_result"]: "Tool result",
-  ["artifact"]: "Artifact"
+  ["tool_result"]: "Tool result"
 };
 var componentMap = {
   text: ({ block }) => {
-    invariant6(block.type === "text", void 0, {
-      F: __dxlog_file5,
+    invariant5(block.type === "text", void 0, {
+      F: __dxlog_file4,
       L: 128,
       S: void 0,
       A: [
@@ -1067,13 +1318,12 @@ var componentMap = {
     }
     return /* @__PURE__ */ React5.createElement(ToggleContainer, {
       title,
-      icon: block.pending ? /* @__PURE__ */ React5.createElement(Icon2, {
+      icon: block.pending ? /* @__PURE__ */ React5.createElement(Icon3, {
         icon: "ph--circle-notch--regular",
         classNames: "text-subdued ml-2 animate-spin",
         size: 4
       }) : void 0,
-      defaultOpen: block.disposition === "cot",
-      toggle: true
+      open: block.disposition === "cot"
     }, /* @__PURE__ */ React5.createElement(MarkdownViewer, {
       content: block.text,
       classNames: [
@@ -1082,9 +1332,9 @@ var componentMap = {
     }));
   },
   json: ({ block, onSuggest }) => {
-    invariant6(block.type === "json", void 0, {
-      F: __dxlog_file5,
-      L: 153,
+    invariant5(block.type === "json", void 0, {
+      F: __dxlog_file4,
+      L: 152,
       S: void 0,
       A: [
         "block.type === 'json'",
@@ -1108,8 +1358,7 @@ var componentMap = {
       default: {
         const title = block.disposition ? titles[block.disposition] : void 0;
         return /* @__PURE__ */ React5.createElement(ToggleContainer, {
-          title: title ?? "JSON",
-          toggle: true
+          title: title ?? "JSON"
         }, /* @__PURE__ */ React5.createElement(Json, {
           data: safeParseJson(block.json ?? block),
           classNames: "!p-1 text-xs"
@@ -1123,21 +1372,58 @@ var componentMap = {
       title = `Tool [${block.name}]`;
     }
     return /* @__PURE__ */ React5.createElement(ToggleContainer, {
-      title: title ?? "JSON",
-      toggle: true
+      title: title ?? "JSON"
     }, /* @__PURE__ */ React5.createElement(Json, {
       data: block,
       classNames: "!p-1 text-xs"
     }));
   }
 };
+var TabbedContainer = ({ items }) => {
+  const lines = items.map((item) => item.title);
+  const tabsRef = useRef2(null);
+  const [selected, setSelected] = useState6(0);
+  const [open, setOpen] = useState6(false);
+  useEffect6(() => {
+    if (open) {
+      tabsRef.current?.focus();
+    }
+  }, [
+    open
+  ]);
+  const handleSelect = (index) => {
+    if (index === selected) {
+      setOpen(false);
+    } else {
+      setSelected(index);
+    }
+  };
+  return /* @__PURE__ */ React5.createElement(ToggleContainer, {
+    title: /* @__PURE__ */ React5.createElement(StatusLine, {
+      lines,
+      autoAdvance: true
+    }),
+    open,
+    onChangeOpen: setOpen
+  }, /* @__PURE__ */ React5.createElement("div", {
+    className: "flex gap-2 w-full"
+  }, /* @__PURE__ */ React5.createElement(Tabs, {
+    ref: tabsRef,
+    length: items.length,
+    selected,
+    onSelect: handleSelect
+  }), /* @__PURE__ */ React5.createElement(Json, {
+    data: items[selected].block,
+    classNames: "!p-1 text-xs"
+  })));
+};
 
 // packages/plugins/experimental/plugin-automation/src/components/Thread/Thread.tsx
 var Thread = ({ messages, streaming, collapse, debug, onSubmit, onStop, onSuggest, onDelete }) => {
   const { t } = useTranslation(AUTOMATION_PLUGIN);
   const scroller = useRef3(null);
-  const [text, setText] = useState6("");
-  const handleKeyDown = useCallback2((ev) => {
+  const [text, setText] = useState7("");
+  const handleKeyDown = useCallback((ev) => {
     switch (ev.key) {
       case "Escape": {
         setText("");
@@ -1156,7 +1442,7 @@ var Thread = ({ messages, streaming, collapse, debug, onSubmit, onStop, onSugges
   }, [
     text
   ]);
-  const { messages: lines = [] } = useMemo2(() => {
+  const { messages: lines = [] } = useMemo4(() => {
     if (!collapse) {
       return {
         messages: messages ?? []
@@ -1233,7 +1519,7 @@ var Thread = ({ messages, streaming, collapse, debug, onSubmit, onStop, onSugges
     active: streaming
   }), /* @__PURE__ */ React6.createElement(Input.Root, null, /* @__PURE__ */ React6.createElement(Input.TextInput, {
     autoFocus: true,
-    classNames: "px-2 bg-base rounded",
+    classNames: "px-2 baseSurface rounded",
     placeholder: t("chat input placeholder"),
     value: text,
     onChange: (ev) => setText(ev.target.value),
@@ -1251,81 +1537,28 @@ var Thread = ({ messages, streaming, collapse, debug, onSubmit, onStop, onSugges
 };
 
 // packages/plugins/experimental/plugin-automation/src/components/ChatContainer/ChatContainer.tsx
-var __dxlog_file6 = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-automation/src/components/ChatContainer/ChatContainer.tsx";
+var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-automation/src/components/ChatContainer/ChatContainer.tsx";
 var ChatContainer = ({ chat, role }) => {
-  const config = useConfig();
-  const space = getSpace(chat);
-  const aiClient = useCapability(AutomationCapabilities.AiClient);
-  const artifactDefinitions = useCapabilities(Capabilities.ArtifactDefinition);
-  const globalTools = useCapabilities(Capabilities.Tools);
-  const functions = useQuery2(space, Filter2.schema(FunctionType2));
-  const serviceRegistry = useMemo3(() => new MockServiceRegistry(), []);
-  const [serviceTools, setServiceTools] = useState7([]);
-  useEffect6(() => {
-    queueMicrotask(async () => {
-      const services = await serviceRegistry.queryServices({});
-      const tools2 = await Promise.all(services.map((service) => createToolsFromService(service)));
-      setServiceTools(tools2.flat());
-    });
-  }, []);
-  const tools = useMemo3(() => [
-    ...globalTools.flat(),
-    ...artifactDefinitions.flatMap((definition) => definition.tools),
-    ...functions.map((fn) => covertFunctionToTool(fn, config.values.runtime?.services?.edge?.url ?? "", space?.id)).filter(isNotNullOrUndefined),
-    ...serviceTools
-  ], [
-    globalTools,
-    artifactDefinitions,
-    functions,
-    serviceTools,
-    space?.id
-  ]);
-  const systemPrompt = useMemo3(() => createSystemPrompt({
-    artifacts: artifactDefinitions.map((definition) => definition.instructions)
-  }), [
-    artifactDefinitions
-  ]);
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-  const processor = useMemo3(() => new ChatProcessor(aiClient, tools, {
-    space,
-    dispatch
-  }, {
-    model: "@anthropic/claude-3-5-sonnet-20241022",
-    systemPrompt
-  }), [
-    aiClient,
-    tools,
-    space,
-    dispatch,
-    systemPrompt
-  ]);
-  const queueDxn = useMemo3(() => new DXN2(DXN2.kind.QUEUE, [
-    QueueSubspaceTags.DATA,
-    space.id,
-    chat.queue.dxn.parts.at(-1)
-  ]), [
-    chat.queue.dxn
-  ]);
-  const edgeClient = useEdgeClient();
-  const messageQueue = useQueue(edgeClient, queueDxn);
+  const processor = useChatProcessor(chat);
+  const messageQueue = useMessageQueue(chat);
   const messages = [
     ...messageQueue?.items ?? [],
     ...processor.messages.value
   ];
-  const handleSubmit = useCallback3(async (message) => {
+  const handleSubmit = useCallback2(async (text) => {
     if (processor.streaming.value) {
       await processor.cancel();
     }
-    invariant7(messageQueue, void 0, {
-      F: __dxlog_file6,
-      L: 95,
+    invariant6(messageQueue, void 0, {
+      F: __dxlog_file5,
+      L: 25,
       S: void 0,
       A: [
         "messageQueue",
         ""
       ]
     });
-    await processor.request(message, {
+    await processor.request(text, {
       history: messageQueue.items,
       onComplete: (messages2) => messageQueue.append(messages2)
     });
@@ -1333,7 +1566,7 @@ var ChatContainer = ({ chat, role }) => {
     processor,
     messageQueue
   ]);
-  const handleStop = useCallback3(() => {
+  const handleStop = useCallback2(() => {
     if (processor.streaming.value) {
       void processor.cancel();
     }
@@ -1346,7 +1579,9 @@ var ChatContainer = ({ chat, role }) => {
   }, /* @__PURE__ */ React7.createElement(Thread, {
     messages,
     streaming: processor.streaming.value,
+    collapse: true,
     onSubmit: handleSubmit,
+    onSuggest: handleSubmit,
     onStop: handleStop
   }));
 };
@@ -1355,7 +1590,7 @@ var ChatContainer = ({ chat, role }) => {
 var ChatContainer_default = ChatContainer;
 
 export {
-  useServiceRegistry,
+  useServices,
   MarkdownViewer,
   Thread,
   ChatContainer,
@@ -1365,4 +1600,4 @@ export {
   IntentResolver,
   ReactSurface
 };
-//# sourceMappingURL=chunk-WISKXX7U.mjs.map
+//# sourceMappingURL=chunk-QP47VJT6.mjs.map