@dxos/plugin-script 0.8.1-staging.5be625a → 0.8.1-staging.9eaf14f

package/dist/lib/node/{chunk-VLQUYHPB.cjs → chunk-SLDJM45C.cjs}

@@ -26,51 +26,268 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_VLQUYHPB_exports = {};
-__export(chunk_VLQUYHPB_exports, {
-  DebugPanel: () => DebugPanel,
+var chunk_SLDJM45C_exports = {};
+__export(chunk_SLDJM45C_exports, {
+  DeploymentDialog: () => DeploymentDialog,
   ScriptContainer: () => ScriptContainer,
-  ScriptSettings: () => ScriptSettings,
-  ScriptSettingsPanel: () => ScriptSettingsPanel
+  ScriptObjectSettings: () => ScriptObjectSettings,
+  ScriptPluginSettings: () => ScriptPluginSettings,
+  ScriptProperties: () => ScriptProperties,
+  TestPanel: () => TestPanel
 });
-module.exports = __toCommonJS(chunk_VLQUYHPB_exports);
-var import_chunk_2XX4L67K = require("./chunk-2XX4L67K.cjs");
+module.exports = __toCommonJS(chunk_SLDJM45C_exports);
+var import_chunk_YJQZHKKA = require("./chunk-YJQZHKKA.cjs");
+var import_core = require("@octokit/core");
 var import_react = __toESM(require("react"));
+var import_app_framework = require("@dxos/app-framework");
+var import_types = require("@dxos/functions/types");
 var import_log = require("@dxos/log");
+var import_react_client = require("@dxos/react-client");
+var import_echo = require("@dxos/react-client/echo");
 var import_react_ui = require("@dxos/react-ui");
-var import_react_ui_syntax_highlighter = require("@dxos/react-ui-syntax-highlighter");
-var import_react_ui_theme = require("@dxos/react-ui-theme");
+var import_schema = require("@dxos/schema");
 var import_react2 = __toESM(require("react"));
-var import_react_client = require("@dxos/react-client");
+var import_react_client2 = require("@dxos/react-client");
 var import_react_ui2 = require("@dxos/react-ui");
 var import_react_ui_editor = require("@dxos/react-ui-editor");
 var import_react_ui_form = require("@dxos/react-ui-form");
-var import_core = require("@octokit/core");
 var import_react3 = __toESM(require("react"));
-var import_app_framework = require("@dxos/app-framework");
-var import_types = require("@dxos/functions/types");
 var import_log2 = require("@dxos/log");
-var import_react_client2 = require("@dxos/react-client");
-var import_echo = require("@dxos/react-client/echo");
 var import_react_ui3 = require("@dxos/react-ui");
-var import_schema = require("@dxos/schema");
+var import_react_ui_syntax_highlighter = require("@dxos/react-ui-syntax-highlighter");
+var import_react_ui_theme = require("@dxos/react-ui-theme");
 var import_react4 = require("react");
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/components/DebugPanel/DebugPanel.tsx";
-var DebugPanel = ({ classNames, functionUrl }) => {
-  const { t } = (0, import_react_ui.useTranslation)(import_chunk_2XX4L67K.SCRIPT_PLUGIN);
-  const inputRef = (0, import_react.useRef)(null);
-  const [input, setInput] = (0, import_react.useState)("");
-  const [result, setResult] = (0, import_react.useState)("");
-  const [state, setState] = (0, import_react.useState)(null);
-  const [history, setHistory] = (0, import_react.useState)([]);
-  const scrollerRef = (0, import_react.useRef)(null);
+var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-script/src/components/Settings/ScriptObjectSettings.tsx";
+var ScriptObjectSettings = ({ object }) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(Binding, {
+    object
+  }), /* @__PURE__ */ import_react.default.createElement(Publishing, {
+    object
+  }));
+};
+var ScriptProperties = ({ object }) => {
+  const { t } = (0, import_react_ui.useTranslation)(import_chunk_YJQZHKKA.SCRIPT_PLUGIN);
+  return /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.Root, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.Label, null, t("description label")), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.TextInput, {
+    placeholder: t("description placeholder"),
+    value: object.description ?? "",
+    onChange: (event) => {
+      object.description = event.target.value;
+    }
+  }));
+};
+var Binding = ({ object }) => {
+  const { t } = (0, import_react_ui.useTranslation)(import_chunk_YJQZHKKA.SCRIPT_PLUGIN);
+  const client = (0, import_react_client.useClient)();
+  const space = (0, import_echo.getSpace)(object);
+  const [fn] = (0, import_echo.useQuery)(space, import_echo.Filter.schema(import_types.FunctionType, {
+    source: object
+  }));
+  const functionPath = fn && (0, import_types.getUserFunctionUrlInMetadata)((0, import_echo.getMeta)(fn));
+  const functionUrl = functionPath && (0, import_types.getInvocationUrl)(functionPath, client.config.values.runtime?.services?.edge?.url ?? "", {
+    spaceId: space?.id
+  });
+  const [binding, setBinding] = (0, import_react_ui.useControlledState)(fn?.binding ?? "");
+  const handleBindingChange = (0, import_react.useCallback)((event) => {
+    setBinding(event.target.value);
+  }, [
+    setBinding
+  ]);
+  const handleBindingBlur = (0, import_react.useCallback)(() => {
+    fn.binding = binding;
+  }, [
+    fn,
+    binding
+  ]);
+  if (!fn || !functionUrl) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    role: "form",
+    className: "flex flex-col p-2 gap-2"
+  }, /* @__PURE__ */ import_react.default.createElement("h2", null, t("remote function settings heading")), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.Root, null, /* @__PURE__ */ import_react.default.createElement("div", {
+    role: "none",
+    className: "flex flex-col gap-1"
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.Label, null, t("function url label")), /* @__PURE__ */ import_react.default.createElement("div", {
+    role: "none",
+    className: "flex gap-1"
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.TextInput, {
+    disabled: true,
+    value: functionUrl,
+    onChange: (event) => {
+      fn.name = event.target.value;
+    }
+  }), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Clipboard.IconButton, {
+    value: functionUrl
+  })))), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.Root, null, /* @__PURE__ */ import_react.default.createElement("div", {
+    role: "none",
+    className: "flex flex-col gap-1"
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.Label, null, t("function binding label")), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.TextInput, {
+    placeholder: t("function binding placeholder"),
+    value: binding,
+    onChange: handleBindingChange,
+    onBlur: handleBindingBlur
+  }))));
+};
+var Publishing = ({ object }) => {
+  const { t } = (0, import_react_ui.useTranslation)(import_chunk_YJQZHKKA.SCRIPT_PLUGIN);
+  const { dispatchPromise: dispatch } = (0, import_app_framework.useIntentDispatcher)();
+  const space = (0, import_echo.getSpace)(object);
+  const [githubToken] = (0, import_echo.useQuery)(space, import_echo.Filter.schema(import_schema.AccessTokenType, {
+    source: "github.com"
+  }));
+  const gistKey = (0, import_echo.getMeta)(object).keys.find(({ source }) => source === "github.com");
+  const [gistUrl, setGistUrl] = (0, import_react.useState)();
+  (0, import_react.useEffect)(() => {
+    const token = githubToken?.token;
+    const gistId = gistKey?.id;
+    if (!token || !gistId) {
+      setGistUrl(void 0);
+      return;
+    }
+    const timeout = setTimeout(async () => {
+      try {
+        const octokit = new import_core.Octokit({
+          auth: githubToken.token
+        });
+        const response = await octokit.request("GET /gists/{gist_id}", {
+          gist_id: gistId
+        });
+        setGistUrl(response.data.html_url);
+      } catch (err) {
+        import_log.log.catch(err, void 0, {
+          F: __dxlog_file,
+          L: 135,
+          S: void 0,
+          C: (f, a) => f(...a)
+        });
+        setGistUrl(void 0);
+      }
+    });
+    return () => clearTimeout(timeout);
+  }, [
+    githubToken,
+    gistKey
+  ]);
+  const handleOpenTokenManager = (0, import_react.useCallback)(() => dispatch((0, import_app_framework.createIntent)(import_app_framework.SettingsAction.Open, {
+    plugin: "dxos.org/plugin/token-manager"
+  })), []);
+  const [publishing, setPublishing] = (0, import_react.useState)(false);
+  const handlePublish = (0, import_react.useCallback)(async () => {
+    setPublishing(true);
+    const octokit = new import_core.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 = (0, import_echo.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
+        });
+        if (response.data.id) {
+          meta2.keys.push({
+            source: "github.com",
+            id: response.data.id
+          });
+        }
+      }
+    } finally {
+      setPublishing(false);
+    }
+  }, [
+    object,
+    githubToken
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "flex flex-col p-2 gap-4"
+  }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("h2", null, t("script publish settings label")), /* @__PURE__ */ import_react.default.createElement("p", {
+    className: "text-description text-sm"
+  }, t("script publish settings description"))), !githubToken && /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "flex flex-col gap-2"
+  }, /* @__PURE__ */ import_react.default.createElement("span", null, t("no github token label")), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Button, {
+    onClick: handleOpenTokenManager
+  }, t("open token manager label"))), githubToken && /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "flex justify-end gap-2"
+  }, gistUrl && /* @__PURE__ */ import_react.default.createElement(import_react_ui.Clipboard.IconButton, {
+    value: gistUrl
+  }), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Button, {
+    disabled: publishing,
+    onClick: handlePublish
+  }, t(publishing ? "publishing label" : "publish label"))));
+};
+var kebabize = (str) => str.replace(/[A-Z]+(?![a-z])|[A-Z]/g, ($, ofs) => (ofs ? "-" : "") + $.toLowerCase());
+var ScriptPluginSettings = ({ settings }) => {
+  const { t } = (0, import_react_ui2.useTranslation)(import_chunk_YJQZHKKA.meta.id);
+  const client = (0, import_react_client2.useClient)();
+  const handleAuthenticate = async () => {
+    const { identityKey } = client.halo.identity.get();
+    await client.halo.writeCredentials([
+      {
+        issuer: identityKey,
+        issuanceDate: /* @__PURE__ */ new Date(),
+        subject: {
+          id: identityKey,
+          assertion: {
+            "@type": "dxos.halo.credentials.ServiceAccess",
+            serverName: "hub.dxos.network",
+            serverKey: identityKey,
+            identityKey,
+            capabilities: [
+              "composer:beta"
+            ]
+          }
+        }
+      }
+    ]);
+  };
+  return /* @__PURE__ */ import_react2.default.createElement(import_react_ui_form.DeprecatedFormContainer, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_form.DeprecatedFormInput, {
+    label: t("authenticate action label")
+  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Button, {
+    onClick: handleAuthenticate
+  }, t("authenticate button label"))), /* @__PURE__ */ import_react2.default.createElement(import_react_ui_form.DeprecatedFormInput, {
+    label: t("editor input mode label")
+  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Select.Root, {
+    value: settings.editorInputMode ?? "default",
+    onValueChange: (value) => {
+      settings.editorInputMode = value;
+    }
+  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Select.TriggerButton, {
+    placeholder: t("select editor input mode placeholder")
+  }), /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Select.Portal, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Select.Content, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Select.Viewport, null, import_react_ui_editor.EditorInputModes.map((mode) => /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Select.Option, {
+    key: mode,
+    value: mode
+  }, t(`settings editor input mode ${mode} label`)))))))));
+};
+var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-script/src/components/TestPanel/TestPanel.tsx";
+var TestPanel = ({ classNames, functionUrl }) => {
+  const { t } = (0, import_react_ui3.useTranslation)(import_chunk_YJQZHKKA.SCRIPT_PLUGIN);
+  const inputRef = (0, import_react3.useRef)(null);
+  const [input, setInput] = (0, import_react3.useState)("");
+  const [result, setResult] = (0, import_react3.useState)("");
+  const [state, setState] = (0, import_react3.useState)(null);
+  const [history, setHistory] = (0, import_react3.useState)([]);
+  const scrollerRef = (0, import_react3.useRef)(null);
   const handleScroll = () => {
     if (scrollerRef.current) {
       scrollerRef.current.scrollTop = scrollerRef.current.scrollHeight;
     }
   };
-  const controller = (0, import_react.useRef)();
-  (0, import_react.useEffect)(() => {
+  const controller = (0, import_react3.useRef)();
+  (0, import_react3.useEffect)(() => {
     return () => {
       handleStop();
     };
@@ -170,9 +387,9 @@ var DebugPanel = ({ classNames, functionUrl }) => {
       };
       void reader.read().then(pump).catch((err) => {
         if (err.name !== "AbortError") {
-          import_log.log.catch(err, void 0, {
-            F: __dxlog_file,
-            L: 146,
+          import_log2.log.catch(err, void 0, {
+            F: __dxlog_file2,
+            L: 147,
             S: void 0,
             C: (f, a) => f(...a)
           });
@@ -184,9 +401,9 @@ var DebugPanel = ({ classNames, functionUrl }) => {
         handleResponse({
           error
         });
-        import_log.log.catch(err, void 0, {
-          F: __dxlog_file,
-          L: 153,
+        import_log2.log.catch(err, void 0, {
+          F: __dxlog_file2,
+          L: 154,
           S: void 0,
           C: (f, a) => f(...a)
         });
@@ -195,65 +412,62 @@ var DebugPanel = ({ classNames, functionUrl }) => {
       }
     }
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", {
+  return /* @__PURE__ */ import_react3.default.createElement("div", {
     className: (0, import_react_ui_theme.mx)("flex flex-col h-full overflow-hidden", classNames)
-  }, /* @__PURE__ */ import_react.default.createElement(MessageThread, {
+  }, /* @__PURE__ */ import_react3.default.createElement(MessageThread, {
     ref: scrollerRef,
     state,
     result,
     history
-  }), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Toolbar.Root, {
-    classNames: "p-1"
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.Root, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.TextInput, {
+  }), /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Toolbar.Root, {
+    classNames: "p-2"
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Input.Root, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Input.TextInput, {
     ref: inputRef,
     autoFocus: true,
     placeholder: t("function request placeholder"),
     value: input,
     onChange: (ev) => setInput(ev.target.value),
     onKeyDown: (ev) => ev.key === "Enter" && handleRequest(input)
-  })), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Toolbar.Button, {
+  })), /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Toolbar.Button, {
     onClick: () => handleRequest(input)
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Icon, {
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Icon, {
     icon: "ph--play--regular",
     size: 4
-  })), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Toolbar.Button, {
+  })), /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Toolbar.Button, {
     onClick: () => state ? handleStop() : handleClear()
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Icon, {
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Icon, {
     icon: state ? "ph--stop--regular" : "ph--trash--regular",
     size: 4
   }))));
 };
-var MessageThread = /* @__PURE__ */ (0, import_react.forwardRef)(({ state, history, result }, forwardedRef) => {
-  if (!history.length && !result.length) {
-    return null;
-  }
-  return /* @__PURE__ */ import_react.default.createElement("div", {
+var MessageThread = /* @__PURE__ */ (0, import_react3.forwardRef)(({ state, history, result }, forwardedRef) => {
+  return /* @__PURE__ */ import_react3.default.createElement("div", {
     ref: forwardedRef,
     className: "flex flex-col gap-6 h-full p-2 overflow-x-hidden overflow-y-auto"
-  }, history.map((message, i) => /* @__PURE__ */ import_react.default.createElement("div", {
+  }, history.map((message, i) => /* @__PURE__ */ import_react3.default.createElement("div", {
     key: i,
     className: "grid grid-cols-[2rem_1fr_2rem]"
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
+  }, /* @__PURE__ */ import_react3.default.createElement("div", {
     className: "p-1"
-  }, message.type === "response" && /* @__PURE__ */ import_react.default.createElement(RobotAvatar, null)), /* @__PURE__ */ import_react.default.createElement("div", {
+  }, message.type === "response" && /* @__PURE__ */ import_react3.default.createElement(RobotAvatar, null)), /* @__PURE__ */ import_react3.default.createElement("div", {
     className: "overflow-auto"
-  }, /* @__PURE__ */ import_react.default.createElement(MessageItem, {
+  }, /* @__PURE__ */ import_react3.default.createElement(MessageItem, {
     message
-  })))), result?.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", {
+  })))), result?.length > 0 && /* @__PURE__ */ import_react3.default.createElement("div", {
     className: "grid grid-cols-[2rem_1fr_2rem]"
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
+  }, /* @__PURE__ */ import_react3.default.createElement("div", {
     className: "p-1"
-  }, state === "pending" && /* @__PURE__ */ import_react.default.createElement(import_react_ui.Icon, {
+  }, state === "pending" && /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Icon, {
     icon: "ph--spinner--regular",
     size: 6,
     classNames: "animate-spin"
-  }) || /* @__PURE__ */ import_react.default.createElement(import_react_ui.Icon, {
+  }) || /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Icon, {
     icon: "ph--robot--regular",
     size: 6,
     classNames: "animate-[pulse_1s_ease-in-out_infinite]"
-  })), /* @__PURE__ */ import_react.default.createElement("div", {
+  })), /* @__PURE__ */ import_react3.default.createElement("div", {
     className: "overflow-auto"
-  }, /* @__PURE__ */ import_react.default.createElement(MessageItem, {
+  }, /* @__PURE__ */ import_react3.default.createElement(MessageItem, {
     message: {
       type: "response",
       text: result
@@ -263,231 +477,31 @@ var MessageThread = /* @__PURE__ */ (0, import_react.forwardRef)(({ state, histo
 var MessageItem = ({ classNames, message }) => {
   const { type, text, data, error } = message;
   const wrapper = "p-1 px-2 rounded-lg bg-hoverSurface overflow-auto";
-  return /* @__PURE__ */ import_react.default.createElement("div", {
+  return /* @__PURE__ */ import_react3.default.createElement("div", {
     className: (0, import_react_ui_theme.mx)("flex", type === "request" ? "ml-[1rem] justify-end" : "mr-[1rem]", classNames)
-  }, error && /* @__PURE__ */ import_react.default.createElement("div", {
+  }, error && /* @__PURE__ */ import_react3.default.createElement("div", {
     className: (0, import_react_ui_theme.mx)(wrapper, "whitespace-pre", import_react_ui_theme.errorText)
-  }, String(error)), text !== void 0 && /* @__PURE__ */ import_react.default.createElement("div", {
+  }, String(error)), text !== void 0 && /* @__PURE__ */ import_react3.default.createElement("div", {
     className: (0, import_react_ui_theme.mx)(wrapper, type === "request" && "bg-primary-400 dark:bg-primary-600")
-  }, text || "\xD8"), data && /* @__PURE__ */ import_react.default.createElement(import_react_ui_syntax_highlighter.SyntaxHighlighter, {
+  }, text || "\xD8"), data && /* @__PURE__ */ import_react3.default.createElement(import_react_ui_syntax_highlighter.SyntaxHighlighter, {
     language: "json",
     className: (0, import_react_ui_theme.mx)(wrapper, "px-8 py-2 text-xs")
   }, JSON.stringify(data, null, 2)));
 };
-var RobotAvatar = () => /* @__PURE__ */ import_react.default.createElement(import_react_ui.Avatar.Root, {
+var RobotAvatar = () => /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Avatar.Root, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Avatar.Content, {
   size: 6,
-  variant: "circle"
-}, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Avatar.Frame, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Avatar.Icon, {
+  variant: "circle",
   icon: "ph--robot--regular"
-})));
-var ScriptSettings = ({ settings }) => {
-  const { t } = (0, import_react_ui2.useTranslation)(import_chunk_2XX4L67K.SCRIPT_PLUGIN);
-  const client = (0, import_react_client.useClient)();
-  const handleAuthenticate = async () => {
-    const { identityKey } = client.halo.identity.get();
-    await client.halo.writeCredentials([
-      {
-        issuer: identityKey,
-        issuanceDate: /* @__PURE__ */ new Date(),
-        subject: {
-          id: identityKey,
-          assertion: {
-            "@type": "dxos.halo.credentials.ServiceAccess",
-            serverName: "hub.dxos.network",
-            serverKey: identityKey,
-            identityKey,
-            capabilities: [
-              "composer:beta"
-            ]
-          }
-        }
-      }
-    ]);
-  };
-  return /* @__PURE__ */ import_react2.default.createElement(import_react_ui_form.DeprecatedFormContainer, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_form.DeprecatedFormInput, {
-    label: t("authenticate action label")
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Button, {
-    onClick: handleAuthenticate
-  }, t("authenticate button label"))), /* @__PURE__ */ import_react2.default.createElement(import_react_ui_form.DeprecatedFormInput, {
-    label: t("editor input mode label")
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Select.Root, {
-    value: settings.editorInputMode ?? "default",
-    onValueChange: (value) => {
-      settings.editorInputMode = value;
-    }
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Select.TriggerButton, {
-    placeholder: t("select editor input mode placeholder")
-  }), /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Select.Portal, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Select.Content, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Select.Viewport, null, import_react_ui_editor.EditorInputModes.map((mode) => /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Select.Option, {
-    key: mode,
-    value: mode
-  }, t(`settings editor input mode ${mode} label`)))))))));
-};
-var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/components/ScriptSettingsPanel.tsx";
-var kebabize = (str) => str.replace(/[A-Z]+(?![a-z])|[A-Z]/g, ($, ofs) => (ofs ? "-" : "") + $.toLowerCase());
-var ScriptSettingsPanel = ({ script }) => {
-  const { t } = (0, import_react_ui3.useTranslation)(import_chunk_2XX4L67K.SCRIPT_PLUGIN);
-  const { dispatchPromise: dispatch } = (0, import_app_framework.useIntentDispatcher)();
-  const client = (0, import_react_client2.useClient)();
-  const space = (0, import_echo.getSpace)(script);
-  const [fn] = (0, import_echo.useQuery)(space, import_echo.Filter.schema(import_types.FunctionType, {
-    source: script
-  }));
-  const [githubToken] = (0, import_echo.useQuery)(space, import_echo.Filter.schema(import_schema.AccessTokenType, {
-    source: "github.com"
-  }));
-  const gistKey = (0, import_echo.getMeta)(script).keys.find(({ source }) => source === "github.com");
-  const [gistUrl, setGistUrl] = (0, import_react3.useState)();
-  (0, import_react3.useEffect)(() => {
-    const token = githubToken?.token;
-    const gistId = gistKey?.id;
-    if (!token || !gistId) {
-      setGistUrl(void 0);
-      return;
-    }
-    const timeout = setTimeout(async () => {
-      try {
-        const octokit = new import_core.Octokit({
-          auth: githubToken.token
-        });
-        const response = await octokit.request("GET /gists/{gist_id}", {
-          gist_id: gistId
-        });
-        setGistUrl(response.data.html_url);
-      } catch (err) {
-        import_log2.log.catch(err, void 0, {
-          F: __dxlog_file2,
-          L: 52,
-          S: void 0,
-          C: (f, a) => f(...a)
-        });
-        setGistUrl(void 0);
-      }
-    });
-    return () => clearTimeout(timeout);
-  }, [
-    githubToken,
-    gistKey
-  ]);
-  const [binding, setBinding] = (0, import_react_ui3.useControlledState)(fn?.binding ?? "");
-  const handleBindingChange = (0, import_react3.useCallback)((event) => {
-    setBinding(event.target.value);
-  }, [
-    setBinding
-  ]);
-  const handleBindingBlur = (0, import_react3.useCallback)(() => {
-    fn.binding = binding;
-  }, [
-    fn,
-    binding
-  ]);
-  const functionPath = fn && (0, import_types.getUserFunctionUrlInMetadata)((0, import_echo.getMeta)(fn));
-  const functionUrl = functionPath && (0, import_types.getInvocationUrl)(functionPath, client.config.values.runtime?.services?.edge?.url ?? "", {
-    spaceId: space?.id
-  });
-  const handleOpenTokenManager = (0, import_react3.useCallback)(() => dispatch((0, import_app_framework.createIntent)(import_app_framework.SettingsAction.Open, {
-    plugin: "dxos.org/plugin/token-manager"
-  })), []);
-  const [publishing, setPublishing] = (0, import_react3.useState)(false);
-  const handlePublish = (0, import_react3.useCallback)(async () => {
-    setPublishing(true);
-    const octokit = new import_core.Octokit({
-      auth: githubToken.token
-    });
-    const source = await script.source.load();
-    const filename = script.name ? kebabize(script.name) : "composer-script";
-    const files = {
-      [`${filename}.ts`]: {
-        content: source.content
-      }
-    };
-    try {
-      const meta = (0, import_echo.getMeta)(script);
-      const githubKey = meta.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
-        });
-        if (response.data.id) {
-          meta.keys.push({
-            source: "github.com",
-            id: response.data.id
-          });
-        }
-      }
-    } finally {
-      setPublishing(false);
-    }
-  }, [
-    script,
-    githubToken
-  ]);
-  return /* @__PURE__ */ import_react3.default.createElement(import_react3.default.Fragment, null, /* @__PURE__ */ import_react3.default.createElement("div", {
-    role: "form",
-    className: "flex flex-col w-full p-2 gap-4"
-  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Input.Root, null, /* @__PURE__ */ import_react3.default.createElement("div", {
-    role: "none",
-    className: "flex flex-col gap-1"
-  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Input.Label, null, t("description label")), /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Input.TextInput, {
-    placeholder: t("description placeholder"),
-    value: script.description ?? "",
-    onChange: (event) => {
-      script.description = event.target.value;
-    }
-  })))), fn && functionUrl && /* @__PURE__ */ import_react3.default.createElement(import_react3.default.Fragment, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Separator, null), /* @__PURE__ */ import_react3.default.createElement("div", {
-    role: "form",
-    className: "flex flex-col w-full p-2 gap-4"
-  }, /* @__PURE__ */ import_react3.default.createElement("h2", null, t("remote function settings heading")), /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Input.Root, null, /* @__PURE__ */ import_react3.default.createElement("div", {
-    role: "none",
-    className: "flex flex-col gap-1"
-  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Input.Label, null, t("function url label")), /* @__PURE__ */ import_react3.default.createElement("div", {
-    role: "none",
-    className: "flex gap-1"
-  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Input.TextInput, {
-    disabled: true,
-    value: functionUrl,
-    onChange: (event) => {
-      fn.name = event.target.value;
-    }
-  }), /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Clipboard.IconButton, {
-    value: functionUrl
-  })))), /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Input.Root, null, /* @__PURE__ */ import_react3.default.createElement("div", {
-    role: "none",
-    className: "flex flex-col gap-1"
-  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Input.Label, null, t("function binding label")), /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Input.TextInput, {
-    placeholder: t("function binding placeholder"),
-    value: binding,
-    onChange: handleBindingChange,
-    onBlur: handleBindingBlur
-  }))))), /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Separator, null), /* @__PURE__ */ import_react3.default.createElement("div", {
-    className: "flex flex-col w-full p-2 gap-4"
-  }, /* @__PURE__ */ import_react3.default.createElement("div", null, /* @__PURE__ */ import_react3.default.createElement("h2", null, t("script publish settings label")), /* @__PURE__ */ import_react3.default.createElement("p", {
-    className: "text-description text-sm"
-  }, t("script publish settings description"))), !githubToken && /* @__PURE__ */ import_react3.default.createElement("div", {
-    className: "flex flex-col items-center justify-center gap-2"
-  }, /* @__PURE__ */ import_react3.default.createElement("span", null, t("no github token label")), /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Button, {
-    onClick: handleOpenTokenManager
-  }, t("open token manager label"))), githubToken && /* @__PURE__ */ import_react3.default.createElement("div", {
-    className: "flex justify-end gap-2"
-  }, gistUrl && /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Clipboard.IconButton, {
-    value: gistUrl
-  }), /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Button, {
-    disabled: publishing,
-    onClick: handlePublish
-  }, t(publishing ? "publishing label" : "publish label")))));
-};
-var ScriptContainer = (0, import_react4.lazy)(() => import("./ScriptContainer-DM4WSS4Y.cjs"));
+}));
+var ScriptContainer = (0, import_react4.lazy)(() => import("./ScriptContainer-5KY6ZOQD.cjs"));
+var DeploymentDialog = (0, import_react4.lazy)(() => import("./DeploymentDialog-O4MU4OMF.cjs"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  DebugPanel,
+  DeploymentDialog,
   ScriptContainer,
-  ScriptSettings,
-  ScriptSettingsPanel
+  ScriptObjectSettings,
+  ScriptPluginSettings,
+  ScriptProperties,
+  TestPanel
 });
-//# sourceMappingURL=chunk-VLQUYHPB.cjs.map
+//# sourceMappingURL=chunk-SLDJM45C.cjs.map