@dxos/plugin-automation 0.7.2 → 0.7.3-staging.0905f03

package/dist/lib/browser/{chunk-PQLGYMNY.mjs → chunk-X5KMOH3I.mjs}

@@ -4,7 +4,7 @@ var meta_default = {
   id: AUTOMATION_PLUGIN,
   name: "Automation",
   description: "Automation workflows.",
-  icon: "ph--flow-arrow--regular",
+  icon: "ph--magic-wand--regular",
   source: "https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-automation",
   tags: [
     "experimental"
@@ -15,4 +15,4 @@ export {
   AUTOMATION_PLUGIN,
   meta_default
 };
-//# sourceMappingURL=chunk-PQLGYMNY.mjs.map
+//# sourceMappingURL=chunk-X5KMOH3I.mjs.map

package/dist/lib/browser/{chunk-PQLGYMNY.mjs.map → chunk-X5KMOH3I.mjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const AUTOMATION_PLUGIN = 'dxos.org/plugin/automation';\n\nexport default {\n  id: AUTOMATION_PLUGIN,\n  name: 'Automation',\n  description: 'Automation workflows.',\n  icon: 'ph--flow-arrow--regular',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-automation',\n  tags: ['experimental'],\n} satisfies PluginMeta;\n"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const AUTOMATION_PLUGIN = 'dxos.org/plugin/automation';\n\nexport default {\n  id: AUTOMATION_PLUGIN,\n  name: 'Automation',\n  description: 'Automation workflows.',\n  icon: 'ph--magic-wand--regular',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-automation',\n  tags: ['experimental'],\n} satisfies PluginMeta;\n"],
   "mappings": ";AAMO,IAAMA,oBAAoB;AAEjC,IAAA,eAAe;EACbC,IAAID;EACJE,MAAM;EACNC,aAAa;EACbC,MAAM;EACNC,QAAQ;EACRC,MAAM;IAAC;;AACT;",
   "names": ["AUTOMATION_PLUGIN", "id", "name", "description", "icon", "source", "tags"]
 }

package/dist/lib/browser/index.mjs

@@ -4,276 +4,27 @@ import {
   ChainInputType,
   ChainPromptType,
   ChainType
-} from "./chunk-B3Z4NQC2.mjs";
+} from "./chunk-7KB4UMXO.mjs";
 import {
   AUTOMATION_PLUGIN,
   meta_default
-} from "./chunk-PQLGYMNY.mjs";
+} from "./chunk-X5KMOH3I.mjs";
 
 // packages/plugins/experimental/plugin-automation/src/AutomationPlugin.tsx
-import React4 from "react";
+import React from "react";
 import { parseMetadataResolverPlugin, resolvePlugin } from "@dxos/app-framework";
 import { FunctionTrigger } from "@dxos/functions";
 import { invariant } from "@dxos/invariant";
 import { parseClientPlugin } from "@dxos/plugin-client";
 import { createExtension, toSignal } from "@dxos/plugin-graph";
