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

package/dist/lib/browser/index.mjs

@@ -1,229 +1,1204 @@
 import {
-  DeploymentDialog,
-  NotebookContainer,
-  ScriptContainer,
-  ScriptObjectSettings,
-  ScriptPluginSettings,
-  ScriptProperties,
-  TestContainer,
-  TestPanel
-} from "./chunk-XCN4D3Z5.mjs";
-import {
-  DEPLOYMENT_DIALOG
-} from "./chunk-TWX2NMZN.mjs";
-import {
-  deployScript,
-  getAccessCredential,
-  getFunctionUrl,
-  isScriptDeployed,
-  updateFunctionMetadata
-} from "./chunk-C53UJGSU.mjs";
-import {
-  Notebook_exports,
   ScriptCapabilities,
-  ScriptEvents,
-  ScriptOperation
-} from "./chunk-UUR4JNNB.mjs";
-import "./chunk-UX4GHJ5E.mjs";
-import {
-  NotebookMenu,
-  NotebookStack
-} from "./chunk-BTWHM6FH.mjs";
-import "./chunk-I7CSE6T3.mjs";
-import {
-  defaultScriptsForIntegration,
-  meta
-} from "./chunk-WYR4QHPE.mjs";
+  ScriptEvents
+} from "./chunk-AE5EX2VP.mjs";
 import "./chunk-J5LGTIGS.mjs";
 
-// src/ScriptPlugin.tsx
-import * as Effect from "effect/Effect";
-import { Common, Plugin } from "@dxos/app-framework";
-import { Ref } from "@dxos/echo";
-import { Script as Script2 } from "@dxos/functions";
-import { Operation } from "@dxos/operation";
+// src/components/index.ts
+import { lazy } from "react";
+
+// src/components/FramePanel/FramePanel.tsx
+import React, { useEffect, useRef } from "react";
+import { clientServiceBundle } from "@dxos/client-protocol";
+import { invariant } from "@dxos/invariant";
+import { log } from "@dxos/log";
+import { useClient } from "@dxos/react-client";
+import { createProtoRpcPeer } from "@dxos/rpc";
+import { createIFramePort } from "@dxos/rpc-tunnel";
+import { mx } from "@dxos/ui-theme";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-script/src/components/FramePanel/FramePanel.tsx";
+var FramePanel = ({ containerUrl, result, debug = true }) => {
+  const client = useClient();
+  const iframeRef = useRef(null);
+  useEffect(() => {
+    if (iframeRef.current) {
+      const rpc = createProtoRpcPeer({
+        exposed: clientServiceBundle,
+        handlers: client._services.services,
+        port: createIFramePort({
+          channel: "frame",
+          iframe: iframeRef.current,
+          origin: "*"
+        })
+      });
+      rpc.open().catch((e) => log.catch(e, void 0, {
+        F: __dxlog_file,
+        L: 41,
+        S: void 0,
+        C: (f, a) => f(...a)
+      }));
+      return () => {
+        rpc.close().catch((e) => log.catch(e, void 0, {
+          F: __dxlog_file,
+          L: 43,
+          S: void 0,
+          C: (f, a) => f(...a)
+        }));
+      };
+    }
+  }, [
+    iframeRef
+  ]);
+  invariant(result.sourceHash, "Source hash is required.", {
+    F: __dxlog_file,
+    L: 49,
+    S: void 0,
+    A: [
+      "result.sourceHash",
+      "'Source hash is required.'"
+    ]
+  });
+  const sourceHash = Buffer.from(result.sourceHash).toString("hex");
+  const src = "bundle" in result ? `${containerUrl}?ts=${sourceHash}#code=${encodeURIComponent(new TextDecoder().decode(Object.values(result.bundle)[0]))}` : void 0;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("iframe", {
+    ref: iframeRef,
+    sandbox: "allow-scripts",
+    src,
+    style: {
+      width: "100%",
+      height: "100%"
+    }
+  }), debug && /* @__PURE__ */ React.createElement("div", {
+    className: "relative"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: mx("flex absolute right-2 bottom-2 w-[30rem] h-[200px] bg-base-surface ring rounded-sm", "z-20 overflow-x-hidden overflow-y-auto")
+  }, /* @__PURE__ */ React.createElement("pre", {
+    className: "text-xs whitespace-break-spaces break-all p-2"
+  }, JSON.stringify({
+    timestamp: result.timestamp,
+    sourceHash,
+    error: "error" in result ? result.error : void 0,
+    src
+  }, void 0, 2)))));
+};
+
+// src/components/NotebookStack/NotebookMenu.tsx
+import React2 from "react";
+import { DropdownMenu, useTranslation } from "@dxos/react-ui";
+import { meta } from "#meta";
+var NotebookMenu = ({ cell, onCellInsert, onCellDelete }) => {
+  const { t } = useTranslation(meta.id);
+  return /* @__PURE__ */ React2.createElement(DropdownMenu.Portal, null, /* @__PURE__ */ React2.createElement(DropdownMenu.Content, null, /* @__PURE__ */ React2.createElement(DropdownMenu.Viewport, null, /* @__PURE__ */ React2.createElement(DropdownMenu.Item, {
+    onClick: () => onCellInsert?.("script", cell?.id)
+  }, t("notebook-cell-insert-script.label")), /* @__PURE__ */ React2.createElement(DropdownMenu.Item, {
+    onClick: () => onCellInsert?.("prompt", cell?.id)
+  }, t("notebook-cell-insert-prompt.label")), /* @__PURE__ */ React2.createElement(DropdownMenu.Item, {
+    onClick: () => onCellInsert?.("query", cell?.id)
+  }, t("notebook-cell-insert-query.label")), /* @__PURE__ */ React2.createElement(DropdownMenu.Item, {
+    onClick: () => onCellInsert?.("markdown", cell?.id)
+  }, t("notebook-cell-insert-markdown.label")), cell && onCellDelete && /* @__PURE__ */ React2.createElement(DropdownMenu.Item, {
+    onClick: () => onCellDelete?.(cell.id)
+  }, t("notebook-cell-delete.label"))), /* @__PURE__ */ React2.createElement(DropdownMenu.Arrow, null)));
+};
 
-// src/capabilities/app-graph-builder/index.ts
-import { Capability } from "@dxos/app-framework";
-var AppGraphBuilder = Capability.lazy("AppGraphBuilder", () => import("./app-graph-builder-7VO7AUI6.mjs"));
+// src/components/NotebookStack/NotebookStack.tsx
+import React5 from "react";
+import { DropdownMenu as DropdownMenu2, IconButton, useTranslation as useTranslation3 } from "@dxos/react-ui";
+import { Stack, StackItem } from "@dxos/react-ui-stack";
+import { composable as composable2, composableProps as composableProps2 } from "@dxos/ui-theme";
+import { meta as meta3 } from "#meta";
 
