@dxos/plugin-script 0.12.0-next-73daef452f1464b62efdbca75fb0067c1066f264 → 0.13.0

package/dist/lib/components.mjs

@@ -1,20 +1,24 @@
-import { t as Compiler } from "./chunk-compiler.mjs";
 import { meta } from "#meta";
-import { arrayMove, isNonNullable } from "@dxos/util";
 import { Obj } from "@dxos/echo";
 import { log } from "@dxos/log";
+import { arrayMove, isNonNullable } from "@dxos/util";
 import { forwardRef, useCallback, useId, useMemo, useRef, useState } from "react";
-import { Avatar, DropdownMenu, ElevationProvider, Icon, IconButton, Input, ScrollArea, Toolbar, composable, composableProps, useAsyncEffect, useThemeContext, useTranslation } from "@dxos/react-ui";
+import * as Hooks from "@dxos/react-ui/Hooks";
+import * as Menu from "@dxos/react-ui/Menu";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Mosaic } from "@dxos/react-ui-mosaic";
+import * as Button from "@dxos/react-ui/Button";
+import * as ScrollArea from "@dxos/react-ui/ScrollArea";
+import * as Util from "@dxos/react-ui/Util";
 import { mx } from "@dxos/ui-theme";
-import { Surface } from "@dxos/app-framework/ui";
-import { AppSurface } from "@dxos/app-toolkit/ui";
+import * as Surface from "@dxos/app-framework/Surface";
+import * as AppSurface from "@dxos/app-toolkit/AppSurface";
 import { Doc } from "@dxos/echo-doc";
+import { useResolveRef } from "@dxos/echo-react";
 import { invariant } from "@dxos/invariant";
-import { TemplateEditor } from "@dxos/plugin-routine/components";
-import { QueryEditor as QueryEditor$1 } from "@dxos/react-ui-components";
+import * as TemplateEditor from "@dxos/plugin-routine/TemplateEditor";
 import { Editor, useTextEditor } from "@dxos/react-ui-editor";
+import { QueryEditor } from "@dxos/react-ui-query";
 import { InputModeExtensions, createBasicExtensions, createDataExtensions, createMarkdownExtensions, createThemeExtensions, decorateMarkdown, defaultStyles } from "@dxos/ui-editor";
 import { autocompletion, completionKeymap } from "@codemirror/autocomplete";
 import { javascript } from "@codemirror/lang-javascript";
@@ -23,46 +27,65 @@ 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 { composeRefs } from "@dxos/react-hooks";
 import { Domino } from "@dxos/ui";
-import { ModuleResolutionKind, ScriptTarget } from "@typescript/typescript6";
-import queryApi from "@dxos/echo-query/api.d.ts?raw";
-import * as Atom from "effect/unstable/reactivity/Atom";
-import { Menu, createGapSeparator, useMenuActions } from "@dxos/react-ui-menu";
+import * as Atom from "effect/reactivity/Atom";
+import { ActionToolbar, createGapSeparator, useMenuActions } from "@dxos/react-ui-menu";
 import { createDeploy, createFormat, createTemplateSelect, useDeployDeps } from "#hooks";
 import { JsonHighlighter } from "@dxos/react-ui-syntax-highlighter";
