@dxos/plugin-script 0.8.4-main.c85a9c8dae → 0.8.4-main.dfabb4ec29

package/dist/lib/{browser/chunk-PLDBKKYO.mjs → neutral/components/index.mjs}

@@ -1,17 +1,12 @@
 import {
   Compiler
-} from "./chunk-ATTZUDT7.mjs";
-import {
-  createDeploy,
-  createFormat,
-  createTemplateSelect,
-  useDeployDeps
-} from "./chunk-MUEVLYXJ.mjs";
-import {
-  meta
-} from "./chunk-WYR4QHPE.mjs";
+} from "../chunk-D7DFASAE.mjs";
+import "../chunk-J5LGTIGS.mjs";
 
-// src/components/FrameContainer/FrameContainer.tsx
+// 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";
@@ -20,8 +15,8 @@ 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/FrameContainer/FrameContainer.tsx";
-var FrameContainer = ({ containerUrl, result, debug = true }) => {
+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(() => {
@@ -35,33 +30,15 @@ var FrameContainer = ({ containerUrl, result, debug = true }) => {
           origin: "*"
         })
       });
-      rpc.open().catch((e) => log.catch(e, void 0, {
-        F: __dxlog_file,
-        L: 41,
-        S: void 0,
-        C: (f, a) => f(...a)
-      }));
+      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, {
-          F: __dxlog_file,
-          L: 43,
-          S: void 0,
-          C: (f, a) => f(...a)
-        }));
+        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.", {
-    F: __dxlog_file,
-    L: 49,
-    S: void 0,
-    A: [
-      "result.sourceHash",
-      "'Source hash is required.'"
-    ]
-  });
+  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", {
@@ -89,21 +66,45 @@ var FrameContainer = ({ containerUrl, result, debug = true }) => {
 // 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, {
+  }, 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, {
+  }, 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, {
+  }, 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, {
+  }, 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)));
+  }, t("notebook-cell-delete.label"))), /* @__PURE__ */ React2.createElement(DropdownMenu.Arrow, null)));
 };
 
