@dxos/plugin-script 0.8.4-main.bc674ce → 0.8.4-main.bcb3aa67d6

package/dist/lib/browser/ScriptContainer-BOCXMLNN.mjs

@@ -0,0 +1,82 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/ScriptContainer/ScriptContainer.tsx
+import React, { useMemo } from "react";
+import { Obj } from "@dxos/echo";
+import { createDocAccessor } from "@dxos/echo-db";
+import { getSpace } from "@dxos/react-client/echo";
+import { useIdentity } from "@dxos/react-client/halo";
+import { Panel } from "@dxos/react-ui";
+import { createDataExtensions, listener, editorClassNames } from "@dxos/ui-editor";
+import { ScriptToolbar, TypescriptEditor } from "#components";
+import { useDeployState, useToolbarState } from "#hooks";
+var ScriptContainer = ({ role, attendableId, subject: script, settings = {
+  editorInputMode: "vscode"
+}, env }) => {
+  const identity = useIdentity();
+  const space = getSpace(script);
+  const state = useToolbarState();
+  useDeployState({
+    script,
+    state
+  });
+  const extensions = useMemo(() => {
+    if (!script.source.target) {
+      return [];
+    }
+    return [
+      createDataExtensions({
+        id: script.id,
+        text: createDocAccessor(script.source.target, [
+          "content"
+        ]),
+        messenger: space,
+        identity
+      }),
+      listener({
+        onChange: ({ text }) => {
+          if (script.source.target?.content !== text) {
+            Obj.change(script, (obj) => {
+              obj.changed = true;
+            });
+          }
+        }
+      })
+    ];
+  }, [
+    identity,
+    space,
+    script,
+    script.source.target
+  ]);
+  if (!extensions.length) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(Panel.Root, {
+    role
+  }, /* @__PURE__ */ React.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(ScriptToolbar, {
+    script,
+    attendableId,
+    state,
+    role
+  })), /* @__PURE__ */ React.createElement(Panel.Content, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(TypescriptEditor, {
+    classNames: editorClassNames(role),
+    id: script.id,
+    env,
+    initialValue: script.source?.target?.content,
+    extensions,
+    inputMode: settings.editorInputMode,
+    toolbar: true
+  })));
+};
+
+// src/containers/ScriptContainer/index.ts
+var ScriptContainer_default = ScriptContainer;
+export {
+  ScriptContainer_default as default
+};
+//# sourceMappingURL=ScriptContainer-BOCXMLNN.mjs.map