-// src/capabilities/blueprint-definition/index.ts
-import { Capability as Capability2 } from "@dxos/app-framework";
-var BlueprintDefinition = Capability2.lazy("BlueprintDefinition", () => import("./blueprint-definition-OSOUYI7A.mjs"));
+// src/components/NotebookStack/NotebookCell.tsx
+import React4, { useCallback, useMemo } from "react";
+import { Surface } from "@dxos/app-framework/ui";
+import { Obj } from "@dxos/echo";
+import { createDocAccessor } from "@dxos/echo-db";
+import { invariant as invariant2 } from "@dxos/invariant";
+import { TemplateEditor } from "@dxos/plugin-assistant";
+import { useThemeContext as useThemeContext2, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { QueryEditor } from "@dxos/react-ui-components";
+import { EditorContent } from "@dxos/react-ui-editor";
+import { createBasicExtensions as createBasicExtensions2, createDataExtensions, createMarkdownExtensions, createThemeExtensions as createThemeExtensions2, decorateMarkdown } from "@dxos/ui-editor";
+import { mx as mx2 } from "@dxos/ui-theme";
+import { isNonNullable as isNonNullable2 } from "@dxos/util";
+import { meta as meta2 } from "#meta";
 
-// src/capabilities/compiler/index.ts
-import { Capability as Capability3 } from "@dxos/app-framework";
-var Compiler = Capability3.lazy("Compiler", () => import("./compiler-76F3QAXC.mjs"));
+// src/components/TypescriptEditor/TypescriptEditor.tsx
+import { autocompletion, completionKeymap } from "@codemirror/autocomplete";
+import { javascript } from "@codemirror/lang-javascript";
+import { HighlightStyle } from "@codemirror/language";
+import { lintKeymap } from "@codemirror/lint";
+import { Prec } from "@codemirror/state";
+import { keymap } from "@codemirror/view";
+import { tags } from "@lezer/highlight";
+import { composeRefs } from "@radix-ui/react-compose-refs";
+import { continueKeymap } from "@valtown/codemirror-continue";
+import { tsAutocomplete, tsFacet, tsHover, tsLinter, tsSync } from "@valtown/codemirror-ts";
+import React3 from "react";
+import { useThemeContext } from "@dxos/react-ui";
+import { useTextEditor } from "@dxos/react-ui-editor";
+import { Domino } from "@dxos/ui";
+import { InputModeExtensions, createBasicExtensions, createThemeExtensions, defaultStyles } from "@dxos/ui-editor";
+import { composable, composableProps } from "@dxos/ui-theme";
+import { isNonNullable } from "@dxos/util";
+var TypescriptEditor = composable(({ classNames, id, role = "article", inputMode = "vscode", env, options, initialValue, extensions, scrollTo, selection, ...props }, forwardedRef) => {
+  const { themeMode } = useThemeContext();
+  const { parentRef, focusAttributes } = useTextEditor(() => ({
+    id,
+    initialValue,
+    selection,
+    scrollTo,
+    extensions: [
+      extensions,
+      createBasicExtensions({
+        highlightActiveLine: true,
+        indentWithTab: true,
+        lineNumbers: true,
+        lineWrapping: false,
+        scrollPastEnd: role !== "section",
+        search: true,
+        ...options
+      }),
+      createThemeExtensions({
+        monospace: true,
+        themeMode,
+        syntaxHighlighting: true
+      }),
+      InputModeExtensions[inputMode],
+      javascript({
+        typescript: true
+      }),
+      autocompletion({
+        override: env ? [
+          tsAutocomplete()
+        ] : void 0
+      }),
+      // Continues block comments when pressing Enter.
+      Prec.high(keymap.of(continueKeymap)),
+      keymap.of(completionKeymap),
+      keymap.of(lintKeymap),
+      // https://github.com/val-town/codemirror-ts
+      env && [
+        // TODO(burdon): Fix type.
+        tsFacet.of({
+          env,
+          path: `./src/${id}.ts`
+        }),
+        tsSync(),
+        tsLinter(),
+        tsHover({
+          renderTooltip: createTooltipRenderer(themeMode)
+        })
+      ]
+    ].filter(isNonNullable)
+  }), [
+    themeMode,
+    id,
+    extensions,
+    inputMode,
+    selection,
+    scrollTo,
+    env
+  ]);
+  return /* @__PURE__ */ React3.createElement("div", {
+    ...composableProps(props, {
+      classNames,
+      ...focusAttributes
+    }),
+    ref: composeRefs(parentRef, forwardedRef)
+  });
+});
+var createTooltipRenderer = (themeMode) => {
+  const theme = HighlightStyle.define(themeMode === "dark" ? defaultStyles.dark : defaultStyles.light);
+  const classFromKind = (_kind) => {
+    const kind = _kind.endsWith("Name") ? "name" : _kind;
+    const validTag = kind in tags;
+    if (!validTag) {
+      return "";
+    }
+    const tag = tags[kind];
+    if (typeof tag === "function") {
+      return "";
+    }
+    return theme.style([
+      tag
+    ]) ?? "";
+  };
+  return (info) => {
+    const children = info.quickInfo?.displayParts?.map(({ kind, text }) => Domino.of("span").classNames(classFromKind(kind)).text(text)) ?? [];
+    return {
+      dom: Domino.of("div").classNames("xs:max-w-80 max-w-lg p-1 bg-base-surface rounded-sm border border-separator").children(...children).root
+    };
+  };
+};
+
+// src/components/NotebookStack/NotebookCell.tsx
+var __dxlog_file2 = "/__w/dxos/dxos/packages/plugins/plugin-script/src/components/NotebookStack/NotebookCell.tsx";
+var editorStyles = "p-2 ps-3";
+var valueStyles = "p-1 ps-3";
+var NotebookCell = ({ db, graph, dragging, cell, promptResults, env }) => {
+  const { t } = useTranslation2(meta2.id);
+  const extensions = useMemo(() => {
+    return cell.source?.target ? [
+      createDataExtensions({
+        id: cell.id,
+        text: createDocAccessor(cell.source.target, [
+          "content"
+        ])
+      })
+    ].filter(isNonNullable2) : [];
+  }, [
+    cell.source?.target
+  ]);
+  const explorerGraph = cell.graph?.target;
+  const handleQueryChange = useCallback((value) => {
+    invariant2(cell.source?.target, void 0, {
+      F: __dxlog_file2,
+      L: 63,
+      S: void 0,
+      A: [
+        "cell.source?.target",
+        ""
+      ]
+    });
+    Obj.change(cell.source.target, (obj) => {
+      obj.content = value;
+    });
+  }, [
+    cell
+  ]);
+  switch (cell.type) {
+    case "markdown":
+      if (!cell.source?.target) {
+        return null;
+      }
+      return /* @__PURE__ */ React4.createElement(NotebookTextEditor, {
+        id: cell.id,
+        classNames: editorStyles,
+        initialValue: cell.source.target.content,
+        extensions
+      });
+    case "script":
+      if (!cell.source?.target) {
+        return null;
+      }
+      return /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(TypescriptEditor, {
+        id: cell.id,
+        role: "section",
+        classNames: editorStyles,
+        initialValue: cell.source.target.content,
+        extensions,
+        env,
+        options: {
+          placeholder: t("notebook-cell.placeholder"),
+          highlightActiveLine: false,
+          lineNumbers: false
+        }
+      }), /* @__PURE__ */ React4.createElement(NotebookCellValue, {
+        cell,
+        graph
+      }));
+    case "query":
+      if (!cell.source?.target) {
+        return null;
+      }
+      return /* @__PURE__ */ React4.createElement("div", {
+        className: mx2("h-full overflow-hidden grid", explorerGraph && !dragging && "grid-rows-[min-content_1fr]")
+      }, /* @__PURE__ */ React4.createElement(QueryEditor, {
+        id: cell.id,
+        classNames: [
+          editorStyles,
+          "border-b border-subdued-separator"
+        ],
+        db,
+        value: cell.source.target.content,
+        onChange: handleQueryChange
+      }), explorerGraph && !dragging && /* @__PURE__ */ React4.createElement(Surface.Surface, {
+        role: "section",
+        limit: 1,
+        data: {
+          subject: explorerGraph
+        }
+      }));
+    // TODO(burdon): Use streaming response from Chat.
+    case "prompt":
+      if (!cell.prompt?.target) {
+        return null;
+      }
+      return /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(TemplateEditor, {
+        id: cell.id,
+        template: cell.prompt.target.instructions,
+        lineNumbers: false,
+        classNames: editorStyles
+      }), /* @__PURE__ */ React4.createElement(NotebookPromptResult, {
+        cell,
+        promptResults
+      }));
+    default:
+      return null;
+  }
+};
+var NotebookCellValue = ({ cell, graph }) => {
+  const name = graph?.getExpressions()[cell.id]?.name;
+  const value = graph?.getValue(cell.id);
+  if (value == null) {
+    return null;
+  }
+  return /* @__PURE__ */ React4.createElement("div", {
+    className: mx2("flex w-full bg-group-surface border-y border-subdued-separator text-description font-mono", valueStyles)
+  }, name && /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement("span", {
+    className: "text-success-text"
+  }, name), /* @__PURE__ */ React4.createElement("span", {
+    className: "text-description"
+  }, "\xA0=\xA0")), /* @__PURE__ */ React4.createElement("span", null, value));
+};
+var NotebookPromptResult = ({ cell, promptResults }) => {
+  if (!cell.prompt) {
+    return null;
+  }
+  const value = promptResults?.[cell.prompt.dxn.toString()];
+  if (value == null) {
+    return null;
+  }
+  return /* @__PURE__ */ React4.createElement("div", {
+    className: mx2("flex w-full bg-group-surface text-description border-y border-subdued-separator", valueStyles)
+  }, /* @__PURE__ */ React4.createElement(NotebookTextEditor, {
+    readOnly: true,
+    value
+  }));
+};
+var NotebookTextEditor = ({ extensions: extensionsProp, readOnly, ...props }) => {
+  const { t } = useTranslation2(meta2.id);
+  const { themeMode } = useThemeContext2();
+  const extensions = useMemo(() => {
+    return [
+      createBasicExtensions2({
+        placeholder: t("notebook-markdown.placeholder"),
+        readOnly
+      }),
+      createThemeExtensions2({
+        themeMode,
+        syntaxHighlighting: true
+      }),
+      createMarkdownExtensions(),
+      decorateMarkdown(),
+      extensionsProp
+    ].filter(isNonNullable2);
+  }, [
+    extensionsProp
+  ]);
+  return /* @__PURE__ */ React4.createElement(EditorContent, {
+    ...props,
+    extensions,
+    selectionEnd: true
+  });
+};
 
