@dxos/plugin-automation 0.7.4 → 0.7.5-labs.071a3e2

package/dist/lib/node/chunk-NH7STAX6.cjs

@@ -0,0 +1,1515 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var chunk_NH7STAX6_exports = {};
+__export(chunk_NH7STAX6_exports, {
+  AiClient: () => AiClient,
+  AppGraphBuilder: () => AppGraphBuilder,
+  ChatContainer: () => ChatContainer,
+  ChatContainer_default: () => ChatContainer_default,
+  IntentResolver: () => IntentResolver,
+  MarkdownViewer: () => MarkdownViewer,
+  ReactSurface: () => ReactSurface,
+  Thread: () => Thread,
+  useServices: () => useServices
+});
+module.exports = __toCommonJS(chunk_NH7STAX6_exports);
+var import_chunk_AWZVJZ2I = require("./chunk-AWZVJZ2I.cjs");
+var import_chunk_H3RSMGJG = require("./chunk-H3RSMGJG.cjs");
+var import_chunk_TQEDPRY5 = require("./chunk-TQEDPRY5.cjs");
+var import_react = __toESM(require("react"));
+var import_invariant = require("@dxos/invariant");
+var import_react_ui_stack = require("@dxos/react-ui-stack");
+var import_signals_core = require("@preact/signals-core");
+var import_artifact = require("@dxos/artifact");
+var import_assistant = require("@dxos/assistant");
+var import_echo_schema = require("@dxos/echo-schema");
+var import_invariant2 = require("@dxos/invariant");
+var import_log = require("@dxos/log");
+var import_react2 = require("react");
+var import_app_framework = require("@dxos/app-framework");
+var import_artifact2 = require("@dxos/artifact");
+var import_functions = require("@dxos/functions");
+var import_react_client = require("@dxos/react-client");
+var import_echo = require("@dxos/react-client/echo");
+var import_util = require("@dxos/util");
+var import_app_framework2 = require("@dxos/app-framework");
+var import_artifact3 = require("@dxos/artifact");
+var import_echo_schema2 = require("@dxos/echo-schema");
+var import_functions2 = require("@dxos/functions");
+var import_log2 = require("@dxos/log");
+var import_echo2 = require("@dxos/react-client/echo");
+var import_jsonpointer = __toESM(require("jsonpointer"));
+var import_artifact4 = require("@dxos/artifact");
+var import_echo_schema3 = require("@dxos/echo-schema");
+var import_invariant3 = require("@dxos/invariant");
+var import_log3 = require("@dxos/log");
+var import_util2 = require("@dxos/util");
+var import_react3 = require("react");
+var import_async = require("@dxos/async");
+var import_context = require("@dxos/context");
+var import_functions3 = require("@dxos/functions");
+var import_functions4 = require("@dxos/functions");
+var import_invariant4 = require("@dxos/invariant");
+var import_log4 = require("@dxos/log");
+var import_react_client2 = require("@dxos/react-client");
+var import_echo3 = require("@dxos/react-client/echo");
+var import_async2 = require("@dxos/async");
+var import_echo_db = require("@dxos/echo-db");
+var import_functions5 = require("@dxos/functions");
+var import_invariant5 = require("@dxos/invariant");
+var import_keys = require("@dxos/keys");
+var import_log5 = require("@dxos/log");
+var import_react4 = require("react");
+var import_keys2 = require("@dxos/keys");
+var import_echo4 = require("@dxos/react-client/echo");
+var import_react_edge_client = require("@dxos/react-edge-client");
+var import_react5 = require("react");
+var import_artifact5 = require("@dxos/artifact");
+var import_echo_schema4 = require("@dxos/echo-schema");
+var import_echo_schema5 = require("@dxos/echo-schema");
+var import_react6 = __toESM(require("react"));
+var import_react_ui = require("@dxos/react-ui");
+var import_react_ui_sfx = require("@dxos/react-ui-sfx");
+var import_react_ui_theme = require("@dxos/react-ui-theme");
+var import_react7 = __toESM(require("react"));
+var import_invariant6 = require("@dxos/invariant");
+var import_react_ui_theme2 = require("@dxos/react-ui-theme");
+var import_react8 = __toESM(require("react"));
+var import_invariant7 = require("@dxos/invariant");
+var import_log6 = require("@dxos/log");
+var import_react_ui2 = require("@dxos/react-ui");
+var import_react_ui_syntax_highlighter = require("@dxos/react-ui-syntax-highlighter");
+var import_react_ui_theme3 = require("@dxos/react-ui-theme");
+var import_util3 = require("@dxos/util");
+var import_react9 = __toESM(require("react"));
+var import_react_ui_theme4 = require("@dxos/react-ui-theme");
+var import_react10 = __toESM(require("react"));
+var import_react_ui3 = require("@dxos/react-ui");
+var import_react_ui_theme5 = require("@dxos/react-ui-theme");
+var import_react11 = __toESM(require("react"));
+var import_react_markdown = __toESM(require("react-markdown"));
+var import_react_ui_syntax_highlighter2 = require("@dxos/react-ui-syntax-highlighter");
+var import_react_ui_theme6 = require("@dxos/react-ui-theme");
+var import_util4 = require("@dxos/util");
+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: "you are a helpful assistant"
+};
+var ChatProcessor = class {
+  constructor(_client, _tools, _extensions, _options = defaultOptions) {
+    this._client = _client;
+    this._tools = _tools;
+    this._extensions = _extensions;
+    this._options = _options;
+    this._parser = new import_assistant.MixedStreamParser();
+    this._pending = (0, import_signals_core.signal)([]);
+    this._block = (0, import_signals_core.signal)(void 0);
+    this._history = [];
+    this.streaming = (0, import_signals_core.computed)(() => this._block.value !== void 0);
+    this.messages = (0, import_signals_core.computed)(() => {
+      const messages = [
+        ...this._pending.value
+      ];
+      if (this._block.value) {
+        const current = messages.pop();
+        (0, import_invariant2.invariant)(current, void 0, {
+          F: __dxlog_file,
+          L: 78,
+          S: this,
+          A: [
+            "current",
+            ""
+          ]
+        });
+        const { content, ...rest } = current;
+        const message = {
+          ...rest,
+          content: [
+            ...content,
+            this._block.value
+          ]
+        };
+        messages.push(message);
+      }
+      return messages;
+    });
+    this._parser.message.on((message) => {
+      (0, import_signals_core.batch)(() => {
+        this._pending.value = [
+          ...this._pending.value,
+          message
+        ];
+        this._block.value = void 0;
+      });
+    });
+    this._parser.update.on((block) => {
+      (0, import_signals_core.batch)(() => {
+        this._block.value = block;
+      });
+    });
+  }
+  /**
+  * Update tools.
+  */
+  setTools(tools) {
+    this._tools = tools;
+  }
+  /**
+  * Make GPT request.
+  */
+  async request(message, options = {}) {
+    (0, import_signals_core.batch)(() => {
+      this._history = options.history ?? [];
+      this._pending.value = [
+        (0, import_echo_schema.createStatic)(import_artifact.Message, {
+          role: "user",
+          content: [
+            {
+              type: "text",
+              text: message
+            }
+          ]
+        })
+      ];
+      this._block.value = void 0;
+    });
+    await this._generate();
+    options.onComplete?.(this._pending.value);
+    return this._reset();
+  }
+  /**
+  * Cancel pending requests.
+  * @returns Pending requests (incl. the request message).
+  */
+  async cancel() {
+    import_log.log.info("cancelling...", void 0, {
+      F: __dxlog_file,
+      L: 141,
+      S: this,
+      C: (f, a) => f(...a)
+    });
+    this._stream?.abort();
+    return this._reset();
+  }
+  async _reset() {
+    const messages = this._pending.value;
+    (0, import_signals_core.batch)(() => {
+      this._history = [];
+      this._pending.value = [];
+      this._block.value = void 0;
+    });
+    return messages;
+  }
+  /**
+  * Generate a response from the AI service.
+  * Iterates over tool requests.
+  */
+  async _generate() {
+    try {
+      let more = false;
+      do {
+        import_log.log.info("requesting...", {
+          history: this._history.length,
+          messages: this._pending.value.length
+        }, {
+          F: __dxlog_file,
+          L: 165,
+          S: this,
+          C: (f, a) => f(...a)
+        });
+        this._stream = await this._client.generate({
+          ...this._options,
+          // TODO(burdon): Rename messages or separate history/message.
+          history: [
+            ...this._history,
+            ...this._pending.value
+          ],
+          tools: this._tools
+        });
+        await this._parser.parse(this._stream);
+        await this._stream.complete();
+        import_log.log.info("response", {
+          messages: this._pending.value
+        }, {
+          F: __dxlog_file,
+          L: 178,
+          S: this,
+          C: (f, a) => f(...a)
+        });
+        more = false;
+        const message = this._pending.value.at(-1);
+        (0, import_invariant2.invariant)(message, void 0, {
+          F: __dxlog_file,
+          L: 183,
+          S: this,
+          A: [
+            "message",
+            ""
+          ]
+        });
+        if ((0, import_assistant.isToolUse)(message)) {
+          import_log.log.info("tool request...", void 0, {
+            F: __dxlog_file,
+            L: 185,
+            S: this,
+            C: (f, a) => f(...a)
+          });
+          const response = await (0, import_assistant.runTools)({
+            message: this._pending.value.at(-1),
+            tools: this._tools ?? [],
+            extensions: this._extensions
+          });
+          import_log.log.info("tool response", {
+            response
+          }, {
+            F: __dxlog_file,
+            L: 192,
+            S: this,
+            C: (f, a) => f(...a)
+          });
+          switch (response.type) {
+            case "continue": {
+              this._pending.value = [
+                ...this._pending.value,
+                response.message
+              ];
+              more = true;
+              break;
+            }
+          }
+        }
+      } while (more);
+    } catch (err) {
+      import_log.log.catch("request failed", {
+        err
+      }, {
+        F: __dxlog_file,
+        L: 204,
+        S: this,
+        C: (f, a) => f(...a)
+      });
+    } finally {
+      import_log.log.info("done", void 0, {
+        F: __dxlog_file,
+        L: 206,
+        S: this,
+        C: (f, a) => f(...a)
+      });
+      this._stream = void 0;
+    }
+  }
+};
+var AiClient = (0, import_app_framework2.lazy)(() => import("./ai-client-AOB6TLNW.cjs"));
+var AppGraphBuilder = (0, import_app_framework2.lazy)(() => import("./app-graph-builder-CDEQJEHY.cjs"));
+var IntentResolver = (0, import_app_framework2.lazy)(() => import("./intent-resolver-MJFZT5IU.cjs"));
+var ReactSurface = (0, import_app_framework2.lazy)(() => import("./react-surface-HDAVE6NU.cjs"));
+var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-automation/src/tools/function.ts";
+var covertFunctionToTool = (fn, edgeUrl, spaceId) => {
+  if (!fn.description || !fn.inputSchema) {
+    return void 0;
+  }
+  const existingFunctionUrl = (0, import_functions2.getUserFunctionUrlInMetadata)((0, import_echo2.getMeta)(fn));
+  if (!existingFunctionUrl) {
+    return void 0;
+  }
+  const url = (0, import_functions2.getInvocationUrl)(existingFunctionUrl, edgeUrl, {
+    spaceId
+  });
+  return (0, import_artifact3.defineTool)({
+    name: fn.name,
+    description: fn.description,
+    schema: (0, import_echo_schema2.toEffectSchema)(fn.inputSchema),
+    execute: async (input) => {
+      import_log2.log.info("execute function tool", {
+        name: fn.name,
+        url,
+        input
+      }, {
+        F: __dxlog_file2,
+        L: 36,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+      const response = await fetch(url, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(input)
+      });
+      return import_artifact3.ToolResult.Success(await response.text());
+    }
+  });
+};
+var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-automation/src/tools/openapi.ts";
+var createToolsFromService = async (service) => {
+  (0, import_invariant3.invariant)(service.interfaces?.length === 1 && service.interfaces[0].kind === "api", void 0, {
+    F: __dxlog_file3,
+    L: 22,
+    S: void 0,
+    A: [
+      "service.interfaces?.length === 1 && service.interfaces[0].kind === 'api'",
+      ""
+    ]
+  });
+  const iface = service.interfaces[0];
+  (0, import_invariant3.invariant)(iface.schemaUrl, void 0, {
+    F: __dxlog_file3,
+    L: 24,
+    S: void 0,
+    A: [
+      "iface.schemaUrl",
+      ""
+    ]
+  });
+  (0, import_invariant3.invariant)(iface.schemaUrl, void 0, {
+    F: __dxlog_file3,
+    L: 25,
+    S: void 0,
+    A: [
+      "iface.schemaUrl",
+      ""
+    ]
+  });
+  return createToolsFromApi(iface.schemaUrl, {
+    authorization: iface.authorization
+  });
+};
+var createToolsFromApi = async (url, options) => {
+  const res = await fetch(url);
+  const spec = await res.json();
+  (0, import_log3.log)("spec", {
+    spec
+  }, {
+    F: __dxlog_file3,
+    L: 32,
+    S: void 0,
+    C: (f, a) => f(...a)
+  });
+  const tools = [];
+  for (const [path, pathItem] of Object.entries(spec.paths)) {
+    if (typeof pathItem !== "object") {
+      continue;
+    }
+    const { ...methods } = pathItem;
+    for (const [method, m] of Object.entries(methods)) {
+      const methodItem = m;
+      (0, import_log3.log)("methodItem", {
+        path,
+        method,
+        methodItem
+      }, {
+        F: __dxlog_file3,
+        L: 44,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+      const parametersResolved = methodItem.parameters?.map((parameter) => {
+        const resolved = resolveJsonSchema(parameter, spec);
+        return resolved;
+      }) ?? [];
+      const inputSchema = {
+        type: "object",
+        properties: {}
+      };
+      const endpointParameters = [];
+      for (const parameter of parametersResolved) {
+        (0, import_log3.log)("parameter", {
+          parameter
+        }, {
+          F: __dxlog_file3,
+          L: 59,
+          S: void 0,
+          C: (f, a) => f(...a)
+        });
+        if (options?.authorization?.type === "api-key" && options.authorization.placement.type === "query" && parameter.in === "query" && parameter.name === options.authorization.placement.name) {
+          continue;
+        }
+        endpointParameters.push(parameter);
+        if (parameter.schema) {
+          inputSchema.properties[parameter.name] = (0, import_echo_schema3.normalizeSchema)(parameter.schema);
+        } else if (typeof parameter.type === "string") {
+          const { name, in: _in, required, ...schema } = parameter;
+          inputSchema.properties[name] = (0, import_echo_schema3.normalizeSchema)(schema);
+          if (required) {
+            inputSchema.required ??= [];
+            inputSchema.required.push(name);
+          }
+        }
+      }
+      (0, import_log3.log)("inputSchema", {
+        inputSchema
+      }, {
+        F: __dxlog_file3,
+        L: 84,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+      import_echo_schema3.S.validateSync(import_echo_schema3.JsonSchemaType)(inputSchema);
+      const description = methodItem.description ?? methodItem.summary;
+      if (!description) {
+        import_log3.log.warn("no description", {
+          path,
+          method
+        }, {
+          F: __dxlog_file3,
+          L: 89,
+          S: void 0,
+          C: (f, a) => f(...a)
+        });
+        continue;
+      }
+      const endpoint = {
+        document: spec,
+        path,
+        method,
+        parameters: endpointParameters,
+        authorization: options?.authorization
+      };
+      tools.push({
+        name: getToolName(path, method, methodItem),
+        description: options?.instructions ? `${options.instructions}
+
+${description}` : description,
+        parameters: inputSchema,
+        execute: async (input) => {
+          const response = await callApiEndpoint(endpoint, input);
+          return import_artifact4.ToolResult.Success(response);
+        }
+      });
+    }
+  }
+  return tools;
+};
+var getToolName = (path, method, methodItem) => {
+  if (methodItem.operationId) {
+    return methodItem.operationId;
+  }
+  let name = `${method.toLowerCase()}_${path.replaceAll(/[{}/]/g, "_")}`;
+  while (name.length > MAX_TOOL_NAME_LENGTH) {
+    const lengthBefore = name.length;
+    for (const word of GENERIC_WORDS) {
+      if (name.includes(word)) {
+        name = name.replace(word, "");
+        break;
+      }
+    }
+    name = name.replaceAll("__", "_").replace(/_$/, "");
+    const lengthAfter = name.length;
+    if (lengthBefore === lengthAfter) {
+      break;
+    }
+  }
+  name = name.replaceAll("__", "_").replace(/_$/, "").replace(/^_/, "");
+  return name.slice(0, MAX_TOOL_NAME_LENGTH);
+};
+var MAX_TOOL_NAME_LENGTH = 64;
+var GENERIC_WORDS = [
+  "services",
+  "service",
+  "api",
+  "rest",
+  "endpoint",
+  "get",
+  "post",
+  "put",
+  "delete",
+  "patch",
+  "head",
+  "options",
+  "trace",
+  "service",
+  "api",
+  "endpoint"
+];
+var callApiEndpoint = async (endpoint, input) => {
+  import_log3.log.info("endpoint", {
+    method: endpoint.method,
+    name: endpoint.path,
+    input
+  }, {
+    F: __dxlog_file3,
+    L: 173,
+    S: void 0,
+    C: (f, a) => f(...a)
+  });
+  let url = getEndpointUrl(endpoint);
+  const request = {
+    method: endpoint.method,
+    headers: {}
+  };
+  const query = new URLSearchParams();
+  let body;
+  for (const parameter of endpoint.parameters) {
+    if (input[parameter.name] === void 0) {
+      continue;
+    }
+    switch (parameter.in) {
+      case "header": {
+        if (parameter.example) {
+          request.headers[parameter.name] = parameter.default;
+        }
+        break;
+      }
+      case "path": {
+        url = url.replace(`{${parameter.name}}`, encodeURIComponent(input[parameter.name]));
+        break;
+      }
+      case "body": {
+        const value = input[parameter.name];
+        const effectSchema = (0, import_echo_schema3.toEffectSchema)(parameter.schema);
+        import_echo_schema3.S.validateSync(effectSchema)(value);
+        if (body) {
+          throw new Error(`Duplicate body parameter: ${parameter.name}`);
+        }
+        body = value;
+        break;
+      }
+      case "query": {
+        query.set(parameter.name, input[parameter.name]);
+        break;
+      }
+    }
+  }
+  if (endpoint.authorization?.type === "api-key" && endpoint.authorization.placement.type === "authorization-header" || endpoint.authorization?.type === "oauth") {
+    request.headers.Authorization = await resolveAuthorization(endpoint.authorization);
+  } else if (endpoint.authorization?.type === "api-key" && endpoint.authorization.placement.type === "query") {
+    query.set(endpoint.authorization.placement.name, endpoint.authorization.key);
+  }
+  if (query.size > 0) {
+    url += `?${query.toString()}`;
+  }
+  if (body) {
+    request.body = JSON.stringify(body);
+    request.headers["Content-Type"] = "application/json";
+  }
+  import_log3.log.info("request", {
+    url,
+    request
+  }, {
+    F: __dxlog_file3,
+    L: 236,
+    S: void 0,
+    C: (f, a) => f(...a)
+  });
+  const response = await fetch(url, request);
+  import_log3.log.info("response", {
+    ok: response.ok,
+    status: response.status,
+    statusText: response.statusText
+  }, {
+    F: __dxlog_file3,
+    L: 239,
+    S: void 0,
+    C: (f, a) => f(...a)
+  });
+  if (response.ok) {
+    const contentType = response.headers.get("Content-Type");
+    if (contentType?.includes("application/json")) {
+      return await response.json();
+    } else {
+      return await response.text();
+    }
+  } else {
+    if (response.headers.get("Content-Type")?.includes("application/json")) {
+      const responseBody = await response.text();
+      let error;
+      try {
+        error = JSON.parse(responseBody);
+      } catch {
+        error = responseBody;
+      }
+      import_log3.log.error("error", {
+        error
+      }, {
+        F: __dxlog_file3,
+        L: 257,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+      throw new Error(error.message);
+    } else {
+      const error = await response.text();
+      import_log3.log.error("error", {
+        error
+      }, {
+        F: __dxlog_file3,
+        L: 261,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+      throw new Error(error);
+    }
+  }
+};
+var getEndpointUrl = (endpoint) => {
+  let url = "";
+  if (isV3_1(endpoint.document) && endpoint.document.servers && endpoint.document.servers.length > 0) {
+    url = endpoint.document.servers[0].url;
+  } else {
+    (0, import_invariant3.invariant)(!isV3_1(endpoint.document), void 0, {
+      F: __dxlog_file3,
+      L: 272,
+      S: void 0,
+      A: [
+        "!isV3_1(endpoint.document)",
+        ""
+      ]
+    });
+    url = `${endpoint.document.schemes?.[0] ?? "https"}://${endpoint.document.host}`;
+  }
+  if (!isV3_1(endpoint.document) && endpoint.document.basePath) {
+    url += endpoint.document.basePath;
+  }
+  url += endpoint.path;
+  return url;
+};
+var resolveAuthorization = async (authorization) => {
+  switch (authorization.type) {
+    case "api-key": {
+      (0, import_invariant3.invariant)(authorization.placement.type === "authorization-header", void 0, {
+        F: __dxlog_file3,
+        L: 288,
+        S: void 0,
+        A: [
+          "authorization.placement.type === 'authorization-header'",
+          ""
+        ]
+      });
+      return `Bearer ${authorization.key}`;
+    }
+    case "oauth": {
+      const response = await fetch(authorization.tokenUrl, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/x-www-form-urlencoded"
+        },
+        body: `grant_type=${authorization.grantType}&client_id=${authorization.clientId}&client_secret=${authorization.clientSecret}`
+      });
+      const data = await response.json();
+      return `Bearer ${data.access_token}`;
+    }
+    default: {
+      throw new Error(`Unknown authorization type: ${authorization.type}`);
+    }
+  }
+};
+var resolveJsonSchema = (schema, base) => {
+  return (0, import_util2.deepMapValues)(schema, (value, recurse) => {
+    if (typeof value === "object" && value !== null && "$ref" in value && typeof value.$ref === "string") {
+      if (value.$ref.startsWith("#")) {
+        const resolved = import_jsonpointer.default.get(base, value.$ref.slice(1));
+        if (resolved) {
+          return recurse(resolved);
+        } else {
+          import_log3.log.warn("unresolved", {
+            ref: value.$ref,
+            base
+          }, {
+            F: __dxlog_file3,
+            L: 321,
+            S: void 0,
+            C: (f, a) => f(...a)
+          });
+        }
+      }
+    }
+    return recurse(value);
+  });
+};
+var isV3_1 = (document) => {
+  return document.openapi === "3.0.1";
+};
+var useChatProcessor = (chat) => {
+  const aiClient = (0, import_app_framework.useCapability)(import_chunk_AWZVJZ2I.AutomationCapabilities.AiClient);
+  const globalTools = (0, import_app_framework.useCapabilities)(import_app_framework.Capabilities.Tools);
+  const artifactDefinitions = (0, import_app_framework.useCapabilities)(import_app_framework.Capabilities.ArtifactDefinition);
+  const { dispatchPromise: dispatch } = (0, import_app_framework.useIntentDispatcher)();
+  const space = (0, import_echo.getSpace)(chat);
+  const services = (0, import_echo.useQuery)(space, import_echo.Filter.schema(import_chunk_H3RSMGJG.ServiceType));
+  const [serviceTools, setServiceTools] = (0, import_react2.useState)([]);
+  (0, import_react2.useEffect)(() => {
+    queueMicrotask(async () => {
+      const tools2 = await Promise.all(services.map((service) => createToolsFromService(service)));
+      setServiceTools(tools2.flat());
+    });
+  }, [
+    services
+  ]);
+  const config = (0, import_react_client.useConfig)();
+  const functions2 = (0, import_echo.useQuery)(space, import_echo.Filter.schema(import_functions.FunctionType));
+  const tools = (0, import_react2.useMemo)(() => [
+    ...globalTools.flat(),
+    ...artifactDefinitions.flatMap((definition) => definition.tools),
+    ...serviceTools,
+    ...functions2.map((fn) => covertFunctionToTool(fn, config.values.runtime?.services?.edge?.url ?? "", space?.id)).filter(import_util.isNotNullOrUndefined)
+  ], [
+    globalTools,
+    artifactDefinitions,
+    serviceTools,
+    functions2,
+    space?.id
+  ]);
+  const systemPrompt = (0, import_react2.useMemo)(() => (0, import_artifact2.createSystemPrompt)({
+    artifacts: artifactDefinitions.map((definition) => definition.instructions)
+  }), [
+    artifactDefinitions
+  ]);
+  const processor = (0, import_react2.useMemo)(() => new ChatProcessor(aiClient, tools, {
+    space,
+    dispatch
+  }, {
+    model: "@anthropic/claude-3-5-sonnet-20241022",
+    systemPrompt
+  }), [
+    aiClient,
+    tools,
+    space,
+    dispatch,
+    systemPrompt
+  ]);
+  return processor;
+};
+var registerTriggersMutex = new import_async.Mutex();
+var useMessageQueue = (chat) => {
+  const edgeClient = (0, import_react_edge_client.useEdgeClient)();
+  const space = (0, import_echo4.getSpace)(chat);
+  const queueDxn = (0, import_react4.useMemo)(() => new import_keys2.DXN(import_keys2.DXN.kind.QUEUE, [
+    import_keys2.QueueSubspaceTags.DATA,
+    space.id,
+    chat.queue.dxn.parts.at(-1)
+  ]), [
+    chat.queue.dxn
+  ]);
+  return (0, import_react_edge_client.useQueue)(edgeClient, queueDxn);
+};
+var functions = [
+  {
+    name: "example.com/function/chess",
+    version: "0.1.0",
+    inputSchema: (0, import_echo_schema4.toJsonSchema)(import_echo_schema4.S.Struct({
+      level: import_echo_schema4.S.Number.annotations({
+        [import_echo_schema4.AST.TitleAnnotationId]: "Level"
+      })
+    }))
+  },
+  {
+    name: "example.com/function/forex",
+    version: "0.1.0",
+    binding: "FOREX",
+    inputSchema: (0, import_echo_schema4.toJsonSchema)(import_echo_schema4.S.Struct({
+      from: import_echo_schema4.S.String.annotations({
+        [import_echo_schema4.AST.TitleAnnotationId]: "Currency from"
+      }),
+      to: import_echo_schema4.S.String.annotations({
+        [import_echo_schema4.AST.TitleAnnotationId]: "Currency to"
+      })
+    }))
+  }
+];
+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 = [
+  (0, import_echo_schema5.createStatic)(import_chunk_H3RSMGJG.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
+      }
+    ]
+  }),
+  (0, import_echo_schema5.createStatic)(import_chunk_H3RSMGJG.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
+      }
+    ]
+  }),
+  (0, import_echo_schema5.createStatic)(import_chunk_H3RSMGJG.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.
+  (0, import_echo_schema5.createStatic)(import_chunk_H3RSMGJG.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) => (0, import_echo_schema5.createStatic)(import_chunk_H3RSMGJG.ServiceType, {
+    serviceId: `example.com/service/test-${i}`,
+    name: `Test ${i}`,
+    description: `Test ${i}`,
+    category: Object.keys(import_chunk_H3RSMGJG.categoryIcons)[Math.floor(Math.random() * Object.keys(import_chunk_H3RSMGJG.categoryIcons).length)],
+    interfaces: [
+      {
+        kind: "api",
+        schemaUrl: "https://petstore.swagger.io/v2/swagger.json"
+      }
+    ]
+  }))
+];
+var useServices = (space, query) => {
+  const registry = (0, import_react5.useMemo)(() => new MockServiceRegistry(), []);
+  const [services, setServices] = (0, import_react5.useState)([]);
+  (0, import_react5.useEffect)(() => {
+    const t = setTimeout(async () => {
+      const services2 = await registry.queryServices(query);
+      setServices(services2);
+    });
+    return () => clearTimeout(t);
+  }, [
+    query,
+    registry
+  ]);
+  return services;
+};
+var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-automation/src/components/Thread/ScrollContainer.tsx";
+var ScrollContainer = /* @__PURE__ */ (0, import_react7.forwardRef)(({ children, classNames }, forwardedRef) => {
+  const containerRef = (0, import_react7.useRef)(null);
+  const autoScrollRef = (0, import_react7.useRef)(false);
+  (0, import_react7.useImperativeHandle)(forwardedRef, () => ({
+    scrollToBottom: () => {
+      (0, import_invariant6.invariant)(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] = (0, import_react7.useState)(true);
+  (0, import_react7.useEffect)(() => {
+    if (!sticky || !containerRef.current) {
+      return;
+    }
+    autoScrollRef.current = true;
+    containerRef.current.scrollTo({
+      top: containerRef.current.scrollHeight,
+      behavior: "smooth"
+    });
+  }, [
+    children
+  ]);
+  (0, import_react7.useEffect)(() => {
+    (0, import_invariant6.invariant)(containerRef.current, void 0, {
+      F: __dxlog_file4,
+      L: 62,
+      S: void 0,
+      A: [
+        "containerRef.current",
+        ""
+      ]
+    });
+    const handleScrollEnd = () => {
+      autoScrollRef.current = false;
+    };
+    containerRef.current.addEventListener("scrollend", handleScrollEnd);
+    return () => containerRef.current?.removeEventListener("scrollend", handleScrollEnd);
+  }, []);
+  const handleScroll = (0, import_react7.useCallback)((ev) => {
+    if (autoScrollRef.current) {
+      return;
+    }
+    const { scrollTop, clientHeight, scrollHeight } = ev.currentTarget;
+    const sticky2 = scrollTop + clientHeight >= scrollHeight;
+    setSticky(sticky2);
+  }, []);
+  return /* @__PURE__ */ import_react7.default.createElement("div", {
+    ref: containerRef,
+    onScroll: handleScroll,
+    className: (0, import_react_ui_theme2.mx)("flex flex-col grow overflow-y-scroll scrollbar-none", classNames)
+  }, children);
+});
+var emptyLines = [];
+var StatusLine = ({ classNames, line = -1, lines = emptyLines, transition = 300, advance = 1e3, autoAdvance }) => {
+  const containerRef = (0, import_react9.useRef)(null);
+  const [currentLine, setCurrentLine] = (0, import_react9.useState)(line);
+  (0, import_react9.useEffect)(() => {
+    setCurrentLine(line);
+  }, [
+    line
+  ]);
+  (0, import_react9.useEffect)(() => {
+    if (!autoAdvance) {
+      return;
+    }
+    const next = () => {
+      setCurrentLine((prev) => {
+        if (prev >= lines.length - 1) {
+          clearInterval(interval);
+          return prev;
+        }
+        return prev + 1;
+      });
+    };
+    next();
+    const interval = setInterval(next, advance);
+    return () => clearInterval(interval);
+  }, [
+    lines.length,
+    autoAdvance,
+    advance
+  ]);
+  (0, import_react9.useEffect)(() => {
+    if (containerRef.current) {
+      containerRef.current.style.transition = `transform ${transition}ms ease-in-out`;
+      containerRef.current.style.transform = `translateY(-${currentLine * 24}px)`;
+    }
+  }, [
+    currentLine
+  ]);
+  return /* @__PURE__ */ import_react9.default.createElement("div", {
+    className: (0, import_react_ui_theme4.mx)("relative h-[24px] overflow-hidden", classNames)
+  }, /* @__PURE__ */ import_react9.default.createElement("div", {
+    ref: containerRef,
+    className: "h-[24px]"
+  }, /* @__PURE__ */ import_react9.default.createElement("div", {
+    className: "flex flex-col"
+  }, lines.map((line2, i) => /* @__PURE__ */ import_react9.default.createElement("div", {
+    key: i,
+    className: (0, import_react_ui_theme4.mx)("flex h-[24px] items-center")
+  }, /* @__PURE__ */ import_react9.default.createElement("span", {
+    className: "truncate"
+  }, line2))))));
+};
+var ToggleContainer = ({ title, icon, toggle, defaultOpen, duration = 400, shrinkX = false, children, classNames }) => {
+  const [expand, setExpand] = (0, import_react10.useState)(defaultOpen || !toggle);
+  const [expandX, setExpandX] = (0, import_react10.useState)(shrinkX ? expand : true);
+  const [expandY, setExpandY] = (0, import_react10.useState)(expand);
+  (0, import_react10.useEffect)(() => {
+    let t;
+    if (expand) {
+      if (shrinkX) {
+        setExpandX(true);
+      }
+      t = setTimeout(() => {
+        setExpandY(true);
+      }, shrinkX ? duration : 0);
+    } else {
+      setExpandY(false);
+      if (shrinkX) {
+        t = setTimeout(() => {
+          setExpandX(false);
+        }, duration);
+      }
+    }
+    return () => clearTimeout(t);
+  }, [
+    expand
+  ]);
+  return /* @__PURE__ */ import_react10.default.createElement("div", {
+    className: (0, import_react_ui_theme5.mx)("overflow-hidden", classNames)
+  }, title && /* @__PURE__ */ import_react10.default.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__ */ import_react10.default.createElement("div", {
+    className: "flex w-[24px] h-[24px] items-center justify-center"
+  }, /* @__PURE__ */ import_react10.default.createElement(import_react_ui3.Icon, {
+    size: 4,
+    icon: "ph--caret-right--regular",
+    style: {
+      transitionDuration: `${shrinkX ? duration * 2 : duration}ms`
+    },
+    classNames: [
+      "transition transition-transform ease-in-out",
+      expand ? "rotate-90" : "transform-none"
+    ]
+  })), /* @__PURE__ */ import_react10.default.createElement("div", {
+    className: "flex-1 pis-1 pie-1 truncate"
+  }, title), icon), /* @__PURE__ */ import_react10.default.createElement("div", {
+    style: {
+      transitionDuration: `${duration}ms`
+    },
+    className: (0, import_react_ui_theme5.mx)("grid transition-[grid-template-columns] ease-in-out", expandX ? "grid-cols-[1fr]" : "grid-cols-[0fr]")
+  }, /* @__PURE__ */ import_react10.default.createElement("div", {
+    className: "overflow-hidden"
+  }, /* @__PURE__ */ import_react10.default.createElement("div", {
+    style: {
+      transitionDuration: `${duration}ms`
+    },
+    className: (0, import_react_ui_theme5.mx)("grid transition-[grid-template-rows] ease-in-out", expandY ? "grid-rows-[1fr]" : "grid-rows-[0fr]")
+  }, /* @__PURE__ */ import_react10.default.createElement("div", {
+    className: (0, import_react_ui_theme5.mx)("flex overflow-hidden transition-opacity")
+  }, children)))));
+};
+var MarkdownViewer = ({ classNames, content = "" }) => {
+  return /* @__PURE__ */ import_react11.default.createElement("div", {
+    className: (0, import_react_ui_theme6.mx)("space-y-2", classNames)
+  }, /* @__PURE__ */ import_react11.default.createElement(import_react_markdown.default, {
+    components: {
+      a: ({ node, children, href, ...props }) => /* @__PURE__ */ import_react11.default.createElement("a", {
+        href,
+        className: "text-primary-500 hover:text-primary-500",
+        target: "_blank",
+        rel: "noopener noreferrer",
+        ...props
+      }, children),
+      ol: ({ node, children, ...props }) => /* @__PURE__ */ import_react11.default.createElement("ol", {
+        className: "leading-tight list-decimal pl-6",
+        ...(0, import_util4.omit)(props, [
+          "ordered"
+        ])
+      }, children),
+      ul: ({ node, children, ...props }) => /* @__PURE__ */ import_react11.default.createElement("ul", {
+        className: "leading-tight list-disc pl-6",
+        ...(0, import_util4.omit)(props, [
+          "ordered"
+        ])
+      }, children),
+      li: ({ node, children, ...props }) => /* @__PURE__ */ import_react11.default.createElement("li", {
+        className: "",
+        ...(0, import_util4.omit)(props, [
+          "ordered"
+        ])
+      }, children),
+      blockquote: ({ node, children, ...props }) => /* @__PURE__ */ import_react11.default.createElement("blockquote", {
+        className: "border-l-4 border-primary-500 pl-4 my-4 text-primary-500",
+        ...props
+      }, children),
+      code: ({ children, className }) => {
+        const [_, language] = /language-(\w+)/.exec(className || "") || [];
+        return /* @__PURE__ */ import_react11.default.createElement(import_react_ui_syntax_highlighter2.SyntaxHighlighter, {
+          PreTag: "div",
+          language,
+          className: "p-0"
+        }, children);
+      }
+    }
+  }, content));
+};
+var __dxlog_file5 = "/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__ */ import_react8.default.createElement("div", {
+      className: (0, import_react_ui_theme3.mx)(classNames)
+    }, message);
+  }
+  const { role, content = [] } = message;
+  const toolBlocks = content.filter((block) => block.type === "tool_use" || block.type === "tool_result");
+  if (collapse && toolBlocks.length > 0) {
+    let request;
+    const json = [];
+    const lines = toolBlocks.map((block) => {
+      switch (block.type) {
+        case "tool_use": {
+          request = block;
+          json.push(block);
+          return `Calling ${block.name}...`;
+        }
+        case "tool_result": {
+          if (!request) {
+            import_log6.log.warn("unexpected message", {
+              tool: block
+            }, {
+              F: __dxlog_file5,
+              L: 57,
+              S: void 0,
+              C: (f, a) => f(...a)
+            });
+            return "Error";
+          }
+          json.push(block);
+          return `Processed ${request.name}`;
+        }
+        default: {
+          request = void 0;
+          return "Error";
+        }
+      }
+    });
+    return /* @__PURE__ */ import_react8.default.createElement("div", {
+      className: (0, import_react_ui_theme3.mx)("flex", classNames)
+    }, /* @__PURE__ */ import_react8.default.createElement("div", {
+      className: "w-full p-1 px-2 overflow-hidden rounded-md bg-baseSurface"
+    }, /* @__PURE__ */ import_react8.default.createElement(ToggleContainer, {
+      title: /* @__PURE__ */ import_react8.default.createElement(StatusLine, {
+        lines,
+        autoAdvance: true
+      }),
+      toggle: true
+    }, /* @__PURE__ */ import_react8.default.createElement(import_react_ui_syntax_highlighter.Json, {
+      data: json,
+      classNames: "!p-1 text-xs"
+    }))));
+  }
+  return /* @__PURE__ */ import_react8.default.createElement("div", {
+    className: (0, import_react_ui_theme3.mx)("flex flex-col shrink-0 gap-2")
+  }, debug && /* @__PURE__ */ import_react8.default.createElement("div", {
+    className: "text-xs text-subdued"
+  }, message.id, " ", onDelete && /* @__PURE__ */ import_react8.default.createElement("span", {
+    className: "cursor-pointer underline",
+    onClick: () => onDelete(message.id)
+  }, "delete")), content.map((block, idx) => /* @__PURE__ */ import_react8.default.createElement("div", {
+    key: idx,
+    className: (0, import_react_ui_theme3.mx)("flex", classNames, block.type === "text" && role === "user" && "justify-end")
+  }, /* @__PURE__ */ import_react8.default.createElement(Block, {
+    role,
+    block,
+    onSuggest: onSuggest ?? (() => {
+    })
+  }))));
+};
+var Block = ({ block, role, onSuggest }) => {
+  const Component = componentMap[block.type] ?? componentMap.default;
+  return /* @__PURE__ */ import_react8.default.createElement("div", {
+    className: (0, import_react_ui_theme3.mx)("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__ */ import_react8.default.createElement(Component, {
+    block,
+    onSuggest
+  }));
+};
+var titles = {
+  ["cot"]: "Chain of thought",
+  ["artifact"]: "Artifact",
+  ["tool_use"]: "Tool request",
+  ["tool_result"]: "Tool result"
+};
+var componentMap = {
+  text: ({ block }) => {
+    (0, import_invariant7.invariant)(block.type === "text", void 0, {
+      F: __dxlog_file5,
+      L: 134,
+      S: void 0,
+      A: [
+        "block.type === 'text'",
+        ""
+      ]
+    });
+    const title = block.disposition ? titles[block.disposition] : void 0;
+    if (!title) {
+      return /* @__PURE__ */ import_react8.default.createElement(MarkdownViewer, {
+        content: block.text,
+        classNames: [
+          block.disposition === "cot" && "text-sm text-subdued"
+        ]
+      });
+    }
+    return /* @__PURE__ */ import_react8.default.createElement(ToggleContainer, {
+      title,
+      icon: block.pending ? /* @__PURE__ */ import_react8.default.createElement(import_react_ui2.Icon, {
+        icon: "ph--circle-notch--regular",
+        classNames: "text-subdued ml-2 animate-spin",
+        size: 4
+      }) : void 0,
+      defaultOpen: block.disposition === "cot",
+      toggle: true
+    }, /* @__PURE__ */ import_react8.default.createElement(MarkdownViewer, {
+      content: block.text,
+      classNames: [
+        block.disposition === "cot" && "text-sm text-subdued"
+      ]
+    }));
+  },
+  json: ({ block, onSuggest }) => {
+    (0, import_invariant7.invariant)(block.type === "json", void 0, {
+      F: __dxlog_file5,
+      L: 159,
+      S: void 0,
+      A: [
+        "block.type === 'json'",
+        ""
+      ]
+    });
+    switch (block.disposition) {
+      case "suggest": {
+        const { text = "" } = (0, import_util3.safeParseJson)(block.json ?? "{}") ?? {};
+        return /* @__PURE__ */ import_react8.default.createElement(import_react_ui2.Button, {
+          onClick: () => onSuggest(text)
+        }, text);
+      }
+      case "select": {
+        const { options = [] } = (0, import_util3.safeParseJson)(block.json ?? "{}") ?? {};
+        return /* @__PURE__ */ import_react8.default.createElement(import_react_ui2.ButtonGroup, null, options.map((option) => /* @__PURE__ */ import_react8.default.createElement(import_react_ui2.Button, {
+          key: option,
+          onClick: () => onSuggest(option)
+        }, option)));
+      }
+      default: {
+        const title = block.disposition ? titles[block.disposition] : void 0;
+        return /* @__PURE__ */ import_react8.default.createElement(ToggleContainer, {
+          title: title ?? "JSON",
+          toggle: true
+        }, /* @__PURE__ */ import_react8.default.createElement(import_react_ui_syntax_highlighter.Json, {
+          data: (0, import_util3.safeParseJson)(block.json ?? block),
+          classNames: "!p-1 text-xs"
+        }));
+      }
+    }
+  },
+  default: ({ block }) => {
+    let title = titles[block.type];
+    if (block.type === "tool_use") {
+      title = `Tool [${block.name}]`;
+    }
+    return /* @__PURE__ */ import_react8.default.createElement(ToggleContainer, {
+      title: title ?? "JSON",
+      toggle: true
+    }, /* @__PURE__ */ import_react8.default.createElement(import_react_ui_syntax_highlighter.Json, {
+      data: block,
+      classNames: "!p-1 text-xs"
+    }));
+  }
+};
+var Thread = ({ messages, streaming, collapse, debug, onSubmit, onStop, onSuggest, onDelete }) => {
+  const { t } = (0, import_react_ui.useTranslation)(import_chunk_TQEDPRY5.AUTOMATION_PLUGIN);
+  const scroller = (0, import_react6.useRef)(null);
+  const [text, setText] = (0, import_react6.useState)("");
+  const handleKeyDown = (0, import_react6.useCallback)((ev) => {
+    switch (ev.key) {
+      case "Escape": {
+        setText("");
+        break;
+      }
+      case "Enter": {
+        const value = text.trim();
+        if (value.length > 0) {
+          scroller.current?.scrollToBottom();
+          onSubmit?.(value);
+          setText("");
+        }
+        break;
+      }
+    }
+  }, [
+    text
+  ]);
+  const { messages: lines = [] } = (0, import_react6.useMemo)(() => {
+    if (!collapse) {
+      return {
+        messages: messages ?? []
+      };
+    }
+    return (messages ?? []).reduce(({ current, messages: messages2 }, message) => {
+      let i = 0;
+      for (const block of message.content) {
+        switch (block.type) {
+          case "tool_use":
+          case "tool_result": {
+            if (current) {
+              current.content.push(block);
+            } else {
+              current = {
+                id: [
+                  message.id,
+                  i
+                ].join("_"),
+                role: message.role,
+                content: [
+                  block
+                ]
+              };
+              messages2.push(current);
+            }
+            break;
+          }
+          case "text":
+          default: {
+            current = void 0;
+            messages2.push({
+              id: [
+                message.id,
+                i
+              ].join("_"),
+              role: message.role,
+              content: [
+                block
+              ]
+            });
+            break;
+          }
+        }
+        i++;
+      }
+      return {
+        current,
+        messages: messages2
+      };
+    }, {
+      messages: []
+    });
+  }, [
+    messages,
+    collapse
+  ]);
+  return /* @__PURE__ */ import_react6.default.createElement("div", {
+    className: "flex flex-col grow overflow-hidden"
+  }, /* @__PURE__ */ import_react6.default.createElement(ScrollContainer, {
+    ref: scroller,
+    classNames: "py-2 gap-2 overflow-x-hidden"
+  }, lines.map((message) => /* @__PURE__ */ import_react6.default.createElement(ThreadMessage, {
+    key: message.id,
+    classNames: "px-4",
+    message,
+    collapse,
+    debug,
+    onSuggest,
+    onDelete
+  }))), onSubmit && /* @__PURE__ */ import_react6.default.createElement("div", {
+    className: "flex p-4 gap-3 items-center"
+  }, /* @__PURE__ */ import_react6.default.createElement(import_react_ui_sfx.Spinner, {
+    active: streaming
+  }), /* @__PURE__ */ import_react6.default.createElement(import_react_ui.Input.Root, null, /* @__PURE__ */ import_react6.default.createElement(import_react_ui.Input.TextInput, {
+    autoFocus: true,
+    classNames: "px-2 baseSurface rounded",
+    placeholder: t("chat input placeholder"),
+    value: text,
+    onChange: (ev) => setText(ev.target.value),
+    onKeyDown: handleKeyDown
+  })), onStop && /* @__PURE__ */ import_react6.default.createElement(import_react_ui.IconButton, {
+    disabled: !streaming,
+    classNames: (0, import_react_ui_theme.mx)("!p-1 !opacity-20 transition", streaming && "!opacity-80"),
+    variant: "ghost",
+    size: 5,
+    onClick: onStop,
+    icon: "ph--x--regular",
+    label: t("chat stop"),
+    iconOnly: true
+  })));
+};
+var __dxlog_file6 = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-automation/src/components/ChatContainer/ChatContainer.tsx";
+var ChatContainer = ({ chat, role }) => {
+  const processor = useChatProcessor(chat);
+  const messageQueue = useMessageQueue(chat);
+  const messages = [
+    ...messageQueue?.items ?? [],
+    ...processor.messages.value
+  ];
+  const handleSubmit = (0, import_react.useCallback)(async (text) => {
+    if (processor.streaming.value) {
+      await processor.cancel();
+    }
+    (0, import_invariant.invariant)(messageQueue, void 0, {
+      F: __dxlog_file6,
+      L: 25,
+      S: void 0,
+      A: [
+        "messageQueue",
+        ""
+      ]
+    });
+    await processor.request(text, {
+      history: messageQueue.items,
+      onComplete: (messages2) => messageQueue.append(messages2)
+    });
+  }, [
+    processor,
+    messageQueue
+  ]);
+  const handleStop = (0, import_react.useCallback)(() => {
+    if (processor.streaming.value) {
+      void processor.cancel();
+    }
+  }, [
+    processor
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement(import_react_ui_stack.StackItem.Content, {
+    toolbar: false,
+    role
+  }, /* @__PURE__ */ import_react.default.createElement(Thread, {
+    messages,
+    streaming: processor.streaming.value,
+    collapse: true,
+    onSubmit: handleSubmit,
+    onSuggest: handleSubmit,
+    onStop: handleStop
+  }));
+};
+var ChatContainer_default = ChatContainer;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AiClient,
+  AppGraphBuilder,
+  ChatContainer,
+  ChatContainer_default,
+  IntentResolver,
+  MarkdownViewer,
+  ReactSurface,
+  Thread,
+  useServices
+});
+//# sourceMappingURL=chunk-NH7STAX6.cjs.map