package/dist/lib/browser/ScriptContainer-BOCXMLNN.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ScriptContainer/ScriptContainer.tsx", "../../../src/containers/ScriptContainer/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useMemo } from 'react';\n\nimport { type ObjectSurfaceProps } from '@dxos/app-toolkit/ui';\nimport { Obj } from '@dxos/echo';\nimport { createDocAccessor } from '@dxos/echo-db';\nimport { type Script } from '@dxos/functions';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { Panel } from '@dxos/react-ui';\nimport { createDataExtensions, listener, editorClassNames } from '@dxos/ui-editor';\n\nimport { ScriptToolbar, TypescriptEditor, type TypescriptEditorProps } from '#components';\nimport { useDeployState, useToolbarState } from '#hooks';\nimport { type Settings } from '#types';\n\nexport type ScriptEditorProps = ObjectSurfaceProps<\n  Script.Script,\n  {\n    settings?: Settings.Settings;\n  } & Pick<TypescriptEditorProps, 'env'>\n>;\n\nexport const ScriptContainer = ({\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: createDocAccessor(script.source.target, ['content']),\n        messenger: space,\n        identity,\n      }),\n      listener({\n        onChange: ({ text }) => {\n          if (script.source.target?.content !== text) {\n            Obj.change(script, (obj) => {\n              obj.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", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { ScriptContainer } from './ScriptContainer';\n\nexport default ScriptContainer;\n"],
+  "mappings": ";;;AAIA,OAAOA,SAASC,eAAe;AAG/B,SAASC,WAAW;AACpB,SAASC,yBAAyB;AAElC,SAASC,gBAAgB;AACzB,SAASC,mBAAmB;AAC5B,SAASC,aAAa;AACtB,SAASC,sBAAsBC,UAAUC,wBAAwB;AAEjE,SAASC,eAAeC,wBAAoD;AAC5E,SAASC,gBAAgBC,uBAAuB;AAUzC,IAAMC,kBAAkB,CAAC,EAC9BC,MACAC,cACAC,SAASC,QACTC,WAAW;EAAEC,iBAAiB;AAAS,GACvCC,IAAG,MACe;AAClB,QAAMC,WAAWC,YAAAA;AACjB,QAAMC,QAAQC,SAASP,MAAAA;AACvB,QAAMQ,QAAQC,gBAAAA;AACdC,iBAAe;IAAEV;IAAQQ;EAAM,CAAA;AAE/B,QAAMG,aAAaC,QAAQ,MAAA;AACzB,QAAI,CAACZ,OAAOa,OAAOC,QAAQ;AACzB,aAAO,CAAA;IACT;AAEA,WAAO;MACLC,qBAAqB;QACnBC,IAAIhB,OAAOgB;QACXC,MAAMC,kBAAkBlB,OAAOa,OAAOC,QAAQ;UAAC;SAAU;QACzDK,WAAWb;QACXF;MACF,CAAA;MACAgB,SAAS;QACPC,UAAU,CAAC,EAAEJ,KAAI,MAAE;AACjB,cAAIjB,OAAOa,OAAOC,QAAQQ,YAAYL,MAAM;AAC1CM,gBAAIC,OAAOxB,QAAQ,CAACyB,QAAAA;AAClBA,kBAAIC,UAAU;YAChB,CAAA;UACF;QACF;MACF,CAAA;;EAEJ,GAAG;IAACtB;IAAUE;IAAON;IAAQA,OAAOa,OAAOC;GAAO;AAElD,MAAI,CAACH,WAAWgB,QAAQ;AACtB,WAAO;EACT;AAEA,SACE,sBAAA,cAACC,MAAMC,MAAI;IAAChC;KACV,sBAAA,cAAC+B,MAAME,SAAO;IAACC,SAAAA;KACb,sBAAA,cAACC,eAAAA;IAAchC;IAAgBF;IAA4BU;IAAcX;OAE3E,sBAAA,cAAC+B,MAAMK,SAAO;IAACF,SAAAA;KACb,sBAAA,cAACG,kBAAAA;IACCC,YAAYC,iBAAiBvC,IAAAA;IAC7BmB,IAAIhB,OAAOgB;IACXb;IACAkC,cAAcrC,OAAOa,QAAQC,QAAQQ;IACrCX;IACA2B,WAAWrC,SAASC;IACpBqC,SAAAA;;AAKV;;;AC9EA,IAAA,0BAAeC;",
+  "names": ["React", "useMemo", "Obj", "createDocAccessor", "getSpace", "useIdentity", "Panel", "createDataExtensions", "listener", "editorClassNames", "ScriptToolbar", "TypescriptEditor", "useDeployState", "useToolbarState", "ScriptContainer", "role", "attendableId", "subject", "script", "settings", "editorInputMode", "env", "identity", "useIdentity", "space", "getSpace", "state", "useToolbarState", "useDeployState", "extensions", "useMemo", "source", "target", "createDataExtensions", "id", "text", "createDocAccessor", "messenger", "listener", "onChange", "content", "Obj", "change", "obj", "changed", "length", "Panel", "Root", "Toolbar", "asChild", "ScriptToolbar", "Content", "TypescriptEditor", "classNames", "editorClassNames", "initialValue", "inputMode", "toolbar", "ScriptContainer"]
+}

package/dist/lib/browser/ScriptObjectSettings-QKJFTSLS.mjs

@@ -0,0 +1,295 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/ScriptObjectSettings/ScriptObjectSettings.tsx
+import { Octokit } from "@octokit/core";
+import React, { useCallback, useState } from "react";
+import { ToolId } from "@dxos/ai";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { SettingsOperation } from "@dxos/app-toolkit";
+import { Blueprint, Template } from "@dxos/blueprints";
+import { Filter, Obj, Ref } from "@dxos/echo";
+import { getUserFunctionIdInMetadata } from "@dxos/functions";
+import { Operation } from "@dxos/operation";
+import { getInvocationUrl } from "@dxos/functions-runtime";
+import { log } from "@dxos/log";
+import { useClient } from "@dxos/react-client";
+import { useQuery } from "@dxos/react-client/echo";
+import { Button, Clipboard, Input, useAsyncEffect, useControlledState, useTranslation } from "@dxos/react-ui";
+import { AccessToken } from "@dxos/types";
+import { kebabize } from "@dxos/util";
+import { meta } from "#meta";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-script/src/containers/ScriptObjectSettings/ScriptObjectSettings.tsx";
+var ScriptObjectSettings = ({ object }) => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Binding, {
+    object
+  }), /* @__PURE__ */ React.createElement(BlueprintEditor, {
+    object
+  }), /* @__PURE__ */ React.createElement(Publishing, {
+    object
+  }));
+};
+var BlueprintEditor = ({ object }) => {
+  const { t } = useTranslation(meta.id);
+  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) => bp.key === blueprintKey);
+  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.change(text, (obj) => {
+          obj.content = instructions;
+        });
+        if (fn?.key) {
+          const toolId = ToolId.make(fn.key);
+          if (!existingBlueprint.tools?.includes(toolId)) {
+            Obj.change(existingBlueprint, (obj) => {
+              obj.tools = [
+                ...obj.tools ?? [],
+                toolId
+              ];
+            });
+          }
+        }
+      } else if (fn?.key) {
+        db.add(Blueprint.make({
+          key: blueprintKey,
+          name: object.name ?? "Script",
+          instructions: Template.make({
+            source: instructions
+          }),
+          tools: [
+            ToolId.make(fn.key)
+          ]
+        }));
+      }
+      await db.flush();
+    } finally {
+      setCreating(false);
+    }
+  }, [
+    db,
+    existingBlueprint,
+    fn,
+    blueprintKey,
+    object.name,
+    instructions
+  ]);
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "flex flex-col gap-4 my-form-padding"
+  }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", null, t("blueprint-editor.label", {
+    default: "Blueprint"
+  })), /* @__PURE__ */ React.createElement("p", {
+    className: "text-description text-sm"
+  }, t("blueprint-editor.description", {
+    default: "Create a blueprint that exposes this script as a tool."
+  }))), /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "flex flex-col gap-1"
+  }, /* @__PURE__ */ React.createElement(Input.Label, null, t("blueprint-instructions.label", {
+    default: "Instructions"
+  })), /* @__PURE__ */ React.createElement(Input.TextArea, {
+    placeholder: t("blueprint-instructions.placeholder", {
+      default: "Describe how this tool should be used."
+    }),
+    rows: 6,
+    value: instructions,
+    onChange: (event) => setInstructions(event.target.value),
+    classNames: "resize-y"
+  }))), /* @__PURE__ */ React.createElement("div", {
+    className: "flex justify-end gap-2"
+  }, /* @__PURE__ */ React.createElement(Button, {
+    disabled: !existingBlueprint && !fn?.key || creating,
+    onClick: handleSave
+  }, t(creating ? "creating label" : "create blueprint label", {
+    default: creating ? "Creating\u2026" : "Create blueprint"
+  }))));
+};
+var Binding = ({ object }) => {
+  const { t } = useTranslation(meta.id);
+  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 handleBindingChange = useCallback((event) => {
+    setBinding(event.target.value);
+  }, [
+    setBinding
+  ]);
+  const handleBindingBlur = useCallback(() => {
+    if (fn) {
+      Obj.change(fn, (obj) => {
+        obj.binding = binding;
+      });
+    }
+  }, [
+    fn,
+    binding
+  ]);
+  if (!fn) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement("div", {
+    role: "form",
+    className: "flex flex-col gap-2 my-form-padding"
+  }, /* @__PURE__ */ React.createElement("h2", null, t("remote-function-settings.heading")), functionUrl && /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "flex flex-col gap-1"
+  }, /* @__PURE__ */ React.createElement(Input.Label, null, t("function-url.label")), /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "flex gap-1"
+  }, /* @__PURE__ */ React.createElement(Input.TextInput, {
+    disabled: true,
+    value: functionUrl,
+    onChange: (event) => {
+      Obj.change(fn, (obj) => {
+        obj.name = event.target.value;
+      });
+    }
+  }), /* @__PURE__ */ React.createElement(Clipboard.IconButton, {
+    value: functionUrl
+  })))), /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "flex flex-col gap-1"
+  }, /* @__PURE__ */ React.createElement(Input.Label, null, t("function-binding.label")), /* @__PURE__ */ React.createElement(Input.TextInput, {
+    placeholder: t("function-binding.placeholder"),
+    value: binding,
+    onChange: handleBindingChange,
+    onBlur: handleBindingBlur
+  }))));
+};
+var Publishing = ({ object }) => {
+  const { t } = useTranslation(meta.id);
+  const { invokePromise } = 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 () => {
+    const token = githubToken?.token;
+    const gistId = gistKey?.id;
+    if (!token || !gistId) {
+      setGistUrl(void 0);
+      return;
+    }
+    try {
+      const octokit = new Octokit({
+        auth: githubToken.token
+      });
+      const response = await octokit.request("GET /gists/{gist_id}", {
+        gist_id: gistId
+      });
+      setGistUrl(response.data.html_url);
+    } catch (err) {
+      log.catch(err, void 0, {
+        F: __dxlog_file,
+        L: 225,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+      setGistUrl(void 0);
+    }
+  }, [
+    githubToken,
+    gistKey
+  ]);
+  const handleOpenTokenManager = useCallback(() => invokePromise(SettingsOperation.Open, {
+    plugin: "org.dxos.plugin.token-manager"
+  }), [
+    invokePromise
+  ]);
+  const [publishing, setPublishing] = useState(false);
+  const handlePublish = useCallback(async () => {
+    setPublishing(true);
+    const octokit = new Octokit({
+      auth: githubToken.token
+    });
+    const source = await object.source.load();
+    const filename = object.name ? kebabize(object.name) : "composer-script";
+    const files = {
+      [`${filename}.ts`]: {
+        content: source.content
+      }
+    };
+    try {
+      const meta2 = Obj.getMeta(object);
+      const githubKey = meta2.keys.find(({ source: source2 }) => source2 === "github.com");
+      const gistId = githubKey?.id;
+      if (gistId) {
+        await octokit.request("PATCH /gists/{gist_id}", {
+          gist_id: gistId,
+          files
+        });
+      } else {
+        const response = await octokit.request("POST /gists", {
+          public: true,
+          files
+        });
+        const gistId2 = response.data.id;
+        if (gistId2) {
+          Obj.change(object, (obj) => {
+            Obj.getMeta(obj).keys.push({
+              source: "github.com",
+              id: gistId2
+            });
+          });
+        }
+      }
+    } finally {
+      setPublishing(false);
+    }
+  }, [
+    object,
+    githubToken
+  ]);
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "flex flex-col gap-4 my-form-padding"
+  }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", null, t("script-publish-settings.label")), /* @__PURE__ */ React.createElement("p", {
+    className: "text-description text-sm"
+  }, t("script-publish-settings.description"))), !githubToken && /* @__PURE__ */ React.createElement("div", {
+    className: "flex flex-col gap-2"
+  }, /* @__PURE__ */ React.createElement("span", null, t("no-github-token.label")), /* @__PURE__ */ React.createElement(Button, {
+    onClick: handleOpenTokenManager
+  }, t("open-token-manager.label"))), githubToken && /* @__PURE__ */ React.createElement("div", {
+    className: "flex justify-end gap-2"
+  }, gistUrl && /* @__PURE__ */ React.createElement(Clipboard.IconButton, {
+    value: gistUrl
+  }), /* @__PURE__ */ React.createElement(Button, {
+    disabled: publishing,
+    onClick: handlePublish
+  }, t(publishing ? "publishing label" : "publish label"))));
+};
+
+// src/containers/ScriptObjectSettings/index.ts
+var ScriptObjectSettings_default = ScriptObjectSettings;
+export {
+  ScriptObjectSettings_default as default
+};
+//# sourceMappingURL=ScriptObjectSettings-QKJFTSLS.mjs.map

