@dxos/plugin-script 0.8.4-main.3fbcb4aa9b → 0.8.4-main.4668b7de9b

package/dist/lib/neutral/components/index.mjs

@@ -1,107 +1,50 @@
 import {
   Compiler
-} from "../chunk-D7DFASAE.mjs";
+} from "../chunk-2REUEDUA.mjs";
 import "../chunk-J5LGTIGS.mjs";
 
 // 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, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 29, S: void 0 }));
-      return () => {
-        rpc.close().catch((e) => log.catch(e, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 31, S: void 0 }));
-      };
-    }
-  }, [
-    iframeRef
-  ]);
-  invariant(result.sourceHash, "Source hash is required.", { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 38, 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 React 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, {
+  return /* @__PURE__ */ React.createElement(DropdownMenu.Portal, null, /* @__PURE__ */ React.createElement(DropdownMenu.Content, null, /* @__PURE__ */ React.createElement(DropdownMenu.Viewport, null, /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
     onClick: () => onCellInsert?.("script", cell?.id)
-  }, t("notebook-cell-insert-script.label")), /* @__PURE__ */ React2.createElement(DropdownMenu.Item, {
+  }, t("notebook-cell-insert-script.label")), /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
     onClick: () => onCellInsert?.("prompt", cell?.id)
-  }, t("notebook-cell-insert-prompt.label")), /* @__PURE__ */ React2.createElement(DropdownMenu.Item, {
+  }, t("notebook-cell-insert-prompt.label")), /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
     onClick: () => onCellInsert?.("query", cell?.id)
-  }, t("notebook-cell-insert-query.label")), /* @__PURE__ */ React2.createElement(DropdownMenu.Item, {
+  }, t("notebook-cell-insert-query.label")), /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
     onClick: () => onCellInsert?.("markdown", cell?.id)
-  }, t("notebook-cell-insert-markdown.label")), cell && onCellDelete && /* @__PURE__ */ React2.createElement(DropdownMenu.Item, {
+  }, t("notebook-cell-insert-markdown.label")), cell && onCellDelete && /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
     onClick: () => onCellDelete?.(cell.id)
-  }, t("notebook-cell-delete.label"))), /* @__PURE__ */ React2.createElement(DropdownMenu.Arrow, null)));
+  }, t("notebook-cell-delete.label"))), /* @__PURE__ */ React.createElement(DropdownMenu.Arrow, null)));
 };
 
 // src/components/NotebookStack/NotebookStack.tsx
-import React5 from "react";
+import React4 from "react";
 import { DropdownMenu as DropdownMenu2, IconButton, useTranslation as useTranslation3 } from "@dxos/react-ui";
+import { composable as composable2, composableProps as composableProps2 } 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/components/NotebookStack/NotebookCell.tsx
-import React4, { useCallback, useMemo } from "react";
+import React3, { useCallback, useMemo } from "react";
 import { Surface } from "@dxos/app-framework/ui";
 import { AppSurface } from "@dxos/app-toolkit/ui";
 import { Obj } from "@dxos/echo";
 import { createDocAccessor } from "@dxos/echo-db";
-import { invariant as invariant2 } from "@dxos/invariant";
+import { invariant } from "@dxos/invariant";
 import { TemplateEditor } from "@dxos/plugin-assistant/components";
 import { useThemeContext as useThemeContext2, useTranslation as useTranslation2 } from "@dxos/react-ui";
 import { QueryEditor } from "@dxos/react-ui-components";
 import { Editor } 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 { mx } from "@dxos/ui-theme";
 import { isNonNullable as isNonNullable2 } from "@dxos/util";
 import { meta as meta2 } from "#meta";
 
@@ -116,12 +59,12 @@ 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 React2 from "react";
 import { useThemeContext } from "@dxos/react-ui";
