@dxos/plugin-script 0.12.0-next-73daef452f1464b62efdbca75fb0067c1066f264 → 0.13.0

package/dist/lib/chunk-PLUGIN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-PLUGIN.mjs","names":[],"sources":[],"mappings":""}

package/dist/lib/chunk-ScriptArticle.mjs

@@ -1,11 +1,12 @@
 import { Obj } from "@dxos/echo";
 import { useMemo } from "react";
-import { Panel } from "@dxos/react-ui";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Doc } from "@dxos/echo-doc";
+import { useResolveRef } from "@dxos/echo-react";
 import { createDataExtensions, editorClassNames, listener } from "@dxos/ui-editor";
 import { useDeployState, useToolbarState } from "#hooks";
 import { getSpace } from "@dxos/react-client/echo";
+import * as Panel from "@dxos/react-ui/Panel";
 import { ScriptToolbar, TypescriptEditor } from "#components";
 import { useIdentity } from "@dxos/halo-react";
 //#region src/containers/ScriptArticle/ScriptArticle.tsx
@@ -17,15 +18,16 @@ var ScriptArticle = ({ role, attendableId, subject: script, settings = { editorI
 		script,
 		state
 	});
+	const source = useResolveRef(script.source);
 	const extensions = useMemo(() => {
-		if (!script.source.target) return [];
+		if (!source) return [];
 		return [createDataExtensions({
 			id: script.id,
-			text: Doc.createAccessor(script.source.target, ["content"]),
+			text: Doc.createAccessor(source, ["content"]),
 			messenger: space,
 			identity
 		}), listener({ onChange: ({ text }) => {
-			if (script.source.target?.content !== text) Obj.update(script, (script) => {
+			if (source?.content !== text) Obj.update(script, (script) => {
 				script.changed = true;
 			});
 		} })];
@@ -33,26 +35,23 @@ var ScriptArticle = ({ role, attendableId, subject: script, settings = { editorI
 		identity,
 		space,
 		script,
-		script.source.target
+		source
 	]);
 	if (!extensions.length) return null;
 	return /* @__PURE__ */ jsxs(Panel.Root, {
 		role,
-		children: [/* @__PURE__ */ jsx(Panel.Toolbar, {
-			asChild: true,
-			children: /* @__PURE__ */ jsx(ScriptToolbar, {
-				script,
-				attendableId,
-				state,
-				role
-			})
-		}), /* @__PURE__ */ jsx(Panel.Content, {
+		children: [/* @__PURE__ */ jsx(Panel.Header, { children: /* @__PURE__ */ jsx(ScriptToolbar, {
+			script,
+			attendableId,
+			state,
+			role
+		}) }), /* @__PURE__ */ jsx(Panel.Body, {
 			asChild: true,
 			children: /* @__PURE__ */ jsx(TypescriptEditor, {
 				classNames: editorClassNames(role),
 				id: script.id,
 				env,
-				initialValue: script.source?.target?.content,
+				initialValue: source?.content,
 				extensions,
 				inputMode: settings.editorInputMode,
 				toolbar: true

package/dist/lib/chunk-ScriptArticle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"chunk-ScriptArticle.mjs","names":[],"sources":["../../src/containers/ScriptArticle/ScriptArticle.tsx"],"sourcesContent":["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useMemo } from 'react';\n\nimport { type AppSurface } from '@dxos/app-toolkit/ui';\nimport type * as Script from '@dxos/compute/Script';\nimport { Obj } from '@dxos/echo';\nimport { Doc } from '@dxos/echo-doc';\nimport { useIdentity } from '@dxos/halo-react';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { Panel } from '@dxos/react-ui';\nimport { createDataExtensions, editorClassNames, listener } from '@dxos/ui-editor';\n\nimport { ScriptToolbar, TypescriptEditor, type TypescriptEditorProps } from '#components';\nimport { useDeployState, useToolbarState } from '#hooks';\nimport { Settings } from '#types';\n\nexport type ScriptEditorProps = AppSurface.ObjectArticleProps<\n  Script.Script,\n  {\n    settings?: Settings.Settings;\n  } & Pick<TypescriptEditorProps, 'env'>\n>;\n\nexport const ScriptArticle = ({\n  role,\n  attendableId,\n  subject: script,\n  settings = { editorInputMode: 'vscode' },\n  env,\n}: ScriptEditorProps) => {\n  const identity = useIdentity();\n  const space = getSpace(script);\n  const state = useToolbarState();\n  useDeployState({ script, state });\n\n  const extensions = useMemo(() => {\n    if (!script.source.target) {\n      return [];\n    }\n\n    return [\n      createDataExtensions({\n        id: script.id,\n        text: Doc.createAccessor(script.source.target, ['content']),\n        messenger: space,\n        identity,\n      }),\n      listener({\n        onChange: ({ text }) => {\n          if (script.source.target?.content !== text) {\n            Obj.update(script, (script) => {\n              script.changed = true;\n            });\n          }\n        },\n      }),\n    ];\n  }, [identity, space, script, script.source.target]);\n\n  if (!extensions.length) {\n    return null;\n  }\n\n  return (\n    <Panel.Root role={role}>\n      <Panel.Toolbar asChild>\n        <ScriptToolbar script={script} attendableId={attendableId} state={state} role={role} />\n      </Panel.Toolbar>\n      <Panel.Content asChild>\n        <TypescriptEditor\n          classNames={editorClassNames(role)}\n          id={script.id}\n          env={env}\n          initialValue={script.source?.target?.content}\n          extensions={extensions}\n          inputMode={settings.editorInputMode}\n          toolbar\n        />\n      </Panel.Content>\n    </Panel.Root>\n  );\n};\n\nScriptArticle.displayName = 'ScriptArticle';\n"],"mappings":";;;;;;;;;;;AA0BA,IAAa,iBAAiB,EAC5B,MACA,cACA,SAAS,QACT,WAAW,EAAE,iBAAiB,SAAS,GACvC,UACuB;CACvB,MAAM,WAAW,YAAY;CAC7B,MAAM,QAAQ,SAAS,MAAM;CAC7B,MAAM,QAAQ,gBAAgB;CAC9B,eAAe;EAAE;EAAQ;CAAM,CAAC;CAEhC,MAAM,aAAa,cAAc;EAC/B,IAAI,CAAC,OAAO,OAAO,QACjB,OAAO,CAAC;EAGV,OAAO,CACL,qBAAqB;GACnB,IAAI,OAAO;GACX,MAAM,IAAI,eAAe,OAAO,OAAO,QAAQ,CAAC,SAAS,CAAC;GAC1D,WAAW;GACX;EACF,CAAC,GACD,SAAS,EACP,WAAW,EAAE,WAAW;GACtB,IAAI,OAAO,OAAO,QAAQ,YAAY,MACpC,IAAI,OAAO,SAAS,WAAW;IAC7B,OAAO,UAAU;GACnB,CAAC;EAEL,EACF,CAAC,CACH;CACF,GAAG;EAAC;EAAU;EAAO;EAAQ,OAAO,OAAO;CAAM,CAAC;CAElD,IAAI,CAAC,WAAW,QACd,OAAO;CAGT,OACE,qBAAC,MAAM,MAAP;EAAkB;EAAlB,UAAA,CACE,oBAAC,MAAM,SAAP;GAAe,SAAA;GACb,UAAA,oBAAC,eAAD;IAAuB;IAAsB;IAAqB;IAAa;GAAO,CAAA;EACzE,CAAA,GACf,oBAAC,MAAM,SAAP;GAAe,SAAA;GACb,UAAA,oBAAC,kBAAD;IACE,YAAY,iBAAiB,IAAI;IACjC,IAAI,OAAO;IACN;IACL,cAAc,OAAO,QAAQ,QAAQ;IACzB;IACZ,WAAW,SAAS;IACpB,SAAA;GACD,CAAA;EACY,CAAA,CACL;;AAEhB;AAEA,cAAc,cAAc"}
+{"version":3,"file":"chunk-ScriptArticle.mjs","names":[],"sources":["../../src/containers/ScriptArticle/ScriptArticle.tsx"],"sourcesContent":["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useMemo } from 'react';\n\nimport type * as AppSurface from '@dxos/app-toolkit/AppSurface';\nimport type * as Script from '@dxos/compute/Script';\nimport { Obj } from '@dxos/echo';\nimport { Doc } from '@dxos/echo-doc';\nimport { useResolveRef } from '@dxos/echo-react';\nimport { useIdentity } from '@dxos/halo-react';\nimport { getSpace } from '@dxos/react-client/echo';\nimport * as Panel from '@dxos/react-ui/Panel';\nimport { createDataExtensions, editorClassNames, listener } from '@dxos/ui-editor';\n\nimport { ScriptToolbar, TypescriptEditor, type TypescriptEditorProps } from '#components';\nimport { useDeployState, useToolbarState } from '#hooks';\nimport { Settings } from '#types';\n\nexport type ScriptEditorProps = AppSurface.ObjectArticleProps<\n  Script.Script,\n  {\n    settings?: Settings.Settings;\n  } & Pick<TypescriptEditorProps, 'env'>\n>;\n\nexport const ScriptArticle = ({\n  role,\n  attendableId,\n  subject: script,\n  settings = { editorInputMode: 'vscode' },\n  env,\n}: ScriptEditorProps) => {\n  const identity = useIdentity();\n  const space = getSpace(script);\n  const state = useToolbarState();\n  useDeployState({ script, state });\n  const source = useResolveRef(script.source);\n\n  const extensions = useMemo(() => {\n    if (!source) {\n      return [];\n    }\n\n    return [\n      createDataExtensions({\n        id: script.id,\n        text: Doc.createAccessor(source, ['content']),\n        messenger: space,\n        identity,\n      }),\n      listener({\n        onChange: ({ text }) => {\n          if (source?.content !== text) {\n            Obj.update(script, (script) => {\n              script.changed = true;\n            });\n          }\n        },\n      }),\n    ];\n  }, [identity, space, script, source]);\n\n  if (!extensions.length) {\n    return null;\n  }\n\n  return (\n    <Panel.Root role={role}>\n      <Panel.Header>\n        <ScriptToolbar script={script} attendableId={attendableId} state={state} role={role} />\n      </Panel.Header>\n      <Panel.Body asChild>\n        <TypescriptEditor\n          classNames={editorClassNames(role)}\n          id={script.id}\n          env={env}\n          initialValue={source?.content}\n          extensions={extensions}\n          inputMode={settings.editorInputMode}\n          toolbar\n        />\n      </Panel.Body>\n    </Panel.Root>\n  );\n};\n\nScriptArticle.displayName = 'ScriptArticle';\n"],"mappings":";;;;;;;;;;;;AA2BA,IAAa,iBAAiB,EAC5B,MACA,cACA,SAAS,QACT,WAAW,EAAE,iBAAiB,SAAS,GACvC,UACuB;CACvB,MAAM,WAAW,YAAY;CAC7B,MAAM,QAAQ,SAAS,MAAM;CAC7B,MAAM,QAAQ,gBAAgB;CAC9B,eAAe;EAAE;EAAQ;CAAM,CAAC;CAChC,MAAM,SAAS,cAAc,OAAO,MAAM;CAE1C,MAAM,aAAa,cAAc;EAC/B,IAAI,CAAC,QACH,OAAO,CAAC;EAGV,OAAO,CACL,qBAAqB;GACnB,IAAI,OAAO;GACX,MAAM,IAAI,eAAe,QAAQ,CAAC,SAAS,CAAC;GAC5C,WAAW;GACX;EACF,CAAC,GACD,SAAS,EACP,WAAW,EAAE,WAAW;GACtB,IAAI,QAAQ,YAAY,MACtB,IAAI,OAAO,SAAS,WAAW;IAC7B,OAAO,UAAU;GACnB,CAAC;EAEL,EACF,CAAC,CACH;CACF,GAAG;EAAC;EAAU;EAAO;EAAQ;CAAM,CAAC;CAEpC,IAAI,CAAC,WAAW,QACd,OAAO;CAGT,OACE,qBAAC,MAAM,MAAP;EAAkB;EAAlB,UAAA,CACE,oBAAC,MAAM,QAAP,EAAA,UACE,oBAAC,eAAD;GAAuB;GAAsB;GAAqB;GAAa;EAAO,CAAA,EAC1E,CAAA,GACd,oBAAC,MAAM,MAAP;GAAY,SAAA;GACV,UAAA,oBAAC,kBAAD;IACE,YAAY,iBAAiB,IAAI;IACjC,IAAI,OAAO;IACN;IACL,cAAc,QAAQ;IACV;IACZ,WAAW,SAAS;IACpB,SAAA;GACD,CAAA;EACS,CAAA,CACF;;AAEhB;AAEA,cAAc,cAAc"}

package/dist/lib/chunk-ScriptProperties.mjs

@@ -1,31 +1,37 @@
 import { meta } from "#meta";
+import { getInvocationUrl, getUserFunctionIdInMetadata } from "@dxos/compute-runtime";
+import { Filter, Obj, Ref } from "@dxos/echo";
+import { log } from "@dxos/log";
 import * as Skill from "@dxos/compute/Skill";
 import * as Template from "@dxos/compute/Template";
 import { kebabize } from "@dxos/util";
 import * as Operation from "@dxos/compute/Operation";
-import { Filter, Obj, Ref } from "@dxos/echo";
-import { getInvocationUrl, getUserFunctionIdInMetadata } from "@dxos/compute-runtime";
-import { log } from "@dxos/log";
 import { useCallback, useState } from "react";
-import { Banner, Button, Clipboard, Flex, Input, useAsyncEffect, useControlledState, useTranslation } from "@dxos/react-ui";
+import * as Hooks$1 from "@dxos/react-ui/Hooks";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useOperationInvoker } from "@dxos/app-framework/ui";
+import * as Button from "@dxos/react-ui/Button";
 import { useQuery } from "@dxos/echo-react";
+import * as Field from "@dxos/react-ui/Field";
+import * as Input from "@dxos/react-ui/Input";
+import * as Layout from "@dxos/react-ui/Layout";
 import { useClient } from "@dxos/react-client";
+import * as Hooks from "@dxos/app-framework/Hooks";
+import * as SystemButton from "@dxos/react-ui/SystemButton";
 import { Form } from "@dxos/react-ui-form";
 import { Octokit } from "@octokit/core";
 import * as SettingsOperation from "@dxos/app-toolkit/SettingsOperation";
 import { AccessToken } from "@dxos/link";
+import * as Banner from "@dxos/react-ui/Banner";
 import { ToolId } from "@dxos/ai";
 //#region src/containers/ScriptProperties/FunctionBinding.tsx
 var FunctionBinding = ({ object }) => {
-	const { t } = useTranslation(meta.profile.key);
+	const { t } = Hooks$1.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 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 [binding, setBinding] = Hooks$1.useControlledState(fn?.binding ?? "");
 	const handleBindingChange = useCallback((event) => setBinding(event.target.value), [setBinding]);
 	const handleBindingBlur = useCallback(() => {
 		if (fn) Obj.update(fn, (fn) => {
@@ -33,30 +39,29 @@ var FunctionBinding = ({ object }) => {
 		});
 	}, [fn, binding]);
 	if (!fn) return null;
-	return /* @__PURE__ */ jsxs(Flex, {
-		column: true,
-		children: [
-			/* @__PURE__ */ jsx(Form.Section, { title: t("remote-function-settings.heading") }),
-			functionUrl && /* @__PURE__ */ jsxs(Input.Root, { children: [
-				/* @__PURE__ */ jsx(Input.Label, { children: t("function-url.label") }),
-				/* @__PURE__ */ jsx(Input.TextInput, {
-					disabled: true,
-					value: functionUrl,
-					onChange: (event) => {
-						Obj.update(fn, (fn) => {
-							fn.name = event.target.value;
-						});
-					}
-				}),
-				/* @__PURE__ */ jsx(Clipboard.IconButton, { value: functionUrl })
-			] }),
-			/* @__PURE__ */ jsxs(Input.Root, { children: [/* @__PURE__ */ jsx(Input.Label, { children: t("function-binding.label") }), /* @__PURE__ */ jsx(Input.TextInput, {
-				placeholder: t("function-binding.placeholder"),
-				value: binding,
-				onChange: handleBindingChange,
-				onBlur: handleBindingBlur
-			})] })
-		]
+	return /* @__PURE__ */ jsxs(Form.FieldSet, {
+		label: t("remote-function-settings.heading"),
+		children: [functionUrl && /* @__PURE__ */ jsxs(Field.Root, { children: [
+			/* @__PURE__ */ jsx(Field.Label, { children: t("function-url.label") }),
+			/* @__PURE__ */ jsx(Input.Root, {
+				disabled: true,
+				value: functionUrl,
+				onChange: (event) => {
+					Obj.update(fn, (fn) => {
+						fn.name = event.target.value;
+					});
+				}
+			}),
+			/* @__PURE__ */ jsx(SystemButton.Clipboard, {
+				iconOnly: true,
+				value: functionUrl
+			})
+		] }), /* @__PURE__ */ jsxs(Field.Root, { children: [/* @__PURE__ */ jsx(Field.Label, { children: t("function-binding.label") }), /* @__PURE__ */ jsx(Input.Root, {
+			placeholder: t("function-binding.placeholder"),
+			value: binding,
+			onChange: handleBindingChange,
+			onBlur: handleBindingBlur
+		})] })]
 	});
 };
 FunctionBinding.displayName = "FunctionBinding";
@@ -64,13 +69,13 @@ FunctionBinding.displayName = "FunctionBinding";
 //#region src/containers/ScriptProperties/FunctionPublishing.tsx
 var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-script/src/containers/ScriptProperties/FunctionPublishing.tsx";
 var FunctionPublishing = ({ object }) => {
-	const { t } = useTranslation(meta.profile.key);
-	const { invokePromise } = useOperationInvoker();
+	const { t } = Hooks$1.useTranslation(meta.profile.key);
+	const { invokePromise } = Hooks.useOperationInvoker();
 	const db = Obj.getDatabase(object);
 	const [githubToken] = useQuery(db, Filter.type(AccessToken.AccessToken, { source: "github.com" }));
 	const gistKey = Obj.getMeta(object).keys.find(({ source }) => source === "github.com");
 	const [gistUrl, setGistUrl] = useState();
-	useAsyncEffect(async () => {
+	Hooks$1.useAsyncEffect(async () => {
 		const token = githubToken?.token;
 		const gistId = gistKey?.id;
 		if (!token || !gistId) {
@@ -84,7 +89,7 @@ var FunctionPublishing = ({ object }) => {
 			log.catch(err, void 0, {
 				"~LogMeta": "~LogMeta",
 				F: __dxlog_file,
-				L: 48,
+				L: 52,
 				S: void 0
 			});
 			setGistUrl(void 0);
@@ -119,44 +124,41 @@ var FunctionPublishing = ({ object }) => {
 			setPublishing(false);
 		}
 	}, [object, githubToken]);
-	return /* @__PURE__ */ jsxs(Flex, {
-		column: true,
-		children: [
-			/* @__PURE__ */ jsx(Form.Section, {
-				title: t("script-publish-settings.label"),
-				description: t("script-publish-settings.description")
-			}),
-			!githubToken && /* @__PURE__ */ jsxs(Flex, {
-				column: true,
-				classNames: "py-form-gap",
-				children: [/* @__PURE__ */ jsx(Banner.Root, {
-					valence: "info",
-					children: /* @__PURE__ */ jsx(Banner.Content, { children: /* @__PURE__ */ jsx(Banner.Title, { children: t("no-github-token.label") }) })
-				}), /* @__PURE__ */ jsx(Flex, {
-					classNames: "pt-form-gap",
-					children: /* @__PURE__ */ jsx(Button, {
-						onClick: handleOpenTokenManager,
-						children: t("open-token-manager.label")
-					})
-				})]
-			}),
-			githubToken && /* @__PURE__ */ jsxs(Flex, {
-				gap: "sm",
-				justify: "end",
-				children: [gistUrl && /* @__PURE__ */ jsx(Clipboard.IconButton, { value: gistUrl }), /* @__PURE__ */ jsx(Button, {
-					disabled: publishing,
-					onClick: handlePublish,
-					children: t("publish.label")
-				})]
-			})
-		]
+	return /* @__PURE__ */ jsxs(Form.FieldSet, {
+		label: t("script-publish-settings.label"),
+		description: t("script-publish-settings.description"),
+		children: [!githubToken && /* @__PURE__ */ jsxs(Layout.Flex, {
+			column: true,
+			classNames: "py-form-gap",
+			children: [/* @__PURE__ */ jsx(Banner.Root, {
+				valence: "info",
+				children: /* @__PURE__ */ jsx(Banner.Title, { children: t("no-github-token.label") })
+			}), /* @__PURE__ */ jsx(Layout.Flex, {
+				classNames: "pt-form-gap",
+				children: /* @__PURE__ */ jsx(Button.Root, {
+					onClick: handleOpenTokenManager,
+					children: t("open-token-manager.label")
+				})
+			})]
+		}), githubToken && /* @__PURE__ */ jsxs(Layout.Flex, {
+			gap: "sm",
+			justify: "end",
+			children: [gistUrl && /* @__PURE__ */ jsx(SystemButton.Clipboard, {
+				iconOnly: true,
+				value: gistUrl
+			}), /* @__PURE__ */ jsx(Button.Root, {
+				disabled: publishing,
+				onClick: handlePublish,
+				children: t("publish.label")
+			})]
+		})]
 	});
 };
 FunctionPublishing.displayName = "FunctionPublishing";
 //#endregion
 //#region src/containers/ScriptProperties/SkillEditor.tsx
 var SkillEditor = ({ object }) => {
-	const { t } = useTranslation(meta.profile.key);
+	const { t } = Hooks$1.useTranslation(meta.profile.key);
 	const db = Obj.getDatabase(object);
 	const [fn] = useQuery(db, Filter.type(Operation.PersistentOperation, { source: Ref.make(object) }));
 	const skills = useQuery(db, Filter.type(Skill.Skill));
@@ -165,7 +167,7 @@ var SkillEditor = ({ object }) => {
 	const skillKey = `org.dxos.skill.${kebabize(object.name ?? "script")}`;
 	const existingSkill = skills.find((bp) => Obj.getMeta(bp).key === skillKey);
 	const fnKey = fn ? Obj.getMeta(fn).key : void 0;
-	useAsyncEffect(async () => {
+	Hooks$1.useAsyncEffect(async () => {
 		if (!existingSkill) return;
 		const source = await existingSkill.instructions.source.load();
 		setInstructions(source.content ?? "");
@@ -182,7 +184,8 @@ var SkillEditor = ({ object }) => {
 				if (fnKey) {
 					const toolId = ToolId.make(fnKey);
 					if (!existingSkill.tools?.includes(toolId)) Obj.update(existingSkill, (existingSkill) => {
-						existingSkill.tools = [...existingSkill.tools ?? [], toolId];
+						existingSkill.tools ??= [];
+						existingSkill.tools.push(toolId);
 					});
 				}
 			} else if (fnKey) db.add(Skill.make({
@@ -203,29 +206,23 @@ var SkillEditor = ({ object }) => {
 		object.name,
 		instructions
 	]);
-	return /* @__PURE__ */ jsxs(Flex, {
-		column: true,
-		children: [
-			/* @__PURE__ */ jsx(Form.Section, {
-				title: t("skill-editor.label"),
-				description: t("skill-editor.description")
-			}),
-			/* @__PURE__ */ jsxs(Input.Root, { children: [/* @__PURE__ */ jsx(Input.Label, { children: t("skill-instructions.label") }), /* @__PURE__ */ jsx(Input.TextArea, {
-				placeholder: t("skill-instructions.placeholder"),
-				rows: 6,
-				value: instructions,
-				onChange: (event) => setInstructions(event.target.value),
-				classNames: "resize-y"
-			})] }),
-			/* @__PURE__ */ jsx("div", {
-				className: "pt-2",
-				children: /* @__PURE__ */ jsx(Button, {
-					disabled: !existingSkill && !fnKey || creating,
-					onClick: handleSave,
-					children: t(existingSkill ? "update-skill.label" : "create-skill.label")
-				})
+	return /* @__PURE__ */ jsxs(Form.FieldSet, {
+		label: t("skill-editor.label"),
+		description: t("skill-editor.description"),
+		children: [/* @__PURE__ */ jsxs(Field.Root, { children: [/* @__PURE__ */ jsx(Field.Label, { children: t("skill-instructions.label") }), /* @__PURE__ */ jsx(Input.Textarea, {
+			placeholder: t("skill-instructions.placeholder"),
+			rows: 6,
+			value: instructions,
+			onChange: (event) => setInstructions(event.target.value),
+			classNames: "resize-y"
+		})] }), /* @__PURE__ */ jsx("div", {
+			className: "pt-2",
+			children: /* @__PURE__ */ jsx(Button.Root, {
+				disabled: !existingSkill && !fnKey || creating,
+				onClick: handleSave,
+				children: t(existingSkill ? "update-skill.label" : "create-skill.label")
 			})
-		]
+		})]
 	});
 };
 SkillEditor.displayName = "SkillEditor";
@@ -233,9 +230,9 @@ SkillEditor.displayName = "SkillEditor";
 //#region src/containers/ScriptProperties/ScriptProperties.tsx
 var ScriptProperties = ({ subject: object }) => {
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsx(Form.Section, { children: /* @__PURE__ */ jsx(FunctionBinding, { object }) }),
-		/* @__PURE__ */ jsx(Form.Section, { children: /* @__PURE__ */ jsx(SkillEditor, { object }) }),
-		/* @__PURE__ */ jsx(Form.Section, { children: /* @__PURE__ */ jsx(FunctionPublishing, { object }) })
+		/* @__PURE__ */ jsx(Form.FieldSet, { children: /* @__PURE__ */ jsx(FunctionBinding, { object }) }),
+		/* @__PURE__ */ jsx(Form.FieldSet, { children: /* @__PURE__ */ jsx(SkillEditor, { object }) }),
+		/* @__PURE__ */ jsx(Form.FieldSet, { children: /* @__PURE__ */ jsx(FunctionPublishing, { object }) })
 	] });
 };
 ScriptProperties.displayName = "ScriptProperties";

package/dist/lib/chunk-ScriptProperties.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"chunk-ScriptProperties.mjs","names":[],"sources":["../../src/containers/ScriptProperties/FunctionBinding.tsx","../../src/containers/ScriptProperties/FunctionPublishing.tsx","../../src/containers/ScriptProperties/SkillEditor.tsx","../../src/containers/ScriptProperties/ScriptProperties.tsx"],"sourcesContent":["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type ChangeEvent, useCallback } from 'react';\n\nimport { getUserFunctionIdInMetadata } from '@dxos/compute-runtime';\nimport { getInvocationUrl } from '@dxos/compute-runtime';\nimport * as Operation from '@dxos/compute/Operation';\nimport type * as Script from '@dxos/compute/Script';\nimport { Filter, Obj, Ref } from '@dxos/echo';\nimport { useQuery } from '@dxos/echo-react';\nimport { useClient } from '@dxos/react-client';\nimport { Clipboard, Flex, 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    <Flex column>\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    </Flex>\n  );\n};\n\nFunctionBinding.displayName = 'FunctionBinding';\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 * as SettingsOperation from '@dxos/app-toolkit/SettingsOperation';\nimport type * as Script from '@dxos/compute/Script';\nimport { Filter, Obj } from '@dxos/echo';\nimport { useQuery } from '@dxos/echo-react';\nimport { AccessToken } from '@dxos/link';\nimport { log } from '@dxos/log';\nimport { Banner, Button, Clipboard, Flex, 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 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    <Flex column>\n      <Form.Section title={t('script-publish-settings.label')} description={t('script-publish-settings.description')} />\n\n      {!githubToken && (\n        <Flex column classNames='py-form-gap'>\n          <Banner.Root valence='info'>\n            <Banner.Content>\n              <Banner.Title>{t('no-github-token.label')}</Banner.Title>\n            </Banner.Content>\n          </Banner.Root>\n          <Flex classNames='pt-form-gap'>\n            <Button onClick={handleOpenTokenManager}>{t('open-token-manager.label')}</Button>\n          </Flex>\n        </Flex>\n      )}\n\n      {githubToken && (\n        <Flex gap='sm' justify='end'>\n          {gistUrl && <Clipboard.IconButton value={gistUrl} />}\n          <Button disabled={publishing} onClick={handlePublish}>\n            {t('publish.label')}\n          </Button>\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n\nFunctionPublishing.displayName = 'FunctionPublishing';\n","//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback, useState } from 'react';\n\nimport { ToolId } from '@dxos/ai';\nimport * as Operation from '@dxos/compute/Operation';\nimport type * as Script from '@dxos/compute/Script';\nimport * as Skill from '@dxos/compute/Skill';\nimport * as Template from '@dxos/compute/Template';\nimport { Filter, Obj, Ref } from '@dxos/echo';\nimport { useQuery } from '@dxos/echo-react';\nimport { Button, Flex, 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    <Flex column>\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    </Flex>\n  );\n};\n\nSkillEditor.displayName = 'SkillEditor';\n","//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type AppSurface } from '@dxos/app-toolkit/ui';\nimport type * as Script from '@dxos/compute/Script';\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\nScriptProperties.displayName = 'ScriptProperties';\n"],"mappings":"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"}
+{"version":3,"file":"chunk-ScriptProperties.mjs","names":[],"sources":["../../src/containers/ScriptProperties/FunctionBinding.tsx","../../src/containers/ScriptProperties/FunctionPublishing.tsx","../../src/containers/ScriptProperties/SkillEditor.tsx","../../src/containers/ScriptProperties/ScriptProperties.tsx"],"sourcesContent":["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type ChangeEvent, useCallback } from 'react';\n\nimport { getInvocationUrl, getUserFunctionIdInMetadata } from '@dxos/compute-runtime';\nimport * as Operation from '@dxos/compute/Operation';\nimport type * as Script from '@dxos/compute/Script';\nimport { Filter, Obj, Ref } from '@dxos/echo';\nimport { useQuery } from '@dxos/echo-react';\nimport { useClient } from '@dxos/react-client';\nimport { Form } from '@dxos/react-ui-form';\nimport * as Field from '@dxos/react-ui/Field';\nimport * as Hooks from '@dxos/react-ui/Hooks';\nimport * as Input from '@dxos/react-ui/Input';\nimport * as SystemButton from '@dxos/react-ui/SystemButton';\n\nimport { meta } from '#meta';\n\nexport type FunctionBindingProps = { object: Script.Script };\n\nexport const FunctionBinding = ({ object }: FunctionBindingProps) => {\n  const { t } = Hooks.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] = Hooks.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    <Form.FieldSet label={t('remote-function-settings.heading')}>\n      {functionUrl && (\n        <Field.Root>\n          <Field.Label>{t('function-url.label')}</Field.Label>\n          <Input.Root\n            disabled\n            value={functionUrl}\n            onChange={(event) => {\n              Obj.update(fn, (fn) => {\n                fn.name = event.target.value;\n              });\n            }}\n          />\n          <SystemButton.Clipboard iconOnly value={functionUrl} />\n        </Field.Root>\n      )}\n\n      <Field.Root>\n        <Field.Label>{t('function-binding.label')}</Field.Label>\n        <Input.Root\n          placeholder={t('function-binding.placeholder')}\n          value={binding}\n          onChange={handleBindingChange}\n          onBlur={handleBindingBlur}\n        />\n      </Field.Root>\n    </Form.FieldSet>\n  );\n};\n\nFunctionBinding.displayName = 'FunctionBinding';\n","//\n// Copyright 2024 DXOS.org\n//\n\nimport { Octokit } from '@octokit/core';\nimport React, { useCallback, useState } from 'react';\n\nimport * as Hooks from '@dxos/app-framework/Hooks';\nimport * as SettingsOperation from '@dxos/app-toolkit/SettingsOperation';\nimport type * as Script from '@dxos/compute/Script';\nimport { Filter, Obj } from '@dxos/echo';\nimport { useQuery } from '@dxos/echo-react';\nimport { AccessToken } from '@dxos/link';\nimport { log } from '@dxos/log';\nimport { Form } from '@dxos/react-ui-form';\nimport * as Banner from '@dxos/react-ui/Banner';\nimport * as Button from '@dxos/react-ui/Button';\nimport * as UiHooks from '@dxos/react-ui/Hooks';\nimport * as Layout from '@dxos/react-ui/Layout';\nimport * as SystemButton from '@dxos/react-ui/SystemButton';\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 } = UiHooks.useTranslation(meta.profile.key);\n  const { invokePromise } = Hooks.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  UiHooks.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    <Form.FieldSet label={t('script-publish-settings.label')} description={t('script-publish-settings.description')}>\n      {!githubToken && (\n        <Layout.Flex column classNames='py-form-gap'>\n          <Banner.Root valence='info'>\n            <Banner.Title>{t('no-github-token.label')}</Banner.Title>\n          </Banner.Root>\n          <Layout.Flex classNames='pt-form-gap'>\n            <Button.Root onClick={handleOpenTokenManager}>{t('open-token-manager.label')}</Button.Root>\n          </Layout.Flex>\n        </Layout.Flex>\n      )}\n\n      {githubToken && (\n        <Layout.Flex gap='sm' justify='end'>\n          {gistUrl && <SystemButton.Clipboard iconOnly value={gistUrl} />}\n          <Button.Root disabled={publishing} onClick={handlePublish}>\n            {t('publish.label')}\n          </Button.Root>\n        </Layout.Flex>\n      )}\n    </Form.FieldSet>\n  );\n};\n\nFunctionPublishing.displayName = 'FunctionPublishing';\n","//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback, useState } from 'react';\n\nimport { ToolId } from '@dxos/ai';\nimport * as Operation from '@dxos/compute/Operation';\nimport type * as Script from '@dxos/compute/Script';\nimport * as Skill from '@dxos/compute/Skill';\nimport * as Template from '@dxos/compute/Template';\nimport { Filter, Obj, Ref } from '@dxos/echo';\nimport { useQuery } from '@dxos/echo-react';\nimport { Form } from '@dxos/react-ui-form';\nimport * as Button from '@dxos/react-ui/Button';\nimport * as Field from '@dxos/react-ui/Field';\nimport * as Hooks from '@dxos/react-ui/Hooks';\nimport * as Input from '@dxos/react-ui/Input';\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 } = Hooks.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  Hooks.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 ??= [];\n              existingSkill.tools.push(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    <Form.FieldSet label={t('skill-editor.label')} description={t('skill-editor.description')}>\n      <Field.Root>\n        <Field.Label>{t('skill-instructions.label')}</Field.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      </Field.Root>\n\n      <div className='pt-2'>\n        <Button.Root disabled={(!existingSkill && !fnKey) || creating} onClick={handleSave}>\n          {t(existingSkill ? 'update-skill.label' : 'create-skill.label')}\n        </Button.Root>\n      </div>\n    </Form.FieldSet>\n  );\n};\n\nSkillEditor.displayName = 'SkillEditor';\n","//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport type * as AppSurface from '@dxos/app-toolkit/AppSurface';\nimport type * as Script from '@dxos/compute/Script';\nimport { Form } from '@dxos/react-ui-form';\n\nimport { FunctionBinding } from './FunctionBinding.tsx';\nimport { FunctionPublishing } from './FunctionPublishing.tsx';\nimport { SkillEditor } from './SkillEditor.tsx';\n\nexport type ScriptPropertiesProps = AppSurface.ObjectPropertiesProps<Script.Script>;\n\nexport const ScriptProperties = ({ subject: object }: ScriptPropertiesProps) => {\n  return (\n    <>\n      <Form.FieldSet>\n        <FunctionBinding object={object} />\n      </Form.FieldSet>\n      <Form.FieldSet>\n        <SkillEditor object={object} />\n      </Form.FieldSet>\n      <Form.FieldSet>\n        <FunctionPublishing object={object} />\n      </Form.FieldSet>\n    </>\n  );\n};\n\nScriptProperties.displayName = 'ScriptProperties';\n"],"mappings":"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"}

package/dist/lib/chunk-ScriptSettings.mjs

@@ -1,12 +1,13 @@
 import { Settings } from "#types";
 import { meta } from "#meta";
 import "react";
-import { Button, useTranslation } from "@dxos/react-ui";
+import * as Hooks from "@dxos/react-ui/Hooks";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as Button from "@dxos/react-ui/Button";
 import { Form } from "@dxos/react-ui-form";
 //#region src/containers/ScriptSettings/ScriptSettings.tsx
-var ScriptSettings = ({ settings, onSettingsChange, onAuthenticate }) => {
-	const { t } = useTranslation(meta.profile.key);
+var ScriptSettings = ({ settings, onSettingsChange, scope, onAuthenticate }) => {
+	const { t } = Hooks.useTranslation(meta.profile.key);
 	return /* @__PURE__ */ jsx(Form.Root, {
 		schema: Settings.Settings,
 		values: settings,
@@ -18,17 +19,19 @@ var ScriptSettings = ({ settings, onSettingsChange, onAuthenticate }) => {
 		})),
 		children: /* @__PURE__ */ jsx(Form.Viewport, {
 			scroll: true,
-			children: /* @__PURE__ */ jsx(Form.Content, { children: /* @__PURE__ */ jsxs(Form.Section, {
-				title: meta.profile.name ?? meta.profile.key,
-				children: [/* @__PURE__ */ jsx(Form.Row, {
+			children: /* @__PURE__ */ jsx(Form.Content, { children: /* @__PURE__ */ jsxs(Form.FieldSet, {
+				label: meta.profile.name ?? meta.profile.key,
+				actions: scope,
+				children: [/* @__PURE__ */ jsx(Form.Field, {
+					standalone: true,
 					label: t("authenticate-action.label"),
 					description: t("authenticate-action.description"),
-					children: /* @__PURE__ */ jsx(Button, {
+					children: /* @__PURE__ */ jsx(Button.Root, {
 						disabled: !onSettingsChange,
 						onClick: onAuthenticate,
 						children: t("authenticate-button.label")
 					})
-				}), /* @__PURE__ */ jsx(Form.FieldSet, {})]
+				}), /* @__PURE__ */ jsx(Form.Fields, {})]
 			}) })
 		})
 	});

package/dist/lib/chunk-ScriptSettings.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"chunk-ScriptSettings.mjs","names":[],"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\nScriptSettings.displayName = 'ScriptSettings';\n"],"mappings":";;;;;;;AAoBA,IAAa,kBAAkB,EAAE,UAAU,kBAAkB,qBAA0C;CACrG,MAAM,EAAE,MAAM,eAAe,KAAK,QAAQ,GAAG;CAE7C,OACE,oBAAC,KAAK,MAAN;EACE,QAAQ,SAAS;EACjB,QAAQ;EACR,SAAQ;EACR,UAAU,CAAC;EACX,kBAAkB,WAAW,oBAAoB,aAAa;GAAE,GAAG;GAAS,GAAG;EAAO,EAAE;EAExF,UAAA,oBAAC,KAAK,UAAN;GAAe,QAAA;GACb,UAAA,oBAAC,KAAK,SAAN,EAAA,UACE,qBAAC,KAAK,SAAN;IAAc,OAAO,KAAK,QAAQ,QAAQ,KAAK,QAAQ;IAAvD,UAAA,CAEE,oBAAC,KAAK,KAAN;KAAU,OAAO,EAAE,2BAA2B;KAAG,aAAa,EAAE,iCAAiC;KAC/F,UAAA,oBAAC,QAAD;MAAQ,UAAU,CAAC;MAAkB,SAAS;MAC3C,UAAA,EAAE,2BAA2B;KACxB,CAAA;IACA,CAAA,GACV,oBAAC,KAAK,UAAN,CAAgB,CAAA,CACJ;GACF,CAAA,EAAA,CAAA;EACD,CAAA;CACN,CAAA;AAEf;AAEA,eAAe,cAAc"}
+{"version":3,"file":"chunk-ScriptSettings.mjs","names":[],"sources":["../../src/containers/ScriptSettings/ScriptSettings.tsx"],"sourcesContent":["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport type * as AppSurface from '@dxos/app-toolkit/AppSurface';\nimport { Form } from '@dxos/react-ui-form';\nimport * as Button from '@dxos/react-ui/Button';\nimport * as Hooks from '@dxos/react-ui/Hooks';\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, scope, onAuthenticate }: ScriptSettingsProps) => {\n  const { t } = Hooks.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.FieldSet label={meta.profile.name ?? meta.profile.key} actions={scope}>\n            {/* TODO(wittjosiah): Hide outside of dev environments. */}\n            <Form.Field\n              standalone\n              label={t('authenticate-action.label')}\n              description={t('authenticate-action.description')}\n            >\n              <Button.Root disabled={!onSettingsChange} onClick={onAuthenticate}>\n                {t('authenticate-button.label')}\n              </Button.Root>\n            </Form.Field>\n            <Form.Fields />\n          </Form.FieldSet>\n        </Form.Content>\n      </Form.Viewport>\n    </Form.Root>\n  );\n};\n\nScriptSettings.displayName = 'ScriptSettings';\n"],"mappings":";;;;;;;;AAqBA,IAAa,kBAAkB,EAAE,UAAU,kBAAkB,OAAO,qBAA0C;CAC5G,MAAM,EAAE,MAAM,MAAM,eAAe,KAAK,QAAQ,GAAG;CAEnD,OACE,oBAAC,KAAK,MAAN;EACE,QAAQ,SAAS;EACjB,QAAQ;EACR,SAAQ;EACR,UAAU,CAAC;EACX,kBAAkB,WAAW,oBAAoB,aAAa;GAAE,GAAG;GAAS,GAAG;EAAO,EAAE;EAExF,UAAA,oBAAC,KAAK,UAAN;GAAe,QAAA;GACb,UAAA,oBAAC,KAAK,SAAN,EAAA,UACE,qBAAC,KAAK,UAAN;IAAe,OAAO,KAAK,QAAQ,QAAQ,KAAK,QAAQ;IAAK,SAAS;IAAtE,UAAA,CAEE,oBAAC,KAAK,OAAN;KACE,YAAA;KACA,OAAO,EAAE,2BAA2B;KACpC,aAAa,EAAE,iCAAiC;KAEhD,UAAA,oBAAC,OAAO,MAAR;MAAa,UAAU,CAAC;MAAkB,SAAS;MAChD,UAAA,EAAE,2BAA2B;KACnB,CAAA;IACH,CAAA,GACZ,oBAAC,KAAK,QAAN,CAAc,CAAA,CACD;GACH,CAAA,EAAA,CAAA;EACD,CAAA;CACN,CAAA;AAEf;AAEA,eAAe,cAAc"}

package/dist/lib/chunk-TestContainer.mjs

@@ -1,10 +1,10 @@
 import { Obj } from "@dxos/echo";
-import { Context } from "@dxos/context";
-import { FunctionsServiceClient } from "@dxos/edge-compute";
 import { useCallback, useMemo } from "react";
-import { Panel } from "@dxos/react-ui";
 import { jsx } from "react/jsx-runtime";
 import { useDeployDeps } from "#hooks";
+import { Context } from "@dxos/context";
+import { FunctionsServiceClient } from "@dxos/edge-compute";
+import * as Panel from "@dxos/react-ui/Panel";
 import { TestPanel } from "#components";
 //#region src/containers/TestContainer/TestContainer.tsx
 var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-script/src/containers/TestContainer/TestContainer.tsx";
@@ -26,8 +26,8 @@ var TestContainer = ({ role, script }) => {
 	]);
 	return /* @__PURE__ */ jsx(Panel.Root, {
 		role,
-		classNames: "dx-document",
-		children: /* @__PURE__ */ jsx(Panel.Content, {
+		width: "document",
+		children: /* @__PURE__ */ jsx(Panel.Body, {
 			asChild: true,
 			children: /* @__PURE__ */ jsx(TestPanel, { onInvoke: existingFunctionId ? handleInvoke : void 0 })
 		})

package/dist/lib/chunk-TestContainer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"chunk-TestContainer.mjs","names":[],"sources":["../../src/containers/TestContainer/TestContainer.tsx"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useMemo } from 'react';\n\nimport type * as Script from '@dxos/compute/Script';\nimport { Context } from '@dxos/context';\nimport { Obj } from '@dxos/echo';\nimport { FunctionsServiceClient } from '@dxos/edge-compute';\nimport { Panel } from '@dxos/react-ui';\n\nimport { TestPanel } from '#components';\nimport { useDeployDeps } from '#hooks';\n\nexport type TestContainerProps = {\n  role: string;\n  script: Script.Script;\n};\n\nexport const TestContainer = ({ role, script }: TestContainerProps) => {\n  const { client, fn, existingFunctionId } = useDeployDeps({ script });\n  const spaceId = Obj.getDatabase(script)?.spaceId;\n\n  const functionsClient = useMemo(() => FunctionsServiceClient.fromClient(client), [client]);\n\n  const handleInvoke = useCallback(\n    async (input: unknown) => {\n      if (!fn) {\n        throw new Error('Function not deployed');\n      }\n      return functionsClient.invoke(Context.default(), fn, input, { spaceId });\n    },\n    [fn, functionsClient, spaceId],\n  );\n\n  return (\n    <Panel.Root role={role} classNames='dx-document'>\n      <Panel.Content asChild>\n        <TestPanel onInvoke={existingFunctionId ? handleInvoke : undefined} />\n      </Panel.Content>\n    </Panel.Root>\n  );\n};\n\nTestContainer.displayName = 'TestContainer';\n"],"mappings":";;;;;;;;;;AAoBA,IAAa,iBAAiB,EAAE,MAAM,aAAiC;CACrE,MAAM,EAAE,QAAQ,IAAI,uBAAuB,cAAc,EAAE,OAAO,CAAC;CACnE,MAAM,UAAU,IAAI,YAAY,MAAM,CAAC,EAAE;CAEzC,MAAM,kBAAkB,cAAc,uBAAuB,WAAW,MAAM,GAAG,CAAC,MAAM,CAAC;CAEzF,MAAM,eAAe,YACnB,OAAO,UAAmB;EACxB,IAAI,CAAC,IACH,MAAM,IAAI,MAAM,uBAAuB;EAEzC,OAAO,gBAAgB,OAAO,QAAQ,QAAO,KAAA,GAAA;GAAA,YAAA;GAAA,GAAA;GAAA,GAAA;EAAA,CAAC,GAAG,IAAI,OAAO,EAAE,QAAQ,CAAC;CACzE,GACA;EAAC;EAAI;EAAiB;CAAO,CAC/B;CAEA,OACE,oBAAC,MAAM,MAAP;EAAkB;EAAM,YAAW;EACjC,UAAA,oBAAC,MAAM,SAAP;GAAe,SAAA;GACb,UAAA,oBAAC,WAAD,EAAW,UAAU,qBAAqB,eAAe,KAAA,EAAY,CAAA;EACxD,CAAA;CACL,CAAA;AAEhB;AAEA,cAAc,cAAc"}
+{"version":3,"file":"chunk-TestContainer.mjs","names":[],"sources":["../../src/containers/TestContainer/TestContainer.tsx"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useMemo } from 'react';\n\nimport type * as Script from '@dxos/compute/Script';\nimport { Context } from '@dxos/context';\nimport { Obj } from '@dxos/echo';\nimport { FunctionsServiceClient } from '@dxos/edge-compute';\nimport * as Panel from '@dxos/react-ui/Panel';\n\nimport { TestPanel } from '#components';\nimport { useDeployDeps } from '#hooks';\n\nexport type TestContainerProps = {\n  role: string;\n  script: Script.Script;\n};\n\nexport const TestContainer = ({ role, script }: TestContainerProps) => {\n  const { client, fn, existingFunctionId } = useDeployDeps({ script });\n  const spaceId = Obj.getDatabase(script)?.spaceId;\n\n  const functionsClient = useMemo(() => FunctionsServiceClient.fromClient(client), [client]);\n\n  const handleInvoke = useCallback(\n    async (input: unknown) => {\n      if (!fn) {\n        throw new Error('Function not deployed');\n      }\n      return functionsClient.invoke(Context.default(), fn, input, { spaceId });\n    },\n    [fn, functionsClient, spaceId],\n  );\n\n  return (\n    <Panel.Root role={role} width='document'>\n      <Panel.Body asChild>\n        <TestPanel onInvoke={existingFunctionId ? handleInvoke : undefined} />\n      </Panel.Body>\n    </Panel.Root>\n  );\n};\n\nTestContainer.displayName = 'TestContainer';\n"],"mappings":";;;;;;;;;;AAoBA,IAAa,iBAAiB,EAAE,MAAM,aAAiC;CACrE,MAAM,EAAE,QAAQ,IAAI,uBAAuB,cAAc,EAAE,OAAO,CAAC;CACnE,MAAM,UAAU,IAAI,YAAY,MAAM,CAAC,EAAE;CAEzC,MAAM,kBAAkB,cAAc,uBAAuB,WAAW,MAAM,GAAG,CAAC,MAAM,CAAC;CAEzF,MAAM,eAAe,YACnB,OAAO,UAAmB;EACxB,IAAI,CAAC,IACH,MAAM,IAAI,MAAM,uBAAuB;EAEzC,OAAO,gBAAgB,OAAO,QAAQ,QAAO,KAAA,GAAA;GAAA,YAAA;GAAA,GAAA;GAAA,GAAA;EAAA,CAAC,GAAG,IAAI,OAAO,EAAE,QAAQ,CAAC;CACzE,GACA;EAAC;EAAI;EAAiB;CAAO,CAC/B;CAEA,OACE,oBAAC,MAAM,MAAP;EAAkB;EAAM,OAAM;EAC5B,UAAA,oBAAC,MAAM,MAAP;GAAY,SAAA;GACV,UAAA,oBAAC,WAAD,EAAW,UAAU,qBAAqB,eAAe,KAAA,EAAY,CAAA;EAC3D,CAAA;CACF,CAAA;AAEhB;AAEA,cAAc,cAAc"}

package/dist/lib/chunk-app-graph-builder.mjs

@@ -9,6 +9,7 @@ import * as AppNode from "@dxos/app-toolkit/AppNode";
 var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function* () {
 	const extensions = yield* Effect.all([AppGraphBuilder.createTypeExtension({
 		id: "execute",
+		relation: AppNode.companion,
 		type: Script.Script,
 		connector: () => Effect.succeed([AppNode.makeCompanion({
 			variant: "execute",
@@ -18,6 +19,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 		})])
 	}), AppGraphBuilder.createTypeExtension({
 		id: "logs",
+		relation: AppNode.companion,
 		type: Script.Script,
 		connector: () => Effect.succeed([AppNode.makeCompanion({
 			variant: "logs",

package/dist/lib/chunk-app-graph-builder.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"chunk-app-graph-builder.mjs","names":[],"sources":["../../src/capabilities/app-graph-builder.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport * as Capability from '@dxos/app-framework/Capability';\nimport * as AppGraphBuilder from '@dxos/app-graph/AppGraphBuilder';\nimport * as AppCapabilities from '@dxos/app-toolkit/AppCapabilities';\nimport * as AppNode from '@dxos/app-toolkit/AppNode';\nimport * as Script from '@dxos/compute/Script';\n\nimport { meta } from '#meta';\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* () {\n    const extensions = yield* Effect.all([\n      AppGraphBuilder.createTypeExtension({\n        id: 'execute',\n        type: Script.Script,\n        connector: () =>\n          Effect.succeed([\n            AppNode.makeCompanion({\n              variant: 'execute',\n              label: ['script-test.label', { ns: meta.profile.key }],\n              icon: 'ph--terminal--regular',\n              data: 'execute',\n            }),\n          ]),\n      }),\n      AppGraphBuilder.createTypeExtension({\n        id: 'logs',\n        type: Script.Script,\n        connector: () =>\n          Effect.succeed([\n            AppNode.makeCompanion({\n              variant: 'logs',\n              label: ['script-logs.label', { ns: meta.profile.key }],\n              icon: 'ph--clock-countdown--regular',\n              data: 'logs',\n            }),\n          ]),\n      }),\n    ]);\n\n    return Capability.contribute(AppCapabilities.AppGraphBuilder, extensions);\n  }),\n);\n"],"mappings":";;;;;;;;AAcA,IAAA,4BAAe,WAAW,WACxB,OAAO,WAAW,aAAa;CAC7B,MAAM,aAAa,OAAO,OAAO,IAAI,CACnC,gBAAgB,oBAAoB;EAClC,IAAI;EACJ,MAAM,OAAO;EACb,iBACE,OAAO,QAAQ,CACb,QAAQ,cAAc;GACpB,SAAS;GACT,OAAO,CAAC,qBAAqB,EAAE,IAAI,KAAK,QAAQ,IAAI,CAAC;GACrD,MAAM;GACN,MAAM;EACR,CAAC,CACH,CAAC;CACL,CAAC,GACD,gBAAgB,oBAAoB;EAClC,IAAI;EACJ,MAAM,OAAO;EACb,iBACE,OAAO,QAAQ,CACb,QAAQ,cAAc;GACpB,SAAS;GACT,OAAO,CAAC,qBAAqB,EAAE,IAAI,KAAK,QAAQ,IAAI,CAAC;GACrD,MAAM;GACN,MAAM;EACR,CAAC,CACH,CAAC;CACL,CAAC,CACH,CAAC;CAED,OAAO,WAAW,WAAW,gBAAgB,iBAAiB,UAAU;AAC1E,CAAC,CACH"}
+{"version":3,"file":"chunk-app-graph-builder.mjs","names":[],"sources":["../../src/capabilities/app-graph-builder.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport * as Capability from '@dxos/app-framework/Capability';\nimport * as AppGraphBuilder from '@dxos/app-graph/AppGraphBuilder';\nimport * as AppCapabilities from '@dxos/app-toolkit/AppCapabilities';\nimport * as AppNode from '@dxos/app-toolkit/AppNode';\nimport * as Script from '@dxos/compute/Script';\n\nimport { meta } from '#meta';\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* () {\n    const extensions = yield* Effect.all([\n      AppGraphBuilder.createTypeExtension({\n        id: 'execute',\n        relation: AppNode.companion,\n        type: Script.Script,\n        connector: () =>\n          Effect.succeed([\n            AppNode.makeCompanion({\n              variant: 'execute',\n              label: ['script-test.label', { ns: meta.profile.key }],\n              icon: 'ph--terminal--regular',\n              data: 'execute',\n            }),\n          ]),\n      }),\n      AppGraphBuilder.createTypeExtension({\n        id: 'logs',\n        relation: AppNode.companion,\n        type: Script.Script,\n        connector: () =>\n          Effect.succeed([\n            AppNode.makeCompanion({\n              variant: 'logs',\n              label: ['script-logs.label', { ns: meta.profile.key }],\n              icon: 'ph--clock-countdown--regular',\n              data: 'logs',\n            }),\n          ]),\n      }),\n    ]);\n\n    return Capability.contribute(AppCapabilities.AppGraphBuilder, extensions);\n  }),\n);\n"],"mappings":";;;;;;;;AAcA,IAAA,4BAAe,WAAW,WACxB,OAAO,WAAW,aAAa;CAC7B,MAAM,aAAa,OAAO,OAAO,IAAI,CACnC,gBAAgB,oBAAoB;EAClC,IAAI;EACJ,UAAU,QAAQ;EAClB,MAAM,OAAO;EACb,iBACE,OAAO,QAAQ,CACb,QAAQ,cAAc;GACpB,SAAS;GACT,OAAO,CAAC,qBAAqB,EAAE,IAAI,KAAK,QAAQ,IAAI,CAAC;GACrD,MAAM;GACN,MAAM;EACR,CAAC,CACH,CAAC;CACL,CAAC,GACD,gBAAgB,oBAAoB;EAClC,IAAI;EACJ,UAAU,QAAQ;EAClB,MAAM,OAAO;EACb,iBACE,OAAO,QAAQ,CACb,QAAQ,cAAc;GACpB,SAAS;GACT,OAAO,CAAC,qBAAqB,EAAE,IAAI,KAAK,QAAQ,IAAI,CAAC;GACrD,MAAM;GACN,MAAM;EACR,CAAC,CACH,CAAC;CACL,CAAC,CACH,CAAC;CAED,OAAO,WAAW,WAAW,gBAAgB,iBAAiB,UAAU;AAC1E,CAAC,CACH"}