package/dist/lib/browser/ScriptObjectSettings-QKJFTSLS.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ScriptObjectSettings/ScriptObjectSettings.tsx", "../../../src/containers/ScriptObjectSettings/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Octokit } from '@octokit/core';\nimport React, { type ChangeEvent, useCallback, useState } from 'react';\n\nimport { ToolId } from '@dxos/ai';\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { SettingsOperation } from '@dxos/app-toolkit';\nimport { Blueprint, Template } from '@dxos/blueprints';\nimport { Filter, Obj, Ref } from '@dxos/echo';\nimport { type Script, getUserFunctionIdInMetadata } from '@dxos/functions';\nimport { Operation } from '@dxos/operation';\nimport { getInvocationUrl } from '@dxos/functions-runtime';\nimport { log } from '@dxos/log';\nimport { useClient } from '@dxos/react-client';\nimport { useQuery } from '@dxos/react-client/echo';\nimport { Button, Clipboard, Input, useAsyncEffect, useControlledState, useTranslation } from '@dxos/react-ui';\nimport { AccessToken } from '@dxos/types';\nimport { kebabize } from '@dxos/util';\n\nimport { meta } from '#meta';\n\nexport type ScriptObjectSettingsProps = {\n  object: Script.Script;\n};\n\nexport const ScriptObjectSettings = ({ object }: ScriptObjectSettingsProps) => {\n  return (\n    <>\n      <Binding object={object} />\n      <BlueprintEditor object={object} />\n      <Publishing object={object} />\n    </>\n  );\n};\n\nconst BlueprintEditor = ({ object }: ScriptObjectSettingsProps) => {\n  const { t } = useTranslation(meta.id);\n  const db = Obj.getDatabase(object);\n  const [fn] = useQuery(db, Filter.type(Operation.PersistentOperation, { source: Ref.make(object) }));\n  const blueprints = useQuery(db, Filter.type(Blueprint.Blueprint));\n\n  const [creating, setCreating] = useState(false);\n  const [instructions, setInstructions] = useState<string>(`You can run the script \"${object.name ?? 'script'}\".`);\n  const blueprintKey = `org.dxos.blueprint.${kebabize(object.name ?? 'script')}`;\n  const existingBlueprint = blueprints.find((bp) => bp.key === blueprintKey);\n\n  useAsyncEffect(async () => {\n    if (!existingBlueprint) {\n      return;\n    }\n    const source = await existingBlueprint.instructions.source.load();\n    setInstructions(source.content ?? '');\n  }, [existingBlueprint]);\n\n  const handleSave = useCallback(async () => {\n    if (!db) {\n      return;\n    }\n\n    setCreating(true);\n    try {\n      if (existingBlueprint) {\n        const text = await existingBlueprint.instructions.source.load();\n        Obj.change(text, (obj) => {\n          obj.content = instructions;\n        });\n        if (fn?.key) {\n          const toolId = ToolId.make(fn.key);\n          if (!existingBlueprint.tools?.includes(toolId)) {\n            Obj.change(existingBlueprint, (obj) => {\n              obj.tools = [...(obj.tools ?? []), toolId];\n            });\n          }\n        }\n      } else if (fn?.key) {\n        db.add(\n          Blueprint.make({\n            key: blueprintKey,\n            name: object.name ?? 'Script',\n            instructions: Template.make({\n              source: instructions,\n            }),\n            tools: [ToolId.make(fn.key)],\n          }),\n        );\n      }\n      await db.flush();\n    } finally {\n      setCreating(false);\n    }\n  }, [db, existingBlueprint, fn, blueprintKey, object.name, instructions]);\n\n  return (\n    <div className='flex flex-col gap-4 my-form-padding'>\n      <div>\n        <h2>{t('blueprint-editor.label', { default: 'Blueprint' })}</h2>\n        <p className='text-description text-sm'>\n          {t('blueprint-editor.description', {\n            default: 'Create a blueprint that exposes this script as a tool.',\n          })}\n        </p>\n      </div>\n      <Input.Root>\n        <div role='none' className='flex flex-col gap-1'>\n          <Input.Label>{t('blueprint-instructions.label', { default: 'Instructions' })}</Input.Label>\n          <Input.TextArea\n            placeholder={t('blueprint-instructions.placeholder', {\n              default: 'Describe how this tool should be used.',\n            })}\n            rows={6}\n            value={instructions}\n            onChange={(event) => setInstructions(event.target.value)}\n            classNames='resize-y'\n          />\n        </div>\n      </Input.Root>\n      <div className='flex justify-end gap-2'>\n        <Button disabled={(!existingBlueprint && !fn?.key) || creating} onClick={handleSave}>\n          {t(creating ? 'creating label' : 'create blueprint label', {\n            default: creating ? 'Creating…' : 'Create blueprint',\n          })}\n        </Button>\n      </div>\n    </div>\n  );\n};\n\nconst Binding = ({ object }: ScriptObjectSettingsProps) => {\n  const { t } = useTranslation(meta.id);\n  const client = useClient();\n  const db = Obj.getDatabase(object);\n  const [fn] = useQuery(db, Filter.type(Operation.PersistentOperation, { source: Ref.make(object) }));\n\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>) => {\n      setBinding(event.target.value);\n    },\n    [setBinding],\n  );\n\n  const handleBindingBlur = useCallback(() => {\n    if (fn) {\n      Obj.change(fn, (obj) => {\n        obj.binding = binding;\n      });\n    }\n  }, [fn, binding]);\n\n  if (!fn) {\n    return null;\n  }\n\n  return (\n    <div role='form' className='flex flex-col gap-2 my-form-padding'>\n      <h2>{t('remote-function-settings.heading')}</h2>\n      {functionUrl && (\n        <Input.Root>\n          <div role='none' className='flex flex-col gap-1'>\n            <Input.Label>{t('function-url.label')}</Input.Label>\n            <div role='none' className='flex gap-1'>\n              <Input.TextInput\n                disabled\n                value={functionUrl}\n                onChange={(event) => {\n                  Obj.change(fn, (obj) => {\n                    obj.name = event.target.value;\n                  });\n                }}\n              />\n              <Clipboard.IconButton value={functionUrl} />\n            </div>\n          </div>\n        </Input.Root>\n      )}\n      <Input.Root>\n        <div role='none' className='flex flex-col gap-1'>\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        </div>\n      </Input.Root>\n    </div>\n  );\n};\n\n// TODO(burdon): Move to separate tab?\nconst Publishing = ({ object }: ScriptObjectSettingsProps) => {\n  const { t } = useTranslation(meta.id);\n  const { invokePromise } = useOperationInvoker();\n  const db = Obj.getDatabase(object);\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.change(object, (obj) => {\n            Obj.getMeta(obj).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 gap-4 my-form-padding'>\n      <div>\n        <h2>{t('script-publish-settings.label')}</h2>\n        <p className='text-description text-sm'>{t('script-publish-settings.description')}</p>\n      </div>\n      {!githubToken && (\n        <div className='flex flex-col gap-2'>\n          <span>{t('no-github-token.label')}</span>\n          <Button onClick={handleOpenTokenManager}>{t('open-token-manager.label')}</Button>\n        </div>\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(publishing ? 'publishing label' : 'publish label')}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { ScriptObjectSettings } from './ScriptObjectSettings';\n\nexport default ScriptObjectSettings;\n"],
+  "mappings": "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",
+  "names": ["Octokit", "React", "useCallback", "useState", "ToolId", "useOperationInvoker", "SettingsOperation", "Blueprint", "Template", "Filter", "Obj", "Ref", "getUserFunctionIdInMetadata", "Operation", "getInvocationUrl", "log", "useClient", "useQuery", "Button", "Clipboard", "Input", "useAsyncEffect", "useControlledState", "useTranslation", "AccessToken", "kebabize", "meta", "ScriptObjectSettings", "object", "Binding", "BlueprintEditor", "Publishing", "t", "id", "db", "getDatabase", "fn", "type", "PersistentOperation", "source", "make", "blueprints", "creating", "setCreating", "instructions", "setInstructions", "name", "blueprintKey", "existingBlueprint", "find", "bp", "key", "load", "content", "handleSave", "text", "change", "obj", "toolId", "tools", "includes", "add", "flush", "div", "className", "h2", "default", "p", "Root", "role", "Label", "TextArea", "placeholder", "rows", "value", "onChange", "event", "target", "classNames", "disabled", "onClick", "client", "functionId", "getMeta", "functionUrl", "config", "values", "runtime", "services", "edge", "url", "spaceId", "binding", "setBinding", "handleBindingChange", "handleBindingBlur", "TextInput", "IconButton", "onBlur", "invokePromise", "githubToken", "gistKey", "keys", "gistUrl", "setGistUrl", "token", "gistId", "undefined", "octokit", "auth", "response", "request", "gist_id", "data", "html_url", "err", "catch", "handleOpenTokenManager", "Open", "plugin", "publishing", "setPublishing", "handlePublish", "filename", "files", "githubKey", "public", "push", "span", "ScriptObjectSettings"]
+}