-// src/capabilities/operation-resolver/index.ts
-import { Capability as Capability4 } from "@dxos/app-framework";
-var OperationResolver = Capability4.lazy("OperationResolver", () => import("./operation-resolver-HUILPPKT.mjs"));
+// src/components/NotebookStack/NotebookStack.tsx
+var minSectionHeight = "min-h-[16rem]";
+var NotebookStack = composable2(({ notebook, onRearrange, db, graph, promptResults, onCellInsert, onCellDelete, env, ...props }, forwardedRef) => {
+  const sectionProps = {
+    db,
+    graph,
+    promptResults,
+    onCellInsert,
+    onCellDelete,
+    env
+  };
+  return /* @__PURE__ */ React5.createElement(Stack, {
+    ...composableProps2(props),
+    orientation: "vertical",
+    size: "contain",
+    rail: true,
+    onRearrange,
+    ref: forwardedRef
+  }, notebook?.cells.map((cell, i) => /* @__PURE__ */ React5.createElement(NotebookSection, {
+    key: i,
+    cell,
+    ...sectionProps
+  })));
+});
+var NotebookSection = ({ cell, db, env, promptResults, onCellInsert, onCellDelete, ...props }) => {
+  const { t } = useTranslation3(meta3.id);
+  const resizable = cell.type === "query";
+  return /* @__PURE__ */ React5.createElement(StackItem.Root, {
+    role: "section",
+    item: cell,
+    draggable: true,
+    classNames: resizable && minSectionHeight
+  }, /* @__PURE__ */ React5.createElement(StackItem.Heading, {
+    classNames: "h-full p-1 justify-between dx-attention-surface"
+  }, /* @__PURE__ */ React5.createElement(StackItem.DragHandle, {
+    asChild: true
+  }, /* @__PURE__ */ React5.createElement(IconButton, {
+    variant: "ghost",
+    icon: "ph--dots-six-vertical--regular",
+    iconOnly: true,
+    label: "Drag handle"
+  })), /* @__PURE__ */ React5.createElement(DropdownMenu2.Root, null, /* @__PURE__ */ React5.createElement(DropdownMenu2.Trigger, {
+    asChild: true
+  }, /* @__PURE__ */ React5.createElement(IconButton, {
+    variant: "ghost",
+    icon: "ph--dots-three--regular",
+    iconOnly: true,
+    label: t("notebook-cell-insert.label")
+  })), /* @__PURE__ */ React5.createElement(NotebookMenu, {
+    cell,
+    onCellInsert,
+    onCellDelete
+  })), resizable && /* @__PURE__ */ React5.createElement(StackItem.ResizeHandle, null)), /* @__PURE__ */ React5.createElement(StackItem.DragPreview, null, ({ item: cell2 }) => /* @__PURE__ */ React5.createElement(StackItem.Content, {
+    classNames: "overflow-visible bg-group-surface border border-subdued-separator"
+  }, /* @__PURE__ */ React5.createElement(NotebookCell, {
+    db,
+    cell: cell2,
+    env,
+    dragging: true
+  }))), /* @__PURE__ */ React5.createElement(StackItem.Content, {
+    classNames: "overflow-visible"
+  }, /* @__PURE__ */ React5.createElement(NotebookCell, {
+    db,
+    cell,
+    env,
+    promptResults,
+    ...props
+  })));
+};
 
