@dxos/plugin-script 0.9.1-main.c7dcc2e112 → 0.10.0

package/dist/lib/neutral/ScriptPlugin.node.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ScriptPlugin.node.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\nimport { Script } from '@dxos/compute';\n\nimport { AppGraphBuilder, BlueprintDefinition, CreateObject, OperationHandler } from '#capabilities';\nimport { meta } from '#meta';\n\nexport const ScriptPlugin = Plugin.define(meta).pipe(\n  AppPlugin.addAppGraphModule({ activate: AppGraphBuilder }),\n  AppPlugin.addBlueprintDefinitionModule({ activate: BlueprintDefinition }),\n  AppPlugin.addCreateObjectModule({ activate: CreateObject }),\n  AppPlugin.addOperationHandlerModule({ activate: OperationHandler }),\n  AppPlugin.addSchemaModule({ schema: [Script.Script] }),\n  Plugin.make,\n);\n\nexport default ScriptPlugin;\n"],
-  "mappings": ";;;AAIA,SAASA,cAAc;AACvB,SAASC,iBAAiB;AAC1B,SAASC,cAAc;AAEvB,SAASC,iBAAiBC,qBAAqBC,cAAcC,wBAAwB;AACrF,SAASC,YAAY;AAEd,IAAMC,eAAeR,OAAOS,OAAOF,IAAAA,EAAMG,KAC9CT,UAAUU,kBAAkB;EAAEC,UAAUT;AAAgB,CAAA,GACxDF,UAAUY,6BAA6B;EAAED,UAAUR;AAAoB,CAAA,GACvEH,UAAUa,sBAAsB;EAAEF,UAAUP;AAAa,CAAA,GACzDJ,UAAUc,0BAA0B;EAAEH,UAAUN;AAAiB,CAAA,GACjEL,UAAUe,gBAAgB;EAAEC,QAAQ;IAACf,OAAOA;;AAAQ,CAAA,GACpDF,OAAOkB,IAAI;AAGb,IAAA,4BAAeV;",
-  "names": ["Plugin", "AppPlugin", "Script", "AppGraphBuilder", "BlueprintDefinition", "CreateObject", "OperationHandler", "meta", "ScriptPlugin", "define", "pipe", "addAppGraphModule", "activate", "addBlueprintDefinitionModule", "addCreateObjectModule", "addOperationHandlerModule", "addSchemaModule", "schema", "make"]
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\nimport { Script } from '@dxos/compute';\n\nimport { AppGraphBuilder, CreateObject, OperationHandler, SkillDefinition } from '#capabilities';\nimport { meta } from '#meta';\n\nexport const ScriptPlugin = Plugin.define(meta).pipe(\n  AppPlugin.addAppGraphModule({ activate: AppGraphBuilder }),\n  AppPlugin.addSkillDefinitionModule({ activate: SkillDefinition }),\n  AppPlugin.addCreateObjectModule({ activate: CreateObject }),\n  AppPlugin.addOperationHandlerModule({ activate: OperationHandler }),\n  AppPlugin.addSchemaModule({ schema: [Script.Script] }),\n  Plugin.make,\n);\n\nexport default ScriptPlugin;\n"],
+  "mappings": ";;;AAIA,SAASA,cAAc;AACvB,SAASC,iBAAiB;AAC1B,SAASC,cAAc;AAEvB,SAASC,iBAAiBC,cAAcC,kBAAkBC,uBAAuB;AACjF,SAASC,YAAY;AAEd,IAAMC,eAAeR,OAAOS,OAAOF,IAAAA,EAAMG,KAC9CT,UAAUU,kBAAkB;EAAEC,UAAUT;AAAgB,CAAA,GACxDF,UAAUY,yBAAyB;EAAED,UAAUN;AAAgB,CAAA,GAC/DL,UAAUa,sBAAsB;EAAEF,UAAUR;AAAa,CAAA,GACzDH,UAAUc,0BAA0B;EAAEH,UAAUP;AAAiB,CAAA,GACjEJ,UAAUe,gBAAgB;EAAEC,QAAQ;IAACf,OAAOA;;AAAQ,CAAA,GACpDF,OAAOkB,IAAI;AAGb,IAAA,4BAAeV;",
+  "names": ["Plugin", "AppPlugin", "Script", "AppGraphBuilder", "CreateObject", "OperationHandler", "SkillDefinition", "meta", "ScriptPlugin", "define", "pipe", "addAppGraphModule", "activate", "addSkillDefinitionModule", "addCreateObjectModule", "addOperationHandlerModule", "addSchemaModule", "schema", "make"]
 }

package/dist/lib/neutral/{ScriptProperties-ADTWXG6O.mjs → ScriptProperties-RHDQGMGT.mjs}

@@ -4,132 +4,35 @@ import "./chunk-J5LGTIGS.mjs";
 import React4 from "react";
 import { Form as Form4 } from "@dxos/react-ui-form";
 
-// src/containers/ScriptProperties/BlueprintEditor.tsx
-import React, { useCallback, useState } from "react";
-import { ToolId } from "@dxos/ai";
-import { Blueprint, Template } from "@dxos/compute";
+// src/containers/ScriptProperties/FunctionBinding.tsx
+import React, { useCallback } from "react";
 import { Operation } from "@dxos/compute";
 import { Filter, Obj, Ref } from "@dxos/echo";
+import { getUserFunctionIdInMetadata } from "@dxos/functions";
+import { getInvocationUrl } from "@dxos/functions-runtime";
+import { useClient } from "@dxos/react-client";
 import { useQuery } from "@dxos/react-client/echo";
-import { Button, Input, useAsyncEffect, useTranslation } from "@dxos/react-ui";
+import { Clipboard, Input, useControlledState, useTranslation } from "@dxos/react-ui";
 import { Form } from "@dxos/react-ui-form";
-import { kebabize } from "@dxos/util";
 import { meta } from "#meta";