package/dist/lib/browser/ScriptPluginSettings-AMWZF7LZ.mjs

@@ -0,0 +1,47 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/components/ScriptPluginSettings/ScriptPluginSettings.tsx
+import React from "react";
+import { Button, Select, useTranslation } from "@dxos/react-ui";
+import { Settings as SettingsForm } from "@dxos/react-ui-form";
+import { EditorInputModes } from "@dxos/ui-editor";
+import { meta } from "#meta";
+var ScriptPluginSettings = ({ settings, onSettingsChange, onAuthenticate }) => {
+  const { t } = useTranslation(meta.id);
+  return /* @__PURE__ */ React.createElement(SettingsForm.Viewport, null, /* @__PURE__ */ React.createElement(SettingsForm.Section, {
+    title: t("settings.title", {
+      ns: meta.id
+    })
+  }, /* @__PURE__ */ React.createElement(SettingsForm.Item, {
+    title: t("authenticate-action.label"),
+    description: t("authenticate-action.description")
+  }, /* @__PURE__ */ React.createElement(Button, {
+    disabled: !onSettingsChange,
+    onClick: onAuthenticate
+  }, t("authenticate-button.label"))), /* @__PURE__ */ React.createElement(SettingsForm.Item, {
+    title: t("editor-input-mode.label"),
+    description: t("editor-input-mode.description")
+  }, /* @__PURE__ */ React.createElement(Select.Root, {
+    disabled: !onSettingsChange,
+    value: settings.editorInputMode ?? "default",
+    onValueChange: (value) => {
+      onSettingsChange?.((s) => ({
+        ...s,
+        editorInputMode: value
+      }));
+    }
+  }, /* @__PURE__ */ React.createElement(Select.TriggerButton, {
+    disabled: !onSettingsChange,
+    placeholder: t("select-editor-input-mode.placeholder")
+  }), /* @__PURE__ */ React.createElement(Select.Portal, null, /* @__PURE__ */ React.createElement(Select.Content, null, /* @__PURE__ */ React.createElement(Select.Viewport, null, EditorInputModes.map((mode) => /* @__PURE__ */ React.createElement(Select.Option, {
+    key: mode,
+    value: mode
+  }, t(`settings.editor-input-mode.${mode}.label`)))), /* @__PURE__ */ React.createElement(Select.Arrow, null)))))));
+};
+
+// src/components/ScriptPluginSettings/index.ts
+var ScriptPluginSettings_default = ScriptPluginSettings;
+export {
+  ScriptPluginSettings_default as default
+};
+//# sourceMappingURL=ScriptPluginSettings-AMWZF7LZ.mjs.map