-// src/capabilities/react-surface/index.ts
-import { Capability as Capability5 } from "@dxos/app-framework";
-var ReactSurface = Capability5.lazy("ReactSurface", () => import("./react-surface-O6GKHB2J.mjs"));
+// src/components/QueryEditor/QueryEditor.tsx
+import React6, { useState } from "react";
+import { ScriptTarget } from "typescript";
+import queryApi from "@dxos/echo-query/api.d.ts?raw";
+import { useAsyncEffect } from "@dxos/react-ui";
 
-// src/capabilities/settings/index.ts
-import { Capability as Capability6 } from "@dxos/app-framework";
-var ScriptSettings = Capability6.lazy("ScriptSettings", () => import("./settings-3ENI25PI.mjs"));
+// src/compiler/compiler.ts
+import { createDefaultMapFromCDN, createSystem, createVirtualTypeScriptEnvironment } from "@typescript/vfs";
+import ts from "typescript";
+import { invariant as invariant3 } from "@dxos/invariant";
+var __dxlog_file3 = "/__w/dxos/dxos/packages/plugins/plugin-script/src/compiler/compiler.ts";
+var GLOBALS = "globals.d.ts";
+var defaultOptions = {
+  lib: [
+    "DOM",
+    "es2022"
+  ],
+  target: ts.ScriptTarget.ES2022
+};
+var Compiler = class {
+  _options;
+  _env;
+  _fsMap;
+  constructor(_options = defaultOptions) {
+    this._options = _options;
+  }
+  async initialize(globals) {
+    if (this._env) {
+      return;
+    }
+    this._fsMap = await createDefaultMapFromCDN(this._options, "5.7.2", true, ts);
+    if (globals) {
+      this._fsMap.set(GLOBALS, globals);
+    }
+    const rootFiles = globals ? [
+      GLOBALS
+    ] : [];
+    const system = createSystem(this._fsMap);
+    this._env = createVirtualTypeScriptEnvironment(system, rootFiles, ts, this._options);
+  }
+  get environment() {
+    invariant3(this._env, "Compiler environment not initialized.", {
+      F: __dxlog_file3,
+      L: 46,
+      S: this,
+      A: [
+        "this._env",
+        "'Compiler environment not initialized.'"
+      ]
+    });
+    return this._env;
+  }
+  setFile(fileName, content) {
+    invariant3(this._fsMap, "File system map not initialized.", {
+      F: __dxlog_file3,
+      L: 51,
+      S: this,
+      A: [
+        "this._fsMap",
+        "'File system map not initialized.'"
+      ]
+    });
+    this.environment.createFile(fileName, content);
+  }
+  compile(fileName) {
+    return this.environment.languageService.getEmitOutput(fileName);
+  }
+};
+
+// src/components/QueryEditor/QueryEditor.tsx
+var GLOBALS2 = `
+  namespace QueryAPI {
+    ${queryApi}
+  }
+
+  declare global {
+    const Query: typeof QueryAPI.Query;
+    const Filter: typeof QueryAPI.Filter;
+    const Order: typeof QueryAPI.Order;
+  }
+
+  export {};
+`;
+var QueryEditor2 = (props) => {
+  const [compiler, setCompiler] = useState();
+  useAsyncEffect(async () => {
+    const compiler2 = new Compiler({
+      lib: [
+        "ES5"
+      ],
+      target: ScriptTarget.ES2022
+    });
+    await compiler2.initialize(GLOBALS2);
+    setCompiler(compiler2);
+  }, []);
+  if (!compiler) {
+    return null;
+  }
+  return /* @__PURE__ */ React6.createElement(TypescriptEditor, {
+    ...props,
+    env: compiler.environment
+  });
+};
+
+// src/components/ScriptToolbar/ScriptToolbar.tsx
+import { Atom } from "@effect-atom/atom-react";
+import React7, { useMemo as useMemo2 } from "react";
+import { ElevationProvider, useTranslation as useTranslation4 } from "@dxos/react-ui";
+import { composable as composable3, composableProps as composableProps3 } from "@dxos/ui-theme";
+import { Menu, createGapSeparator, useMenuActions } from "@dxos/react-ui-menu";
+import { createDeploy, createFormat, createTemplateSelect, useDeployDeps } from "#hooks";
+import { meta as meta4 } from "#meta";
+var ScriptToolbar = composable3(({ script, attendableId, role, state, ...props }, forwardedRef) => {
+  const { t } = useTranslation4(meta4.id);
+  const options = useDeployDeps({
+    script
+  });
+  const menuCreator = useMemo2(() => createToolbarActions({
+    state,
+    script,
+    t,
+    ...options
+  }), [
+    state,
+    script,
+    options,
+    t
+  ]);
+  const menuActions = useMenuActions(menuCreator);
+  return /* @__PURE__ */ React7.createElement(ElevationProvider, {
+    elevation: role === "section" ? "positioned" : "base"
+  }, /* @__PURE__ */ React7.createElement(Menu.Root, {
+    ...menuActions,
+    attendableId
+  }, /* @__PURE__ */ React7.createElement(Menu.Toolbar, {
+    ...composableProps3(props),
+    ref: forwardedRef
+  })));
+});
+var createToolbarActions = ({ state, script, ...options }) => Atom.make((get) => {
+  get(state.atom);
+  const templateSelect = createTemplateSelect(script);
+  const format = createFormat(script);
+  const gap = createGapSeparator();
+  const deploy = createDeploy({
+    state,
+    script,
+    ...options
+  });
+  return {
+    nodes: [
+      ...templateSelect.nodes,
+      ...format.nodes,
+      ...gap.nodes,
+      ...deploy.nodes
+    ],
+    edges: [
+      ...templateSelect.edges,
+      ...format.edges,
+      ...gap.edges,
+      ...deploy.edges
+    ]
+  };
+});
+
+// src/components/TestPanel/TestPanel.tsx
+import React8, { forwardRef, useRef as useRef2, useState as useState2 } from "react";
+import { log as log2 } from "@dxos/log";
+import { Avatar, Icon, Input, ScrollArea, Toolbar, useTranslation as useTranslation5 } from "@dxos/react-ui";
+import { SyntaxHighlighter } from "@dxos/react-ui-syntax-highlighter";
+import { composable as composable4, composableProps as composableProps4, mx as mx3 } from "@dxos/ui-theme";
+import { meta as meta5 } from "#meta";
+var __dxlog_file4 = "/__w/dxos/dxos/packages/plugins/plugin-script/src/components/TestPanel/TestPanel.tsx";
+var TestPanel = composable4(({ classNames, onInvoke, ...props }, forwardedRef) => {
+  const { t } = useTranslation5(meta5.id);
+  const inputRef = useRef2(null);
+  const [input, setInput] = useState2("");
+  const [state, setState] = useState2(null);
+  const [history, setHistory] = useState2([]);
+  const scrollerRef = useRef2(null);
+  const handleScroll = () => {
+    if (scrollerRef.current) {
+      scrollerRef.current.scrollTop = scrollerRef.current.scrollHeight;
+    }
+  };
+  const handleClear = () => {
+    setInput("");
+    setHistory([]);
+    inputRef.current?.focus();
+  };
+  const handleResponse = ({ text, data, error } = {}) => {
+    setHistory((history2) => [
+      ...history2,
+      {
+        type: "response",
+        text,
+        data,
+        error
+      }
+    ]);
+    setState(null);
+    handleScroll();
+  };
+  const handleRequest = async (input2) => {
+    if (!onInvoke) {
+      handleResponse({
+        error: new Error("Function not deployed")
+      });
+      return;
+    }
+    let data = input2;
+    let displayText = input2;
+    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);
+        displayText = JSON.stringify(data, null, 2);
+      } catch (err) {
+        handleResponse({
+          error: new Error("Invalid JSON input")
+        });
+        return;
+      }
+    }
+    try {
+      setState("pending");
+      setInput("");
+      setHistory((history2) => [
+        ...history2,
+        {
+          type: "request",
+          text: displayText
+        }
+      ]);
+      setTimeout(handleScroll);
+      const result = await onInvoke(data);
+      if (typeof result === "string") {
+        handleResponse({
+          text: result
+        });
+      } else {
+        handleResponse({
+          data: result
+        });
+      }
+    } catch (err) {
+      const error = err instanceof Error ? err : new Error(String(err));
+      handleResponse({
+        error
+      });
+      log2.catch(err, void 0, {
+        F: __dxlog_file4,
+        L: 104,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+    }
+  };
+  return /* @__PURE__ */ React8.createElement("div", {
+    ...composableProps4(props, {
+      classNames: [
+        "flex flex-col h-full overflow-hidden",
+        classNames
+      ]
+    }),
+    ref: forwardedRef
+  }, /* @__PURE__ */ React8.createElement(MessageThread, {
+    ref: scrollerRef,
+    state,
+    history
+  }), /* @__PURE__ */ React8.createElement(Toolbar.Root, null, /* @__PURE__ */ React8.createElement(Input.Root, null, /* @__PURE__ */ React8.createElement(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__ */ React8.createElement(Toolbar.IconButton, {
+    icon: "ph--play--regular",
+    label: "Execute",
+    iconOnly: true,
+    onClick: () => handleRequest(input)
+  }), /* @__PURE__ */ React8.createElement(Toolbar.IconButton, {
+    icon: "ph--trash--regular",
+    label: "Clear",
+    iconOnly: true,
+    onClick: handleClear
+  })));
+});
+var MessageThread = /* @__PURE__ */ forwardRef(({ state, history }, forwardedRef) => {
+  return /* @__PURE__ */ React8.createElement(ScrollArea.Root, {
+    orientation: "vertical",
+    classNames: "h-full",
+    ref: forwardedRef
+  }, /* @__PURE__ */ React8.createElement(ScrollArea.Viewport, {
+    classNames: "gap-6 p-2"
+  }, history.map((message, i) => /* @__PURE__ */ React8.createElement("div", {
+    key: i,
+    className: "grid grid-cols-[2rem_1fr_2rem]"
+  }, /* @__PURE__ */ React8.createElement("div", {
+    className: "p-1"
+  }, message.type === "response" && /* @__PURE__ */ React8.createElement(RobotAvatar, null)), /* @__PURE__ */ React8.createElement("div", {
+    className: "overflow-auto"
+  }, /* @__PURE__ */ React8.createElement(MessageItem, {
+    message
+  })))), state === "pending" && /* @__PURE__ */ React8.createElement("div", {
+    className: "grid grid-cols-[2rem_1fr_2rem]"
+  }, /* @__PURE__ */ React8.createElement("div", {
+    className: "p-1"
+  }, /* @__PURE__ */ React8.createElement(Icon, {
+    icon: "ph--spinner--regular",
+    size: 6,
+    classNames: "animate-spin"
+  })))));
+});
+var MessageItem = ({ classNames, message }) => {
+  const { type, text, data, error } = message;
+  const wrapper = "p-1 px-2 rounded-md bg-hover-surface overflow-auto";
+  return /* @__PURE__ */ React8.createElement("div", {
+    className: mx3("flex", type === "request" ? "ml-[1rem] justify-end" : "mr-[1rem]", classNames)
+  }, error && /* @__PURE__ */ React8.createElement("div", {
+    className: mx3(wrapper, "whitespace-pre text-error-text")
+  }, String(error)), text !== void 0 && /* @__PURE__ */ React8.createElement("div", {
+    className: mx3(wrapper, type === "request" && "bg-primary-500 dark:bg-primary-600")
+  }, text || "\xD8"), data && /* @__PURE__ */ React8.createElement(SyntaxHighlighter, {
+    language: "json",
+    className: mx3(wrapper, "text-xs")
+  }, JSON.stringify(data, null, 2)));
+};
+var RobotAvatar = () => /* @__PURE__ */ React8.createElement(Avatar.Root, null, /* @__PURE__ */ React8.createElement(Avatar.Content, {
+  size: 6,
+  variant: "circle",
+  icon: "ph--robot--regular"
+}));
+
+// src/components/index.ts
+var ScriptPluginSettings = lazy(() => import("./ScriptPluginSettings-AMWZF7LZ.mjs"));
+
+// src/containers/index.ts
+import { lazy as lazy2 } from "react";
+var DeploymentDialog = lazy2(() => import("./DeploymentDialog-WUND47NK.mjs"));
+var NotebookContainer = lazy2(() => import("./NotebookContainer-TGHMYWWK.mjs"));
+var ScriptContainer = lazy2(() => import("./ScriptContainer-BOCXMLNN.mjs"));
+var ScriptObjectSettings = lazy2(() => import("./ScriptObjectSettings-QKJFTSLS.mjs"));
+var ScriptProperties = lazy2(() => import("./ScriptProperties-VBOIIRJJ.mjs"));
+var TestContainer = lazy2(() => import("./TestContainer-5VNOC6I3.mjs"));
+
+// src/meta.ts
+import { trim } from "@dxos/util";
+var meta6 = {
+  id: "org.dxos.plugin.script",
+  name: "Scripts",
+  description: trim`
+    Write and deploy custom JavaScript functions that extend your workspace capabilities.
+    Create AI agent tools, spreadsheet formulas, and automation scripts that integrate seamlessly with other plugins.
+  `,
+  icon: "ph--code--regular",
+  iconHue: "sky",
+  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-explorer",
+  tags: [
+    "labs"
+  ],
+  screenshots: [
+    "https://dxos.network/plugin-details-scripts-dark.png"
+  ]
+};
+var defaultScriptsForIntegration = {
+  // TODO(wittjosiah): Also include content extraction scripts in the default set.
+  "gmail.com": [
+    "org.dxos.script.gmail"
+  ]
+};
+
+// src/util/deploy.ts
+import { Context } from "@dxos/context";
+import { Obj as Obj2, Ref } from "@dxos/echo";
+import { getUserFunctionIdInMetadata } from "@dxos/functions";
+import { Operation } from "@dxos/operation";
+import { bundleFunction } from "@dxos/functions-runtime/bundler";
+import { FunctionsServiceClient, incrementSemverPatch } from "@dxos/functions-runtime/edge";
+import { log as log3 } from "@dxos/log";
+import { FunctionRuntimeKind } from "@dxos/protocols";
+var __dxlog_file5 = "/__w/dxos/dxos/packages/plugins/plugin-script/src/util/deploy.ts";
+var isScriptDeployed = ({ script, fn }) => {
+  const existingFunctionId = fn && getUserFunctionIdInMetadata(Obj2.getMeta(fn));
+  return Boolean(existingFunctionId) && !script.changed;
+};
+var deployScript = async ({ script, client, space, fn, existingFunctionId }) => {
+  const validationError = validateDeployInputs(script, space);
+  if (validationError) {
+    return {
+      success: false,
+      error: validationError
+    };
+  }
+  try {
+    const buildResult = await bundleFunction({
+      source: script.source.target.content
+    });
+    if ("error" in buildResult) {
+      throw buildResult.error || new Error("Bundle creation failed");
+    }
+    const functionsServiceClient = FunctionsServiceClient.fromClient(client);
+    const newFunction = await functionsServiceClient.deploy(Context.default(void 0, {
+      F: __dxlog_file5,
+      L: 55
+    }), {
+      // TODO(dmaretskyi): Space key or identity key.
+      ownerPublicKey: space.key,
+      version: fn ? incrementSemverPatch(fn.version) : "0.0.1",
+      functionId: existingFunctionId,
+      entryPoint: buildResult.entryPoint,
+      assets: buildResult.assets,
+      runtime: FunctionRuntimeKind.enums.WORKER_LOADER
+    });
+    const storedFunction = createOrUpdateFunctionInSpace(space, fn, script, newFunction);
+    Obj2.change(script, (obj) => {
+      obj.changed = false;
+    });
+    return {
+      success: true,
+      functionId: getUserFunctionIdInMetadata(Obj2.getMeta(storedFunction))
+    };
+  } catch (err) {
+    log3.catch(err, void 0, {
+      F: __dxlog_file5,
+      L: 72,
+      S: void 0,
+      C: (f, a) => f(...a)
+    });
+    return {
+      success: false,
+      error: err
+    };
+  }
+};
+var validateDeployInputs = (script, space) => {
+  if (!script.source || !space) {
+    return new Error("Script source or space not available");
+  }
+  return null;
+};
+var createOrUpdateFunctionInSpace = (space, fn, script, newFunction) => {
+  if (fn) {
+    Operation.setFrom(fn, newFunction);
+    return fn;
+  } else {
+    Obj2.change(newFunction, (obj) => {
+      obj.source = Ref.make(script);
+    });
+    return space.db.add(newFunction);
+  }
+};
+
+// src/util/functions.ts
+import { Obj as Obj3 } from "@dxos/echo";
+import { getUserFunctionIdInMetadata as getUserFunctionIdInMetadata2 } from "@dxos/functions";
+import { getInvocationUrl } from "@dxos/functions-runtime";
+import { log as log4 } from "@dxos/log";
+import { getSpace } from "@dxos/react-client/echo";
+var __dxlog_file6 = "/__w/dxos/dxos/packages/plugins/plugin-script/src/util/functions.ts";
+var getFunctionUrl = ({ script, fn, edgeUrl }) => {
+  const space = getSpace(script);
+  const existingFunctionId = fn && getUserFunctionIdInMetadata2(Obj3.getMeta(fn));
+  if (!existingFunctionId) {
+    return void 0;
+  }
+  return getInvocationUrl(existingFunctionId, edgeUrl, {
+    spaceId: space?.id
+  });
+};
+var updateFunctionMetadata = (script, storedFunction, meta9, functionId) => {
+  Obj3.change(storedFunction, (obj) => {
+    if (script.description !== void 0 && script.description.trim() !== "") {
+      obj.description = script.description;
+    } else if (meta9.description) {
+      obj.description = meta9.description;
+    } else {
+      log4.verbose("no description in function metadata", {
+        functionId
+      }, {
+        F: __dxlog_file6,
+        L: 49,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+    }
+    if (meta9.inputSchema) {
+      obj.inputSchema = meta9.inputSchema;
+    } else {
+      log4.verbose("no input schema in function metadata", {
+        functionId
+      }, {
+        F: __dxlog_file6,
+        L: 55,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+    }
+    if (meta9.outputSchema) {
+      obj.outputSchema = meta9.outputSchema;
+    } else {
+      log4.verbose("no output schema in function metadata", {
+        functionId
+      }, {
+        F: __dxlog_file6,
+        L: 61,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+    }
+    if (meta9.key) {
+      obj.key = meta9.key;
+    } else {
+      log4.verbose("no key in function metadata", {
+        functionId
+      }, {
+        F: __dxlog_file6,
+        L: 67,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+    }
+  });
+};
+var getAccessCredential = (identityKey) => {
+  return {
+    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"
+        ]
+      }
+    }
+  };
+};
+
+// src/ScriptPlugin.tsx
+import * as Effect from "effect/Effect";
+import * as Option from "effect/Option";
+import { Plugin } from "@dxos/app-framework";
+import { AppActivationEvents, AppPlugin } from "@dxos/app-toolkit";
+import { Annotation, Ref as Ref2 } from "@dxos/echo";
+import { Script as Script2 } from "@dxos/functions";
+import { Operation as Operation2 } from "@dxos/operation";
+import { SpaceOperation } from "@dxos/plugin-space/operations";
+import { meta as meta8 } from "#meta";
 
 // src/translations.ts
 import { Script } from "@dxos/functions";
+import { meta as meta7 } from "#meta";
+import { Notebook } from "#types";
 var translations = [
   {
     "en-US": {
       [Script.Script.typename]: {
-        "typename label": "Script",
-        "typename label_zero": "Scripts",
-        "typename label_one": "Script",
-        "typename label_other": "Scripts",
-        "object name placeholder": "New script",
-        "rename object label": "Rename script",
-        "delete object label": "Delete script",
-        "object deleted label": "Script deleted"
+        "typename.label": "Script",
+        "typename.label_zero": "Scripts",
+        "typename.label_one": "Script",
+        "typename.label_other": "Scripts",
+        "object-name.placeholder": "New script",
+        "add-object.label": "Add script",
+        "rename-object.label": "Rename script",
+        "delete-object.label": "Delete script",
+        "object-deleted.label": "Script deleted"
       },
-      [Notebook_exports.Notebook.typename]: {
-        "typename label": "Notebook",
-        "typename label_zero": "Notebooks",
-        "typename label_one": "Notebook",
-        "typename label_other": "Notebooks",
-        "object name placeholder": "New notebook",
-        "rename object label": "Rename notebook",
-        "delete object label": "Delete notebook",
-        "object deleted label": "Notebook deleted"
+      [Notebook.Notebook.typename]: {
+        "typename.label": "Notebook",
+        "typename.label_zero": "Notebooks",
+        "typename.label_one": "Notebook",
+        "typename.label_other": "Notebooks",
+        "object-name.placeholder": "New notebook",
+        "add-object.label": "Add notebook",
+        "rename-object.label": "Rename notebook",
+        "delete-object.label": "Delete notebook",
+        "object-deleted.label": "Notebook deleted"
       },
-      [meta.id]: {
-        "plugin name": "Scripts",
-        "settings title": "Scripts plugin settings",
-        "description label": "Description",
-        "description placeholder": "Enter description",
-        "binding placeholder": "Function name",
-        "function request placeholder": "Function request",
-        "deploy label": "Deploy",
-        "deployed label": "Current version of the script is deployed",
-        "upload failed label": "Upload failed",
-        "copy link label": "Copy function link",
-        "format label": "Format",
-        "toggle details label": "Toggle details panel",
-        "authenticate action label": "Authenticate functions service",
-        "authenticate button label": "Authenticate",
-        "name label": "Name",
-        "remote function settings heading": "Remote Function",
-        "function url label": "Invocation URL",
-        "function binding label": "Function binding",
-        "function binding placeholder": "Enter binding name (e.g., NAME)",
-        "script publish settings label": "Publishing",
-        "script publish settings description": "Scripts can be shared publicly as Github gists.",
-        "no github token label": "This space has no GitHub access token available.",
-        "open token manager label": "Open Token Manager",
-        "publish label": "Publish",
-        "publishing label": "Publishing",
-        "blueprint editor label": "Blueprint",
-        "blueprint editor description": "Create a blueprint that exposes this script as a tool.",
-        "blueprint instructions label": "Instructions",
-        "blueprint instructions placeholder": "Describe how this tool should be used.",
-        "create blueprint label": "Create blueprint",
-        "creating label": "Creating\u2026",
-        "editor input mode label": "Editor input mode",
-        "select editor input mode placeholder": "Select editor input mode\u2026",
-        "settings editor input mode default label": "Default",
-        "settings editor input mode vim label": "Vim",
-        "settings editor input mode vscode label": "VS Code",
-        "function panel label": "Debug Function",
-        "script test label": "Test",
-        "script logs label": "Logs",
-        "deployment dialog title": "Default Scripts",
-        "deployment dialog scripts found message": "Script templates:",
-        "deployment dialog deploy functions button label_one": "Create and deploy script",
-        "deployment dialog deploy functions button label_other": "Create and deploy scripts",
-        "deployment dialog deploy functions pending button label_one": "Deploying script",
-        "deployment dialog deploy functions pending button label_other": "Deploying scripts",
-        "deployment dialog skip button label": "Skip",
-        "script deployment toast label_one": "Script deployed",
-        "script deployment toast label_other": "Scripts deployed",
-        "script deployment toast description_one": "Your script has been deployed successfully.",
-        "script deployment toast description_other": "Your scripts have been deployed successfully.",
-        "script deployment toast close label_one": "Close",
-        "script deployment toast close label_other": "Close",
-        "script deployment error toast label_one": "Script deployment failed",
-        "script deployment error toast label_other": "Scripts deployment failed",
-        "script deployment error toast description_one": "There was an error deploying your script.",
-        "script deployment error toast description_other": "There was an error deploying your scripts.",
-        "script deployment error toast close label_one": "Close",
-        "script deployment error toast close label_other": "Close",
-        "notebook cell placeholder": "Enter script",
-        "notebook cell delete label": "Delete cell",
-        "notebook cell prompt run label": "Run",
-        "notebook cell insert markdown label": "Insert Markdown",
-        "notebook cell insert script label": "Insert Script",
-        "notebook cell insert prompt label": "Insert Prompt",
-        "notebook cell insert query label": "Insert Query",
-        "notebook markdown placeholder": "Enter Markdown",
-        "notebook prompt placeholder": "Enter prompt",
-        "notebook cell insert label": "Insert cell"
+      [meta7.id]: {
+        "plugin.name": "Scripts",
+        "settings.title": "Scripts settings",
+        "description.label": "Description",
+        "description.placeholder": "Enter description",
+        "binding.placeholder": "Function name",
+        "function-request.placeholder": "Function request",
+        "deploy.label": "Deploy",
+        "deployed.label": "Current version of the script is deployed",
+        "upload-failed.label": "Upload failed",
+        "copy-link.label": "Copy function link",
+        "format.label": "Format",
+        "toggle-details.label": "Toggle details panel",
+        "authenticate-action.label": "Authenticate functions service",
+        "authenticate-action.description": "Sign in to the remote functions service to enable script deployment and execution.",
+        "authenticate-button.label": "Authenticate",
+        "name.label": "Name",
+        "remote-function-settings.heading": "Remote Function",
+        "function-url.label": "Invocation URL",
+        "function-binding.label": "Function binding",
+        "function-binding.placeholder": "Enter binding name (e.g., NAME)",
+        "script-publish-settings.label": "Publishing",
+        "script-publish-settings.description": "Scripts can be shared publicly as Github gists.",
+        "no-github-token.label": "This space has no GitHub access token available.",
+        "open-token-manager.label": "Open Token Manager",
+        "publish.label": "Publish",
+        "publishing.label": "Publishing",
+        "blueprint-editor.label": "Blueprint",
+        "blueprint-editor.description": "Create a blueprint that exposes this script as a tool.",
+        "blueprint-instructions.label": "Instructions",
+        "blueprint-instructions.placeholder": "Describe how this tool should be used.",
+        "create-blueprint.label": "Create blueprint",
+        "creating.label": "Creating\u2026",
+        "editor-input-mode.label": "Editor input mode",
+        "editor-input-mode.description": "Choose the keybinding style for the script editor.",
+        "select-editor-input-mode.placeholder": "Select editor input mode\u2026",
+        "settings.editor-input-mode.default.label": "Default",
+        "settings.editor-input-mode.vim.label": "Vim",
+        "settings.editor-input-mode.vscode.label": "VS Code",
+        "function-panel.label": "Debug Function",
+        "script-test.label": "Test",
+        "script-logs.label": "Logs",
+        "compute.label": "Compute",
+        "deployment-dialog.title": "Default Scripts",
+        "deployment-dialog-scripts-found.message": "Script templates:",
+        "deployment-dialog-deploy-functions-button.label_one": "Create and deploy script",
+        "deployment-dialog-deploy-functions-button.label_other": "Create and deploy scripts",
+        "deployment-dialog-deploy-functions-pending-button.label_one": "Deploying script",
+        "deployment-dialog-deploy-functions-pending-button.label_other": "Deploying scripts",
+        "deployment-dialog-skip-button.label": "Skip",
+        "script-deployment-toast.label_one": "Script deployed",
+        "script-deployment-toast.label_other": "Scripts deployed",
+        "script-deployment-toast.description_one": "Your script has been deployed successfully.",
+        "script-deployment-toast.description_other": "Your scripts have been deployed successfully.",
+        "script-deployment-toast-close.label_one": "Close",
+        "script-deployment-toast-close.label_other": "Close",
+        "script-deployment-error-toast.label_one": "Script deployment failed",
+        "script-deployment-error-toast.label_other": "Scripts deployment failed",
+        "script-deployment-error-toast.description_one": "There was an error deploying your script.",
+        "script-deployment-error-toast.description_other": "There was an error deploying your scripts.",
+        "script-deployment-error-toast-close.label_one": "Close",
+        "script-deployment-error-toast-close.label_other": "Close",
+        "notebook-cell.placeholder": "Enter script",
+        "notebook-cell-delete.label": "Delete cell",
+        "notebook-cell-prompt-run.label": "Run",
+        "notebook-cell-insert-markdown.label": "Insert Markdown",
+        "notebook-cell-insert-script.label": "Insert Script",
+        "notebook-cell-insert-prompt.label": "Insert Prompt",
+        "notebook-cell-insert-query.label": "Insert Query",
+        "notebook-markdown.placeholder": "Enter Markdown",
+        "notebook-prompt.placeholder": "Enter prompt",
+        "notebook-cell-insert.label": "Insert cell"
       }
     }
   }
 ];
 
 // src/ScriptPlugin.tsx
-var ScriptPlugin = Plugin.define(meta).pipe(Plugin.addModule({
-  activatesOn: Common.ActivationEvent.SetupSettings,
-  activate: ScriptSettings
-}), Plugin.addModule({
-  activatesOn: ScriptEvents.SetupCompiler,
-  activate: Compiler
-}), Common.Plugin.addTranslationsModule({
-  translations
-}), Common.Plugin.addMetadataModule({
+import { ScriptEvents as ScriptEvents2 } from "#types";
+import { Notebook as Notebook2 } from "#types";
+import { ScriptOperation } from "#operations";
+import { AppGraphBuilder, BlueprintDefinition, Compiler as Compiler2, OperationHandler, ReactSurface, ScriptSettings } from "#capabilities";
+var ScriptPlugin = Plugin.define(meta8).pipe(AppPlugin.addAppGraphModule({
+  activate: AppGraphBuilder
+}), AppPlugin.addBlueprintDefinitionModule({
+  activate: BlueprintDefinition
+}), AppPlugin.addMetadataModule({
   metadata: [
     {
       id: Script2.Script.typename,
       metadata: {
-        icon: "ph--code--regular",
-        iconHue: "sky",
+        icon: Annotation.IconAnnotation.get(Script2.Script).pipe(Option.getOrThrow).icon,
+        iconHue: Annotation.IconAnnotation.get(Script2.Script).pipe(Option.getOrThrow).hue ?? "white",
         // TODO(wittjosiah): Move out of metadata.
-        loadReferences: async (script) => await Ref.Array.loadAll([
+        loadReferences: async (script) => await Ref2.Array.loadAll([
           script.source
         ]),
         inputSchema: ScriptOperation.ScriptProps,
-        createObject: (props) => Effect.gen(function* () {
-          const { object } = yield* Operation.invoke(ScriptOperation.CreateScript, props);
-          return object;
-        }),
-        addToCollectionOnCreate: true
+        createObject: (props, options) => Effect.gen(function* () {
+          const { object } = yield* Operation2.invoke(ScriptOperation.CreateScript, props);
+          return yield* Operation2.invoke(SpaceOperation.AddObject, {
+            object,
+            target: options.target,
+            hidden: true,
+            targetNodeId: options.targetNodeId
+          });
+        })
       }
     },
     {
-      id: Notebook_exports.Notebook.typename,
+      id: Notebook2.Notebook.typename,
       metadata: {
-        icon: "ph--notebook--regular",
-        iconHue: "sky",
+        icon: Annotation.IconAnnotation.get(Notebook2.Notebook).pipe(Option.getOrThrow).icon,
+        iconHue: Annotation.IconAnnotation.get(Notebook2.Notebook).pipe(Option.getOrThrow).hue ?? "white",
         inputSchema: ScriptOperation.NotebookProps,
-        createObject: (props) => Effect.sync(() => Notebook_exports.make(props)),
-        addToCollectionOnCreate: true
+        createObject: (props, options) => Effect.gen(function* () {
+          const object = Notebook2.make(props);
+          return yield* Operation2.invoke(SpaceOperation.AddObject, {
+            object,
+            target: options.target,
+            hidden: true,
+            targetNodeId: options.targetNodeId
+          });
+        })
       }
     }
   ]
-}), Common.Plugin.addAppGraphModule({
-  activate: AppGraphBuilder
-}), Common.Plugin.addSchemaModule({
+}), AppPlugin.addOperationHandlerModule({
+  activate: OperationHandler
+}), AppPlugin.addSchemaModule({
   schema: [
     Script2.Script
   ]
-}), Common.Plugin.addSurfaceModule({
+}), AppPlugin.addSurfaceModule({
   activate: ReactSurface
-}), Common.Plugin.addOperationResolverModule({
-  activate: OperationResolver
-}), Common.Plugin.addBlueprintDefinitionModule({
-  activate: BlueprintDefinition
+}), AppPlugin.addTranslationsModule({
+  translations
+}), Plugin.addModule({
+  activatesOn: AppActivationEvents.SetupSettings,
+  activate: ScriptSettings
+}), Plugin.addModule({
+  activatesOn: ScriptEvents2.SetupCompiler,
+  activate: Compiler2
 }), Plugin.make);
 export {
-  DEPLOYMENT_DIALOG,
   DeploymentDialog,
+  FramePanel,
   NotebookContainer,
   NotebookMenu,
   NotebookStack,
+  QueryEditor2 as QueryEditor,
   ScriptCapabilities,
   ScriptContainer,
   ScriptEvents,
@@ -231,14 +1206,16 @@ export {
   ScriptPlugin,
   ScriptPluginSettings,
   ScriptProperties,
+  ScriptToolbar,
   TestContainer,
   TestPanel,
+  TypescriptEditor,
   defaultScriptsForIntegration,
   deployScript,
   getAccessCredential,
   getFunctionUrl,
   isScriptDeployed,
-  meta,
+  meta6 as meta,
   updateFunctionMetadata
 };
 //# sourceMappingURL=index.mjs.map