-import { getTypename, loadObjectReferences, parseId } from "@dxos/react-client/echo";
-
-// packages/plugins/experimental/plugin-automation/src/components/AutomationPanel.tsx
-import React from "react";
-import { Button, Icon, Toolbar } from "@dxos/react-ui";
-var AutomationPanel = () => {
-  const handleCreate = () => {
-  };
-  return /* @__PURE__ */ React.createElement("div", {
-    className: "flex flex-col"
-  }, /* @__PURE__ */ React.createElement(Toolbar.Root, {
-    classNames: "p-2"
-  }, /* @__PURE__ */ React.createElement(Button, {
-    onClick: handleCreate
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    icon: "ph--plus--regular"
-  }))));
-};
-
-// packages/plugins/experimental/plugin-automation/src/components/PromptEditor/PromptEditor.tsx
-import React2, { useEffect } from "react";
-import { createDocAccessor } from "@dxos/react-client/echo";
-import { Input, Select, useThemeContext, useTranslation } from "@dxos/react-ui";
-import { createBasicExtensions, createDataExtensions, createThemeExtensions, useTextEditor } from "@dxos/react-ui-editor";
-import { attentionSurface, groupBorder, mx as mx2 } from "@dxos/react-ui-theme";
-import { nonNullable } from "@dxos/util";
-
-// packages/plugins/experimental/plugin-automation/src/components/PromptEditor/prompt-extension.ts
-import { HighlightStyle, StreamLanguage, syntaxHighlighting } from "@codemirror/language";
-import { tags } from "@dxos/react-ui-editor";
-import { mx } from "@dxos/react-ui-theme";
-var nameRegex = /\{([\w-]+)}/;
-var parser = StreamLanguage.define({
-  token: (stream) => {
-    if (stream.eatSpace()) {
-      return null;
-    }
-    if (stream.match(/^#.*/)) {
-      return "lineComment";
-    }
-    if (stream.match(/^-+$/)) {
-      return "lineComment";
-    }
-    if (stream.match(nameRegex)) {
-      return "variableName";
-    }
-    stream.next();
-    return null;
-  }
-});
-var highlightStyles = HighlightStyle.define([
-  {
-    tag: tags.variableName,
-    class: mx("rounded border border-yellow-500 bg-yellow-100 text-black font-mono text-sm")
-  }
-]);
-var promptExtension = [
-  parser,
-  syntaxHighlighting(highlightStyles)
-];
-
-// packages/plugins/experimental/plugin-automation/src/components/PromptEditor/PromptEditor.tsx
-var inputTypes = [
-  {
-    value: ChainInputType.VALUE,
-    label: "Value"
-  },
-  {
-    value: ChainInputType.PASS_THROUGH,
-    label: "Pass through"
-  },
-  {
-    value: ChainInputType.RETRIEVER,
-    label: "Retriever"
-  },
-  // {
-  //   value: ChainInputType.FUNCTION,
-  //   label: 'Function',
-  // },
-  // {
-  //   value: ChainInputType.QUERY,
-  //   label: 'Query',
-  // },
-  {
-    value: ChainInputType.RESOLVER,
-    label: "Resolver"
-  },
-  {
-    value: ChainInputType.CONTEXT,
-    label: "Context"
-  },
-  {
-    value: ChainInputType.SCHEMA,
-    label: "Schema"
-  }
-];
-var getInputType = (type) => inputTypes.find(({ value }) => String(value) === type)?.value;
-var usePromptInputs = (prompt) => {
-  useEffect(() => {
-    const text = prompt.template ?? "";
-    if (!prompt.inputs) {
-      prompt.inputs = [];
-    }
-    const regex = new RegExp(nameRegex, "g");
-    const variables = new Set([
-      ...text.matchAll(regex)
-    ].map((m) => m[1]));
-    const unclaimed = new Map(prompt.inputs?.filter(nonNullable).map((input) => [
-      input.name,
-      input
-    ]));
-    const missing = [];
-    Array.from(variables.values()).forEach((name) => {
-      if (unclaimed.has(name)) {
-        unclaimed.delete(name);
-      } else {
-        missing.push(name);
-      }
-    });
-    const values = unclaimed.values();
-    missing.forEach((name) => {
-      const next = values.next().value;
-      if (next) {
-        next.name = name;
-      } else {
-        prompt.inputs?.push({
-          name
-        });
-      }
-    });
-    for (const input of values) {
-      prompt.inputs.splice(prompt.inputs.indexOf(input), 1);
-    }
-  }, [
-    prompt.template
-  ]);
-};
-var PromptEditor = ({ prompt, commandEditable = true }) => {
-  const { t } = useTranslation(AUTOMATION_PLUGIN);
-  const { themeMode } = useThemeContext();
-  const { parentRef } = useTextEditor(() => ({
-    initialValue: prompt.template,
-    extensions: [
-      createDataExtensions({
-        id: prompt.id,
-        text: prompt.template !== void 0 ? createDocAccessor(prompt, [
-          "template"
-        ]) : void 0
-      }),
-      createBasicExtensions({
-        bracketMatching: false,
-        lineWrapping: true,
-        placeholder: t("template placeholder")
-      }),
-      createThemeExtensions({
-        themeMode,
-        slots: {
-          content: {
-            className: "!p-3"
-          }
-        }
-      }),
-      promptExtension
-    ]
-  }), [
-    themeMode,
-    prompt
-  ]);
-  usePromptInputs(prompt);
-  return /* @__PURE__ */ React2.createElement("div", {
-    className: mx2("flex flex-col w-full overflow-hidden gap-4", groupBorder)
-  }, commandEditable && /* @__PURE__ */ React2.createElement("div", {
-    className: "flex items-center pl-4"
-  }, /* @__PURE__ */ React2.createElement("span", {
-    className: "text-neutral-500"
-  }, "/"), /* @__PURE__ */ React2.createElement(Input.Root, null, /* @__PURE__ */ React2.createElement(Input.TextInput, {
-    placeholder: t("command placeholder"),
-    classNames: mx2("is-full bg-transparent m-2"),
-    value: prompt.command ?? "",
-    onChange: (event) => {
-      prompt.command = event.target.value.replace(/\w/g, "");
-    }
-  }))), /* @__PURE__ */ React2.createElement("div", {
-    ref: parentRef,
-    className: mx2(attentionSurface, "rounded", "min-h-[120px]")
-  }), (prompt.inputs?.length ?? 0) > 0 && /* @__PURE__ */ React2.createElement("div", {
-    className: "flex flex-col"
-  }, /* @__PURE__ */ React2.createElement("table", {
-    className: "w-full table-fixed border-collapse my-2"
-  }, /* @__PURE__ */ React2.createElement("tbody", null, prompt.inputs?.filter(nonNullable).map((input) => /* @__PURE__ */ React2.createElement("tr", {
-    key: input.name
-  }, /* @__PURE__ */ React2.createElement("td", {
-    className: "w-[160px] p-1 font-mono text-sm whitespace-nowrap truncate"
-  }, /* @__PURE__ */ React2.createElement("code", {
-    className: "px-2"
-  }, input.name)), /* @__PURE__ */ React2.createElement("td", {
-    className: "w-[120px] p-1"
-  }, /* @__PURE__ */ React2.createElement(Input.Root, null, /* @__PURE__ */ React2.createElement(Select.Root, {
-    value: String(input.type),
-    onValueChange: (type) => {
-      input.type = getInputType(type) ?? ChainInputType.VALUE;
-    }
-  }, /* @__PURE__ */ React2.createElement(Select.TriggerButton, {
-    placeholder: "Type",
-    classNames: "is-full"
-  }), /* @__PURE__ */ React2.createElement(Select.Portal, null, /* @__PURE__ */ React2.createElement(Select.Content, null, /* @__PURE__ */ React2.createElement(Select.Viewport, null, inputTypes.map(({ value, label }) => /* @__PURE__ */ React2.createElement(Select.Option, {
-    key: value,
-    value: String(value)
-  }, label)))))))), /* @__PURE__ */ React2.createElement("td", {
-    className: "p-1 pr-2"
-  }, input.type !== void 0 && [
-    ChainInputType.VALUE,
-    ChainInputType.CONTEXT,
-    ChainInputType.RESOLVER,
-    ChainInputType.SCHEMA
-  ].includes(input.type) && /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(Input.Root, null, /* @__PURE__ */ React2.createElement(Input.TextInput, {
-    placeholder: t("command placeholder"),
-    classNames: mx2("is-full bg-transparent"),
-    value: input.value ?? "",
-    onChange: (event) => {
-      input.value = event.target.value;
-    }
-  }))))))))));
-};
+import { memoizeQuery } from "@dxos/plugin-space";
+import { getSpace, getTypename, isEchoObject, loadObjectReferences, parseId, SpaceState } from "@dxos/react-client/echo";
+import { translations as formTranslations } from "@dxos/react-ui-form";
 