package/dist/lib/browser/ScriptPluginSettings-AMWZF7LZ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ScriptPluginSettings/ScriptPluginSettings.tsx", "../../../src/components/ScriptPluginSettings/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type SettingsSurfaceProps } from '@dxos/app-toolkit/ui';\nimport { Button, Select, useTranslation } from '@dxos/react-ui';\nimport { Settings as SettingsForm } from '@dxos/react-ui-form';\nimport { type EditorInputMode, EditorInputModes } from '@dxos/ui-editor';\n\nimport { meta } from '#meta';\nimport { type Settings } from '#types';\n\nexport type ScriptPluginSettingsProps = SettingsSurfaceProps<\n  Settings.Settings,\n  {\n    onAuthenticate?: () => void;\n  }\n>;\n\nexport const ScriptPluginSettings = ({ settings, onSettingsChange, onAuthenticate }: ScriptPluginSettingsProps) => {\n  const { t } = useTranslation(meta.id);\n\n  return (\n    <SettingsForm.Viewport>\n      <SettingsForm.Section title={t('settings.title', { ns: meta.id })}>\n        {/* TODO(wittjosiah): Hide outside of dev environments. */}\n        <SettingsForm.Item title={t('authenticate-action.label')} description={t('authenticate-action.description')}>\n          <Button disabled={!onSettingsChange} onClick={onAuthenticate}>\n            {t('authenticate-button.label')}\n          </Button>\n        </SettingsForm.Item>\n\n        <SettingsForm.Item title={t('editor-input-mode.label')} description={t('editor-input-mode.description')}>\n          <Select.Root\n            disabled={!onSettingsChange}\n            value={settings.editorInputMode ?? 'default'}\n            onValueChange={(value) => {\n              onSettingsChange?.((s) => ({ ...s, editorInputMode: value as EditorInputMode }));\n            }}\n          >\n            <Select.TriggerButton\n              disabled={!onSettingsChange}\n              placeholder={t('select-editor-input-mode.placeholder')}\n            />\n            <Select.Portal>\n              <Select.Content>\n                <Select.Viewport>\n                  {EditorInputModes.map((mode) => (\n                    <Select.Option key={mode} value={mode}>\n                      {t(`settings.editor-input-mode.${mode}.label`)}\n                    </Select.Option>\n                  ))}\n                </Select.Viewport>\n                <Select.Arrow />\n              </Select.Content>\n            </Select.Portal>\n          </Select.Root>\n        </SettingsForm.Item>\n      </SettingsForm.Section>\n    </SettingsForm.Viewport>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { ScriptPluginSettings } from './ScriptPluginSettings';\n\nexport default ScriptPluginSettings;\n"],
+  "mappings": ";;;AAIA,OAAOA,WAAW;AAGlB,SAASC,QAAQC,QAAQC,sBAAsB;AAC/C,SAASC,YAAYC,oBAAoB;AACzC,SAA+BC,wBAAwB;AAEvD,SAASC,YAAY;AAUd,IAAMC,uBAAuB,CAAC,EAAEC,UAAUC,kBAAkBC,eAAc,MAA6B;AAC5G,QAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AAEpC,SACE,sBAAA,cAACC,aAAaC,UAAQ,MACpB,sBAAA,cAACD,aAAaE,SAAO;IAACC,OAAOP,EAAE,kBAAkB;MAAEQ,IAAIN,KAAKC;IAAG,CAAA;KAE7D,sBAAA,cAACC,aAAaK,MAAI;IAACF,OAAOP,EAAE,2BAAA;IAA8BU,aAAaV,EAAE,iCAAA;KACvE,sBAAA,cAACW,QAAAA;IAAOC,UAAU,CAACd;IAAkBe,SAASd;KAC3CC,EAAE,2BAAA,CAAA,CAAA,GAIP,sBAAA,cAACI,aAAaK,MAAI;IAACF,OAAOP,EAAE,yBAAA;IAA4BU,aAAaV,EAAE,+BAAA;KACrE,sBAAA,cAACc,OAAOC,MAAI;IACVH,UAAU,CAACd;IACXkB,OAAOnB,SAASoB,mBAAmB;IACnCC,eAAe,CAACF,UAAAA;AACdlB,yBAAmB,CAACqB,OAAO;QAAE,GAAGA;QAAGF,iBAAiBD;MAAyB,EAAA;IAC/E;KAEA,sBAAA,cAACF,OAAOM,eAAa;IACnBR,UAAU,CAACd;IACXuB,aAAarB,EAAE,sCAAA;MAEjB,sBAAA,cAACc,OAAOQ,QAAM,MACZ,sBAAA,cAACR,OAAOS,SAAO,MACb,sBAAA,cAACT,OAAOT,UAAQ,MACbmB,iBAAiBC,IAAI,CAACC,SACrB,sBAAA,cAACZ,OAAOa,QAAM;IAACC,KAAKF;IAAMV,OAAOU;KAC9B1B,EAAE,8BAA8B0B,IAAAA,QAAY,CAAA,CAAA,CAAA,GAInD,sBAAA,cAACZ,OAAOe,OAAK,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAQ7B;;;ACzDA,IAAA,+BAAeC;",
+  "names": ["React", "Button", "Select", "useTranslation", "Settings", "SettingsForm", "EditorInputModes", "meta", "ScriptPluginSettings", "settings", "onSettingsChange", "onAuthenticate", "t", "useTranslation", "meta", "id", "SettingsForm", "Viewport", "Section", "title", "ns", "Item", "description", "Button", "disabled", "onClick", "Select", "Root", "value", "editorInputMode", "onValueChange", "s", "TriggerButton", "placeholder", "Portal", "Content", "EditorInputModes", "map", "mode", "Option", "key", "Arrow", "ScriptPluginSettings"]
+}

package/dist/lib/browser/ScriptProperties-VBOIIRJJ.mjs

@@ -0,0 +1,26 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/ScriptProperties/ScriptProperties.tsx
+import React from "react";
+import { Obj } from "@dxos/echo";
+import { Input, useTranslation } from "@dxos/react-ui";
+import { meta } from "#meta";
+var ScriptProperties = ({ object }) => {
+  const { t } = useTranslation(meta.id);
+  return /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Label, null, t("description.label")), /* @__PURE__ */ React.createElement(Input.TextInput, {
+    placeholder: t("description.placeholder"),
+    value: object.description ?? "",
+    onChange: (event) => {
+      Obj.change(object, (obj) => {
+        obj.description = event.target.value;
+      });
+    }
+  }));
+};
+
+// src/containers/ScriptProperties/index.ts
+var ScriptProperties_default = ScriptProperties;
+export {
+  ScriptProperties_default as default
+};
+//# sourceMappingURL=ScriptProperties-VBOIIRJJ.mjs.map

