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

package/dist/lib/node/AssistantPanel-PPFS2HKK.cjs

@@ -1,360 +0,0 @@
-"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 AssistantPanel_PPFS2HKK_exports = {};
-__export(AssistantPanel_PPFS2HKK_exports, {
-  default: () => AssistantPanel_default
-});
-module.exports = __toCommonJS(AssistantPanel_PPFS2HKK_exports);
-var import_chunk_5VF5JKUN = require("./chunk-5VF5JKUN.cjs");
-var import_react = __toESM(require("react"));
-var import_assistant = require("@dxos/assistant");
-var import_echo_schema = require("@dxos/echo-schema");
-var import_keys = require("@dxos/keys");
-var import_react_client = require("@dxos/react-client");
-var import_react_ui = require("@dxos/react-ui");
-var import_react_ui2 = require("@dxos/react-ui");
-var import_react_ui_syntax_highlighter = require("@dxos/react-ui-syntax-highlighter");
-var import_react_ui_theme = require("@dxos/react-ui-theme");
-var import_async = require("@dxos/async");
-var import_echo_schema2 = require("@dxos/echo-schema");
-var import_log = require("@dxos/log");
-var import_echo = require("@dxos/react-client/echo");
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-automation/src/components/AssistantPanel/system-instructions.ts";
-var createSystemInstructions = async (context) => {
-  let instructions = `
-    <instructions>
-      Before replying always think step-by-step on how to proceed.
-      Print your thoughts inside <cot> tags.
-
-      <example>
-        <cot>To answer the question I need to ...</cot>
-      </example>
-    </instructions>
-
-    <current_time>${(/* @__PURE__ */ new Date()).toLocaleString()}</current_time>
-  `;
-  if (context.subject) {
-    instructions += `
-      <user_attention>
-        The user is currently interacting with an object in Composer application:
-
-        ${await formatContextObject(context.subject)}
-      </user_attention>
-    `;
-  }
-  return looseFormatXml(instructions);
-};
-var formatContextObject = async (object) => {
-  let data;
-  try {
-    data = await (0, import_async.asyncTimeout)(preprocessContextObject(object), CONTEXT_OBJECT_QUERY_TIMEOUT);
-  } catch (err) {
-    import_log.log.error("Failed to preprocess context object:", {
-      err
-    }, {
-      F: __dxlog_file,
-      L: 48,
-      S: void 0,
-      C: (f, a) => f(...a)
-    });
-    data = object;
-  }
-  if (typeof data === "string") {
-    return data;
-  } else {
-    return `
-      <object>
-        <type>${(0, import_echo_schema2.getTypename)(object)}</type>
-        <id>${object.id}</id>
-        ${formatObjectAsXMLTags(data)}
-      </object>
-    `;
-  }
-};
-var preprocessContextObject = async (object) => {
-  const space = (0, import_echo.getSpace)(object);
-  if (!space) {
-    return {
-      ...object
-    };
-  }
-  switch ((0, import_echo_schema2.getTypename)(object)) {
-    // TODO(dmaretskyi): Reference types somehow without plugin-automation depending on other plugins.
-    case "dxos.org/type/Document": {
-      const data = space.db.query({
-        id: object.id
-      }, {
-        format: import_echo.ResultFormat.Plain,
-        include: {
-          content: true
-        }
-      }).first() ?? {
-        content: {
-          content: ""
-        }
-      };
-      return {
-        ...data,
-        threads: void 0
-      };
-    }
-    case "dxos.org/type/Table": {
-      const schema = object.view ? space?.db.schemaRegistry.getSchema(object.view.query.type) : void 0;
-      const { objects: rows } = (schema && await space.db.query(import_echo.Filter.schema(schema), {
-        format: import_echo.ResultFormat.Plain,
-        limit: TABLE_ROWS_LIMIT
-      }).run()) ?? {};
-      return `
-        <object>
-          <id>${object.id}</id>
-          <type>${(0, import_echo_schema2.getTypename)(object)}</type>
-          ${formatObjectAsXMLTags(object)}
-
-          <rows>
-            <!-- Limited to first ${TABLE_ROWS_LIMIT} rows. -->
-            ${rows?.map((row) => `<row>
-                  ${formatObjectAsXMLTags(row)}
-                </row>`).join("\n")}
-          </rows>
-
-      `;
-    }
-    default:
-      return {
-        ...object
-      };
-  }
-};
-var formatObjectAsXMLTags = (object, depth = 1) => {
-  return Object.entries(object).filter(([key, value]) => [
-    "string",
-    "number",
-    "boolean",
-    "object"
-  ].includes(typeof value)).map(([key, value]) => {
-    if (typeof value === "object" && value !== null) {
-      if (depth === 0) {
-        return "";
-      } else {
-        return `<${key}>
-            ${formatObjectAsXMLTags(value, depth - 1)}
-          </${key}>`;
-      }
-    }
-    return `<${key}>${value}</${key}>`;
-  }).join("\n");
-};
-var CONTEXT_OBJECT_QUERY_TIMEOUT = 5e3;
-var TABLE_ROWS_LIMIT = 10;
-var looseFormatXml = (xml) => {
-  let currentIndent = 0;
-  return xml.split("\n").map((line) => {
-    if (line.match(RE_CLOSE_TAG_LINE)) {
-      currentIndent--;
-    }
-    const indent = currentIndent;
-    if (line.match(RE_OPEN_TAG_LINE)) {
-      currentIndent++;
-    }
-    return " ".repeat(indent * 2) + line.trimStart();
-  }).join("\n");
-};
-var RE_OPEN_TAG_LINE = /^[ ]*<[a-zA-Z0-9\-_]+>[ ]*$/;
-var RE_CLOSE_TAG_LINE = /^[ ]*<\/[a-zA-Z0-9\-_]+>[ ]*$/;
-var PROPERTIES_ASSISTANT_KEY = "dxos.assistant.beta.properties";
-var AssistantPanel = ({ subject, classNames }) => {
-  const { t } = (0, import_react_ui2.useTranslation)(import_chunk_5VF5JKUN.AUTOMATION_PLUGIN);
-  const config = (0, import_react_client.useConfig)();
-  const client = (0, import_react_client.useClient)();
-  const aiClient = (0, import_react.useRef)();
-  const [contextSpaceId, setContextSpaceId] = (0, import_react.useState)();
-  const [threadId, setThreadId] = (0, import_react.useState)();
-  const [history, setHistory] = (0, import_react.useState)([]);
-  const [input, setInput] = (0, import_react.useState)("");
-  (0, import_react.useEffect)(() => {
-    if (!aiClient.current) {
-      const endpoint = config.values.runtime?.services?.ai?.server;
-      if (!endpoint) {
-        throw new Error("AI service endpoint is not configured");
-      }
-      aiClient.current = new import_assistant.AIServiceClientImpl({
-        endpoint
-      });
-    }
-    queueMicrotask(async () => {
-      const properties = client.spaces.default.properties;
-      properties[PROPERTIES_ASSISTANT_KEY] ??= {};
-      properties[PROPERTIES_ASSISTANT_KEY].contextSpaceId ??= import_keys.SpaceId.random();
-      properties[PROPERTIES_ASSISTANT_KEY].threadId ??= import_echo_schema.ObjectId.random();
-      const contextSpaceId2 = properties[PROPERTIES_ASSISTANT_KEY].contextSpaceId;
-      const threadId2 = properties[PROPERTIES_ASSISTANT_KEY].threadId;
-      setContextSpaceId(contextSpaceId2);
-      setThreadId(threadId2);
-      const messages = await aiClient.current.getMessages(contextSpaceId2, threadId2);
-      setHistory(messages);
-    });
-  }, []);
-  const handleRequest = async (input2) => {
-    if (!aiClient.current || input2 === "") {
-      return;
-    }
-    setInput("");
-    const userMessage = {
-      id: import_echo_schema.ObjectId.random(),
-      spaceId: contextSpaceId,
-      threadId,
-      role: "user",
-      content: [
-        {
-          type: "text",
-          text: input2
-        }
-      ]
-    };
-    await aiClient.current.appendMessages([
-      userMessage
-    ]);
-    setHistory([
-      ...history,
-      userMessage
-    ]);
-    const generationStream = await aiClient.current.generate({
-      model: "@anthropic/claude-3-5-sonnet-20241022",
-      spaceId: contextSpaceId,
-      threadId,
-      tools: [],
-      systemPrompt: await getSystemPrompt()
-    });
-    const historyBefore = [
-      ...history,
-      userMessage
-    ];
-    for await (const _event of generationStream) {
-      setHistory([
-        ...historyBefore,
-        ...generationStream.accumulatedMessages
-      ]);
-    }
-    await aiClient.current.appendMessages(await generationStream.complete());
-  };
-  const getSystemPrompt = async () => {
-    return createSystemInstructions({
-      subject
-    });
-  };
-  const clearThread = async () => {
-    const properties = client.spaces.default.properties;
-    properties[PROPERTIES_ASSISTANT_KEY] ??= {};
-    properties[PROPERTIES_ASSISTANT_KEY].threadId = import_echo_schema.ObjectId.random();
-    const threadId2 = properties[PROPERTIES_ASSISTANT_KEY].threadId;
-    setThreadId(threadId2);
-    const messages = await aiClient.current.getMessages(contextSpaceId, threadId2);
-    setHistory(messages);
-  };
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    className: (0, import_react_ui_theme.mx)("flex flex-col h-full overflow-hidden", classNames)
-  }, history.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "flex flex-col gap-6 h-full p-2 overflow-x-hidden overflow-y-auto"
-  }, history.map((message) => /* @__PURE__ */ import_react.default.createElement(MessageItem, {
-    key: message.id,
-    message
-  }))), /* @__PURE__ */ import_react.default.createElement(import_react_ui2.Toolbar.Root, {
-    classNames: "p-1"
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui2.Input.Root, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui2.Input.TextInput, {
-    autoFocus: true,
-    placeholder: t("ask me anything"),
-    value: input,
-    onChange: (ev) => setInput(ev.target.value),
-    onKeyDown: (ev) => ev.key === "Enter" && handleRequest(input)
-  })), /* @__PURE__ */ import_react.default.createElement(import_react_ui.ContextMenu.Root, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.ContextMenu.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui2.Toolbar.Button, {
-    onClick: () => handleRequest(input)
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui2.Icon, {
-    icon: "ph--play--regular",
-    size: 4
-  }))), /* @__PURE__ */ import_react.default.createElement(import_react_ui.ContextMenu.Portal, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.ContextMenu.Content, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.ContextMenu.Viewport, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.ContextMenu.Item, {
-    onClick: clearThread
-  }, "Clear thread"), /* @__PURE__ */ import_react.default.createElement(import_react_ui.ContextMenu.Item, {
-    onClick: async () => console.log(await getSystemPrompt())
-  }, "Print instructions to console")))))));
-};
-var MessageItem = ({ classNames, message }) => {
-  const { id: _, role, content } = message;
-  const styleContainer = "flex flex-col overflow-x-hidden overflow-y-auto rounded-md gap-2 divide-y divide-separator";
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    className: (0, import_react_ui_theme.mx)("flex", role === "user" ? "ml-[1rem] justify-end" : "mr-[1rem]", classNames)
-  }, content.map((content2, i) => {
-    switch (content2.type) {
-      case "text": {
-        const { cot, message: message2 } = parseMessage(content2.text);
-        return /* @__PURE__ */ import_react.default.createElement("div", {
-          key: i,
-          role: "none",
-          className: (0, import_react_ui_theme.mx)(styleContainer, role === "user" ? "bg-primary-400 dark:bg-primary-600" : "bg-hoverSurface")
-        }, cot && /* @__PURE__ */ import_react.default.createElement("div", {
-          className: "p-2 whitespace-pre-wrap text-xs text-subdued"
-        }, cot), /* @__PURE__ */ import_react.default.createElement("div", {
-          className: "p-2 whitespace-pre-wrap"
-        }, message2));
-      }
-      case "tool_use": {
-        return /* @__PURE__ */ import_react.default.createElement("div", {
-          key: i,
-          className: (0, import_react_ui_theme.mx)(styleContainer, "text-xs")
-        }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("span", {
-          className: "p-2 text-primary"
-        }, "Tool use"), ": ", content2.name, " ", content2.id), /* @__PURE__ */ import_react.default.createElement(import_react_ui_syntax_highlighter.SyntaxHighlighter, {
-          language: "json"
-        }, content2.inputJson));
-      }
-      case "tool_result": {
-        return /* @__PURE__ */ import_react.default.createElement("div", {
-          key: i,
-          className: (0, import_react_ui_theme.mx)(styleContainer, "text-xs", content2.isError && "text-error")
-        }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("span", {
-          className: "p-2 text-primary"
-        }, "Tool result"), ": ", content2.toolUseId), /* @__PURE__ */ import_react.default.createElement(import_react_ui_syntax_highlighter.SyntaxHighlighter, {
-          language: "json"
-        }, content2.content));
-      }
-    }
-    return null;
-  }));
-};
-var parseMessage = (text) => {
-  const regex = /<cot>([\s\S]*?)<\/cot>\s*([\s\S]*)/;
-  const match = text.match(regex);
-  return {
-    cot: match?.[1].trim(),
-    message: match?.[2] ?? text ?? "\xD8"
-  };
-};
-var AssistantPanel_default = AssistantPanel;
-//# sourceMappingURL=AssistantPanel-PPFS2HKK.cjs.map