+import * as Avatar from "@dxos/react-ui/Avatar";
+import * as Field from "@dxos/react-ui/Field";
+import * as Icon from "@dxos/react-ui/Icon";
+import * as Input from "@dxos/react-ui/Input";
+import * as Layout from "@dxos/react-ui/Layout";
+import * as Toolbar from "@dxos/react-ui/Toolbar";
 //#region src/components/NotebookStack/NotebookMenu.tsx
 var NotebookMenu = ({ cell, onCellInsert, onCellDelete }) => {
-	const { t } = useTranslation(meta.profile.key);
-	return /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsxs(DropdownMenu.Content, { children: [/* @__PURE__ */ jsxs(DropdownMenu.Viewport, { children: [
-		/* @__PURE__ */ jsx(DropdownMenu.Item, {
+	const { t } = Hooks.useTranslation(meta.profile.key);
+	return /* @__PURE__ */ jsxs(Menu.Content, { children: [
+		/* @__PURE__ */ jsx(Menu.Item, {
 			onClick: () => onCellInsert?.("script", cell?.id),
-			children: t("notebook-cell-insert-script.label")
+			item: {
+				value: t("notebook-cell-insert-script.label"),
+				label: t("notebook-cell-insert-script.label")
+			}
 		}),
-		/* @__PURE__ */ jsx(DropdownMenu.Item, {
+		/* @__PURE__ */ jsx(Menu.Item, {
 			onClick: () => onCellInsert?.("prompt", cell?.id),
-			children: t("notebook-cell-insert-prompt.label")
+			item: {
+				value: t("notebook-cell-insert-prompt.label"),
+				label: t("notebook-cell-insert-prompt.label")
+			}
 		}),
-		/* @__PURE__ */ jsx(DropdownMenu.Item, {
+		/* @__PURE__ */ jsx(Menu.Item, {
 			onClick: () => onCellInsert?.("query", cell?.id),
-			children: t("notebook-cell-insert-query.label")
+			item: {
+				value: t("notebook-cell-insert-query.label"),
+				label: t("notebook-cell-insert-query.label")
+			}
 		}),
-		/* @__PURE__ */ jsx(DropdownMenu.Item, {
+		/* @__PURE__ */ jsx(Menu.Item, {
 			onClick: () => onCellInsert?.("markdown", cell?.id),
-			children: t("notebook-cell-insert-markdown.label")
+			item: {
+				value: t("notebook-cell-insert-markdown.label"),
+				label: t("notebook-cell-insert-markdown.label")
+			}
 		}),
-		cell && onCellDelete && /* @__PURE__ */ jsx(DropdownMenu.Item, {
+		cell && onCellDelete && /* @__PURE__ */ jsx(Menu.Item, {
 			onClick: () => onCellDelete?.(cell.id),
-			children: t("notebook-cell-delete.label")
+			item: {
+				value: t("notebook-cell-delete.label"),
+				label: t("notebook-cell-delete.label")
+			}
 		})
-	] }), /* @__PURE__ */ jsx(DropdownMenu.Arrow, {})] }) });
+	] });
 };
 //#endregion
 //#region src/components/TypescriptEditor/TypescriptEditor.tsx
-var TypescriptEditor = composable(({ classNames, id, role = "article", inputMode = "vscode", env, options, initialValue, extensions, scrollTo, selection, ...props }, forwardedRef) => {
-	const { themeMode } = useThemeContext();
+var TypescriptEditor = Util.composable(({ classNames, id, role = "article", inputMode = "vscode", env, options, initialValue, extensions, scrollTo, selection, ...props }, forwardedRef) => {
+	const themeMode = Hooks.useThemeMode();
 	const { parentRef, focusAttributes } = useTextEditor(() => ({
 		id,
 		initialValue,
@@ -110,7 +133,7 @@ var TypescriptEditor = composable(({ classNames, id, role = "article", inputMode
 		env
 	]);
 	return /* @__PURE__ */ jsx("div", {
-		...composableProps(props, {
+		...Util.composableProps(props, {
 			classNames,
 			...focusAttributes
 		}),
@@ -137,19 +160,21 @@ var __dxlog_file$1 = "/__w/dxos/dxos/packages/plugins/plugin-script/src/componen
 var editorStyles = "p-2 ps-3";
 var valueStyles = "p-1 ps-3";
 var NotebookCell = ({ db, graph, dragging, cell, promptResults, env }) => {
-	const { t } = useTranslation(meta.profile.key);
+	const { t } = Hooks.useTranslation(meta.profile.key);
+	const source = useResolveRef(cell.source);
+	const prompt = useResolveRef(cell.prompt);
+	const explorerGraph = useResolveRef(cell.graph);
 	const extensions = useMemo(() => {
-		return cell.source?.target ? [createDataExtensions({
+		return source ? [createDataExtensions({
 			id: cell.id,
-			text: Doc.createAccessor(cell.source.target, ["content"])
+			text: Doc.createAccessor(source, ["content"])
 		})] : [];
-	}, [cell.source?.target]);
-	const explorerGraph = cell.graph?.target;
+	}, [source]);
 	const handleQueryChange = useCallback((value) => {
 		invariant(cell.source?.target, void 0, {
 			"~LogMeta": "~LogMeta",
 			F: __dxlog_file$1,
-			L: 59,
+			L: 60,
 			S: void 0,
 			A: ["cell.source?.target", ""]
 		});
@@ -159,22 +184,22 @@ var NotebookCell = ({ db, graph, dragging, cell, promptResults, env }) => {
 	}, [cell]);
 	switch (cell.type) {
 		case "markdown":
-			if (!cell.source?.target) return null;
+			if (!source) return null;
 			return /* @__PURE__ */ jsx(NotebookTextEditor, {
 				id: cell.id,
 				classNames: editorStyles,
-				initialValue: cell.source.target.content,
+				initialValue: source.content,
 				extensions
 			});
 		case "script":
-			if (!cell.source?.target) return null;
+			if (!source) return null;
 			return /* @__PURE__ */ jsxs("div", {
-				className: "flex flex-col divide-y divide-subdued-separator",
+				className: "flex flex-col divide-y divide-separator-subtle",
 				children: [/* @__PURE__ */ jsx(TypescriptEditor, {
 					id: cell.id,
 					role: "section",
 					classNames: editorStyles,
-					initialValue: cell.source.target.content,
+					initialValue: source.content,
 					extensions,
 					env,
 					options: {
@@ -188,14 +213,14 @@ var NotebookCell = ({ db, graph, dragging, cell, promptResults, env }) => {
 				})]
 			});
 		case "query":
-			if (!cell.source?.target) return null;
+			if (!source) return null;
 			return /* @__PURE__ */ jsxs("div", {
 				className: mx("h-full overflow-hidden grid", explorerGraph && !dragging && "grid-rows-[min-content_1fr]"),
-				children: [/* @__PURE__ */ jsx(QueryEditor$1, {
+				children: [/* @__PURE__ */ jsx(QueryEditor, {
 					id: cell.id,
 					classNames: editorStyles,
 					db,
-					value: cell.source.target.content,
+					value: source.content,
 					onChange: handleQueryChange
 				}), explorerGraph && !dragging && /* @__PURE__ */ jsx(Surface.Surface, {
 					type: AppSurface.Section,
@@ -207,10 +232,10 @@ var NotebookCell = ({ db, graph, dragging, cell, promptResults, env }) => {
 				})]
 			});
 		case "prompt":
-			if (!cell.prompt?.target) return null;
-			return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(TemplateEditor, {
+			if (!prompt) return null;
+			return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(TemplateEditor.TemplateEditor, {
 				id: cell.id,
-				source: cell.prompt.target.text,
+				source: prompt.text,
 				lineNumbers: false,
 				classNames: editorStyles
 			}), /* @__PURE__ */ jsx(NotebookPromptResult, {
@@ -225,12 +250,12 @@ var NotebookCellValue = ({ cell, graph }) => {
 	const value = graph?.getValue(cell.id);
 	if (value == null) return null;
 	return /* @__PURE__ */ jsxs("div", {
-		className: mx("flex w-full bg-group-surface text-description font-mono", valueStyles),
+		className: mx("flex w-full bg-group-surface text-fg-muted font-mono", valueStyles),
 		children: [name && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
 			className: "text-success-text",
 			children: name
 		}), /* @__PURE__ */ jsx("span", {
-			className: "text-description",
+			className: "text-fg-muted",
 			children: "\xA0=\xA0"
 		})] }), /* @__PURE__ */ jsx("span", { children: value })]
 	});
@@ -240,7 +265,7 @@ var NotebookPromptResult = ({ cell, promptResults }) => {
 	const value = promptResults?.[cell.prompt.uri];
 	if (value == null) return null;
 	return /* @__PURE__ */ jsx("div", {
-		className: mx("flex w-full dx-group-surface text-description border-y border-subdued-separator", valueStyles),
+		className: mx("flex w-full dx-group-surface text-fg-muted border-y border-separator-subtle", valueStyles),
 		children: /* @__PURE__ */ jsx(NotebookTextEditor, {
 			readOnly: true,
 			value
@@ -248,8 +273,8 @@ var NotebookPromptResult = ({ cell, promptResults }) => {
 	});
 };
 var NotebookTextEditor = ({ classNames, extensions: extensionsProp, readOnly, ...props }) => {
-	const { t } = useTranslation(meta.profile.key);
-	const { themeMode } = useThemeContext();
+	const { t } = Hooks.useTranslation(meta.profile.key);
+	const themeMode = Hooks.useThemeMode();
 	const extensions = useMemo(() => {
 		return [
 			createThemeExtensions({
@@ -281,7 +306,7 @@ var NotebookTextEditor = ({ classNames, extensions: extensionsProp, readOnly, ..
 //#region src/components/NotebookStack/NotebookStack.tsx
 var minSectionHeight = "min-h-[16rem]";
 var getCellId = (cell) => cell.id;
-var NotebookStack = composable(({ notebook, db, graph, promptResults, onCellInsert, onCellDelete, env, ...props }, forwardedRef) => {
+var NotebookStack = Util.composable(({ notebook, db, graph, promptResults, onCellInsert, onCellDelete, env, ...props }, forwardedRef) => {
 	const [viewport, setViewport] = useState(null);
 	const Tile = useCallback((tileProps) => /* @__PURE__ */ jsx(NotebookSection, {
 		...tileProps,
@@ -322,8 +347,7 @@ var NotebookStack = composable(({ notebook, db, graph, promptResults, onCellInse
 		ref: forwardedRef,
 		children: /* @__PURE__ */ jsx(ScrollArea.Root, {
 			orientation: "vertical",
-			padding: true,
-			...composableProps(props),
+			...Util.composableProps(props),
 			children: /* @__PURE__ */ jsx(ScrollArea.Viewport, {
 				ref: setViewport,
 				children: /* @__PURE__ */ jsx(Mosaic.Stack, {
@@ -337,25 +361,25 @@ var NotebookStack = composable(({ notebook, db, graph, promptResults, onCellInse
 	});
 });
 var NotebookSection = ({ data: cell, db, env, graph, promptResults, onCellInsert, onCellDelete, ...tileProps }) => {
-	const { t } = useTranslation(meta.profile.key);
+	const { t } = Hooks.useTranslation(meta.profile.key);
 	const resizable = cell.type === "query";
 	const [dragHandle, setDragHandle] = useState(null);
 	return /* @__PURE__ */ jsxs(Mosaic.Tile, {
 		...tileProps,
 		data: cell,
 		dragHandle,
-		classNames: mx("grid grid-cols-[min-content_1fr] overflow-visible border border-subdued-separator", resizable && minSectionHeight),
+		classNames: mx("grid grid-cols-[min-content_1fr] overflow-visible border border-separator-subtle", resizable && minSectionHeight),
 		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col p-1 border-e border-subdued-separator dx-attention-surface",
-			children: [/* @__PURE__ */ jsx(IconButton, {
+			className: "flex flex-col p-1 border-e border-separator-subtle dx-attention-surface",
+			children: [/* @__PURE__ */ jsx(Button.Root, {
 				ref: setDragHandle,
 				variant: "ghost",
 				icon: "ph--dots-six-vertical--regular",
 				iconOnly: true,
 				label: "Drag handle"
-			}), /* @__PURE__ */ jsxs(DropdownMenu.Root, { children: [/* @__PURE__ */ jsx(DropdownMenu.Trigger, {
+			}), /* @__PURE__ */ jsxs(Menu.Root, { children: [/* @__PURE__ */ jsx(Menu.Trigger, {
 				asChild: true,
-				children: /* @__PURE__ */ jsx(IconButton, {
+				children: /* @__PURE__ */ jsx(Button.Root, {
 					variant: "ghost",
 					icon: "ph--dots-three--regular",
 					iconOnly: true,
@@ -376,41 +400,9 @@ var NotebookSection = ({ data: cell, db, env, graph, promptResults, onCellInsert
 	});
 };
 //#endregion
-//#region src/components/QueryEditor/QueryEditor.tsx
-var GLOBALS = `
-  namespace QueryAPI {
-    ${queryApi}
-  }
-
-  declare global {
-    const Query: typeof QueryAPI.Query;
-    const Filter: typeof QueryAPI.Filter;
-    const Order: typeof QueryAPI.Order;
-  }
-
-  export {};
-`;
-var QueryEditor = (props) => {
-	const [compiler, setCompiler] = useState();
-	useAsyncEffect(async () => {
-		const compiler = new Compiler({
-			lib: ["ES5"],
-			target: ScriptTarget.ES2022,
-			moduleResolution: ModuleResolutionKind.Bundler
-		});
-		await compiler.initialize(GLOBALS);
-		setCompiler(compiler);
-	}, []);
-	if (!compiler) return null;
-	return /* @__PURE__ */ jsx(TypescriptEditor, {
-		...props,
-		env: compiler.environment
-	});
-};
-//#endregion
 //#region src/components/ScriptToolbar/ScriptToolbar.tsx
-var ScriptToolbar = composable(({ script, attendableId, role, state, ...props }, forwardedRef) => {
-	const { t } = useTranslation(meta.profile.key);
+var ScriptToolbar = Util.composable(({ script, attendableId, role, state, ...props }, forwardedRef) => {
+	const { t } = Hooks.useTranslation(meta.profile.key);
 	const options = useDeployDeps({ script });
 	const menuCreator = useMemo(() => createToolbarActions({
 		state,
@@ -424,17 +416,11 @@ var ScriptToolbar = composable(({ script, attendableId, role, state, ...props },
 		t
 	]);
 	const menuActions = useMenuActions(menuCreator);
-	return /* @__PURE__ */ jsx(ElevationProvider, {
-		elevation: role === AppSurface.Section.role ? "positioned" : "base",
-		children: /* @__PURE__ */ jsx(Menu.Root, {
-			...menuActions,
-			attendableId,
-			children: /* @__PURE__ */ jsx(Menu.Toolbar, {
-				...composableProps(props),
-				ref: forwardedRef,
-				children: /* @__PURE__ */ jsx(Menu.Items, {})
-			})
-		})
+	return /* @__PURE__ */ jsx(ActionToolbar, {
+		...menuActions,
+		attendableId,
+		...Util.composableProps(props),
+		ref: forwardedRef
 	});
 });
 var createToolbarActions = ({ state, script, ...options }) => Atom.make((get) => {
@@ -465,8 +451,8 @@ var createToolbarActions = ({ state, script, ...options }) => Atom.make((get) =>
 //#endregion
 //#region src/components/TestPanel/TestPanel.tsx
 var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-script/src/components/TestPanel/TestPanel.tsx";
-var TestPanel = composable(({ classNames, onInvoke, ...props }, forwardedRef) => {
-	const { t } = useTranslation(meta.profile.key);
+var TestPanel = Util.composable(({ classNames, onInvoke, ...props }, forwardedRef) => {
+	const { t } = Hooks.useTranslation(meta.profile.key);
 	const inputRef = useRef(null);
 	const [input, setInput] = useState("");
 	const [state, setState] = useState(null);
@@ -522,20 +508,20 @@ var TestPanel = composable(({ classNames, onInvoke, ...props }, forwardedRef) =>
 			log.catch(err, void 0, {
 				"~LogMeta": "~LogMeta",
 				F: __dxlog_file,
-				L: 105,
+				L: 113,
 				S: void 0
 			});
 		}
 	};
 	return /* @__PURE__ */ jsxs("div", {
-		...composableProps(props, { classNames: ["flex flex-col h-full overflow-hidden", classNames] }),
+		...Util.composableProps(props, { classNames: ["flex flex-col h-full overflow-hidden", classNames] }),
 		ref: forwardedRef,
 		children: [/* @__PURE__ */ jsx(MessageThread, {
 			ref: scrollerRef,
 			state,
 			history
 		}), /* @__PURE__ */ jsxs(Toolbar.Root, { children: [
-			/* @__PURE__ */ jsx(Input.Root, { children: /* @__PURE__ */ jsx(Input.TextInput, {
+			/* @__PURE__ */ jsx(Field.Root, { children: /* @__PURE__ */ jsx(Input.Root, {
 				ref: inputRef,
 				autoFocus: true,
 				placeholder: t("function-request.placeholder"),
@@ -543,13 +529,13 @@ var TestPanel = composable(({ classNames, onInvoke, ...props }, forwardedRef) =>
 				onChange: (ev) => setInput(ev.target.value),
 				onKeyDown: (ev) => ev.key === "Enter" && handleRequest(input)
 			}) }),
-			/* @__PURE__ */ jsx(Toolbar.IconButton, {
+			/* @__PURE__ */ jsx(Button.Root, {
 				icon: "ph--play--regular",
 				label: "Execute",
 				iconOnly: true,
 				onClick: () => handleRequest(input)
 			}),
-			/* @__PURE__ */ jsx(Toolbar.IconButton, {
+			/* @__PURE__ */ jsx(Button.Root, {
 				icon: "ph--trash--regular",
 				label: "Clear",
 				iconOnly: true,
@@ -558,6 +544,11 @@ var TestPanel = composable(({ classNames, onInvoke, ...props }, forwardedRef) =>
 		] })]
 	});
 });
+var MESSAGE_COLS = [
+	"var(--dx-rail-item)",
+	"fill",
+	"var(--dx-rail-item)"
+];
 var MessageThread = forwardRef(({ state, history }, forwardedRef) => {
 	return /* @__PURE__ */ jsx(ScrollArea.Root, {
 		orientation: "vertical",
@@ -565,8 +556,8 @@ var MessageThread = forwardRef(({ state, history }, forwardedRef) => {
 		ref: forwardedRef,
 		children: /* @__PURE__ */ jsxs(ScrollArea.Viewport, {
 			classNames: "gap-6 p-2",
-			children: [history.map((message, i) => /* @__PURE__ */ jsxs("div", {
-				className: "grid grid-cols-[var(--dx-rail-item)_1fr_var(--dx-rail-item)]",
+			children: [history.map((message, i) => /* @__PURE__ */ jsxs(Layout.Grid, {
+				cols: MESSAGE_COLS,
 				children: [/* @__PURE__ */ jsx("div", {
 					className: "p-1",
 					children: message.type === "response" && /* @__PURE__ */ jsx(RobotAvatar, {})
@@ -574,14 +565,14 @@ var MessageThread = forwardRef(({ state, history }, forwardedRef) => {
 					className: "overflow-auto",
 					children: /* @__PURE__ */ jsx(MessageItem, { message })
 				})]
-			}, i)), state === "pending" && /* @__PURE__ */ jsx("div", {
-				className: "grid grid-cols-[var(--dx-rail-item)_1fr_var(--dx-rail-item)]",
+			}, i)), state === "pending" && /* @__PURE__ */ jsx(Layout.Grid, {
+				cols: MESSAGE_COLS,
 				children: /* @__PURE__ */ jsx("div", {
 					className: "p-1",
-					children: /* @__PURE__ */ jsx(Icon, {
+					children: /* @__PURE__ */ jsx(Icon.Icon, {
 						icon: "ph--spinner--regular",
-						size: 6,
-						classNames: "animate-spin"
+						size: "xl",
+						spin: true
 					})
 				})
 			})]
@@ -590,7 +581,7 @@ var MessageThread = 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";
+	const wrapper = "p-1 px-2 rounded-md bg-hover-surface";
 	return /* @__PURE__ */ jsxs("div", {
 		className: mx("flex", type === "request" ? "ml-[1rem] justify-end" : "mr-[1rem]", classNames),
 		children: [
@@ -609,12 +600,12 @@ var MessageItem = ({ classNames, message }) => {
 		]
 	});
 };
-var RobotAvatar = () => /* @__PURE__ */ jsx(Avatar.Root, { children: /* @__PURE__ */ jsx(Avatar.Content, {
-	size: 6,
+var RobotAvatar = () => /* @__PURE__ */ jsx(Avatar.Root, {
+	size: "sm",
 	variant: "circle",
 	icon: "ph--drone--regular"
-}) });
+});
 //#endregion
-export { NotebookMenu, NotebookStack, QueryEditor, ScriptToolbar, TestPanel, TypescriptEditor };
+export { NotebookMenu, NotebookStack, ScriptToolbar, TestPanel, TypescriptEditor };
 
 //# sourceMappingURL=components.mjs.map