package/dist/lib/browser/ScriptProperties-VBOIIRJJ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ScriptProperties/ScriptProperties.tsx", "../../../src/containers/ScriptProperties/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Obj } from '@dxos/echo';\nimport { type Script } from '@dxos/functions';\nimport { Input, useTranslation } from '@dxos/react-ui';\n\nimport { meta } from '#meta';\n\nexport type ScriptPropertiesProps = {\n  object: Script.Script;\n};\n\nexport const ScriptProperties = ({ object }: ScriptPropertiesProps) => {\n  const { t } = useTranslation(meta.id);\n  return (\n    <Input.Root>\n      <Input.Label>{t('description.label')}</Input.Label>\n      <Input.TextInput\n        placeholder={t('description.placeholder')}\n        value={object.description ?? ''}\n        onChange={(event) => {\n          Obj.change(object, (obj) => {\n            obj.description = event.target.value;\n          });\n        }}\n      />\n    </Input.Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { ScriptProperties } from './ScriptProperties';\n\nexport default ScriptProperties;\n"],
+  "mappings": ";;;AAIA,OAAOA,WAAW;AAElB,SAASC,WAAW;AAEpB,SAASC,OAAOC,sBAAsB;AAEtC,SAASC,YAAY;AAMd,IAAMC,mBAAmB,CAAC,EAAEC,OAAM,MAAyB;AAChE,QAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpC,SACE,sBAAA,cAACC,MAAMC,MAAI,MACT,sBAAA,cAACD,MAAME,OAAK,MAAEN,EAAE,mBAAA,CAAA,GAChB,sBAAA,cAACI,MAAMG,WAAS;IACdC,aAAaR,EAAE,yBAAA;IACfS,OAAOV,OAAOW,eAAe;IAC7BC,UAAU,CAACC,UAAAA;AACTC,UAAIC,OAAOf,QAAQ,CAACgB,QAAAA;AAClBA,YAAIL,cAAcE,MAAMI,OAAOP;MACjC,CAAA;IACF;;AAIR;;;AC1BA,IAAA,2BAAeQ;",
+  "names": ["React", "Obj", "Input", "useTranslation", "meta", "ScriptProperties", "object", "t", "useTranslation", "meta", "id", "Input", "Root", "Label", "TextInput", "placeholder", "value", "description", "onChange", "event", "Obj", "change", "obj", "target", "ScriptProperties"]
+}

package/dist/lib/browser/TestContainer-5VNOC6I3.mjs

@@ -0,0 +1,50 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/TestContainer/TestContainer.tsx
+import React, { useCallback, useMemo } from "react";
+import { Context } from "@dxos/context";
+import { FunctionsServiceClient } from "@dxos/functions-runtime/edge";
+import { Panel } from "@dxos/react-ui";
+import { getSpace } from "@dxos/react-client/echo";
+import { TestPanel } from "#components";
+import { useDeployDeps } from "#hooks";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-script/src/containers/TestContainer/TestContainer.tsx";
+var TestContainer = ({ role, script }) => {
+  const { client, fn, existingFunctionId } = useDeployDeps({
+    script
+  });
+  const space = getSpace(script);
+  const functionsClient = useMemo(() => FunctionsServiceClient.fromClient(client), [
+    client
+  ]);
+  const handleInvoke = useCallback(async (input) => {
+    if (!fn) {
+      throw new Error("Function not deployed");
+    }
+    return functionsClient.invoke(Context.default(void 0, {
+      F: __dxlog_file,
+      L: 33
+    }), fn, input, {
+      spaceId: space?.id
+    });
+  }, [
+    fn,
+    functionsClient,
+    space?.id
+  ]);
+  return /* @__PURE__ */ React.createElement(Panel.Root, {
+    role,
+    className: "dx-document"
+  }, /* @__PURE__ */ React.createElement(Panel.Content, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(TestPanel, {
+    onInvoke: existingFunctionId ? handleInvoke : void 0
+  })));
+};
+
+// src/containers/TestContainer/index.ts
+var TestContainer_default = TestContainer;
+export {
+  TestContainer_default as default
+};
+//# sourceMappingURL=TestContainer-5VNOC6I3.mjs.map

package/dist/lib/browser/TestContainer-5VNOC6I3.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/TestContainer/TestContainer.tsx", "../../../src/containers/TestContainer/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useMemo } from 'react';\n\nimport { Context } from '@dxos/context';\n\nimport { type Script } from '@dxos/functions';\nimport { FunctionsServiceClient } from '@dxos/functions-runtime/edge';\nimport { Panel } from '@dxos/react-ui';\nimport { getSpace } from '@dxos/react-client/echo';\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 space = getSpace(script);\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: space?.id });\n    },\n    [fn, functionsClient, space?.id],\n  );\n\n  return (\n    <Panel.Root role={role} className='dx-document'>\n      <Panel.Content asChild>\n        <TestPanel onInvoke={existingFunctionId ? handleInvoke : undefined} />\n      </Panel.Content>\n    </Panel.Root>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { TestContainer } from './TestContainer';\n\nexport default TestContainer;\n"],
+  "mappings": ";;;AAIA,OAAOA,SAASC,aAAaC,eAAe;AAE5C,SAASC,eAAe;AAGxB,SAASC,8BAA8B;AACvC,SAASC,aAAa;AACtB,SAASC,gBAAgB;AAEzB,SAASC,iBAAiB;AAC1B,SAASC,qBAAqB;;AAOvB,IAAMC,gBAAgB,CAAC,EAAEC,MAAMC,OAAM,MAAsB;AAChE,QAAM,EAAEC,QAAQC,IAAIC,mBAAkB,IAAKN,cAAc;IAAEG;EAAO,CAAA;AAClE,QAAMI,QAAQT,SAASK,MAAAA;AAEvB,QAAMK,kBAAkBd,QAAQ,MAAME,uBAAuBa,WAAWL,MAAAA,GAAS;IAACA;GAAO;AAEzF,QAAMM,eAAejB,YACnB,OAAOkB,UAAAA;AACL,QAAI,CAACN,IAAI;AACP,YAAM,IAAIO,MAAM,uBAAA;IAClB;AACA,WAAOJ,gBAAgBK,OAAOlB,QAAQmB,QAAO,QAAA;;;QAAIT,IAAIM,OAAO;MAAEI,SAASR,OAAOS;IAAG,CAAA;EACnF,GACA;IAACX;IAAIG;IAAiBD,OAAOS;GAAG;AAGlC,SACE,sBAAA,cAACnB,MAAMoB,MAAI;IAACf;IAAYgB,WAAU;KAChC,sBAAA,cAACrB,MAAMsB,SAAO;IAACC,SAAAA;KACb,sBAAA,cAACrB,WAAAA;IAAUsB,UAAUf,qBAAqBI,eAAeY;;AAIjE;;;ACtCA,IAAA,wBAAeC;",
+  "names": ["React", "useCallback", "useMemo", "Context", "FunctionsServiceClient", "Panel", "getSpace", "TestPanel", "useDeployDeps", "TestContainer", "role", "script", "client", "fn", "existingFunctionId", "space", "functionsClient", "fromClient", "handleInvoke", "input", "Error", "invoke", "default", "spaceId", "id", "Root", "className", "Content", "asChild", "onInvoke", "undefined", "TestContainer"]
+}

