@dxos/plugin-script 0.8.4-main.7ace549 → 0.8.4-main.937b3ca

package/dist/lib/browser/chunk-IQRLM6JK.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/DeploymentDialog/DeploymentDialog.tsx", "../../../src/components/DeploymentDialog/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useEffect, useMemo } from 'react';\n\nimport { Common } from '@dxos/app-framework';\nimport { useOperationInvoker } from '@dxos/app-framework/react';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { Button, Dialog, IconButton, useTranslation } from '@dxos/react-ui';\nimport { type AccessToken } from '@dxos/types';\n\nimport { useCreateAndDeployScriptTemplates } from '../../hooks';\nimport { meta } from '../../meta';\nimport { type Template } from '../../templates';\n\nexport const DEPLOYMENT_DIALOG = `${meta.id}/deployment/dialog`;\n\n// TODO(ZaymonFC):\n//  - Show activity and feedback to the user.\n//  - Only take an array of templateIds and get the name from the data.\n//  - Pending / onError states.\n\nexport type DeploymentDialogProps = {\n  accessToken: AccessToken.AccessToken;\n  scriptTemplates: Template[];\n};\n\nexport const DeploymentDialog = ({ accessToken, scriptTemplates }: DeploymentDialogProps) => {\n  const { t } = useTranslation(meta.id);\n  const space = useMemo(() => getSpace(accessToken), [accessToken]);\n\n  // TODO(ZaymonFC): Thinking further. All of this should get moved to intents to run async in the background.\n  //   Deployment shouldn't be tied to the lifecycle of the dialogue component.\n  const { handleCreateAndDeployScripts, status } = useCreateAndDeployScriptTemplates(space, scriptTemplates);\n  const { invokePromise } = useOperationInvoker();\n\n  useEffect(() => {\n    if (status === 'success') {\n      // TODO(ZaymonFC): We can probably re-use this toast for normal script deployment.\n      void invokePromise(Common.LayoutOperation.AddToast, {\n        id: `${meta.id}/deployment-success`,\n        icon: 'ph--check--regular',\n        duration: Infinity,\n        title: ['script deployment toast label', { ns: meta.id, count: scriptTemplates.length }],\n        description: ['script deployment toast description', { ns: meta.id, count: scriptTemplates.length }],\n        closeLabel: ['script deployment toast close label', { ns: meta.id, count: scriptTemplates.length }],\n      });\n      void invokePromise(Common.LayoutOperation.UpdateDialog, { state: false });\n    }\n    if (status === 'error') {\n      void invokePromise(Common.LayoutOperation.UpdateDialog, { state: false });\n      void invokePromise(Common.LayoutOperation.AddToast, {\n        id: `${meta.id}/deployment-error`,\n        icon: 'ph--warning--regular',\n        duration: Infinity,\n        title: ['script deployment error toast label', { ns: meta.id, count: scriptTemplates.length }],\n        description: ['script deployment error toast description', { ns: meta.id, count: scriptTemplates.length }],\n        closeLabel: ['script deployment error toast close label', { ns: meta.id, count: scriptTemplates.length }],\n      });\n    }\n  }, [status, invokePromise]);\n\n  return (\n    <Dialog.Content>\n      <div className='flex justify-between items-center'>\n        <Dialog.Title>{t('deployment dialog title')}</Dialog.Title>\n        <Dialog.Close asChild>\n          <IconButton icon='ph--x--regular' size={4} label='Close' iconOnly density='fine' variant='ghost' />\n        </Dialog.Close>\n      </div>\n      <div role='none' className='plb-4'>\n        {/* TODO: Implement deployment logic and UI. */}\n        <p>\n          {t('deployment dialog scripts found message', {\n            count: scriptTemplates.length,\n          })}\n        </p>\n        <ul className='pbs-2'>\n          {scriptTemplates.map((template) => {\n            return <li key={template.id}>{template.name}</li>;\n          })}\n        </ul>\n      </div>\n      <div role='none' className='flex flex-row-reverse gap-1'>\n        <Button variant='primary' onClick={handleCreateAndDeployScripts} disabled={status === 'pending'}>\n          {status === 'pending'\n            ? t('deployment dialog deploy functions pending button label', {\n                count: scriptTemplates.length,\n              })\n            : t('deployment dialog deploy functions button label', {\n                count: scriptTemplates.length,\n              })}\n        </Button>\n        <Dialog.Close asChild disabled={status === 'pending'}>\n          <Button disabled={status === 'pending'}>{t('deployment dialog skip button label')}</Button>\n        </Dialog.Close>\n      </div>\n    </Dialog.Content>\n  );\n};\n\nexport default DeploymentDialog;\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { DEPLOYMENT_DIALOG, DeploymentDialog } from './DeploymentDialog';\n\nexport { DEPLOYMENT_DIALOG };\n\nexport default DeploymentDialog;\n"],
+  "mappings": "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",
+  "names": ["React", "useEffect", "useMemo", "Common", "useOperationInvoker", "getSpace", "Button", "Dialog", "IconButton", "useTranslation", "DEPLOYMENT_DIALOG", "meta", "id", "DeploymentDialog", "accessToken", "scriptTemplates", "t", "useTranslation", "space", "useMemo", "getSpace", "handleCreateAndDeployScripts", "status", "useCreateAndDeployScriptTemplates", "invokePromise", "useOperationInvoker", "useEffect", "Common", "LayoutOperation", "AddToast", "icon", "duration", "Infinity", "title", "ns", "count", "length", "description", "closeLabel", "UpdateDialog", "state", "Dialog", "Content", "div", "className", "Title", "Close", "asChild", "IconButton", "size", "label", "iconOnly", "density", "variant", "role", "p", "ul", "map", "template", "li", "key", "name", "Button", "onClick", "disabled", "DeploymentDialog"]
+}