-// packages/plugins/experimental/plugin-automation/src/components/TriggerEditor/TriggerEditor.tsx
-import React3 from "react";
-import { FunctionTriggerSchema, TriggerKind } from "@dxos/functions";
-import { FunctionType } from "@dxos/plugin-script/types";
-import { Filter, useQuery } from "@dxos/react-client/echo";
-import { useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { Form, SelectInput } from "@dxos/react-ui-form";
-var TriggerEditor = ({ space, trigger }) => {
-  const { t } = useTranslation2(AUTOMATION_PLUGIN);
-  const functions = useQuery(space, Filter.schema(FunctionType));
-  return /* @__PURE__ */ React3.createElement(Form, {
-    schema: FunctionTriggerSchema,
-    values: trigger,
-    filter: (props) => props.filter((p) => p.name !== "meta"),
-    Custom: {
-      ["function"]: (props) => /* @__PURE__ */ React3.createElement(SelectInput, {
-        ...props,
-        options: functions.map(({ name }) => ({
-          value: name,
-          label: name
-        }))
-      }),
-      ["spec.type"]: (props) => /* @__PURE__ */ React3.createElement(SelectInput, {
-        ...props,
-        options: Object.values(TriggerKind).map((kind) => ({
-          value: kind,
-          label: t(`trigger type ${kind}`)
-        }))
-      })
-    }
-  });
-};
+// packages/plugins/experimental/plugin-automation/src/components/index.ts
+import { lazy } from "react";
+var AssistantPanel = lazy(() => import("./AssistantPanel-N3QSALKY.mjs"));
+var AutomationPanel = lazy(() => import("./AutomationPanel-AQMN2CQR.mjs"));
 
 // packages/plugins/experimental/plugin-automation/src/translations.ts
 var translations_default = [
@@ -302,7 +53,9 @@ var translations_default = [
         "trigger filter": "Filter",
         "trigger cron": "Cron",
         "trigger method": "Method",
-        "trigger endpoint": "Endpoint"
+        "trigger endpoint": "Endpoint",
+        "open assistant panel label": "Show Assistant",
+        "assistant panel label": "Assistant"
       }
     }
   }