-var BlueprintEditor = ({ object }) => {
+var FunctionBinding = ({ object }) => {
   const { t } = useTranslation(meta.profile.key);
+  const client = useClient();
   const db = Obj.getDatabase(object);
   const [fn] = useQuery(db, Filter.type(Operation.PersistentOperation, {
     source: Ref.make(object)
   }));
-  const blueprints = useQuery(db, Filter.type(Blueprint.Blueprint));
-  const [creating, setCreating] = useState(false);
-  const [instructions, setInstructions] = useState(`You can run the script "${object.name ?? "script"}".`);
-  const blueprintKey = `org.dxos.blueprint.${kebabize(object.name ?? "script")}`;
-  const existingBlueprint = blueprints.find((bp) => Obj.getMeta(bp).key === blueprintKey);
-  const fnKey = fn ? Obj.getMeta(fn).key : void 0;
-  useAsyncEffect(async () => {
-    if (!existingBlueprint) {
-      return;
-    }
-    const source = await existingBlueprint.instructions.source.load();
-    setInstructions(source.content ?? "");
-  }, [
-    existingBlueprint
-  ]);
-  const handleSave = useCallback(async () => {
-    if (!db) {
-      return;
-    }
-    setCreating(true);
-    try {
-      if (existingBlueprint) {
-        const text = await existingBlueprint.instructions.source.load();
-        Obj.update(text, (text2) => {
-          text2.content = instructions;
-        });
-        if (fnKey) {
-          const toolId = ToolId.make(fnKey);
-          if (!existingBlueprint.tools?.includes(toolId)) {
-            Obj.update(existingBlueprint, (existingBlueprint2) => {
-              existingBlueprint2.tools = [
-                ...existingBlueprint2.tools ?? [],
-                toolId
-              ];
-            });
-          }
-        }
-      } else if (fnKey) {
-        db.add(Blueprint.make({
-          key: blueprintKey,
-          name: object.name ?? "Script",
-          instructions: Template.make({
-            source: instructions
-          }),
-          tools: [
-            ToolId.make(fnKey)
-          ]
-        }));
-      }
-      await db.flush();
-    } finally {
-      setCreating(false);
-    }
-  }, [
-    db,
-    existingBlueprint,
-    fnKey,
-    blueprintKey,
-    object.name,
-    instructions
-  ]);
-  return /* @__PURE__ */ React.createElement("div", {
-    className: "flex flex-col"
-  }, /* @__PURE__ */ React.createElement(Form.Section, {
-    label: t("blueprint-editor.label"),
-    description: t("blueprint-editor.description")
-  }), /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Label, null, t("blueprint-instructions.label")), /* @__PURE__ */ React.createElement(Input.TextArea, {
-    placeholder: t("blueprint-instructions.placeholder"),
-    rows: 6,
-    value: instructions,
-    onChange: (event) => setInstructions(event.target.value),
-    classNames: "resize-y"
-  })), /* @__PURE__ */ React.createElement("div", {
-    className: "pt-2"
-  }, /* @__PURE__ */ React.createElement(Button, {
-    disabled: !existingBlueprint && !fnKey || creating,
-    onClick: handleSave
-  }, t(existingBlueprint ? "update-blueprint.label" : "create-blueprint.label"))));
-};
-
-// src/containers/ScriptProperties/FunctionBinding.tsx
-import React2, { useCallback as useCallback2 } from "react";
-import { Operation as Operation2 } from "@dxos/compute";
-import { Filter as Filter2, Obj as Obj2, Ref as Ref2 } from "@dxos/echo";
-import { getUserFunctionIdInMetadata } from "@dxos/functions";
-import { getInvocationUrl } from "@dxos/functions-runtime";
-import { useClient } from "@dxos/react-client";
-import { useQuery as useQuery2 } from "@dxos/react-client/echo";
-import { Clipboard, Input as Input2, useControlledState, useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { Form as Form2 } from "@dxos/react-ui-form";
-import { meta as meta2 } from "#meta";
-var FunctionBinding = ({ object }) => {
-  const { t } = useTranslation2(meta2.profile.key);
-  const client = useClient();
-  const db = Obj2.getDatabase(object);
-  const [fn] = useQuery2(db, Filter2.type(Operation2.PersistentOperation, {
-    source: Ref2.make(object)
-  }));
-  const functionId = fn && getUserFunctionIdInMetadata(Obj2.getMeta(fn));
+  const functionId = fn && getUserFunctionIdInMetadata(Obj.getMeta(fn));
   const functionUrl = functionId && getInvocationUrl(functionId, client.config.values.runtime?.services?.edge?.url ?? "", {
     spaceId: db?.spaceId
   });
   const [binding, setBinding] = useControlledState(fn?.binding ?? "");
-  const handleBindingChange = useCallback2((event) => setBinding(event.target.value), [
+  const handleBindingChange = useCallback((event) => setBinding(event.target.value), [
     setBinding
   ]);
-  const handleBindingBlur = useCallback2(() => {
+  const handleBindingBlur = useCallback(() => {
     if (fn) {
-      Obj2.update(fn, (fn2) => {
+      Obj.update(fn, (fn2) => {
         fn2.binding = binding;
       });
     }
@@ -140,21 +43,21 @@ var FunctionBinding = ({ object }) => {
   if (!fn) {
     return null;
   }
-  return /* @__PURE__ */ React2.createElement("div", {
+  return /* @__PURE__ */ React.createElement("div", {
     className: "flex flex-col"
-  }, /* @__PURE__ */ React2.createElement(Form2.Section, {
-    label: t("remote-function-settings.heading")
-  }), functionUrl && /* @__PURE__ */ React2.createElement(Input2.Root, null, /* @__PURE__ */ React2.createElement(Input2.Label, null, t("function-url.label")), /* @__PURE__ */ React2.createElement(Input2.TextInput, {
+  }, /* @__PURE__ */ React.createElement(Form.Section, {
+    title: t("remote-function-settings.heading")
+  }), functionUrl && /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Label, null, t("function-url.label")), /* @__PURE__ */ React.createElement(Input.TextInput, {
     disabled: true,
     value: functionUrl,
     onChange: (event) => {
-      Obj2.update(fn, (fn2) => {
+      Obj.update(fn, (fn2) => {
         fn2.name = event.target.value;
       });
     }
-  }), /* @__PURE__ */ React2.createElement(Clipboard.IconButton, {
+  }), /* @__PURE__ */ React.createElement(Clipboard.IconButton, {
     value: functionUrl
-  })), /* @__PURE__ */ React2.createElement(Input2.Root, null, /* @__PURE__ */ React2.createElement(Input2.Label, null, t("function-binding.label")), /* @__PURE__ */ React2.createElement(Input2.TextInput, {
+  })), /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Label, null, t("function-binding.label")), /* @__PURE__ */ React.createElement(Input.TextInput, {
     placeholder: t("function-binding.placeholder"),
     value: binding,
     onChange: handleBindingChange,
@@ -164,28 +67,28 @@ var FunctionBinding = ({ object }) => {
 
 // src/containers/ScriptProperties/FunctionPublishing.tsx
 import { Octokit } from "@octokit/core";
-import React3, { useCallback as useCallback3, useState as useState2 } from "react";
+import React2, { useCallback as useCallback2, useState } from "react";
 import { useOperationInvoker } from "@dxos/app-framework/ui";
 import { SettingsOperation } from "@dxos/app-toolkit";
-import { Filter as Filter3, Obj as Obj3 } from "@dxos/echo";
+import { Filter as Filter2, Obj as Obj2 } from "@dxos/echo";
 import { log } from "@dxos/log";
-import { useQuery as useQuery3 } from "@dxos/react-client/echo";
-import { Button as Button2, Clipboard as Clipboard2, Message, useAsyncEffect as useAsyncEffect2, useTranslation as useTranslation3 } from "@dxos/react-ui";
-import { Form as Form3 } from "@dxos/react-ui-form";
+import { useQuery as useQuery2 } from "@dxos/react-client/echo";
+import { Button, Clipboard as Clipboard2, Message, useAsyncEffect, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { Form as Form2 } from "@dxos/react-ui-form";
 import { AccessToken } from "@dxos/types";
-import { kebabize as kebabize2 } from "@dxos/util";
-import { meta as meta3 } from "#meta";
+import { kebabize } from "@dxos/util";
+import { meta as meta2 } from "#meta";
 var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-script/src/containers/ScriptProperties/FunctionPublishing.tsx";
 var FunctionPublishing = ({ object }) => {
-  const { t } = useTranslation3(meta3.profile.key);
+  const { t } = useTranslation2(meta2.profile.key);
   const { invokePromise } = useOperationInvoker();
-  const db = Obj3.getDatabase(object);
-  const [githubToken] = useQuery3(db, Filter3.type(AccessToken.AccessToken, {
+  const db = Obj2.getDatabase(object);
+  const [githubToken] = useQuery2(db, Filter2.type(AccessToken.AccessToken, {
     source: "github.com"
   }));
-  const gistKey = Obj3.getMeta(object).keys.find(({ source }) => source === "github.com");
-  const [gistUrl, setGistUrl] = useState2();
-  useAsyncEffect2(async () => {
+  const gistKey = Obj2.getMeta(object).keys.find(({ source }) => source === "github.com");
+  const [gistUrl, setGistUrl] = useState();
+  useAsyncEffect(async () => {
     const token = githubToken?.token;
     const gistId = gistKey?.id;
     if (!token || !gistId) {
@@ -208,26 +111,26 @@ var FunctionPublishing = ({ object }) => {
     githubToken,
     gistKey
   ]);
-  const handleOpenTokenManager = useCallback3(() => invokePromise(SettingsOperation.Open, {
+  const handleOpenTokenManager = useCallback2(() => invokePromise(SettingsOperation.Open, {
     plugin: "org.dxos.plugin.token-manager"
   }), [
     invokePromise
   ]);
-  const [publishing, setPublishing] = useState2(false);
-  const handlePublish = useCallback3(async () => {
+  const [publishing, setPublishing] = useState(false);
+  const handlePublish = useCallback2(async () => {
     setPublishing(true);
     const octokit = new Octokit({
       auth: githubToken.token
     });
     const source = await object.source.load();
-    const filename = object.name ? kebabize2(object.name) : "composer-script";
+    const filename = object.name ? kebabize(object.name) : "composer-script";
     const files = {
       [`${filename}.ts`]: {
         content: source.content
       }
     };
     try {
-      const meta4 = Obj3.getMeta(object);
+      const meta4 = Obj2.getMeta(object);
       const githubKey = meta4.keys.find(({ source: source2 }) => source2 === "github.com");
       const gistId = githubKey?.id;
       if (gistId) {
@@ -242,8 +145,8 @@ var FunctionPublishing = ({ object }) => {
         });
         const gistId2 = response.data.id;
         if (gistId2) {
-          Obj3.update(object, (object2) => {
-            Obj3.getMeta(object2).keys.push({
+          Obj2.update(object, (object2) => {
+            Obj2.getMeta(object2).keys.push({
               source: "github.com",
               id: gistId2
             });
@@ -257,34 +160,131 @@ var FunctionPublishing = ({ object }) => {
     object,
     githubToken
   ]);
-  return /* @__PURE__ */ React3.createElement("div", {
+  return /* @__PURE__ */ React2.createElement("div", {
     className: "flex flex-col"
-  }, /* @__PURE__ */ React3.createElement(Form3.Section, {
-    label: t("script-publish-settings.label"),
+  }, /* @__PURE__ */ React2.createElement(Form2.Section, {
+    title: t("script-publish-settings.label"),
     description: t("script-publish-settings.description")
-  }), !githubToken && /* @__PURE__ */ React3.createElement("div", {
+  }), !githubToken && /* @__PURE__ */ React2.createElement("div", {
     className: "flex flex-col py-form-gap"
-  }, /* @__PURE__ */ React3.createElement(Message.Root, {
+  }, /* @__PURE__ */ React2.createElement(Message.Root, {
     valence: "info"
-  }, /* @__PURE__ */ React3.createElement(Message.Title, null, t("no-github-token.label"))), /* @__PURE__ */ React3.createElement("div", {
+  }, /* @__PURE__ */ React2.createElement(Message.Title, null, t("no-github-token.label"))), /* @__PURE__ */ React2.createElement("div", {
     className: "flex pt-form-gap"
-  }, /* @__PURE__ */ React3.createElement(Button2, {
+  }, /* @__PURE__ */ React2.createElement(Button, {
     onClick: handleOpenTokenManager
-  }, t("open-token-manager.label")))), githubToken && /* @__PURE__ */ React3.createElement("div", {
+  }, t("open-token-manager.label")))), githubToken && /* @__PURE__ */ React2.createElement("div", {
     className: "flex justify-end gap-2"
-  }, gistUrl && /* @__PURE__ */ React3.createElement(Clipboard2.IconButton, {
+  }, gistUrl && /* @__PURE__ */ React2.createElement(Clipboard2.IconButton, {
     value: gistUrl
-  }), /* @__PURE__ */ React3.createElement(Button2, {
+  }), /* @__PURE__ */ React2.createElement(Button, {
     disabled: publishing,
     onClick: handlePublish
   }, t("publish.label"))));
 };
 
+// src/containers/ScriptProperties/SkillEditor.tsx
+import React3, { useCallback as useCallback3, useState as useState2 } from "react";
+import { ToolId } from "@dxos/ai";
+import { Skill, Template } from "@dxos/compute";
+import { Operation as Operation2 } from "@dxos/compute";
+import { Filter as Filter3, Obj as Obj3, Ref as Ref2 } from "@dxos/echo";
+import { useQuery as useQuery3 } from "@dxos/react-client/echo";
+import { Button as Button2, Input as Input2, useAsyncEffect as useAsyncEffect2, useTranslation as useTranslation3 } from "@dxos/react-ui";
+import { Form as Form3 } from "@dxos/react-ui-form";
+import { kebabize as kebabize2 } from "@dxos/util";
+import { meta as meta3 } from "#meta";
+var SkillEditor = ({ object }) => {
+  const { t } = useTranslation3(meta3.profile.key);
+  const db = Obj3.getDatabase(object);
+  const [fn] = useQuery3(db, Filter3.type(Operation2.PersistentOperation, {
+    source: Ref2.make(object)
+  }));
+  const skills = useQuery3(db, Filter3.type(Skill.Skill));
+  const [creating, setCreating] = useState2(false);
+  const [instructions, setInstructions] = useState2(`You can run the script "${object.name ?? "script"}".`);
+  const skillKey = `org.dxos.skill.${kebabize2(object.name ?? "script")}`;
+  const existingSkill = skills.find((bp) => Obj3.getMeta(bp).key === skillKey);
+  const fnKey = fn ? Obj3.getMeta(fn).key : void 0;
+  useAsyncEffect2(async () => {
+    if (!existingSkill) {
+      return;
+    }
+    const source = await existingSkill.instructions.source.load();
+    setInstructions(source.content ?? "");
+  }, [
+    existingSkill
+  ]);
+  const handleSave = useCallback3(async () => {
+    if (!db) {
+      return;
+    }
+    setCreating(true);
+    try {
+      if (existingSkill) {
+        const text = await existingSkill.instructions.source.load();
+        Obj3.update(text, (text2) => {
+          text2.content = instructions;
+        });
+        if (fnKey) {
+          const toolId = ToolId.make(fnKey);
+          if (!existingSkill.tools?.includes(toolId)) {
+            Obj3.update(existingSkill, (existingSkill2) => {
+              existingSkill2.tools = [
+                ...existingSkill2.tools ?? [],
+                toolId
+              ];
+            });
+          }
+        }
+      } else if (fnKey) {
+        db.add(Skill.make({
+          key: skillKey,
+          name: object.name ?? "Script",
+          instructions: Template.make({
+            source: instructions
+          }),
+          tools: [
+            ToolId.make(fnKey)
+          ]
+        }));
+      }
+      await db.flush();
+    } finally {
+      setCreating(false);
+    }
+  }, [
+    db,
+    existingSkill,
+    fnKey,
+    skillKey,
+    object.name,
+    instructions
+  ]);
+  return /* @__PURE__ */ React3.createElement("div", {
+    className: "flex flex-col"
+  }, /* @__PURE__ */ React3.createElement(Form3.Section, {
+    title: t("skill-editor.label"),
+    description: t("skill-editor.description")
+  }), /* @__PURE__ */ React3.createElement(Input2.Root, null, /* @__PURE__ */ React3.createElement(Input2.Label, null, t("skill-instructions.label")), /* @__PURE__ */ React3.createElement(Input2.TextArea, {
+    placeholder: t("skill-instructions.placeholder"),
+    rows: 6,
+    value: instructions,
+    onChange: (event) => setInstructions(event.target.value),
+    classNames: "resize-y"
+  })), /* @__PURE__ */ React3.createElement("div", {
+    className: "pt-2"
+  }, /* @__PURE__ */ React3.createElement(Button2, {
+    disabled: !existingSkill && !fnKey || creating,
+    onClick: handleSave
+  }, t(existingSkill ? "update-skill.label" : "create-skill.label"))));
+};
+
 // src/containers/ScriptProperties/ScriptProperties.tsx
 var ScriptProperties = ({ subject: object }) => {
   return /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(Form4.Section, null, /* @__PURE__ */ React4.createElement(FunctionBinding, {
     object
-  })), /* @__PURE__ */ React4.createElement(Form4.Section, null, /* @__PURE__ */ React4.createElement(BlueprintEditor, {
+  })), /* @__PURE__ */ React4.createElement(Form4.Section, null, /* @__PURE__ */ React4.createElement(SkillEditor, {
     object
   })), /* @__PURE__ */ React4.createElement(Form4.Section, null, /* @__PURE__ */ React4.createElement(FunctionPublishing, {
     object
@@ -293,4 +293,4 @@ var ScriptProperties = ({ subject: object }) => {
 export {
   ScriptProperties as default
 };
-//# sourceMappingURL=ScriptProperties-ADTWXG6O.mjs.map
+//# sourceMappingURL=ScriptProperties-RHDQGMGT.mjs.map

package/dist/lib/neutral/ScriptProperties-RHDQGMGT.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ScriptProperties/ScriptProperties.tsx", "../../../src/containers/ScriptProperties/FunctionBinding.tsx", "../../../src/containers/ScriptProperties/FunctionPublishing.tsx", "../../../src/containers/ScriptProperties/SkillEditor.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type AppSurface } from '@dxos/app-toolkit/ui';\nimport { type Script } from '@dxos/compute';\nimport { Form } from '@dxos/react-ui-form';\n\nimport { FunctionBinding } from './FunctionBinding';\nimport { FunctionPublishing } from './FunctionPublishing';\nimport { SkillEditor } from './SkillEditor';\n\nexport type ScriptPropertiesProps = AppSurface.ObjectPropertiesProps<Script.Script>;\n\nexport const ScriptProperties = ({ subject: object }: ScriptPropertiesProps) => {\n  return (\n    <>\n      <Form.Section>\n        <FunctionBinding object={object} />\n      </Form.Section>\n      <Form.Section>\n        <SkillEditor object={object} />\n      </Form.Section>\n      <Form.Section>\n        <FunctionPublishing object={object} />\n      </Form.Section>\n    </>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type ChangeEvent, useCallback } from 'react';\n\nimport { type Script } from '@dxos/compute';\nimport { Operation } from '@dxos/compute';\nimport { Filter, Obj, Ref } from '@dxos/echo';\nimport { getUserFunctionIdInMetadata } from '@dxos/functions';\nimport { getInvocationUrl } from '@dxos/functions-runtime';\nimport { useClient } from '@dxos/react-client';\nimport { useQuery } from '@dxos/react-client/echo';\nimport { Clipboard, Input, useControlledState, useTranslation } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\n\nimport { meta } from '#meta';\n\nexport type FunctionBindingProps = { object: Script.Script };\n\nexport const FunctionBinding = ({ object }: FunctionBindingProps) => {\n  const { t } = useTranslation(meta.profile.key);\n  const client = useClient();\n  const db = Obj.getDatabase(object);\n\n  const [fn] = useQuery(db, Filter.type(Operation.PersistentOperation, { source: Ref.make(object) }));\n  const functionId = fn && getUserFunctionIdInMetadata(Obj.getMeta(fn));\n  const functionUrl =\n    functionId &&\n    getInvocationUrl(functionId, client.config.values.runtime?.services?.edge?.url ?? '', {\n      spaceId: db?.spaceId,\n    });\n\n  const [binding, setBinding] = useControlledState(fn?.binding ?? '');\n  const handleBindingChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => setBinding(event.target.value),\n    [setBinding],\n  );\n\n  const handleBindingBlur = useCallback(() => {\n    if (fn) {\n      Obj.update(fn, (fn) => {\n        fn.binding = binding;\n      });\n    }\n  }, [fn, binding]);\n\n  if (!fn) {\n    return null;\n  }\n\n  return (\n    <div className='flex flex-col'>\n      <Form.Section title={t('remote-function-settings.heading')} />\n\n      {functionUrl && (\n        <Input.Root>\n          <Input.Label>{t('function-url.label')}</Input.Label>\n          <Input.TextInput\n            disabled\n            value={functionUrl}\n            onChange={(event) => {\n              Obj.update(fn, (fn) => {\n                fn.name = event.target.value;\n              });\n            }}\n          />\n          <Clipboard.IconButton value={functionUrl} />\n        </Input.Root>\n      )}\n\n      <Input.Root>\n        <Input.Label>{t('function-binding.label')}</Input.Label>\n        <Input.TextInput\n          placeholder={t('function-binding.placeholder')}\n          value={binding}\n          onChange={handleBindingChange}\n          onBlur={handleBindingBlur}\n        />\n      </Input.Root>\n    </div>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { Octokit } from '@octokit/core';\nimport React, { useCallback, useState } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { SettingsOperation } from '@dxos/app-toolkit';\nimport { type Script } from '@dxos/compute';\nimport { Filter, Obj } from '@dxos/echo';\nimport { log } from '@dxos/log';\nimport { useQuery } from '@dxos/react-client/echo';\nimport { Button, Clipboard, Message, useAsyncEffect, useTranslation } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\nimport { AccessToken } from '@dxos/types';\nimport { kebabize } from '@dxos/util';\n\nimport { meta } from '#meta';\n\nexport type FunctionPublishingProps = { object: Script.Script };\n\n// TODO(burdon): Move to separate tab?\nexport const FunctionPublishing = ({ object }: FunctionPublishingProps) => {\n  const { t } = useTranslation(meta.profile.key);\n  const { invokePromise } = useOperationInvoker();\n  const db = Obj.getDatabase(object);\n\n  const [githubToken] = useQuery(db, Filter.type(AccessToken.AccessToken, { source: 'github.com' }));\n  const gistKey = Obj.getMeta(object).keys.find(({ source }) => source === 'github.com');\n  const [gistUrl, setGistUrl] = useState<string | undefined>();\n\n  useAsyncEffect(async () => {\n    const token = githubToken?.token;\n    const gistId = gistKey?.id;\n    if (!token || !gistId) {\n      setGistUrl(undefined);\n      return;\n    }\n\n    try {\n      const octokit = new Octokit({ auth: githubToken.token });\n      const response = await octokit.request('GET /gists/{gist_id}', {\n        gist_id: gistId,\n      });\n      setGistUrl(response.data.html_url);\n    } catch (err) {\n      log.catch(err);\n      setGistUrl(undefined);\n    }\n  }, [githubToken, gistKey]);\n\n  const handleOpenTokenManager = useCallback(\n    () =>\n      invokePromise(SettingsOperation.Open, {\n        plugin: 'org.dxos.plugin.token-manager',\n      }),\n    [invokePromise],\n  );\n\n  const [publishing, setPublishing] = useState(false);\n  const handlePublish = useCallback(async () => {\n    setPublishing(true);\n    const octokit = new Octokit({ auth: githubToken.token });\n    const source = await object.source.load();\n    const filename = object.name ? kebabize(object.name) : 'composer-script';\n    const files = { [`${filename}.ts`]: { content: source.content } };\n\n    try {\n      // TODO(wittjosiah): Factor out to intent.\n      const meta = Obj.getMeta(object);\n      const githubKey = meta.keys.find(({ source }) => source === 'github.com');\n      const gistId = githubKey?.id;\n      if (gistId) {\n        await octokit.request('PATCH /gists/{gist_id}', {\n          gist_id: gistId,\n          files,\n        });\n      } else {\n        const response = await octokit.request('POST /gists', {\n          public: true,\n          files,\n        });\n        const gistId = response.data.id;\n        if (gistId) {\n          Obj.update(object, (object) => {\n            Obj.getMeta(object).keys.push({ source: 'github.com', id: gistId });\n          });\n        }\n      }\n    } finally {\n      setPublishing(false);\n    }\n  }, [object, githubToken]);\n\n  return (\n    <div className='flex flex-col'>\n      <Form.Section title={t('script-publish-settings.label')} description={t('script-publish-settings.description')} />\n\n      {!githubToken && (\n        <div className='flex flex-col py-form-gap'>\n          <Message.Root valence='info'>\n            <Message.Title>{t('no-github-token.label')}</Message.Title>\n          </Message.Root>\n          <div className='flex pt-form-gap'>\n            <Button onClick={handleOpenTokenManager}>{t('open-token-manager.label')}</Button>\n          </div>\n        </div>\n      )}\n\n      {githubToken && (\n        <div className='flex justify-end gap-2'>\n          {gistUrl && <Clipboard.IconButton value={gistUrl} />}\n          <Button disabled={publishing} onClick={handlePublish}>\n            {t('publish.label')}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback, useState } from 'react';\n\nimport { ToolId } from '@dxos/ai';\nimport { Skill, Template } from '@dxos/compute';\nimport { type Script } from '@dxos/compute';\nimport { Operation } from '@dxos/compute';\nimport { Filter, Obj, Ref } from '@dxos/echo';\nimport { useQuery } from '@dxos/react-client/echo';\nimport { Button, Input, useAsyncEffect, useTranslation } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\nimport { kebabize } from '@dxos/util';\n\nimport { meta } from '#meta';\n\nexport type SkillEditorProps = { object: Script.Script };\n\nexport const SkillEditor = ({ object }: SkillEditorProps) => {\n  const { t } = useTranslation(meta.profile.key);\n  const db = Obj.getDatabase(object);\n  const [fn] = useQuery(db, Filter.type(Operation.PersistentOperation, { source: Ref.make(object) }));\n  const skills = useQuery(db, Filter.type(Skill.Skill));\n\n  const [creating, setCreating] = useState(false);\n  // TODO(burdon): Remove?\n  const [instructions, setInstructions] = useState<string>(`You can run the script \"${object.name ?? 'script'}\".`);\n  const skillKey = `org.dxos.skill.${kebabize(object.name ?? 'script')}`;\n  const existingSkill = skills.find((bp) => Obj.getMeta(bp).key === skillKey);\n  const fnKey = fn ? Obj.getMeta(fn).key : undefined;\n\n  useAsyncEffect(async () => {\n    if (!existingSkill) {\n      return;\n    }\n\n    const source = await existingSkill.instructions.source.load();\n    setInstructions(source.content ?? '');\n  }, [existingSkill]);\n\n  const handleSave = useCallback(async () => {\n    if (!db) {\n      return;\n    }\n\n    setCreating(true);\n    try {\n      if (existingSkill) {\n        const text = await existingSkill.instructions.source.load();\n        Obj.update(text, (text) => {\n          text.content = instructions;\n        });\n\n        if (fnKey) {\n          const toolId = ToolId.make(fnKey);\n          if (!existingSkill.tools?.includes(toolId)) {\n            Obj.update(existingSkill, (existingSkill) => {\n              existingSkill.tools = [...(existingSkill.tools ?? []), toolId];\n            });\n          }\n        }\n      } else if (fnKey) {\n        db.add(\n          Skill.make({\n            key: skillKey,\n            name: object.name ?? 'Script',\n            instructions: Template.make({ source: instructions }),\n            tools: [ToolId.make(fnKey)],\n          }),\n        );\n      }\n      await db.flush();\n    } finally {\n      setCreating(false);\n    }\n  }, [db, existingSkill, fnKey, skillKey, object.name, instructions]);\n\n  return (\n    <div className='flex flex-col'>\n      <Form.Section title={t('skill-editor.label')} description={t('skill-editor.description')} />\n\n      <Input.Root>\n        <Input.Label>{t('skill-instructions.label')}</Input.Label>\n        <Input.TextArea\n          placeholder={t('skill-instructions.placeholder')}\n          rows={6}\n          value={instructions}\n          onChange={(event) => setInstructions(event.target.value)}\n          classNames='resize-y'\n        />\n      </Input.Root>\n\n      <div className='pt-2'>\n        <Button disabled={(!existingSkill && !fnKey) || creating} onClick={handleSave}>\n          {t(existingSkill ? 'update-skill.label' : 'create-skill.label')}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["React", "Form", "React", "useCallback", "Operation", "Filter", "Obj", "Ref", "getUserFunctionIdInMetadata", "getInvocationUrl", "useClient", "useQuery", "Clipboard", "Input", "useControlledState", "useTranslation", "Form", "meta", "FunctionBinding", "object", "t", "profile", "key", "client", "db", "getDatabase", "fn", "type", "PersistentOperation", "source", "make", "functionId", "getMeta", "functionUrl", "config", "values", "runtime", "services", "edge", "url", "spaceId", "binding", "setBinding", "handleBindingChange", "event", "target", "value", "handleBindingBlur", "update", "div", "className", "Section", "title", "Root", "Label", "TextInput", "disabled", "onChange", "name", "IconButton", "placeholder", "onBlur", "Octokit", "React", "useCallback", "useState", "useOperationInvoker", "SettingsOperation", "Filter", "Obj", "log", "useQuery", "Button", "Clipboard", "Message", "useAsyncEffect", "useTranslation", "Form", "AccessToken", "kebabize", "meta", "invokePromise", "db", "object", "githubToken", "source", "gistKey", "token", "gistId", "setGistUrl", "undefined", "response", "err", "setPublishing", "files", "content", "githubKey", "id", "octokit", "gist_id", "getMeta", "Section", "title", "t", "className", "valence", "Title", "onClick", "handleOpenTokenManager", "gistUrl", "IconButton", "value", "disabled", "handlePublish", "React", "useCallback", "useState", "ToolId", "Skill", "Template", "Operation", "Filter", "Obj", "Ref", "useQuery", "Button", "Input", "useAsyncEffect", "useTranslation", "Form", "kebabize", "meta", "SkillEditor", "object", "t", "profile", "key", "db", "getDatabase", "fn", "type", "PersistentOperation", "source", "make", "skills", "creating", "setCreating", "instructions", "setInstructions", "name", "skillKey", "existingSkill", "find", "bp", "getMeta", "fnKey", "undefined", "load", "content", "handleSave", "text", "update", "toolId", "tools", "includes", "add", "flush", "div", "className", "Section", "title", "description", "Root", "Label", "TextArea", "placeholder", "rows", "value", "onChange", "event", "target", "classNames", "disabled", "onClick", "ScriptProperties", "subject", "object", "React", "Form", "Section", "FunctionBinding", "SkillEditor", "FunctionPublishing"]
+}

package/dist/lib/neutral/ScriptSettings-NS3ZY7ZR.mjs

@@ -0,0 +1,35 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/ScriptSettings/ScriptSettings.tsx
+import React from "react";
+import { Button, useTranslation } from "@dxos/react-ui";
+import { Form } from "@dxos/react-ui-form";
+import { meta } from "#meta";
+import { Settings } from "#types";
+var ScriptSettings = ({ settings, onSettingsChange, onAuthenticate }) => {
+  const { t } = useTranslation(meta.profile.key);
+  return /* @__PURE__ */ React.createElement(Form.Root, {
+    schema: Settings.Settings,
+    values: settings,
+    variant: "settings",
+    readonly: !onSettingsChange,
+    onValuesChanged: (values) => onSettingsChange?.((current) => ({
+      ...current,
+      ...values
+    }))
+  }, /* @__PURE__ */ React.createElement(Form.Viewport, {
+    scroll: true
+  }, /* @__PURE__ */ React.createElement(Form.Content, null, /* @__PURE__ */ React.createElement(Form.Section, {
+    title: meta.profile.name ?? meta.profile.key
+  }, /* @__PURE__ */ React.createElement(Form.Row, {
+    label: t("authenticate-action.label"),
+    description: t("authenticate-action.description")
+  }, /* @__PURE__ */ React.createElement(Button, {
+    disabled: !onSettingsChange,
+    onClick: onAuthenticate
+  }, t("authenticate-button.label"))), /* @__PURE__ */ React.createElement(Form.FieldSet, null)))));
+};
+export {
+  ScriptSettings as default
+};
+//# sourceMappingURL=ScriptSettings-NS3ZY7ZR.mjs.map

package/dist/lib/neutral/ScriptSettings-NS3ZY7ZR.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ScriptSettings/ScriptSettings.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type AppSurface } from '@dxos/app-toolkit/ui';\nimport { Button, useTranslation } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\n\nimport { meta } from '#meta';\nimport { Settings } from '#types';\n\nexport type ScriptSettingsProps = AppSurface.SettingsProps<\n  Settings.Settings,\n  {\n    onAuthenticate?: () => void;\n  }\n>;\n\nexport const ScriptSettings = ({ settings, onSettingsChange, onAuthenticate }: ScriptSettingsProps) => {\n  const { t } = useTranslation(meta.profile.key);\n\n  return (\n    <Form.Root\n      schema={Settings.Settings}\n      values={settings}\n      variant='settings'\n      readonly={!onSettingsChange}\n      onValuesChanged={(values) => onSettingsChange?.((current) => ({ ...current, ...values }))}\n    >\n      <Form.Viewport scroll>\n        <Form.Content>\n          <Form.Section title={meta.profile.name ?? meta.profile.key}>\n            {/* TODO(wittjosiah): Hide outside of dev environments. */}\n            <Form.Row label={t('authenticate-action.label')} description={t('authenticate-action.description')}>\n              <Button disabled={!onSettingsChange} onClick={onAuthenticate}>\n                {t('authenticate-button.label')}\n              </Button>\n            </Form.Row>\n            <Form.FieldSet />\n          </Form.Section>\n        </Form.Content>\n      </Form.Viewport>\n    </Form.Root>\n  );\n};\n"],
+  "mappings": ";;;AAIA,OAAOA,WAAW;AAGlB,SAASC,QAAQC,sBAAsB;AACvC,SAASC,YAAY;AAErB,SAASC,YAAY;AACrB,SAASC,gBAAgB;AASlB,IAAMC,iBAAiB,CAAC,EAAEC,UAAUC,kBAAkBC,eAAc,MAAuB;AAChG,QAAM,EAAEC,EAAC,IAAKR,eAAeE,KAAKO,QAAQC,GAAG;AAE7C,SACE,sBAAA,cAACT,KAAKU,MAAI;IACRC,QAAQT,SAASA;IACjBU,QAAQR;IACRS,SAAQ;IACRC,UAAU,CAACT;IACXU,iBAAiB,CAACH,WAAWP,mBAAmB,CAACW,aAAa;MAAE,GAAGA;MAAS,GAAGJ;IAAO,EAAA;KAEtF,sBAAA,cAACZ,KAAKiB,UAAQ;IAACC,QAAAA;KACb,sBAAA,cAAClB,KAAKmB,SAAO,MACX,sBAAA,cAACnB,KAAKoB,SAAO;IAACC,OAAOpB,KAAKO,QAAQc,QAAQrB,KAAKO,QAAQC;KAErD,sBAAA,cAACT,KAAKuB,KAAG;IAACC,OAAOjB,EAAE,2BAAA;IAA8BkB,aAAalB,EAAE,iCAAA;KAC9D,sBAAA,cAACT,QAAAA;IAAO4B,UAAU,CAACrB;IAAkBsB,SAASrB;KAC3CC,EAAE,2BAAA,CAAA,CAAA,GAGP,sBAAA,cAACP,KAAK4B,UAAQ,IAAA,CAAA,CAAA,CAAA,CAAA;AAM1B;",
+  "names": ["React", "Button", "useTranslation", "Form", "meta", "Settings", "ScriptSettings", "settings", "onSettingsChange", "onAuthenticate", "t", "profile", "key", "Root", "schema", "values", "variant", "readonly", "onValuesChanged", "current", "Viewport", "scroll", "Content", "Section", "title", "name", "Row", "label", "description", "disabled", "onClick", "FieldSet"]
+}

package/dist/lib/neutral/capabilities/index.mjs

@@ -3,19 +3,19 @@ import "../chunk-J5LGTIGS.mjs";
 // src/capabilities/index.ts
 import { Capability } from "@dxos/app-framework";
 var AppGraphBuilder = Capability.lazy("AppGraphBuilder", () => import("../app-graph-builder-POP3CX6G.mjs"));
-var BlueprintDefinition = Capability.lazy("BlueprintDefinition", () => import("../blueprint-definition-PJ7I3JIQ.mjs"));
-var CreateObject = Capability.lazy("CreateObject", () => import("../create-object-FZM5ASWM.mjs"));
+var SkillDefinition = Capability.lazy("SkillDefinition", () => import("../skill-definition-JZ7UYBT7.mjs"));
+var CreateObject = Capability.lazy("CreateObject", () => import("../create-object-QW66KQWS.mjs"));
 var Compiler = Capability.lazy("Compiler", () => import("../compiler-ODK4UA2N.mjs"));
-var OperationHandler = Capability.lazy("OperationHandler", () => import("../operation-handler-6IZ7L4L2.mjs"));
-var ReactSurface = Capability.lazy("ReactSurface", () => import("../react-surface-2TZDZQYA.mjs"));
+var OperationHandler = Capability.lazy("OperationHandler", () => import("../operation-handler-M3B6IRMV.mjs"));
+var ReactSurface = Capability.lazy("ReactSurface", () => import("../react-surface-GEXOZLBC.mjs"));
 var ScriptSettings = Capability.lazy("ScriptSettings", () => import("../settings-FD7HXEY6.mjs"));
 export {
   AppGraphBuilder,
-  BlueprintDefinition,
   Compiler,
   CreateObject,
   OperationHandler,
   ReactSurface,
-  ScriptSettings
+  ScriptSettings,
+  SkillDefinition
 };
 //# sourceMappingURL=index.mjs.map

package/dist/lib/neutral/capabilities/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/capabilities/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capability } from '@dxos/app-framework';\nimport type { OperationHandlerSet } from '@dxos/compute';\n\nexport const AppGraphBuilder = Capability.lazy('AppGraphBuilder', () => import('./app-graph-builder'));\nexport const BlueprintDefinition = Capability.lazy('BlueprintDefinition', () => import('./blueprint-definition'));\nexport const CreateObject = Capability.lazy('CreateObject', () => import('./create-object'));\nexport const Compiler = Capability.lazy('Compiler', () => import('./compiler'));\nexport const OperationHandler = Capability.lazy<OperationHandlerSet.OperationHandlerSet>(\n  'OperationHandler',\n  () => import('./operation-handler'),\n);\nexport const ReactSurface = Capability.lazy('ReactSurface', () => import('./react-surface'));\nexport const ScriptSettings = Capability.lazy('ScriptSettings', () => import('./settings'));\n"],
-  "mappings": ";;;AAIA,SAASA,kBAAkB;AAGpB,IAAMC,kBAAkBD,WAAWE,KAAK,mBAAmB,MAAM,OAAO,mCAAA,CAAA;AACxE,IAAMC,sBAAsBH,WAAWE,KAAK,uBAAuB,MAAM,OAAO,sCAAA,CAAA;AAChF,IAAME,eAAeJ,WAAWE,KAAK,gBAAgB,MAAM,OAAO,+BAAA,CAAA;AAClE,IAAMG,WAAWL,WAAWE,KAAK,YAAY,MAAM,OAAO,0BAAA,CAAA;AAC1D,IAAMI,mBAAmBN,WAAWE,KACzC,oBACA,MAAM,OAAO,mCAAA,CAAA;AAER,IAAMK,eAAeP,WAAWE,KAAK,gBAAgB,MAAM,OAAO,+BAAA,CAAA;AAClE,IAAMM,iBAAiBR,WAAWE,KAAK,kBAAkB,MAAM,OAAO,0BAAA,CAAA;",
-  "names": ["Capability", "AppGraphBuilder", "lazy", "BlueprintDefinition", "CreateObject", "Compiler", "OperationHandler", "ReactSurface", "ScriptSettings"]
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capability } from '@dxos/app-framework';\nimport type { OperationHandlerSet } from '@dxos/compute';\n\nexport const AppGraphBuilder = Capability.lazy('AppGraphBuilder', () => import('./app-graph-builder'));\nexport const SkillDefinition = Capability.lazy('SkillDefinition', () => import('./skill-definition'));\nexport const CreateObject = Capability.lazy('CreateObject', () => import('./create-object'));\nexport const Compiler = Capability.lazy('Compiler', () => import('./compiler'));\nexport const OperationHandler = Capability.lazy<OperationHandlerSet.OperationHandlerSet>(\n  'OperationHandler',\n  () => import('./operation-handler'),\n);\nexport const ReactSurface = Capability.lazy('ReactSurface', () => import('./react-surface'));\nexport const ScriptSettings = Capability.lazy('ScriptSettings', () => import('./settings'));\n"],
+  "mappings": ";;;AAIA,SAASA,kBAAkB;AAGpB,IAAMC,kBAAkBD,WAAWE,KAAK,mBAAmB,MAAM,OAAO,mCAAA,CAAA;AACxE,IAAMC,kBAAkBH,WAAWE,KAAK,mBAAmB,MAAM,OAAO,kCAAA,CAAA;AACxE,IAAME,eAAeJ,WAAWE,KAAK,gBAAgB,MAAM,OAAO,+BAAA,CAAA;AAClE,IAAMG,WAAWL,WAAWE,KAAK,YAAY,MAAM,OAAO,0BAAA,CAAA;AAC1D,IAAMI,mBAAmBN,WAAWE,KACzC,oBACA,MAAM,OAAO,mCAAA,CAAA;AAER,IAAMK,eAAeP,WAAWE,KAAK,gBAAgB,MAAM,OAAO,+BAAA,CAAA;AAClE,IAAMM,iBAAiBR,WAAWE,KAAK,kBAAkB,MAAM,OAAO,0BAAA,CAAA;",
+  "names": ["Capability", "AppGraphBuilder", "lazy", "SkillDefinition", "CreateObject", "Compiler", "OperationHandler", "ReactSurface", "ScriptSettings"]
 }

package/dist/lib/neutral/capabilities/node.mjs

@@ -3,15 +3,15 @@ import "../chunk-J5LGTIGS.mjs";
 // src/capabilities/node.ts
 import { Capability } from "@dxos/app-framework";
 var AppGraphBuilder = Capability.lazy("AppGraphBuilder", () => import("../app-graph-builder-POP3CX6G.mjs"));
-var BlueprintDefinition = Capability.lazy("BlueprintDefinition", () => import("../blueprint-definition-PJ7I3JIQ.mjs"));
-var CreateObject = Capability.lazy("CreateObject", () => import("../create-object-FZM5ASWM.mjs"));
+var SkillDefinition = Capability.lazy("SkillDefinition", () => import("../skill-definition-JZ7UYBT7.mjs"));
+var CreateObject = Capability.lazy("CreateObject", () => import("../create-object-QW66KQWS.mjs"));
 var Compiler = Capability.lazy("Compiler", () => import("../compiler-ODK4UA2N.mjs"));
-var OperationHandler = Capability.lazy("OperationHandler", () => import("../operation-handler-6IZ7L4L2.mjs"));
+var OperationHandler = Capability.lazy("OperationHandler", () => import("../operation-handler-M3B6IRMV.mjs"));
 export {
   AppGraphBuilder,
-  BlueprintDefinition,
   Compiler,
   CreateObject,
-  OperationHandler
+  OperationHandler,
+  SkillDefinition
 };
 //# sourceMappingURL=node.mjs.map

package/dist/lib/neutral/capabilities/node.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/capabilities/node.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capability } from '@dxos/app-framework';\nimport type { OperationHandlerSet } from '@dxos/compute';\n\nexport const AppGraphBuilder = Capability.lazy('AppGraphBuilder', () => import('./app-graph-builder'));\nexport const BlueprintDefinition = Capability.lazy('BlueprintDefinition', () => import('./blueprint-definition'));\nexport const CreateObject = Capability.lazy('CreateObject', () => import('./create-object'));\nexport const Compiler = Capability.lazy('Compiler', () => import('./compiler'));\nexport const OperationHandler = Capability.lazy<OperationHandlerSet.OperationHandlerSet>(\n  'OperationHandler',\n  () => import('./operation-handler'),\n);\n"],
-  "mappings": ";;;AAIA,SAASA,kBAAkB;AAGpB,IAAMC,kBAAkBD,WAAWE,KAAK,mBAAmB,MAAM,OAAO,mCAAA,CAAA;AACxE,IAAMC,sBAAsBH,WAAWE,KAAK,uBAAuB,MAAM,OAAO,sCAAA,CAAA;AAChF,IAAME,eAAeJ,WAAWE,KAAK,gBAAgB,MAAM,OAAO,+BAAA,CAAA;AAClE,IAAMG,WAAWL,WAAWE,KAAK,YAAY,MAAM,OAAO,0BAAA,CAAA;AAC1D,IAAMI,mBAAmBN,WAAWE,KACzC,oBACA,MAAM,OAAO,mCAAA,CAAA;",
-  "names": ["Capability", "AppGraphBuilder", "lazy", "BlueprintDefinition", "CreateObject", "Compiler", "OperationHandler"]
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capability } from '@dxos/app-framework';\nimport type { OperationHandlerSet } from '@dxos/compute';\n\nexport const AppGraphBuilder = Capability.lazy('AppGraphBuilder', () => import('./app-graph-builder'));\nexport const SkillDefinition = Capability.lazy('SkillDefinition', () => import('./skill-definition'));\nexport const CreateObject = Capability.lazy('CreateObject', () => import('./create-object'));\nexport const Compiler = Capability.lazy('Compiler', () => import('./compiler'));\nexport const OperationHandler = Capability.lazy<OperationHandlerSet.OperationHandlerSet>(\n  'OperationHandler',\n  () => import('./operation-handler'),\n);\n"],
+  "mappings": ";;;AAIA,SAASA,kBAAkB;AAGpB,IAAMC,kBAAkBD,WAAWE,KAAK,mBAAmB,MAAM,OAAO,mCAAA,CAAA;AACxE,IAAMC,kBAAkBH,WAAWE,KAAK,mBAAmB,MAAM,OAAO,kCAAA,CAAA;AACxE,IAAME,eAAeJ,WAAWE,KAAK,gBAAgB,MAAM,OAAO,+BAAA,CAAA;AAClE,IAAMG,WAAWL,WAAWE,KAAK,YAAY,MAAM,OAAO,0BAAA,CAAA;AAC1D,IAAMI,mBAAmBN,WAAWE,KACzC,oBACA,MAAM,OAAO,mCAAA,CAAA;",
+  "names": ["Capability", "AppGraphBuilder", "lazy", "SkillDefinition", "CreateObject", "Compiler", "OperationHandler"]
 }