+// 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/components/NotebookStack/NotebookCell.tsx
+import React4, { 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 { 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 { isNonNullable as isNonNullable2 } from "@dxos/util";
+import { meta as meta2 } from "#meta";
+
 // src/components/TypescriptEditor/TypescriptEditor.tsx
 import { autocompletion, completionKeymap } from "@codemirror/autocomplete";
 import { javascript } from "@codemirror/lang-javascript";
@@ -112,16 +113,17 @@ 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, { memo } from "react";
+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 { mx as mx2 } from "@dxos/ui-theme";
+import { composable, composableProps } from "@dxos/ui-theme";
 import { isNonNullable } from "@dxos/util";
-var TypescriptEditor = /* @__PURE__ */ memo(({ classNames, id, role = "article", inputMode = "vscode", env, options, initialValue, extensions, scrollTo, selection }) => {
+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,
@@ -181,9 +183,11 @@ var TypescriptEditor = /* @__PURE__ */ memo(({ classNames, id, role = "article",
     env
   ]);
   return /* @__PURE__ */ React3.createElement("div", {
-    ref: parentRef,
-    className: mx2(classNames),
-    ...focusAttributes
+    ...composableProps(props, {
+      classNames,
+      ...focusAttributes
+    }),
+    ref: composeRefs(parentRef, forwardedRef)
   });
 });
 var createTooltipRenderer = (themeMode) => {
@@ -205,34 +209,17 @@ var createTooltipRenderer = (themeMode) => {
   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
+      dom: Domino.of("div").classNames("xs:max-w-80 max-w-lg p-1 bg-base-surface rounded-sm border border-separator").append(...children).root
     };
   };
 };
 
-// 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";
-
 // 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 mx3 } from "@dxos/ui-theme";
-import { isNonNullable as isNonNullable2 } from "@dxos/util";
 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(meta.id);
+  const { t } = useTranslation2(meta2.id);
   const extensions = useMemo(() => {
     return cell.source?.target ? [
       createDataExtensions({
@@ -247,17 +234,9 @@ var NotebookCell = ({ db, graph, dragging, cell, promptResults, env }) => {
   ]);
   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, (s) => {
-      s.content = value;
+    invariant2(cell.source?.target, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file2, L: 38, S: void 0, A: ["cell.source?.target", ""] });
+    Obj.update(cell.source.target, (obj) => {
+      obj.content = value;
     });
   }, [
     cell
@@ -285,7 +264,7 @@ var NotebookCell = ({ db, graph, dragging, cell, promptResults, env }) => {
         extensions,
         env,
         options: {
-          placeholder: t("notebook cell placeholder"),
+          placeholder: t("notebook-cell.placeholder"),
           highlightActiveLine: false,
           lineNumbers: false
         }
@@ -298,7 +277,7 @@ var NotebookCell = ({ db, graph, dragging, cell, promptResults, env }) => {
         return null;
       }
       return /* @__PURE__ */ React4.createElement("div", {
-        className: mx3("h-full overflow-hidden grid", explorerGraph && !dragging && "grid-rows-[min-content_1fr]")
+        className: mx2("h-full overflow-hidden grid", explorerGraph && !dragging && "grid-rows-[min-content_1fr]")
       }, /* @__PURE__ */ React4.createElement(QueryEditor, {
         id: cell.id,
         classNames: [
@@ -309,10 +288,11 @@ var NotebookCell = ({ db, graph, dragging, cell, promptResults, env }) => {
         value: cell.source.target.content,
         onChange: handleQueryChange
       }), explorerGraph && !dragging && /* @__PURE__ */ React4.createElement(Surface.Surface, {
-        role: "section",
+        type: AppSurface.Section,
         limit: 1,
         data: {
-          subject: explorerGraph
+          subject: explorerGraph,
+          attendableId: cell.id
         }
       }));
     // TODO(burdon): Use streaming response from Chat.
@@ -340,7 +320,7 @@ var NotebookCellValue = ({ cell, graph }) => {
     return null;
   }
   return /* @__PURE__ */ React4.createElement("div", {
-    className: mx3("flex w-full bg-group-surface border-y border-subdued-separator text-description font-mono", valueStyles)
+    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", {
@@ -356,19 +336,19 @@ var NotebookPromptResult = ({ cell, promptResults }) => {
     return null;
   }
   return /* @__PURE__ */ React4.createElement("div", {
-    className: mx3("flex w-full bg-group-surface text-description border-y border-subdued-separator", valueStyles)
+    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(meta.id);
+  const { t } = useTranslation2(meta2.id);
   const { themeMode } = useThemeContext2();
   const extensions = useMemo(() => {
     return [
       createBasicExtensions2({
-        placeholder: t("notebook markdown placeholder"),
+        placeholder: t("notebook-markdown.placeholder"),
         readOnly
       }),
       createThemeExtensions2({
@@ -382,30 +362,39 @@ var NotebookTextEditor = ({ extensions: extensionsProp, readOnly, ...props }) =>
   }, [
     extensionsProp
   ]);
-  return /* @__PURE__ */ React4.createElement(EditorContent, {
+  return /* @__PURE__ */ React4.createElement(Editor.Root, null, /* @__PURE__ */ React4.createElement(Editor.View, {
     ...props,
     extensions,
     selectionEnd: true
-  });
+  }));
 };
 
 // src/components/NotebookStack/NotebookStack.tsx
 var minSectionHeight = "min-h-[16rem]";
-var NotebookStack = ({ classNames, notebook, onRearrange, ...props }) => {
+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, {
-    classNames,
+    ...composableProps2(props),
     orientation: "vertical",
     size: "contain",
     rail: true,
-    onRearrange
+    onRearrange,
+    ref: forwardedRef
   }, notebook?.cells.map((cell, i) => /* @__PURE__ */ React5.createElement(NotebookSection, {
     key: i,
     cell,
-    ...props
+    ...sectionProps
   })));
-};
+});
 var NotebookSection = ({ cell, db, env, promptResults, onCellInsert, onCellDelete, ...props }) => {
-  const { t } = useTranslation3(meta.id);
+  const { t } = useTranslation3(meta3.id);
   const resizable = cell.type === "query";
   return /* @__PURE__ */ React5.createElement(StackItem.Root, {
     role: "section",
@@ -427,7 +416,7 @@ var NotebookSection = ({ cell, db, env, promptResults, onCellInsert, onCellDelet
     variant: "ghost",
     icon: "ph--dots-three--regular",
     iconOnly: true,
-    label: t("notebook cell insert label")
+    label: t("notebook-cell-insert.label")
   })), /* @__PURE__ */ React5.createElement(NotebookMenu, {
     cell,
     onCellInsert,
@@ -492,15 +481,17 @@ var QueryEditor2 = (props) => {
 // src/components/ScriptToolbar/ScriptToolbar.tsx
 import { Atom } from "@effect-atom/atom-react";
 import React7, { useMemo as useMemo2 } from "react";
-import { Obj as Obj2 } from "@dxos/echo";
 import { ElevationProvider, useTranslation as useTranslation4 } from "@dxos/react-ui";
 import { Menu, createGapSeparator, useMenuActions } from "@dxos/react-ui-menu";
-var ScriptToolbar = ({ script, role, state, ...props }) => {
-  const { t } = useTranslation4(meta.id);
+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) => {
+  const { t } = useTranslation4(meta4.id);
   const options = useDeployDeps({
     script
   });
-  const menu = useMemo2(() => createToolbarActions({
+  const menuCreator = useMemo2(() => createToolbarActions({
     state,
     script,
     t,
@@ -511,15 +502,17 @@ var ScriptToolbar = ({ script, role, state, ...props }) => {
     options,
     t
   ]);
-  const actions = useMenuActions(menu);
+  const menuActions = useMenuActions(menuCreator);
   return /* @__PURE__ */ React7.createElement(ElevationProvider, {
     elevation: role === "section" ? "positioned" : "base"
   }, /* @__PURE__ */ React7.createElement(Menu.Root, {
-    ...props,
-    ...actions,
-    attendableId: Obj2.getDXN(script).toString()
-  }, /* @__PURE__ */ React7.createElement(Menu.Toolbar, null)));
-};
+    ...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);
@@ -547,17 +540,17 @@ var createToolbarActions = ({ state, script, ...options }) => Atom.make((get) =>
 });
 
 // src/components/TestPanel/TestPanel.tsx
-import React8, { forwardRef, useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
+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 { mx as mx4 } from "@dxos/ui-theme";
+import { JsonHighlighter } 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_file3 = "/__w/dxos/dxos/packages/plugins/plugin-script/src/components/TestPanel/TestPanel.tsx";
-var TestPanel = ({ classNames, functionUrl }) => {
-  const { t } = useTranslation5(meta.id);
+var TestPanel = composable4(({ classNames, onInvoke, ...props }, forwardedRef) => {
+  const { t } = useTranslation5(meta5.id);
   const inputRef = useRef2(null);
   const [input, setInput] = useState2("");
-  const [result, setResult] = useState2("");
   const [state, setState] = useState2(null);
   const [history, setHistory] = useState2([]);
   const scrollerRef = useRef2(null);
@@ -566,25 +559,12 @@ var TestPanel = ({ classNames, functionUrl }) => {
       scrollerRef.current.scrollTop = scrollerRef.current.scrollHeight;
     }
   };
-  const controller = useRef2(null);
-  useEffect2(() => {
-    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,
       {
@@ -594,133 +574,91 @@ var TestPanel = ({ classNames, functionUrl }) => {
         error
       }
     ]);
-    setResult("");
     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");
-      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
+          text: displayText
         }
       ]);
-      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();
+      setTimeout(handleScroll);
+      const result = await onInvoke(data);
+      if (typeof result === "string") {
         handleResponse({
-          error: new Error(text2 || response.statusText || String(response.status))
+          text: result
         });
-        return;
-      }
-      const contentType = response.headers.get("content-type");
-      if (contentType === "application/json") {
-        const data2 = await response.json();
+      } else {
         handleResponse({
-          data: data2
+          data: result
         });
-        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_file3,
-            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_file3,
-          L: 169,
-          S: void 0,
-          C: (f, a) => f(...a)
-        });
-      } else {
-        handleResponse();
-      }
+      const error = err instanceof Error ? err : new Error(String(err));
+      handleResponse({
+        error
+      });
+      log2.catch(err, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file3, L: 89, S: void 0 });
     }
   };
   return /* @__PURE__ */ React8.createElement("div", {
-    className: mx4("flex flex-col h-full overflow-hidden", classNames)
+    ...composableProps4(props, {
+      classNames: [
+        "flex flex-col h-full overflow-hidden",
+        classNames
+      ]
+    }),
+    ref: forwardedRef
   }, /* @__PURE__ */ React8.createElement(MessageThread, {
     ref: scrollerRef,
     state,
-    result,
     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"),
+    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",
-    size: 4,
     label: "Execute",
     iconOnly: true,
     onClick: () => handleRequest(input)
   }), /* @__PURE__ */ React8.createElement(Toolbar.IconButton, {
-    icon: state ? "ph--stop--regular" : "ph--trash--regular",
-    size: 4,
-    label: state ? "Stop" : "Clear",
+    icon: "ph--trash--regular",
+    label: "Clear",
     iconOnly: true,
-    onClick: () => state ? handleStop() : handleClear()
+    onClick: handleClear
   })));
-};
-var MessageThread = /* @__PURE__ */ forwardRef(({ state, history, result }, forwardedRef) => {
+});
+var MessageThread = /* @__PURE__ */ forwardRef(({ state, history }, forwardedRef) => {
   return /* @__PURE__ */ React8.createElement(ScrollArea.Root, {
     orientation: "vertical",
     classNames: "h-full",
@@ -736,54 +674,46 @@ var MessageThread = /* @__PURE__ */ forwardRef(({ state, history, result }, forw
     className: "overflow-auto"
   }, /* @__PURE__ */ React8.createElement(MessageItem, {
     message
-  })))), result?.length > 0 && /* @__PURE__ */ React8.createElement("div", {
+  })))), state === "pending" && /* @__PURE__ */ React8.createElement("div", {
     className: "grid grid-cols-[2rem_1fr_2rem]"
   }, /* @__PURE__ */ React8.createElement("div", {
     className: "p-1"
-  }, state === "pending" && /* @__PURE__ */ React8.createElement(Icon, {
+  }, /* @__PURE__ */ React8.createElement(Icon, {
     icon: "ph--spinner--regular",
     size: 6,
     classNames: "animate-spin"
-  }) || /* @__PURE__ */ React8.createElement(Icon, {
-    icon: "ph--robot--regular",
-    size: 6,
-    classNames: "animate-[pulse_1s_ease-in-out_infinite]"
-  })), /* @__PURE__ */ React8.createElement("div", {
-    className: "overflow-auto"
-  }, /* @__PURE__ */ React8.createElement(MessageItem, {
-    message: {
-      type: "response",
-      text: result
-    }
   })))));
 });
 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: mx4("flex", type === "request" ? "ml-[1rem] justify-end" : "mr-[1rem]", classNames)
+    className: mx3("flex", type === "request" ? "ml-[1rem] justify-end" : "mr-[1rem]", classNames)
   }, error && /* @__PURE__ */ React8.createElement("div", {
-    className: mx4(wrapper, "whitespace-pre text-error-text")
+    className: mx3(wrapper, "whitespace-pre text-error-text")
   }, String(error)), text !== void 0 && /* @__PURE__ */ React8.createElement("div", {
-    className: mx4(wrapper, type === "request" && "bg-primary-500 dark:bg-primary-600")
-  }, text || "\xD8"), data && /* @__PURE__ */ React8.createElement(SyntaxHighlighter, {
-    language: "json",
-    className: mx4(wrapper, "text-xs")
-  }, JSON.stringify(data, null, 2)));
+    className: mx3(wrapper, type === "request" && "bg-primary-500 dark:bg-primary-600")
+  }, text || "\xD8"), data && /* @__PURE__ */ React8.createElement(JsonHighlighter, {
+    data,
+    classNames: mx3(wrapper, "text-xs")
+  }));
 };
 var RobotAvatar = () => /* @__PURE__ */ React8.createElement(Avatar.Root, null, /* @__PURE__ */ React8.createElement(Avatar.Content, {
   size: 6,
   variant: "circle",
-  icon: "ph--robot--regular"
+  icon: "ph--drone--regular"
 }));
 
+// src/components/index.ts
+var ScriptPluginSettings = lazy(() => import("../ScriptPluginSettings-T4JMUSHN.mjs"));
 export {
-  FrameContainer,
+  FramePanel,
   NotebookMenu,
-  TypescriptEditor,
   NotebookStack,
   QueryEditor2 as QueryEditor,
+  ScriptPluginSettings,
   ScriptToolbar,
-  TestPanel
+  TestPanel,
+  TypescriptEditor
 };
-//# sourceMappingURL=chunk-PLDBKKYO.mjs.map
+//# sourceMappingURL=index.mjs.map