package/dist/lib/browser/access-token-created-XR7LB2XV.mjs

@@ -0,0 +1,37 @@
+import {
+  templates
+} from "./chunk-DL37UOJE.mjs";
+import "./chunk-J5LGTIGS.mjs";
+
+// src/operations/access-token-created.ts
+import * as Effect from "effect/Effect";
+import * as Predicate from "effect/Predicate";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { Operation } from "@dxos/operation";
+import { TokenManagerOperation } from "@dxos/plugin-token-manager/operations";
+
+// src/constants.ts
+import { meta } from "#meta";
+var DEPLOYMENT_DIALOG = `${meta.id}.deployment.dialog`;
+
+// src/operations/access-token-created.ts
+import { defaultScriptsForIntegration } from "#meta";
+var handler = TokenManagerOperation.AccessTokenCreated.pipe(Operation.withHandler(Effect.fnUntraced(function* ({ accessToken }) {
+  const scriptTemplates = (defaultScriptsForIntegration[accessToken.source] ?? []).map((id) => templates.find((t) => t.id === id)).filter(Predicate.isNotNullable);
+  if (scriptTemplates.length > 0) {
+    yield* Operation.invoke(LayoutOperation.UpdateDialog, {
+      subject: DEPLOYMENT_DIALOG,
+      blockAlign: "start",
+      state: true,
+      props: {
+        accessToken,
+        scriptTemplates
+      }
+    });
+  }
+})));
+var access_token_created_default = handler;
+export {
+  access_token_created_default as default
+};
+//# sourceMappingURL=access-token-created-XR7LB2XV.mjs.map