@@ -329,9 +82,12 @@ var AutomationPlugin = () => {
           }
         }
       },
-      translations: translations_default,
+      translations: [
+        ...translations_default,
+        ...formTranslations
+      ],
       echo: {
-        schema: [
+        system: [
           ChainType,
           ChainPromptType,
           FunctionTrigger
@@ -347,7 +103,17 @@ var AutomationPlugin = () => {
                 ns: AUTOMATION_PLUGIN
               }
             ],
-            icon: "ph--flow-arrow--regular"
+            icon: "ph--magic-wand--regular"
+          },
+          {
+            id: "assistant",
+            label: [
+              "open assistant panel label",
+              {
+                ns: AUTOMATION_PLUGIN
+              }
+            ],
+            icon: "ph--atom--regular"
           }
         ]
       },
@@ -359,7 +125,7 @@ var AutomationPlugin = () => {
           const client = clientPlugin?.provides.client;
           invariant(resolve, void 0, {
             F: __dxlog_file,
-            L: 52,
+            L: 66,
             S: void 0,
             A: [
               "resolve",
@@ -368,7 +134,7 @@ var AutomationPlugin = () => {
           });
           invariant(client, void 0, {
             F: __dxlog_file,
-            L: 53,
+            L: 67,
             S: void 0,
             A: [
               "client",
@@ -384,10 +150,11 @@ var AutomationPlugin = () => {
                   return;
                 }
                 const type = "orphan-settings-for-subject";
-                const icon = "ph--flow-arrow--regular";
+                const icon = "ph--magic-wand--regular";
                 const [subjectId] = id.split("~");
                 const { spaceId, objectId } = parseId(subjectId);
-                const space = client.spaces.get().find((space2) => space2.id === spaceId);
+                const spaces = toSignal((onChange) => client.spaces.subscribe(() => onChange()).unsubscribe, () => client.spaces.get());
+                const space = spaces?.find((space2) => space2.id === spaceId && space2.state.get() === SpaceState.SPACE_READY);
                 if (!objectId) {
                   const label2 = space ? space.properties.name || [
                     "unnamed space label",
@@ -413,15 +180,9 @@ var AutomationPlugin = () => {
                     }
                   };
                 }
-                const object = toSignal((onChange) => {
-                  const timeout = setTimeout(async () => {
-                    await space?.db.query({
-                      id: objectId
-                    }).first();
-                    onChange();
-                  });
-                  return () => clearTimeout(timeout);
-                }, () => space?.db.getObjectById(objectId), subjectId);
+                const [object] = memoizeQuery(space, {
+                  id: objectId
+                });
                 if (!object || !subjectId) {
                   return;
                 }
@@ -443,6 +204,54 @@ var AutomationPlugin = () => {
                   }
                 };
               }
+            }),
+            createExtension({
+              id: `${AUTOMATION_PLUGIN}/assistant-for-subject`,
+              resolver: ({ id }) => {
+                if (!id.endsWith("~assistant")) {
+                  return;
+                }
+                const [subjectId] = id.split("~");
+                const { spaceId, objectId } = parseId(subjectId);
+                const spaces = toSignal((onChange) => client.spaces.subscribe(() => onChange()).unsubscribe, () => client.spaces.get());
+                const space = spaces?.find((space2) => space2.id === spaceId && space2.state.get() === SpaceState.SPACE_READY);
+                if (!objectId) {
+                  return {
+                    id,
+                    type: "orphan-automation-for-subject",
+                    data: null,
+                    properties: {
+                      icon: "ph--atom--regular",
+                      label: [
+                        "assistant panel label",
+                        {
+                          ns: AUTOMATION_PLUGIN
+                        }
+                      ],
+                      object: null,
+                      space
+                    }
+                  };
+                }
+                const [object] = memoizeQuery(space, {
+                  id: objectId
+                });
+                return {
+                  id,
+                  type: "orphan-automation-for-subject",
+                  data: null,
+                  properties: {
+                    icon: "ph--atom--regular",
+                    label: [
+                      "assistant panel label",
+                      {
+                        ns: AUTOMATION_PLUGIN
+                      }
+                    ],
+                    object
+                  }
+                };
+              }
             })
           ];
         }