package/dist/lib/browser/chunk-NWSK27QB.mjs

@@ -0,0 +1,606 @@
+import {
+  getAccessCredential,
+  useDeployState,
+  useToolbarState
+} from "./chunk-WX2NVNFQ.mjs";
+import {
+  meta
+} from "./chunk-WYR4QHPE.mjs";
+
+// src/components/Settings/ScriptObjectSettings.tsx
+import { Octokit } from "@octokit/core";
+import React, { useCallback, useState } from "react";
+import { ToolId } from "@dxos/ai";
+import { SettingsOperation } from "@dxos/app-framework";
+import { useOperationInvoker } from "@dxos/app-framework/react";
+import { Blueprint, Template } from "@dxos/blueprints";
+import { Filter, Obj, Ref } from "@dxos/echo";
+import { Function, getUserFunctionIdInMetadata } from "@dxos/functions";
+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";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-script/src/components/Settings/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 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, (o) => {
+        o.description = event.target.value;
+      });
+    }
+  }));
+};
+var BlueprintEditor = ({ object }) => {
+  const { t } = useTranslation(meta.id);
+  const db = Obj.getDatabase(object);
+  const [fn] = useQuery(db, Filter.type(Function.Function, {
+    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 = `dxos.org/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, (t2) => {
+          t2.content = instructions;
+        });
+        if (fn?.key) {
+          const toolId = ToolId.make(fn.key);
+          if (!existingBlueprint.tools?.includes(toolId)) {
+            Obj.change(existingBlueprint, (b) => {
+              b.tools = [
+                ...b.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 mlb-cardSpacingBlock"
+  }, /* @__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(Function.Function, {
+    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(() => {
+    Obj.change(fn, (f) => {
+      f.binding = binding;
+    });
+  }, [
+    fn,
+    binding
+  ]);
+  if (!fn || !functionUrl) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement("div", {
+    role: "form",
+    className: "flex flex-col gap-2 mlb-cardSpacingBlock"
+  }, /* @__PURE__ */ React.createElement("h2", null, t("remote function settings heading")), /* @__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, (f) => {
+        f.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: 239,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+      setGistUrl(void 0);
+    }
+  }, [
+    githubToken,
+    gistKey
+  ]);
+  const handleOpenTokenManager = useCallback(() => invokePromise(SettingsOperation.Open, {
+    plugin: "dxos.org/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 mlb-cardSpacingBlock"
+  }, /* @__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/components/Settings/ScriptPluginSettings.tsx
+import React2 from "react";
+import { useClient as useClient2 } from "@dxos/react-client";
+import { Button as Button2, Select, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { ControlGroup, ControlItemInput, ControlPage, ControlSection } from "@dxos/react-ui-form";
+import { EditorInputModes } from "@dxos/ui-editor";
+var ScriptPluginSettings = ({ settings, onSettingsChange }) => {
+  const { t } = useTranslation2(meta.id);
+  const client = useClient2();
+  const handleAuthenticate = async () => {
+    const { identityKey } = client.halo.identity.get();
+    await client.halo.writeCredentials([
+      getAccessCredential(identityKey)
+    ]);
+  };
+  return /* @__PURE__ */ React2.createElement(ControlPage, null, /* @__PURE__ */ React2.createElement(ControlSection, {
+    title: t("settings title", {
+      ns: meta.id
+    })
+  }, /* @__PURE__ */ React2.createElement(ControlGroup, null, /* @__PURE__ */ React2.createElement(ControlItemInput, {
+    title: t("authenticate action label")
+  }, /* @__PURE__ */ React2.createElement(Button2, {
+    onClick: handleAuthenticate
+  }, t("authenticate button label"))), /* @__PURE__ */ React2.createElement(ControlItemInput, {
+    title: t("editor input mode label")
+  }, /* @__PURE__ */ React2.createElement(Select.Root, {
+    value: settings.editorInputMode ?? "default",
+    onValueChange: (value) => {
+      onSettingsChange((s) => ({
+        ...s,
+        editorInputMode: value
+      }));
+    }
+  }, /* @__PURE__ */ React2.createElement(Select.TriggerButton, {
+    placeholder: t("select editor input mode placeholder")
+  }), /* @__PURE__ */ React2.createElement(Select.Portal, null, /* @__PURE__ */ React2.createElement(Select.Content, null, /* @__PURE__ */ React2.createElement(Select.Viewport, null, EditorInputModes.map((mode) => /* @__PURE__ */ React2.createElement(Select.Option, {
+    key: mode,
+    value: mode
+  }, t(`settings editor input mode ${mode} label`)))), /* @__PURE__ */ React2.createElement(Select.Arrow, null))))))));
+};
+
+// src/components/TestPanel/TestPanel.tsx
+import React3, { forwardRef, useEffect, useRef, useState as useState2 } from "react";
+import { log as log2 } from "@dxos/log";
+import { Avatar, Icon, Input as Input2, Toolbar, useTranslation as useTranslation3 } from "@dxos/react-ui";
+import { SyntaxHighlighter } from "@dxos/react-ui-syntax-highlighter";
+import { errorText, mx } from "@dxos/ui-theme";
+var __dxlog_file2 = "/__w/dxos/dxos/packages/plugins/plugin-script/src/components/TestPanel/TestPanel.tsx";
+var TestPanel = ({ classNames, functionUrl }) => {
+  const { t } = useTranslation3(meta.id);
+  const inputRef = useRef(null);
+  const [input, setInput] = useState2("");
+  const [result, setResult] = useState2("");
+  const [state, setState] = useState2(null);
+  const [history, setHistory] = useState2([]);
+  const scrollerRef = useRef(null);
+  const handleScroll = () => {
+    if (scrollerRef.current) {
+      scrollerRef.current.scrollTop = scrollerRef.current.scrollHeight;
+    }
+  };
+  const controller = useRef(null);
+  useEffect(() => {
+    return () => {
+      handleStop();
+    };
+  }, []);
+  const handleStop = () => {
+    controller.current?.abort("stop");
+    controller.current = null;
+  };
+  const handleClear = () => {
+    handleStop();
+    setInput("");
+    setResult("");
+    setHistory([]);
+    inputRef.current?.focus();
+  };
+  const handleResponse = ({ text, data, error } = {}) => {
+    controller.current = null;
+    setHistory((history2) => [
+      ...history2,
+      {
+        type: "response",
+        text,
+        data,
+        error
+      }
+    ]);
+    setResult("");
+    setState(null);
+    handleScroll();
+  };
+  const handleRequest = async (input2) => {
+    try {
+      setState("pending");
+      let data = null;
+      if (input2.charAt(0) === "{") {
+        try {
+          const validJsonString = input2.replace(/'/g, '"').replace(/([{,]\s*)([a-zA-Z0-9_]+)(\s*:)/g, '$1"$2"$3');
+          data = JSON.parse(validJsonString);
+          input2 = JSON.stringify(data, null, 2);
+        } catch (err) {
+          inputRef.current?.focus();
+          return;
+        }
+      }
+      setInput("");
+      setResult("");
+      setHistory((history2) => [
+        ...history2,
+        {
+          type: "request",
+          text: input2
+        }
+      ]);
+      setTimeout(() => {
+        handleScroll();
+      });
+      controller.current = new AbortController();
+      const response = await fetch(functionUrl, {
+        signal: controller.current.signal,
+        method: "POST",
+        body: input2,
+        headers: {
+          "Content-Type": data ? "application/json" : "text/plain"
+        }
+      });
+      if (!response.ok) {
+        const text2 = await response.text();
+        handleResponse({
+          error: new Error(text2 || response.statusText || String(response.status))
+        });
+        return;
+      }
+      const contentType = response.headers.get("content-type");
+      if (contentType === "application/json") {
+        const data2 = await response.json();
+        handleResponse({
+          data: data2
+        });
+        return;
+      }
+      setState("responding");
+      let text = "";
+      const reader = response.body.getReader();
+      const pump = async ({ done, value }) => {
+        text = text + new TextDecoder().decode(value);
+        if (!controller.current || done) {
+          handleResponse({
+            text
+          });
+          return;
+        }
+        setResult(text);
+        setTimeout(() => {
+          handleScroll();
+        });
+        return reader.read().then(pump);
+      };
+      void reader.read().then(pump).catch((err) => {
+        if (err.name !== "AbortError") {
+          log2.catch(err, void 0, {
+            F: __dxlog_file2,
+            L: 162,
+            S: void 0,
+            C: (f, a) => f(...a)
+          });
+        }
+      });
+    } catch (err) {
+      if (err !== "stop") {
+        const error = err instanceof Error ? err : new Error(err);
+        handleResponse({
+          error
+        });
+        log2.catch(err, void 0, {
+          F: __dxlog_file2,
+          L: 169,
+          S: void 0,
+          C: (f, a) => f(...a)
+        });
+      } else {
+        handleResponse();
+      }
+    }
+  };
+  return /* @__PURE__ */ React3.createElement("div", {
+    className: mx("flex flex-col bs-full overflow-hidden", classNames)
+  }, /* @__PURE__ */ React3.createElement(MessageThread, {
+    ref: scrollerRef,
+    state,
+    result,
+    history
+  }), /* @__PURE__ */ React3.createElement(Toolbar.Root, null, /* @__PURE__ */ React3.createElement(Input2.Root, null, /* @__PURE__ */ React3.createElement(Input2.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__ */ React3.createElement(Toolbar.IconButton, {
+    icon: "ph--play--regular",
+    size: 4,
+    label: "Execute",
+    iconOnly: true,
+    onClick: () => handleRequest(input)
+  }), /* @__PURE__ */ React3.createElement(Toolbar.IconButton, {
+    icon: state ? "ph--stop--regular" : "ph--trash--regular",
+    size: 4,
+    label: state ? "Stop" : "Clear",
+    iconOnly: true,
+    onClick: () => state ? handleStop() : handleClear()
+  })));
+};
+var MessageThread = /* @__PURE__ */ forwardRef(({ state, history, result }, forwardedRef) => {
+  return /* @__PURE__ */ React3.createElement("div", {
+    ref: forwardedRef,
+    className: "flex flex-col gap-6 bs-full p-2 overflow-x-hidden overflow-y-auto"
+  }, history.map((message, i) => /* @__PURE__ */ React3.createElement("div", {
+    key: i,
+    className: "grid grid-cols-[2rem_1fr_2rem]"
+  }, /* @__PURE__ */ React3.createElement("div", {
+    className: "p-1"
+  }, message.type === "response" && /* @__PURE__ */ React3.createElement(RobotAvatar, null)), /* @__PURE__ */ React3.createElement("div", {
+    className: "overflow-auto"
+  }, /* @__PURE__ */ React3.createElement(MessageItem, {
+    message
+  })))), result?.length > 0 && /* @__PURE__ */ React3.createElement("div", {
+    className: "grid grid-cols-[2rem_1fr_2rem]"
+  }, /* @__PURE__ */ React3.createElement("div", {
+    className: "p-1"
+  }, state === "pending" && /* @__PURE__ */ React3.createElement(Icon, {
+    icon: "ph--spinner--regular",
+    size: 6,
+    classNames: "animate-spin"
+  }) || /* @__PURE__ */ React3.createElement(Icon, {
+    icon: "ph--robot--regular",
+    size: 6,
+    classNames: "animate-[pulse_1s_ease-in-out_infinite]"
+  })), /* @__PURE__ */ React3.createElement("div", {
+    className: "overflow-auto"
+  }, /* @__PURE__ */ React3.createElement(MessageItem, {
+    message: {
+      type: "response",
+      text: result
+    }
+  }))));
+});
+var MessageItem = ({ classNames, message }) => {
+  const { type, text, data, error } = message;
+  const wrapper = "p-1 pli-2 rounded-md bg-hoverSurface overflow-auto";
+  return /* @__PURE__ */ React3.createElement("div", {
+    className: mx("flex", type === "request" ? "ml-[1rem] justify-end" : "mr-[1rem]", classNames)
+  }, error && /* @__PURE__ */ React3.createElement("div", {
+    className: mx(wrapper, "whitespace-pre", errorText)
+  }, String(error)), text !== void 0 && /* @__PURE__ */ React3.createElement("div", {
+    className: mx(wrapper, type === "request" && "bg-primary-400 dark:bg-primary-600")
+  }, text || "\xD8"), data && /* @__PURE__ */ React3.createElement(SyntaxHighlighter, {
+    language: "json",
+    className: mx(wrapper, "text-xs")
+  }, JSON.stringify(data, null, 2)));
+};
+var RobotAvatar = () => /* @__PURE__ */ React3.createElement(Avatar.Root, null, /* @__PURE__ */ React3.createElement(Avatar.Content, {
+  size: 6,
+  variant: "circle",
+  icon: "ph--robot--regular"
+}));
+
+// src/components/TestPanel/TestContainer.tsx
+import React4 from "react";
+import { Layout } from "@dxos/react-ui-mosaic";
+var TestContainer = ({ role, script }) => {
+  const state = useToolbarState();
+  useDeployState({
+    state,
+    script
+  });
+  return /* @__PURE__ */ React4.createElement(Layout.Main, {
+    role
+  }, /* @__PURE__ */ React4.createElement(TestPanel, {
+    functionUrl: state.value.functionUrl
+  }));
+};
+
+// src/components/index.ts
+import { lazy } from "react";
+var ScriptContainer = lazy(() => import("./ScriptContainer-X6GCYZZW.mjs"));
+var DeploymentDialog = lazy(() => import("./DeploymentDialog-GXNRUXF6.mjs"));
+var NotebookContainer = lazy(() => import("./NotebookContainer-4MM2VAQF.mjs"));
+
+export {
+  ScriptObjectSettings,
+  ScriptProperties,
+  ScriptPluginSettings,
+  TestPanel,
+  TestContainer,
+  ScriptContainer,
+  DeploymentDialog,
+  NotebookContainer
+};
+//# sourceMappingURL=chunk-NWSK27QB.mjs.map