+import { composable, composableProps } 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();
@@ -182,7 +125,7 @@ var TypescriptEditor = composable(({ classNames, id, role = "article", inputMode
     scrollTo,
     env
   ]);
-  return /* @__PURE__ */ React3.createElement("div", {
+  return /* @__PURE__ */ React2.createElement("div", {
     ...composableProps(props, {
       classNames,
       ...focusAttributes
@@ -215,7 +158,7 @@ var createTooltipRenderer = (themeMode) => {
 };
 
 // src/components/NotebookStack/NotebookCell.tsx
-var __dxlog_file2 = "/__w/dxos/dxos/packages/plugins/plugin-script/src/components/NotebookStack/NotebookCell.tsx";
+var __dxlog_file = "/__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 }) => {
@@ -234,7 +177,7 @@ var NotebookCell = ({ db, graph, dragging, cell, promptResults, env }) => {
   ]);
   const explorerGraph = cell.graph?.target;
   const handleQueryChange = useCallback((value) => {
-    invariant2(cell.source?.target, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file2, L: 38, S: void 0, A: ["cell.source?.target", ""] });
+    invariant(cell.source?.target, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 38, S: void 0, A: ["cell.source?.target", ""] });
     Obj.update(cell.source.target, (obj) => {
       obj.content = value;
     });
@@ -246,7 +189,7 @@ var NotebookCell = ({ db, graph, dragging, cell, promptResults, env }) => {
       if (!cell.source?.target) {
         return null;
       }
-      return /* @__PURE__ */ React4.createElement(NotebookTextEditor, {
+      return /* @__PURE__ */ React3.createElement(NotebookTextEditor, {
         id: cell.id,
         classNames: editorStyles,
         initialValue: cell.source.target.content,
@@ -256,7 +199,7 @@ var NotebookCell = ({ db, graph, dragging, cell, promptResults, env }) => {
       if (!cell.source?.target) {
         return null;
       }
-      return /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(TypescriptEditor, {
+      return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(TypescriptEditor, {
         id: cell.id,
         role: "section",
         classNames: editorStyles,
@@ -268,7 +211,7 @@ var NotebookCell = ({ db, graph, dragging, cell, promptResults, env }) => {
           highlightActiveLine: false,
           lineNumbers: false
         }
-      }), /* @__PURE__ */ React4.createElement(NotebookCellValue, {
+      }), /* @__PURE__ */ React3.createElement(NotebookCellValue, {
         cell,
         graph
       }));
@@ -276,9 +219,9 @@ var NotebookCell = ({ db, graph, dragging, cell, promptResults, env }) => {
       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, {
+      return /* @__PURE__ */ React3.createElement("div", {
+        className: mx("h-full overflow-hidden grid", explorerGraph && !dragging && "grid-rows-[min-content_1fr]")
+      }, /* @__PURE__ */ React3.createElement(QueryEditor, {
         id: cell.id,
         classNames: [
           editorStyles,
@@ -287,7 +230,7 @@ var NotebookCell = ({ db, graph, dragging, cell, promptResults, env }) => {
         db,
         value: cell.source.target.content,
         onChange: handleQueryChange
-      }), explorerGraph && !dragging && /* @__PURE__ */ React4.createElement(Surface.Surface, {
+      }), explorerGraph && !dragging && /* @__PURE__ */ React3.createElement(Surface.Surface, {
         type: AppSurface.Section,
         limit: 1,
         data: {
@@ -300,12 +243,12 @@ var NotebookCell = ({ db, graph, dragging, cell, promptResults, env }) => {
       if (!cell.prompt?.target) {
         return null;
       }
-      return /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(TemplateEditor, {
+      return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(TemplateEditor, {
         id: cell.id,
-        template: cell.prompt.target.instructions,
+        source: cell.prompt.target.instructions,
         lineNumbers: false,
         classNames: editorStyles
-      }), /* @__PURE__ */ React4.createElement(NotebookPromptResult, {
+      }), /* @__PURE__ */ React3.createElement(NotebookPromptResult, {
         cell,
         promptResults
       }));
@@ -319,25 +262,25 @@ var NotebookCellValue = ({ cell, graph }) => {
   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", {
+  return /* @__PURE__ */ React3.createElement("div", {
+    className: mx("flex w-full bg-group-surface border-y border-subdued-separator text-description font-mono", valueStyles)
+  }, name && /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement("span", {
     className: "text-success-text"
-  }, name), /* @__PURE__ */ React4.createElement("span", {
+  }, name), /* @__PURE__ */ React3.createElement("span", {
     className: "text-description"
-  }, "\xA0=\xA0")), /* @__PURE__ */ React4.createElement("span", null, value));
+  }, "\xA0=\xA0")), /* @__PURE__ */ React3.createElement("span", null, value));
 };
 var NotebookPromptResult = ({ cell, promptResults }) => {
   if (!cell.prompt) {
     return null;
   }
-  const value = promptResults?.[cell.prompt.dxn.toString()];
+  const value = promptResults?.[cell.prompt.uri];
   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, {
+  return /* @__PURE__ */ React3.createElement("div", {
+    className: mx("flex w-full bg-group-surface text-description border-y border-subdued-separator", valueStyles)
+  }, /* @__PURE__ */ React3.createElement(NotebookTextEditor, {
     readOnly: true,
     value
   }));
@@ -362,7 +305,7 @@ var NotebookTextEditor = ({ extensions: extensionsProp, readOnly, ...props }) =>
   }, [
     extensionsProp
   ]);
-  return /* @__PURE__ */ React4.createElement(Editor.Root, null, /* @__PURE__ */ React4.createElement(Editor.View, {
+  return /* @__PURE__ */ React3.createElement(Editor.Root, null, /* @__PURE__ */ React3.createElement(Editor.View, {
     ...props,
     extensions,
     selectionEnd: true
@@ -380,14 +323,14 @@ var NotebookStack = composable2(({ notebook, onRearrange, db, graph, promptResul
     onCellDelete,
     env
   };
-  return /* @__PURE__ */ React5.createElement(Stack, {
+  return /* @__PURE__ */ React4.createElement(Stack, {
     ...composableProps2(props),
     orientation: "vertical",
     size: "contain",
     rail: true,
     onRearrange,
     ref: forwardedRef
-  }, notebook?.cells.map((cell, i) => /* @__PURE__ */ React5.createElement(NotebookSection, {
+  }, notebook?.cells.map((cell, i) => /* @__PURE__ */ React4.createElement(NotebookSection, {
     key: i,
     cell,
     ...sectionProps
@@ -396,41 +339,41 @@ var NotebookStack = composable2(({ notebook, onRearrange, db, graph, promptResul
 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, {
+  return /* @__PURE__ */ React4.createElement(StackItem.Root, {
     role: "section",
     item: cell,
     draggable: true,
     classNames: resizable && minSectionHeight
-  }, /* @__PURE__ */ React5.createElement(StackItem.Heading, {
+  }, /* @__PURE__ */ React4.createElement(StackItem.Heading, {
     classNames: "h-full p-1 justify-between dx-attention-surface"
-  }, /* @__PURE__ */ React5.createElement(StackItem.DragHandle, {
+  }, /* @__PURE__ */ React4.createElement(StackItem.DragHandle, {
     asChild: true
-  }, /* @__PURE__ */ React5.createElement(IconButton, {
+  }, /* @__PURE__ */ React4.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, {
+  })), /* @__PURE__ */ React4.createElement(DropdownMenu2.Root, null, /* @__PURE__ */ React4.createElement(DropdownMenu2.Trigger, {
     asChild: true
-  }, /* @__PURE__ */ React5.createElement(IconButton, {
+  }, /* @__PURE__ */ React4.createElement(IconButton, {
     variant: "ghost",
     icon: "ph--dots-three--regular",
     iconOnly: true,
     label: t("notebook-cell-insert.label")
-  })), /* @__PURE__ */ React5.createElement(NotebookMenu, {
+  })), /* @__PURE__ */ React4.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, {
+  })), resizable && /* @__PURE__ */ React4.createElement(StackItem.ResizeHandle, null)), /* @__PURE__ */ React4.createElement(StackItem.DragPreview, null, ({ item: cell2 }) => /* @__PURE__ */ React4.createElement(StackItem.Content, {
     classNames: "overflow-visible bg-group-surface border border-subdued-separator"
-  }, /* @__PURE__ */ React5.createElement(NotebookCell, {
+  }, /* @__PURE__ */ React4.createElement(NotebookCell, {
     db,
     cell: cell2,
     env,
     dragging: true
-  }))), /* @__PURE__ */ React5.createElement(StackItem.Content, {
+  }))), /* @__PURE__ */ React4.createElement(StackItem.Content, {
     classNames: "overflow-visible"
-  }, /* @__PURE__ */ React5.createElement(NotebookCell, {
+  }, /* @__PURE__ */ React4.createElement(NotebookCell, {
     db,
     cell,
     env,
@@ -440,8 +383,8 @@ var NotebookSection = ({ cell, db, env, promptResults, onCellInsert, onCellDelet
 };
 
 // src/components/QueryEditor/QueryEditor.tsx
-import React6, { useState } from "react";
-import { ScriptTarget } from "typescript";
+import React5, { useState } from "react";
+import { ModuleResolutionKind, ScriptTarget } from "typescript";
 import queryApi from "@dxos/echo-query/api.d.ts?raw";
 import { useAsyncEffect } from "@dxos/react-ui";
 var GLOBALS = `
@@ -464,7 +407,9 @@ var QueryEditor2 = (props) => {
       lib: [
         "ES5"
       ],
-      target: ScriptTarget.ES2022
+      target: ScriptTarget.ES2022,
+      // Avoid `@typescript/vfs`'s deprecated `node10` default (rejected by TS 6).
+      moduleResolution: ModuleResolutionKind.Bundler
     });
     await compiler2.initialize(GLOBALS);
     setCompiler(compiler2);
@@ -472,7 +417,7 @@ var QueryEditor2 = (props) => {
   if (!compiler) {
     return null;
   }
-  return /* @__PURE__ */ React6.createElement(TypescriptEditor, {
+  return /* @__PURE__ */ React5.createElement(TypescriptEditor, {
     ...props,
     env: compiler.environment
   });
@@ -480,10 +425,10 @@ var QueryEditor2 = (props) => {
 
 // src/components/ScriptToolbar/ScriptToolbar.tsx
 import { Atom } from "@effect-atom/atom-react";
-import React7, { useMemo as useMemo2 } from "react";
+import React6, { useMemo as useMemo2 } from "react";
 import { ElevationProvider, useTranslation as useTranslation4 } from "@dxos/react-ui";
+import { composable as composable3, composableProps as composableProps3 } from "@dxos/react-ui";
 import { Menu, createGapSeparator, useMenuActions } from "@dxos/react-ui-menu";
-import { composable as composable3, composableProps as composableProps3 } from "@dxos/ui-theme";
 import { createDeploy, createFormat, createTemplateSelect, useDeployDeps } from "#hooks";
 import { meta as meta4 } from "#meta";
 var ScriptToolbar = composable3(({ script, attendableId, role, state, ...props }, forwardedRef) => {
@@ -503,12 +448,12 @@ var ScriptToolbar = composable3(({ script, attendableId, role, state, ...props }
     t
   ]);
   const menuActions = useMenuActions(menuCreator);
-  return /* @__PURE__ */ React7.createElement(ElevationProvider, {
+  return /* @__PURE__ */ React6.createElement(ElevationProvider, {
     elevation: role === "section" ? "positioned" : "base"
-  }, /* @__PURE__ */ React7.createElement(Menu.Root, {
+  }, /* @__PURE__ */ React6.createElement(Menu.Root, {
     ...menuActions,
     attendableId
-  }, /* @__PURE__ */ React7.createElement(Menu.Toolbar, {
+  }, /* @__PURE__ */ React6.createElement(Menu.Toolbar, {
     ...composableProps3(props),
     ref: forwardedRef
   })));
@@ -540,20 +485,21 @@ var createToolbarActions = ({ state, script, ...options }) => Atom.make((get) =>
 });
 
 // src/components/TestPanel/TestPanel.tsx
-import React8, { forwardRef, useRef as useRef2, useState as useState2 } from "react";
-import { log as log2 } from "@dxos/log";
+import React7, { forwardRef, useRef, useState as useState2 } from "react";
+import { log } from "@dxos/log";
 import { Avatar, Icon, Input, ScrollArea, Toolbar, useTranslation as useTranslation5 } from "@dxos/react-ui";
+import { composable as composable4, composableProps as composableProps4 } from "@dxos/react-ui";
 import { JsonHighlighter } from "@dxos/react-ui-syntax-highlighter";
-import { composable as composable4, composableProps as composableProps4, mx as mx3 } from "@dxos/ui-theme";
+import { mx as mx2 } from "@dxos/ui-theme";
 import { meta as meta5 } from "#meta";
-var __dxlog_file3 = "/__w/dxos/dxos/packages/plugins/plugin-script/src/components/TestPanel/TestPanel.tsx";
+var __dxlog_file2 = "/__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 inputRef = useRef(null);
   const [input, setInput] = useState2("");
   const [state, setState] = useState2(null);
   const [history, setHistory] = useState2([]);
-  const scrollerRef = useRef2(null);
+  const scrollerRef = useRef(null);
   const handleScroll = () => {
     if (scrollerRef.current) {
       scrollerRef.current.scrollTop = scrollerRef.current.scrollHeight;
@@ -624,10 +570,10 @@ var TestPanel = composable4(({ classNames, onInvoke, ...props }, forwardedRef) =
       handleResponse({
         error
       });
-      log2.catch(err, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file3, L: 89, S: void 0 });
+      log.catch(err, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file2, L: 90, S: void 0 });
     }
   };
-  return /* @__PURE__ */ React8.createElement("div", {
+  return /* @__PURE__ */ React7.createElement("div", {
     ...composableProps4(props, {
       classNames: [
         "flex flex-col h-full overflow-hidden",
@@ -635,23 +581,23 @@ var TestPanel = composable4(({ classNames, onInvoke, ...props }, forwardedRef) =
       ]
     }),
     ref: forwardedRef
-  }, /* @__PURE__ */ React8.createElement(MessageThread, {
+  }, /* @__PURE__ */ React7.createElement(MessageThread, {
     ref: scrollerRef,
     state,
     history
-  }), /* @__PURE__ */ React8.createElement(Toolbar.Root, null, /* @__PURE__ */ React8.createElement(Input.Root, null, /* @__PURE__ */ React8.createElement(Input.TextInput, {
+  }), /* @__PURE__ */ React7.createElement(Toolbar.Root, null, /* @__PURE__ */ React7.createElement(Input.Root, null, /* @__PURE__ */ React7.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, {
+  })), /* @__PURE__ */ React7.createElement(Toolbar.IconButton, {
     icon: "ph--play--regular",
     label: "Execute",
     iconOnly: true,
     onClick: () => handleRequest(input)
-  }), /* @__PURE__ */ React8.createElement(Toolbar.IconButton, {
+  }), /* @__PURE__ */ React7.createElement(Toolbar.IconButton, {
     icon: "ph--trash--regular",
     label: "Clear",
     iconOnly: true,
@@ -659,26 +605,26 @@ var TestPanel = composable4(({ classNames, onInvoke, ...props }, forwardedRef) =
   })));
 });
 var MessageThread = /* @__PURE__ */ forwardRef(({ state, history }, forwardedRef) => {
-  return /* @__PURE__ */ React8.createElement(ScrollArea.Root, {
+  return /* @__PURE__ */ React7.createElement(ScrollArea.Root, {
     orientation: "vertical",
     classNames: "h-full",
     ref: forwardedRef
-  }, /* @__PURE__ */ React8.createElement(ScrollArea.Viewport, {
+  }, /* @__PURE__ */ React7.createElement(ScrollArea.Viewport, {
     classNames: "gap-6 p-2"
-  }, history.map((message, i) => /* @__PURE__ */ React8.createElement("div", {
+  }, history.map((message, i) => /* @__PURE__ */ React7.createElement("div", {
     key: i,
     className: "grid grid-cols-[2rem_1fr_2rem]"
-  }, /* @__PURE__ */ React8.createElement("div", {
+  }, /* @__PURE__ */ React7.createElement("div", {
     className: "p-1"
-  }, message.type === "response" && /* @__PURE__ */ React8.createElement(RobotAvatar, null)), /* @__PURE__ */ React8.createElement("div", {
+  }, message.type === "response" && /* @__PURE__ */ React7.createElement(RobotAvatar, null)), /* @__PURE__ */ React7.createElement("div", {
     className: "overflow-auto"
-  }, /* @__PURE__ */ React8.createElement(MessageItem, {
+  }, /* @__PURE__ */ React7.createElement(MessageItem, {
     message
-  })))), state === "pending" && /* @__PURE__ */ React8.createElement("div", {
+  })))), state === "pending" && /* @__PURE__ */ React7.createElement("div", {
     className: "grid grid-cols-[2rem_1fr_2rem]"
-  }, /* @__PURE__ */ React8.createElement("div", {
+  }, /* @__PURE__ */ React7.createElement("div", {
     className: "p-1"
-  }, /* @__PURE__ */ React8.createElement(Icon, {
+  }, /* @__PURE__ */ React7.createElement(Icon, {
     icon: "ph--spinner--regular",
     size: 6,
     classNames: "animate-spin"
@@ -687,18 +633,18 @@ var MessageThread = /* @__PURE__ */ forwardRef(({ state, history }, forwardedRef
 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(JsonHighlighter, {
+  return /* @__PURE__ */ React7.createElement("div", {
+    className: mx2("flex", type === "request" ? "ml-[1rem] justify-end" : "mr-[1rem]", classNames)
+  }, error && /* @__PURE__ */ React7.createElement("div", {
+    className: mx2(wrapper, "whitespace-pre text-error-text")
+  }, String(error)), text !== void 0 && /* @__PURE__ */ React7.createElement("div", {
+    className: mx2(wrapper, type === "request" && "bg-primary-500 dark:bg-primary-600")
+  }, text || "\xD8"), data && /* @__PURE__ */ React7.createElement(JsonHighlighter, {
     data,
-    classNames: mx3(wrapper, "text-xs")
+    classNames: mx2(wrapper, "text-xs")
   }));
 };
-var RobotAvatar = () => /* @__PURE__ */ React8.createElement(Avatar.Root, null, /* @__PURE__ */ React8.createElement(Avatar.Content, {
+var RobotAvatar = () => /* @__PURE__ */ React7.createElement(Avatar.Root, null, /* @__PURE__ */ React7.createElement(Avatar.Content, {
   size: 6,
   variant: "circle",
   icon: "ph--drone--regular"
@@ -707,7 +653,6 @@ var RobotAvatar = () => /* @__PURE__ */ React8.createElement(Avatar.Root, null,
 // src/components/index.ts
 var ScriptPluginSettings = lazy(() => import("../ScriptPluginSettings-T4JMUSHN.mjs"));
 export {
-  FramePanel,
   NotebookMenu,
   NotebookStack,
   QueryEditor2 as QueryEditor,