@@ -450,21 +259,36 @@ var AutomationPlugin = () => {
       surface: {
         component: ({ data, role }) => {
           switch (role) {
-            // case 'article':
-            // return data.object instanceof ChainType ? <ChainArticle chain={data.object} /> : null;
-            case "complementary--automation":
-              return /* @__PURE__ */ React4.createElement(AutomationPanel, null);
+            case "complementary--assistant":
+              return /* @__PURE__ */ React.createElement(AssistantPanel, {
+                subject: data.subject
+              });
+            case "complementary--automation": {
+              const object = data.subject;
+              const space = isEchoObject(object) ? getSpace(object) : void 0;
+              if (space) {
+                invariant(isEchoObject(object), void 0, {
+                  F: __dxlog_file,
+                  L: 193,
+                  S: void 0,
+                  A: [
+                    "isEchoObject(object)",
+                    ""
+                  ]
+                });
+                return /* @__PURE__ */ React.createElement(AutomationPanel, {
+                  space,
+                  object
+                });
+              }
+              break;
+            }
           }
           return null;
         }
       },
       intent: {
         resolver: (intent) => {
-          switch (intent.action) {
-            case AutomationAction.CREATE: {
-              return {};
-            }
-          }
         }
       }
     }
@@ -472,7 +296,7 @@ var AutomationPlugin = () => {
 };
 
 // packages/plugins/experimental/plugin-automation/src/presets.ts
-import { create } from "@dxos/echo-schema";
+import { create } from "@dxos/live-object";
 var str = (...text) => text.filter((value) => value !== void 0 && value !== false).flat().join("\n");
 var chainPresets = [
   {
@@ -692,6 +516,7 @@ var chainPresets = [
 // packages/plugins/experimental/plugin-automation/src/index.ts
 var src_default = AutomationPlugin;
 export {
+  AssistantPanel,
   AutomationAction,
   AutomationPanel,
   AutomationPlugin,
@@ -699,8 +524,6 @@ export {
   ChainInputType,
   ChainPromptType,
   ChainType,
-  PromptEditor,
-  TriggerEditor,
   chainPresets,
   src_default as default,
   str