package/dist/lib/node/AssistantPanel-PPFS2HKK.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/AssistantPanel/AssistantPanel.tsx", "../../../src/components/AssistantPanel/system-instructions.ts", "../../../src/components/AssistantPanel/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\n/* eslint-disable no-console */\n\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { type Message } from '@dxos/artifact';\nimport { type AIServiceClient, AIServiceClientImpl } from '@dxos/assistant';\nimport type { ReactiveEchoObject } from '@dxos/echo-db';\nimport { ObjectId } from '@dxos/echo-schema';\nimport { SpaceId } from '@dxos/keys';\nimport { useClient, useConfig } from '@dxos/react-client';\nimport { ContextMenu, type ThemedClassName } from '@dxos/react-ui';\nimport { Icon, Input, Toolbar, useTranslation } from '@dxos/react-ui';\nimport { SyntaxHighlighter } from '@dxos/react-ui-syntax-highlighter';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { createSystemInstructions } from './system-instructions';\nimport { AUTOMATION_PLUGIN } from '../../meta';\n\nconst PROPERTIES_ASSISTANT_KEY = 'dxos.assistant.beta.properties';\n\nexport type AssistantPanelProps = ThemedClassName<{\n  subject?: ReactiveEchoObject<any>;\n}>;\n\nexport const AssistantPanel = ({ subject, classNames }: AssistantPanelProps) => {\n  const { t } = useTranslation(AUTOMATION_PLUGIN);\n  const config = useConfig();\n  const client = useClient();\n  const aiClient = useRef<AIServiceClient>();\n  const [contextSpaceId, setContextSpaceId] = useState<SpaceId | undefined>();\n  const [threadId, setThreadId] = useState<ObjectId | undefined>();\n  const [history, setHistory] = useState<Message[]>([]);\n  const [input, setInput] = useState('');\n\n  useEffect(() => {\n    if (!aiClient.current) {\n      const endpoint = config.values.runtime?.services?.ai?.server;\n      if (!endpoint) {\n        throw new Error('AI service endpoint is not configured');\n      }\n      aiClient.current = new AIServiceClientImpl({\n        endpoint,\n      });\n    }\n\n    queueMicrotask(async () => {\n      const properties = client.spaces.default.properties;\n\n      properties[PROPERTIES_ASSISTANT_KEY] ??= {};\n      properties[PROPERTIES_ASSISTANT_KEY].contextSpaceId ??= SpaceId.random();\n      properties[PROPERTIES_ASSISTANT_KEY].threadId ??= ObjectId.random();\n\n      const contextSpaceId = properties[PROPERTIES_ASSISTANT_KEY].contextSpaceId;\n      const threadId = properties[PROPERTIES_ASSISTANT_KEY].threadId;\n\n      setContextSpaceId(contextSpaceId);\n      setThreadId(threadId);\n\n      const messages = await aiClient.current!.getMessages(contextSpaceId, threadId);\n      setHistory(messages);\n    });\n  }, []);\n\n  const handleRequest = async (input: string) => {\n    if (!aiClient.current || input === '') {\n      return;\n    }\n\n    setInput('');\n\n    // TODO(dmaretskyi): Can we call `create(Message, { ... })` here?\n    const userMessage: Message = {\n      id: ObjectId.random(),\n      spaceId: contextSpaceId!,\n      threadId: threadId!,\n      role: 'user',\n      content: [{ type: 'text', text: input }],\n    };\n    await aiClient.current.appendMessages([userMessage]);\n    setHistory([...history, userMessage]);\n\n    const generationStream = await aiClient.current.generate({\n      model: '@anthropic/claude-3-5-sonnet-20241022',\n      spaceId: contextSpaceId!,\n      threadId: threadId!,\n      tools: [],\n      systemPrompt: await getSystemPrompt(),\n    });\n\n    const historyBefore = [...history, userMessage];\n    for await (const _event of generationStream) {\n      setHistory([...historyBefore, ...generationStream.accumulatedMessages]);\n    }\n\n    await aiClient.current!.appendMessages(await generationStream.complete());\n  };\n\n  const getSystemPrompt = async () => {\n    return createSystemInstructions({ subject });\n  };\n\n  const clearThread = async () => {\n    const properties = client.spaces.default.properties;\n\n    properties[PROPERTIES_ASSISTANT_KEY] ??= {};\n    // properties[PROPERTIES_ASSISTANT_KEY].contextSpaceId ??= SpaceId.random();\n    properties[PROPERTIES_ASSISTANT_KEY].threadId = ObjectId.random();\n\n    // const contextSpaceId = properties[PROPERTIES_ASSISTANT_KEY].contextSpaceId;\n    const threadId = properties[PROPERTIES_ASSISTANT_KEY].threadId;\n\n    // setContextSpaceId(contextSpaceId);\n    setThreadId(threadId);\n\n    const messages = await aiClient.current!.getMessages(contextSpaceId!, threadId);\n    setHistory(messages);\n  };\n\n  // TODO(burdon): Factor out with script plugin.\n  return (\n    <div className={mx('flex flex-col h-full overflow-hidden', classNames)}>\n      {history.length > 0 && (\n        <div className='flex flex-col gap-6 h-full p-2 overflow-x-hidden overflow-y-auto'>\n          {history.map((message) => (\n            <MessageItem key={message.id} message={message} />\n          ))}\n        </div>\n      )}\n\n      <Toolbar.Root classNames='p-1'>\n        <Input.Root>\n          <Input.TextInput\n            autoFocus\n            placeholder={t('ask me anything')}\n            value={input}\n            onChange={(ev) => setInput(ev.target.value)}\n            onKeyDown={(ev) => ev.key === 'Enter' && handleRequest(input)}\n          />\n        </Input.Root>\n        <ContextMenu.Root>\n          <ContextMenu.Trigger asChild>\n            <Toolbar.Button onClick={() => handleRequest(input)}>\n              <Icon icon='ph--play--regular' size={4} />\n            </Toolbar.Button>\n          </ContextMenu.Trigger>\n          <ContextMenu.Portal>\n            <ContextMenu.Content>\n              <ContextMenu.Viewport>\n                <ContextMenu.Item onClick={clearThread}>Clear thread</ContextMenu.Item>\n                <ContextMenu.Item onClick={async () => console.log(await getSystemPrompt())}>\n                  Print instructions to console\n                </ContextMenu.Item>\n              </ContextMenu.Viewport>\n            </ContextMenu.Content>\n          </ContextMenu.Portal>\n        </ContextMenu.Root>\n\n        {/* <Toolbar.Button onClick={() => (state ? handleStop() : handleClear())}>\n          <Icon icon={state ? 'ph--stop--regular' : 'ph--trash--regular'} size={4} />\n        </Toolbar.Button> */}\n      </Toolbar.Root>\n    </div>\n  );\n};\n\nconst MessageItem = ({ classNames, message }: ThemedClassName<{ message: Message }>) => {\n  const { id: _, role, content } = message;\n  const styleContainer = 'flex flex-col overflow-x-hidden overflow-y-auto rounded-md gap-2 divide-y divide-separator';\n\n  return (\n    <div className={mx('flex', role === 'user' ? 'ml-[1rem] justify-end' : 'mr-[1rem]', classNames)}>\n      {content.map((content, i) => {\n        switch (content.type) {\n          case 'text': {\n            const { cot, message } = parseMessage(content.text);\n            return (\n              <div\n                key={i}\n                role='none'\n                className={mx(\n                  styleContainer,\n                  role === 'user' ? 'bg-primary-400 dark:bg-primary-600' : 'bg-hoverSurface',\n                )}\n              >\n                {cot && <div className='p-2 whitespace-pre-wrap text-xs text-subdued'>{cot}</div>}\n                <div className='p-2 whitespace-pre-wrap'>{message}</div>\n              </div>\n            );\n          }\n\n          case 'tool_use': {\n            return (\n              <div key={i} className={mx(styleContainer, 'text-xs')}>\n                <div>\n                  <span className='p-2 text-primary'>Tool use</span>: {content.name} {content.id}\n                </div>\n                <SyntaxHighlighter language='json'>{content.inputJson}</SyntaxHighlighter>\n              </div>\n            );\n          }\n\n          case 'tool_result': {\n            return (\n              <div key={i} className={mx(styleContainer, 'text-xs', content.isError && 'text-error')}>\n                <div>\n                  <span className='p-2 text-primary'>Tool result</span>: {content.toolUseId}\n                </div>\n                <SyntaxHighlighter language='json'>{content.content}</SyntaxHighlighter>\n              </div>\n            );\n          }\n        }\n\n        return null;\n      })}\n    </div>\n  );\n};\n\n// TODO(burdon): Move to server-side parsing.\nconst parseMessage = (text: string): { cot?: string; message: string } => {\n  const regex = /<cot>([\\s\\S]*?)<\\/cot>\\s*([\\s\\S]*)/;\n  const match = text.match(regex);\n  return {\n    cot: match?.[1].trim(),\n    message: match?.[2] ?? text ?? '\\u00D8',\n  };\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { asyncTimeout } from '@dxos/async';\nimport type { ReactiveEchoObject } from '@dxos/echo-db';\nimport { getTypename } from '@dxos/echo-schema';\nimport { log } from '@dxos/log';\nimport { Filter, getSpace, ResultFormat } from '@dxos/react-client/echo';\n\n// TODO(burdon): Move into assistant-protocol.\nexport type ThreadContext = {\n  subject?: ReactiveEchoObject<any>;\n};\n\nexport const createSystemInstructions = async (context: ThreadContext): Promise<string> => {\n  let instructions = `\n    <instructions>\n      Before replying always think step-by-step on how to proceed.\n      Print your thoughts inside <cot> tags.\n\n      <example>\n        <cot>To answer the question I need to ...</cot>\n      </example>\n    </instructions>\n\n    <current_time>${new Date().toLocaleString()}</current_time>\n  `;\n\n  if (context.subject) {\n    instructions += `\n      <user_attention>\n        The user is currently interacting with an object in Composer application:\n\n        ${await formatContextObject(context.subject)}\n      </user_attention>\n    `;\n  }\n\n  return looseFormatXml(instructions);\n};\n\nconst formatContextObject = async (object: ReactiveEchoObject<any>): Promise<string> => {\n  let data;\n  try {\n    data = await asyncTimeout(preprocessContextObject(object), CONTEXT_OBJECT_QUERY_TIMEOUT);\n  } catch (err: any) {\n    log.error('Failed to preprocess context object:', { err });\n    data = object;\n  }\n\n  if (typeof data === 'string') {\n    return data;\n  } else {\n    return `\n      <object>\n        <type>${getTypename(object)}</type>\n        <id>${object.id}</id>\n        ${formatObjectAsXMLTags(data)}\n      </object>\n    `;\n  }\n};\n\nconst preprocessContextObject = async (object: ReactiveEchoObject<any>): Promise<Record<string, any> | string> => {\n  const space = getSpace(object);\n  if (!space) {\n    return { ...object };\n  }\n\n  // TODO(dmaretskyi): Serialize based on schema annotations.\n  switch (getTypename(object)) {\n    // TODO(dmaretskyi): Reference types somehow without plugin-automation depending on other plugins.\n    case 'dxos.org/type/Document': {\n      const data = space.db\n        .query({ id: object.id }, { format: ResultFormat.Plain, include: { content: true } })\n        .first() ?? { content: { content: '' } };\n\n      return {\n        ...data,\n        threads: undefined,\n      };\n    }\n\n    case 'dxos.org/type/Table': {\n      // TODO(dmaretskyi): Load references.\n      const schema = object.view ? space?.db.schemaRegistry.getSchema(object.view.query.type) : undefined;\n      const { objects: rows } =\n        (schema &&\n          (await space.db\n            .query(Filter.schema(schema), { format: ResultFormat.Plain, limit: TABLE_ROWS_LIMIT })\n            .run())) ??\n        {};\n\n      // TODO(dmaretskyi): Format table schema.\n      return `\n        <object>\n          <id>${object.id}</id>\n          <type>${getTypename(object)}</type>\n          ${formatObjectAsXMLTags(object)}\n\n          <rows>\n            <!-- Limited to first ${TABLE_ROWS_LIMIT} rows. -->\n            ${rows\n              ?.map(\n                (row: any) => `<row>\n                  ${formatObjectAsXMLTags(row)}\n                </row>`,\n              )\n              .join('\\n')}\n          </rows>\n\n      `;\n    }\n\n    default:\n      return { ...object };\n  }\n};\n\nconst formatObjectAsXMLTags = (object: any, depth = 1): string => {\n  return Object.entries(object)\n    .filter(([key, value]) => ['string', 'number', 'boolean', 'object'].includes(typeof value))\n    .map(([key, value]) => {\n      if (typeof value === 'object' && value !== null) {\n        if (depth === 0) {\n          return '';\n        } else {\n          return `<${key}>\n            ${formatObjectAsXMLTags(value, depth - 1)}\n          </${key}>`;\n        }\n      }\n\n      return `<${key}>${value}</${key}>`;\n    })\n    .join('\\n');\n};\n\nconst CONTEXT_OBJECT_QUERY_TIMEOUT = 5_000;\n\nconst TABLE_ROWS_LIMIT = 10;\n\n/**\n * Formats XML indentation for instructions so they are easier to read during debugging.\n */\nconst looseFormatXml = (xml: string): string => {\n  let currentIndent = 0;\n\n  return xml\n    .split('\\n')\n    .map((line) => {\n      if (line.match(RE_CLOSE_TAG_LINE)) {\n        currentIndent--;\n      }\n      const indent = currentIndent;\n      if (line.match(RE_OPEN_TAG_LINE)) {\n        currentIndent++;\n      }\n      return ' '.repeat(indent * 2) + line.trimStart();\n    })\n    .join('\\n');\n};\n\nconst RE_OPEN_TAG_LINE = /^[ ]*<[a-zA-Z0-9\\-_]+>[ ]*$/;\nconst RE_CLOSE_TAG_LINE = /^[ ]*<\\/[a-zA-Z0-9\\-_]+>[ ]*$/;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { AssistantPanel } from './AssistantPanel';\n\nexport default AssistantPanel;\n"],
-  "mappings": "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",
-  "names": ["import_react_ui", "import_echo_schema", "createSystemInstructions", "context", "instructions", "Date", "toLocaleString", "subject", "formatContextObject", "looseFormatXml", "object", "data", "asyncTimeout", "preprocessContextObject", "CONTEXT_OBJECT_QUERY_TIMEOUT", "err", "log", "error", "getTypename", "id", "formatObjectAsXMLTags", "space", "getSpace", "db", "query", "format", "ResultFormat", "Plain", "include", "content", "first", "threads", "undefined", "schema", "view", "schemaRegistry", "getSchema", "type", "objects", "rows", "Filter", "limit", "TABLE_ROWS_LIMIT", "run", "map", "row", "join", "depth", "Object", "entries", "filter", "key", "value", "includes", "xml", "currentIndent", "split", "line", "match", "RE_CLOSE_TAG_LINE", "indent", "RE_OPEN_TAG_LINE", "repeat", "trimStart", "PROPERTIES_ASSISTANT_KEY", "AssistantPanel", "classNames", "t", "useTranslation", "AUTOMATION_PLUGIN", "config", "useConfig", "client", "useClient", "aiClient", "useRef", "contextSpaceId", "setContextSpaceId", "useState", "threadId", "setThreadId", "history", "setHistory", "input", "setInput", "useEffect", "current", "endpoint", "values", "runtime", "services", "ai", "server", "Error", "AIServiceClientImpl", "queueMicrotask", "properties", "spaces", "default", "SpaceId", "random", "ObjectId", "messages", "getMessages", "handleRequest", "userMessage", "spaceId", "role", "text", "appendMessages", "generationStream", "generate", "model", "tools", "systemPrompt", "getSystemPrompt", "historyBefore", "_event", "accumulatedMessages", "complete", "clearThread", "React", "div", "className", "mx", "length", "message", "MessageItem", "Toolbar", "Root", "Input", "TextInput", "autoFocus", "placeholder", "onChange", "ev", "target", "onKeyDown", "ContextMenu", "Trigger", "asChild", "Button", "onClick", "Icon", "icon", "size", "Portal", "Content", "Viewport", "Item", "console", "_", "styleContainer", "i", "cot", "parseMessage", "span", "name", "SyntaxHighlighter", "language", "inputJson", "isError", "toolUseId", "regex", "trim"]
-}

package/dist/lib/node/AutomationPanel-RXJDVLCF.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/AutomationPanel/AutomationPanel.tsx", "../../../src/components/AutomationPanel/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { S } from '@dxos/echo-schema';\nimport {\n  FunctionType,\n  FunctionTrigger,\n  FunctionTriggerSchema,\n  TriggerKind,\n  type FunctionTriggerType,\n  ScriptType,\n} from '@dxos/functions';\nimport { type Client, useClient } from '@dxos/react-client';\nimport { create, Filter, useQuery, type Space, type ReactiveObject, getSpace } from '@dxos/react-client/echo';\nimport { IconButton, Input, useTranslation, Button } from '@dxos/react-ui';\nimport { List } from '@dxos/react-ui-list';\nimport { ghostHover, mx } from '@dxos/react-ui-theme';\n\nimport { AUTOMATION_PLUGIN } from '../../meta';\nimport { TriggerEditor, type TriggerEditorProps } from '../TriggerEditor';\n\nconst grid = 'grid grid-cols-[40px_1fr_32px] min-bs-[2.5rem]';\n\nexport type AutomationPanelProps = {\n  space: Space;\n  object?: ReactiveObject<any>;\n};\n\n// TODO(burdon): Factor out common layout with ViewEditor.\nexport const AutomationPanel = ({ space, object }: AutomationPanelProps) => {\n  const { t } = useTranslation(AUTOMATION_PLUGIN);\n  const client = useClient();\n  const triggers = useQuery(space, Filter.schema(FunctionTrigger));\n  const functions = useQuery(space, Filter.schema(FunctionType));\n  const scripts = useQuery(space, Filter.schema(ScriptType));\n\n  const [trigger, setTrigger] = useState<FunctionTriggerType>();\n  const [selected, setSelected] = useState<FunctionTrigger>();\n\n  const handleSelect = (trigger: FunctionTrigger) => {\n    const { id: _, ...values } = trigger;\n    setTrigger(values);\n    setSelected(trigger);\n  };\n\n  const handleAdd = () => {\n    setTrigger(create(FunctionTriggerSchema, { meta: {} }));\n    setSelected(undefined);\n  };\n\n  const handleDelete = (trigger: FunctionTrigger) => {\n    space.db.remove(trigger);\n    setTrigger(undefined);\n    setSelected(undefined);\n  };\n\n  const handleSave: TriggerEditorProps['onSave'] = (trigger) => {\n    if (selected) {\n      Object.assign(selected, trigger);\n    } else {\n      space.db.add(create(FunctionTrigger, trigger));\n    }\n\n    setTrigger(undefined);\n    setSelected(undefined);\n  };\n\n  const handleCancel: TriggerEditorProps['onCancel'] = () => {\n    setTrigger(undefined);\n  };\n\n  return (\n    <div className='flex flex-col w-full divide-y divide-separator overflow-y-auto'>\n      <List.Root<FunctionTrigger> items={triggers} isItem={S.is(FunctionTrigger)} getId={(field) => field.id}>\n        {({ items: triggers }) => (\n          <div role='list' className='flex flex-col w-full'>\n            {triggers?.map((trigger) => {\n              const copyAction = getCopyAction(client, trigger);\n              return (\n                <List.Item<FunctionTrigger>\n                  key={trigger.id}\n                  item={trigger}\n                  classNames={mx(grid, ghostHover, 'items-center', 'px-2')}\n                >\n                  <Input.Root>\n                    <Input.Switch\n                      checked={trigger.enabled}\n                      onCheckedChange={(checked) => (trigger.enabled = checked)}\n                    />\n                  </Input.Root>\n\n                  <div className={'flex'}>\n                    <List.ItemTitle\n                      classNames='px-1 cursor-pointer w-0 shrink truncate'\n                      onClick={() => handleSelect(trigger)}\n                    >\n                      {getFunctionName(scripts, functions, trigger) ?? '∅'}\n                    </List.ItemTitle>\n\n                    {/* TODO: a better way to expose copy action */}\n                    {copyAction && (\n                      <Button onClick={() => navigator.clipboard.writeText(copyAction.contentProvider())}>\n                        {t(copyAction.translationKey)}\n                      </Button>\n                    )}\n                  </div>\n\n                  <List.ItemDeleteButton onClick={() => handleDelete(trigger)} />\n                </List.Item>\n              );\n            })}\n          </div>\n        )}\n      </List.Root>\n\n      {trigger && <TriggerEditor space={space} trigger={trigger} onSave={handleSave} onCancel={handleCancel} />}\n\n      {!trigger && (\n        <div className='flex p-2 justify-center'>\n          <IconButton icon='ph--plus--regular' label={t('new trigger')} onClick={handleAdd} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst getCopyAction = (client: Client, trigger: FunctionTrigger | undefined) => {\n  if (trigger?.spec?.type === TriggerKind.Email) {\n    return { translationKey: 'trigger copy email', contentProvider: () => `${getSpace(trigger)!.id}@dxos.network` };\n  }\n\n  if (trigger?.spec?.type === TriggerKind.Webhook) {\n    return { translationKey: 'trigger copy url', contentProvider: () => getWebhookUrl(client, trigger) };\n  }\n\n  return undefined;\n};\n\nconst getWebhookUrl = (client: Client, trigger: FunctionTrigger) => {\n  const spaceId = getSpace(trigger)!.id;\n  const edgeUrl = new URL(client.config.values.runtime!.services!.edge!.url!);\n  const isSecure = edgeUrl.protocol.startsWith('https') || edgeUrl.protocol.startsWith('wss');\n  edgeUrl.protocol = isSecure ? 'https' : 'http';\n  return new URL(`/webhook/${spaceId}:${trigger.id}`, edgeUrl).toString();\n};\n\nconst getFunctionName = (scripts: ScriptType[], functions: FunctionType[], trigger: FunctionTriggerType) => {\n  const shortId = trigger.function && `${trigger.function?.slice(0, 16)}…`;\n  const functionObject = functions.find((fn) => fn.name === trigger.function);\n  if (!functionObject) {\n    return shortId;\n  }\n  return scripts.find((s) => functionObject.source?.target?.id === s.id)?.name ?? shortId;\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { AutomationPanel } from './AutomationPanel';\n\nexport default AutomationPanel;\n"],
-  "mappings": "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",
-  "names": ["grid", "AutomationPanel", "space", "object", "t", "useTranslation", "AUTOMATION_PLUGIN", "client", "useClient", "triggers", "useQuery", "Filter", "schema", "FunctionTrigger", "functions", "FunctionType", "scripts", "ScriptType", "trigger", "setTrigger", "useState", "selected", "setSelected", "handleSelect", "id", "_", "values", "handleAdd", "create", "FunctionTriggerSchema", "meta", "undefined", "handleDelete", "db", "remove", "handleSave", "Object", "assign", "add", "handleCancel", "React", "div", "className", "List", "Root", "items", "isItem", "S", "is", "getId", "field", "role", "map", "copyAction", "getCopyAction", "Item", "key", "item", "classNames", "mx", "ghostHover", "Input", "Switch", "checked", "enabled", "onCheckedChange", "ItemTitle", "onClick", "getFunctionName", "Button", "navigator", "clipboard", "writeText", "contentProvider", "translationKey", "ItemDeleteButton", "TriggerEditor", "onSave", "onCancel", "IconButton", "icon", "label", "spec", "type", "TriggerKind", "Email", "getSpace", "Webhook", "getWebhookUrl", "spaceId", "edgeUrl", "URL", "config", "runtime", "services", "edge", "url", "isSecure", "protocol", "startsWith", "toString", "shortId", "function", "slice", "functionObject", "find", "fn", "name", "s", "source", "target"]
-}