@dxos/plugin-script 0.8.4-main.5ea62a8 → 0.8.4-main.ae835ea

package/dist/lib/browser/chunk-5S5YQNJZ.mjs

@@ -0,0 +1,304 @@
+import {
+  TypescriptEditor
+} from "./chunk-LI4P25M5.mjs";
+import {
+  meta
+} from "./chunk-EB6AXFXO.mjs";
+
+// src/components/NotebookStack/NotebookMenu.tsx
+import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
+import React from "react";
+import { DropdownMenu, useTranslation } from "@dxos/react-ui";
+var NotebookMenu = ({ cell, onCellInsert, onCellDelete }) => {
+  var _effect = _useSignals();
+  try {
+    const { t } = useTranslation(meta.id);
+    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__ */ React.createElement(DropdownMenu.Item, {
+      onClick: () => onCellInsert?.("prompt", cell?.id)
+    }, t("notebook cell insert prompt label")), /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
+      onClick: () => onCellInsert?.("query", cell?.id)
+    }, 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__ */ React.createElement(DropdownMenu.Item, {
+      onClick: () => onCellDelete?.(cell.id)
+    }, t("notebook cell delete label"))), /* @__PURE__ */ React.createElement(DropdownMenu.Arrow, null)));
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/components/NotebookStack/NotebookStack.tsx
+import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
+import React3 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 { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
+import React2, { useCallback, useMemo } from "react";
+import { Surface } from "@dxos/app-framework";
+import { invariant } from "@dxos/invariant";
+import { TemplateEditor } from "@dxos/plugin-assistant";
+import { createDocAccessor } from "@dxos/react-client/echo";
+import { useThemeContext, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { QueryEditor } from "@dxos/react-ui-components";
+import { Editor, createBasicExtensions, createDataExtensions, createMarkdownExtensions, createThemeExtensions, decorateMarkdown } from "@dxos/react-ui-editor";
+import { mx } from "@dxos/react-ui-theme";
+import { isNonNullable } from "@dxos/util";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-script/src/components/NotebookStack/NotebookCell.tsx";
+var editorStyles = "p-2 pis-3";
+var valueStyles = "p-1 pis-3";
+var NotebookCell = ({ space, graph, dragging, cell, promptResults, env }) => {
+  var _effect = _useSignals2();
+  try {
+    const { t } = useTranslation2(meta.id);
+    const extensions = useMemo(() => {
+      return cell.source?.target ? [
+        createDataExtensions({
+          id: cell.id,
+          text: createDocAccessor(cell.source.target, [
+            "content"
+          ])
+        })
+      ].filter(isNonNullable) : [];
+    }, [
+      cell.source?.target
+    ]);
+    const view = cell.view?.target;
+    const handleQueryChange = useCallback((value) => {
+      invariant(cell.source?.target, void 0, {
+        F: __dxlog_file,
+        L: 61,
+        S: void 0,
+        A: [
+          "cell.source?.target",
+          ""
+        ]
+      });
+      cell.source.target.content = value;
+    }, [
+      cell
+    ]);
+    switch (cell.type) {
+      case "markdown":
+        if (!cell.source?.target) {
+          return null;
+        }
+        return /* @__PURE__ */ React2.createElement(NotebookTextEditor, {
+          id: cell.id,
+          classNames: editorStyles,
+          initialValue: cell.source.target.content,
+          extensions
+        });
+      case "script":
+        if (!cell.source?.target) {
+          return null;
+        }
+        return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.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__ */ React2.createElement(NotebookCellValue, {
+          cell,
+          graph
+        }));
+      case "query":
+        if (!cell.source?.target) {
+          return null;
+        }
+        return /* @__PURE__ */ React2.createElement("div", {
+          className: mx("bs-full overflow-hidden grid", view && !dragging && "grid-rows-[min-content_1fr]")
+        }, /* @__PURE__ */ React2.createElement(QueryEditor, {
+          id: cell.id,
+          classNames: [
+            editorStyles,
+            "border-b border-subduedSeparator"
+          ],
+          db: space?.db,
+          value: cell.source.target.content,
+          onChange: handleQueryChange
+        }), view && !dragging && /* @__PURE__ */ React2.createElement(Surface, {
+          role: "section",
+          limit: 1,
+          data: {
+            subject: view
+          }
+        }));
+      // TODO(burdon): Use streaming response from Chat.
+      case "prompt":
+        if (!cell.prompt?.target) {
+          return null;
+        }
+        return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(TemplateEditor, {
+          id: cell.id,
+          template: cell.prompt.target.instructions,
+          lineNumbers: false,
+          classNames: editorStyles
+        }), /* @__PURE__ */ React2.createElement(NotebookPromptResult, {
+          cell,
+          promptResults
+        }));
+      default:
+        return null;
+    }
+  } finally {
+    _effect.f();
+  }
+};
+var NotebookCellValue = ({ cell, graph }) => {
+  var _effect = _useSignals2();
+  try {
+    const name = graph?.expressions.value[cell.id]?.name;
+    const value = graph?.getValue(cell.id);
+    if (value == null) {
+      return null;
+    }
+    return /* @__PURE__ */ React2.createElement("div", {
+      className: mx("flex is-full bg-groupSurface border-t border-subduedSeparator text-description font-mono", valueStyles)
+    }, name && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("span", {
+      className: "text-successText"
+    }, name), /* @__PURE__ */ React2.createElement("span", {
+      className: "text-description"
+    }, "\xA0=\xA0")), /* @__PURE__ */ React2.createElement("span", null, value));
+  } finally {
+    _effect.f();
+  }
+};
+var NotebookPromptResult = ({ cell, promptResults }) => {
+  var _effect = _useSignals2();
+  try {
+    if (!cell.prompt) {
+      return null;
+    }
+    const value = promptResults?.[cell.prompt.dxn.toString()];
+    if (value == null) {
+      return null;
+    }
+    return /* @__PURE__ */ React2.createElement("div", {
+      className: mx("flex is-full bg-groupSurface text-description border-t border-subduedSeparator", valueStyles)
+    }, /* @__PURE__ */ React2.createElement(NotebookTextEditor, {
+      readOnly: true,
+      value
+    }));
+  } finally {
+    _effect.f();
+  }
+};
+var NotebookTextEditor = ({ extensions: extensionsParam, readOnly, ...props }) => {
+  var _effect = _useSignals2();
+  try {
+    const { t } = useTranslation2(meta.id);
+    const { themeMode } = useThemeContext();
+    const extensions = useMemo(() => {
+      return [
+        createBasicExtensions({
+          placeholder: t("notebook markdown placeholder"),
+          readOnly
+        }),
+        createThemeExtensions({
+          themeMode,
+          syntaxHighlighting: true
+        }),
+        createMarkdownExtensions(),
+        decorateMarkdown(),
+        extensionsParam
+      ].filter(isNonNullable);
+    }, [
+      extensionsParam
+    ]);
+    return /* @__PURE__ */ React2.createElement(Editor, {
+      ...props,
+      extensions,
+      moveToEnd: true
+    });
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/components/NotebookStack/NotebookStack.tsx
+var minSectionHeight = "min-bs-[16rem]";
+var NotebookStack = ({ classNames, notebook, onRearrange, ...props }) => {
+  var _effect = _useSignals3();
+  try {
+    return /* @__PURE__ */ React3.createElement(Stack, {
+      classNames,
+      orientation: "vertical",
+      size: "contain",
+      rail: true,
+      onRearrange
+    }, notebook?.cells.map((cell, i) => /* @__PURE__ */ React3.createElement(NotebookSection, {
+      key: i,
+      cell,
+      ...props
+    })));
+  } finally {
+    _effect.f();
+  }
+};
+var NotebookSection = ({ cell, space, env, promptResults, onCellInsert, onCellDelete, ...props }) => {
+  var _effect = _useSignals3();
+  try {
+    const { t } = useTranslation3(meta.id);
+    const resizable = cell.type === "query";
+    return /* @__PURE__ */ React3.createElement(StackItem.Root, {
+      role: "section",
+      item: cell,
+      draggable: true,
+      classNames: resizable && minSectionHeight
+    }, /* @__PURE__ */ React3.createElement(StackItem.Heading, {
+      classNames: "bs-full p-1 justify-between attention-surface"
+    }, /* @__PURE__ */ React3.createElement(StackItem.DragHandle, {
+      asChild: true
+    }, /* @__PURE__ */ React3.createElement(IconButton, {
+      variant: "ghost",
+      icon: "ph--dots-six-vertical--regular",
+      iconOnly: true,
+      label: "Drag handle"
+    })), /* @__PURE__ */ React3.createElement(DropdownMenu2.Root, null, /* @__PURE__ */ React3.createElement(DropdownMenu2.Trigger, {
+      asChild: true
+    }, /* @__PURE__ */ React3.createElement(IconButton, {
+      variant: "ghost",
+      icon: "ph--dots-three--regular",
+      iconOnly: true,
+      label: t("notebook cell insert label")
+    })), /* @__PURE__ */ React3.createElement(NotebookMenu, {
+      cell,
+      onCellInsert,
+      onCellDelete
+    })), resizable && /* @__PURE__ */ React3.createElement(StackItem.ResizeHandle, null)), /* @__PURE__ */ React3.createElement(StackItem.DragPreview, null, ({ item: cell2 }) => /* @__PURE__ */ React3.createElement(StackItem.Content, {
+      classNames: "overflow-visible bg-groupSurface border border-subduedSeparator"
+    }, /* @__PURE__ */ React3.createElement(NotebookCell, {
+      space,
+      cell: cell2,
+      env,
+      dragging: true
+    }))), /* @__PURE__ */ React3.createElement(StackItem.Content, {
+      classNames: "overflow-visible"
+    }, /* @__PURE__ */ React3.createElement(NotebookCell, {
+      space,
+      cell,
+      env,
+      promptResults,
+      ...props
+    })));
+  } finally {
+    _effect.f();
+  }
+};
+
+export {
+  NotebookMenu,
+  NotebookStack
+};
+//# sourceMappingURL=chunk-5S5YQNJZ.mjs.map

package/dist/lib/browser/chunk-5S5YQNJZ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/NotebookStack/NotebookMenu.tsx", "../../../src/components/NotebookStack/NotebookStack.tsx", "../../../src/components/NotebookStack/NotebookCell.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { DropdownMenu, useTranslation } from '@dxos/react-ui';\n\nimport { meta } from '../../meta';\nimport { type Notebook } from '../../types';\n\nexport type NotebookMenuProps = {\n  cell?: Notebook.Cell;\n  onCellInsert?: (type: Notebook.CellType, after: string | undefined) => void;\n  onCellDelete?: (id: string) => void;\n};\n\n// TODO(burdon): Better way to organize menu?\nexport const NotebookMenu = ({ cell, onCellInsert, onCellDelete }: NotebookMenuProps) => {\n  const { t } = useTranslation(meta.id);\n  return (\n    <DropdownMenu.Portal>\n      <DropdownMenu.Content>\n        <DropdownMenu.Viewport>\n          <DropdownMenu.Item onClick={() => onCellInsert?.('script', cell?.id)}>\n            {t('notebook cell insert script label')}\n          </DropdownMenu.Item>\n          <DropdownMenu.Item onClick={() => onCellInsert?.('prompt', cell?.id)}>\n            {t('notebook cell insert prompt label')}\n          </DropdownMenu.Item>\n          <DropdownMenu.Item onClick={() => onCellInsert?.('query', cell?.id)}>\n            {t('notebook cell insert query label')}\n          </DropdownMenu.Item>\n          <DropdownMenu.Item onClick={() => onCellInsert?.('markdown', cell?.id)}>\n            {t('notebook cell insert markdown label')}\n          </DropdownMenu.Item>\n          {cell && onCellDelete && (\n            <DropdownMenu.Item onClick={() => onCellDelete?.(cell.id)}>\n              {t('notebook cell delete label')}\n            </DropdownMenu.Item>\n          )}\n        </DropdownMenu.Viewport>\n        <DropdownMenu.Arrow />\n      </DropdownMenu.Content>\n    </DropdownMenu.Portal>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { DropdownMenu, IconButton, type ThemedClassName, useTranslation } from '@dxos/react-ui';\nimport { Stack, StackItem, type StackProps } from '@dxos/react-ui-stack';\n\nimport { meta } from '../../meta';\nimport { type Notebook } from '../../types';\nimport { type TypescriptEditorProps } from '../TypescriptEditor';\n\nimport { NotebookCell, type NotebookCellProps } from './NotebookCell';\nimport { NotebookMenu } from './NotebookMenu';\n\nconst minSectionHeight = 'min-bs-[16rem]';\n\nexport type NotebookStackProps = ThemedClassName<\n  {\n    notebook?: Notebook.Notebook;\n    onRearrange?: StackProps['onRearrange'];\n  } & (Pick<NotebookSectionProps, 'space' | 'graph' | 'promptResults' | 'onCellInsert' | 'onCellDelete'> &\n    Pick<TypescriptEditorProps, 'env'>)\n>;\n\n// TODO(burdon): Option for narrow rail (with compact buttons that align with first button in toolbar).\nexport const NotebookStack = ({ classNames, notebook, onRearrange, ...props }: NotebookStackProps) => {\n  return (\n    <Stack classNames={classNames} orientation='vertical' size='contain' rail onRearrange={onRearrange}>\n      {notebook?.cells.map((cell, i) => (\n        <NotebookSection key={i} cell={cell} {...props} />\n      ))}\n    </Stack>\n  );\n};\n\ntype NotebookSectionProps = NotebookCellProps;\n\nconst NotebookSection = ({\n  cell,\n  space,\n  env,\n  promptResults,\n  onCellInsert,\n  onCellDelete,\n  ...props\n}: NotebookSectionProps) => {\n  const { t } = useTranslation(meta.id);\n  const resizable = cell.type === 'query';\n\n  return (\n    <StackItem.Root role='section' item={cell} draggable classNames={resizable && minSectionHeight}>\n      <StackItem.Heading classNames='bs-full p-1 justify-between attention-surface'>\n        <StackItem.DragHandle asChild>\n          <IconButton variant='ghost' icon='ph--dots-six-vertical--regular' iconOnly label='Drag handle' />\n        </StackItem.DragHandle>\n        <DropdownMenu.Root>\n          <DropdownMenu.Trigger asChild>\n            <IconButton\n              variant='ghost'\n              icon='ph--dots-three--regular'\n              iconOnly\n              label={t('notebook cell insert label')}\n            />\n          </DropdownMenu.Trigger>\n          <NotebookMenu cell={cell} onCellInsert={onCellInsert} onCellDelete={onCellDelete} />\n        </DropdownMenu.Root>\n        {resizable && <StackItem.ResizeHandle />}\n      </StackItem.Heading>\n\n      {/* TODO(burdon): Move drag preview to outer stack (uniformly). */}\n      <StackItem.DragPreview>\n        {({ item: cell }) => (\n          <StackItem.Content classNames='overflow-visible bg-groupSurface border border-subduedSeparator'>\n            <NotebookCell space={space} cell={cell} env={env} dragging />\n          </StackItem.Content>\n        )}\n      </StackItem.DragPreview>\n\n      <StackItem.Content classNames='overflow-visible'>\n        <NotebookCell space={space} cell={cell} env={env} promptResults={promptResults} {...props} />\n      </StackItem.Content>\n    </StackItem.Root>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useMemo } from 'react';\n\nimport { Surface } from '@dxos/app-framework';\nimport { invariant } from '@dxos/invariant';\nimport { TemplateEditor } from '@dxos/plugin-assistant';\nimport { createDocAccessor } from '@dxos/react-client/echo';\nimport { type Space } from '@dxos/react-client/echo';\nimport { useThemeContext, useTranslation } from '@dxos/react-ui';\nimport { QueryEditor, type QueryEditorProps } from '@dxos/react-ui-components';\nimport {\n  type BasicExtensionsOptions,\n  Editor,\n  type EditorProps,\n  createBasicExtensions,\n  createDataExtensions,\n  createMarkdownExtensions,\n  createThemeExtensions,\n  decorateMarkdown,\n} from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\nimport { isNonNullable } from '@dxos/util';\n\nimport { meta } from '../../meta';\nimport { type ComputeGraph } from '../../notebook';\nimport { type Notebook } from '../../types';\nimport { TypescriptEditor, type TypescriptEditorProps } from '../TypescriptEditor';\n\nimport { type NotebookMenuProps } from './NotebookMenu';\n\nconst editorStyles = 'p-2 pis-3';\nconst valueStyles = 'p-1 pis-3';\n\nexport type NotebookCellProps = {\n  space?: Space;\n  graph?: ComputeGraph;\n  dragging?: boolean;\n  cell: Notebook.Cell;\n  promptResults?: Record<string, string>;\n} & (Pick<NotebookMenuProps, 'onCellInsert' | 'onCellDelete'> & Pick<TypescriptEditorProps, 'env'>);\n\n// TODO(burdon): Show evaluation errors.\nexport const NotebookCell = ({ space, graph, dragging, cell, promptResults, env }: NotebookCellProps) => {\n  const { t } = useTranslation(meta.id);\n\n  const extensions = useMemo(() => {\n    return cell.source?.target\n      ? [createDataExtensions({ id: cell.id, text: createDocAccessor(cell.source.target, ['content']) })].filter(\n          isNonNullable,\n        )\n      : [];\n  }, [cell.source?.target]);\n\n  const view = cell.view?.target;\n\n  const handleQueryChange = useCallback<NonNullable<QueryEditorProps['onChange']>>(\n    (value: string) => {\n      invariant(cell.source?.target);\n      cell.source.target.content = value;\n    },\n    [cell],\n  );\n\n  switch (cell.type) {\n    case 'markdown':\n      if (!cell.source?.target) {\n        return null;\n      }\n\n      return (\n        <NotebookTextEditor\n          id={cell.id}\n          classNames={editorStyles}\n          initialValue={cell.source.target.content}\n          extensions={extensions}\n        />\n      );\n\n    case 'script':\n      if (!cell.source?.target) {\n        return null;\n      }\n\n      return (\n        <>\n          <TypescriptEditor\n            id={cell.id}\n            role='section'\n            classNames={editorStyles}\n            initialValue={cell.source.target.content}\n            extensions={extensions}\n            env={env}\n            options={{\n              placeholder: t('notebook cell placeholder'),\n              highlightActiveLine: false,\n              lineNumbers: false,\n            }}\n          />\n          <NotebookCellValue cell={cell} graph={graph} />\n        </>\n      );\n\n    case 'query':\n      if (!cell.source?.target) {\n        return null;\n      }\n\n      // TODO(burdon): Remove app-framework deps (via render prop).\n      return (\n        <div className={mx('bs-full overflow-hidden grid', view && !dragging && 'grid-rows-[min-content_1fr]')}>\n          <QueryEditor\n            id={cell.id}\n            classNames={[editorStyles, 'border-b border-subduedSeparator']}\n            db={space?.db}\n            value={cell.source.target.content}\n            onChange={handleQueryChange}\n          />\n          {view && !dragging && <Surface role='section' limit={1} data={{ subject: view }} />}\n        </div>\n      );\n\n    // TODO(burdon): Use streaming response from Chat.\n    case 'prompt':\n      if (!cell.prompt?.target) {\n        return null;\n      }\n\n      return (\n        <>\n          <TemplateEditor\n            id={cell.id}\n            template={cell.prompt.target.instructions}\n            lineNumbers={false}\n            classNames={editorStyles}\n          />\n          <NotebookPromptResult cell={cell} promptResults={promptResults} />\n        </>\n      );\n\n    default:\n      return null;\n  }\n};\n\nconst NotebookCellValue = ({ cell, graph }: NotebookCellProps) => {\n  const name = graph?.expressions.value[cell.id]?.name;\n  const value = graph?.getValue(cell.id);\n  if (value == null) {\n    return null;\n  }\n\n  return (\n    <div\n      className={mx(\n        'flex is-full bg-groupSurface border-t border-subduedSeparator text-description font-mono',\n        valueStyles,\n      )}\n    >\n      {name && (\n        <>\n          <span className='text-successText'>{name}</span>\n          <span className='text-description'>&nbsp;=&nbsp;</span>\n        </>\n      )}\n      <span>{value}</span>\n    </div>\n  );\n};\n\nconst NotebookPromptResult = ({ cell, promptResults }: NotebookCellProps) => {\n  if (!cell.prompt) {\n    return null;\n  }\n\n  const value = promptResults?.[cell.prompt.dxn.toString()];\n  if (value == null) {\n    return null;\n  }\n\n  return (\n    <div className={mx('flex is-full bg-groupSurface text-description border-t border-subduedSeparator', valueStyles)}>\n      <NotebookTextEditor readOnly value={value} />\n    </div>\n  );\n};\n\nconst NotebookTextEditor = ({\n  extensions: extensionsParam,\n  readOnly,\n  ...props\n}: EditorProps & Pick<BasicExtensionsOptions, 'readOnly'>) => {\n  const { t } = useTranslation(meta.id);\n  const { themeMode } = useThemeContext();\n  const extensions = useMemo(() => {\n    return [\n      createBasicExtensions({ placeholder: t('notebook markdown placeholder'), readOnly }),\n      createThemeExtensions({ themeMode, syntaxHighlighting: true }),\n      createMarkdownExtensions(),\n      decorateMarkdown(),\n      extensionsParam,\n    ].filter(isNonNullable);\n  }, [extensionsParam]);\n\n  return <Editor {...props} extensions={extensions} moveToEnd />;\n};\n"],
+  "mappings": "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",
+  "names": ["React", "DropdownMenu", "useTranslation", "NotebookMenu", "cell", "onCellInsert", "onCellDelete", "t", "useTranslation", "meta", "id", "DropdownMenu", "Portal", "Content", "Viewport", "Item", "onClick", "Arrow", "React", "DropdownMenu", "IconButton", "useTranslation", "Stack", "StackItem", "React", "useCallback", "useMemo", "Surface", "invariant", "TemplateEditor", "createDocAccessor", "useThemeContext", "useTranslation", "QueryEditor", "Editor", "createBasicExtensions", "createDataExtensions", "createMarkdownExtensions", "createThemeExtensions", "decorateMarkdown", "mx", "isNonNullable", "editorStyles", "valueStyles", "NotebookCell", "space", "graph", "dragging", "cell", "promptResults", "env", "t", "useTranslation", "meta", "id", "extensions", "useMemo", "source", "target", "createDataExtensions", "text", "createDocAccessor", "filter", "isNonNullable", "view", "handleQueryChange", "useCallback", "value", "invariant", "content", "type", "React", "NotebookTextEditor", "classNames", "initialValue", "TypescriptEditor", "role", "options", "placeholder", "highlightActiveLine", "lineNumbers", "NotebookCellValue", "div", "className", "mx", "QueryEditor", "db", "onChange", "Surface", "limit", "data", "subject", "prompt", "TemplateEditor", "template", "instructions", "NotebookPromptResult", "name", "expressions", "getValue", "span", "dxn", "toString", "readOnly", "extensionsParam", "props", "themeMode", "useThemeContext", "createBasicExtensions", "createThemeExtensions", "syntaxHighlighting", "createMarkdownExtensions", "decorateMarkdown", "Editor", "moveToEnd", "minSectionHeight", "NotebookStack", "classNames", "notebook", "onRearrange", "props", "React", "Stack", "orientation", "size", "rail", "cells", "map", "cell", "i", "NotebookSection", "key", "space", "env", "promptResults", "onCellInsert", "onCellDelete", "t", "useTranslation", "meta", "id", "resizable", "type", "StackItem", "Root", "role", "item", "draggable", "Heading", "DragHandle", "asChild", "IconButton", "variant", "icon", "iconOnly", "label", "DropdownMenu", "Trigger", "NotebookMenu", "ResizeHandle", "DragPreview", "Content", "NotebookCell", "dragging"]
+}

package/dist/lib/browser/{chunk-6CAH7VIE.mjs → chunk-A5K3TXYA.mjs}

@@ -1,18 +1,18 @@
-import {
-  templates
-} from "./chunk-RNGIQIEJ.mjs";
 import {
   deployScript,
   getFunctionUrl,
   isScriptDeployed
-} from "./chunk-NXKU3BNX.mjs";
+} from "./chunk-Q2DGRQRN.mjs";
+import {
+  templates
+} from "./chunk-ST3ACVUC.mjs";
 import {
-  SCRIPT_PLUGIN
-} from "./chunk-QYAREHGH.mjs";
+  meta
+} from "./chunk-EB6AXFXO.mjs";
 
 // src/hooks/deploy.ts
 import { useEffect, useMemo } from "react";
-import { FunctionType, getUserFunctionIdInMetadata } from "@dxos/functions";
+import { Function, getUserFunctionIdInMetadata } from "@dxos/functions";
 import { log } from "@dxos/log";
 import { useClient } from "@dxos/react-client";
 import { Query, Ref, getMeta, getSpace, useQuery } from "@dxos/react-client/echo";
@@ -25,7 +25,7 @@ var createDeploy = ({ state, script, space, fn, client, existingFunctionId, t })
     label: state.error ?? [
       "no error label",
       {
-        ns: SCRIPT_PLUGIN
+        ns: meta.id
       }
     ],
     icon: "ph--warning-circle--regular",
@@ -58,9 +58,9 @@ var createDeploy = ({ state, script, space, fn, client, existingFunctionId, t })
   }, {
     type: "deploy",
     label: [
-      state.deploying ? "pending label" : "deploy label",
+      state.deploying ? "publishing label" : "deploy label",
       {
-        ns: SCRIPT_PLUGIN
+        ns: meta.id
       }
     ],
     icon: state.deploying ? "ph--spinner-gap--regular" : "ph--cloud-arrow-up--regular",
@@ -68,16 +68,15 @@ var createDeploy = ({ state, script, space, fn, client, existingFunctionId, t })
     classNames: state.deploying ? "[&_svg]:animate-spin" : ""
   });
   const copyAction = createMenuAction("copy", async () => {
-    if (!state.functionUrl) {
-      return;
+    if (state.functionUrl) {
+      await navigator.clipboard.writeText(state.functionUrl);
     }
-    await navigator.clipboard.writeText(state.functionUrl);
   }, {
     type: "copy",
     label: [
       "copy link label",
       {
-        ns: SCRIPT_PLUGIN
+        ns: meta.id
       }
     ],
     icon: "ph--link--regular",
@@ -138,18 +137,18 @@ var useDeployState = ({ state, script }) => {
   ]);
 };
 var useDeployDeps = ({ script }) => {
+  const client = useClient();
   const space = getSpace(script);
-  const [fn] = useQuery(space, Query.type(FunctionType, {
+  const [fn] = useQuery(space, Query.type(Function.Function, {
     source: Ref.make(script)
   }));
-  const client = useClient();
   const existingFunctionId = useMemo(() => fn && getUserFunctionIdInMetadata(getMeta(fn)), [
     fn
   ]);
   return {
+    client,
     space,
     fn,
-    client,
     existingFunctionId
   };
 };
@@ -195,7 +194,7 @@ var createFormat = (script) => {
     label: [
       "format label",
       {
-        ns: SCRIPT_PLUGIN
+        ns: meta.id
       }
     ],
     icon: "ph--magic-wand--regular"
@@ -216,18 +215,7 @@ var createFormat = (script) => {
 // src/hooks/template.ts
 import { Obj } from "@dxos/echo";
 import { FUNCTIONS_PRESET_META_KEY } from "@dxos/functions";
-import { createMenuAction as createMenuAction3, createMenuItemGroup } from "@dxos/react-ui-menu";
-var createTemplateSelectGroup = () => {
-  return createMenuItemGroup("template-select", {
-    label: [
-      "template select group label",
-      {
-        ns: SCRIPT_PLUGIN
-      }
-    ],
-    variant: "dropdownMenu"
-  });
-};
+import { createMenuAction as createMenuAction3 } from "@dxos/react-ui-menu";
 var createTemplateSelectActions = (script) => {
   return templates.map((template) => {
     return createMenuAction3(`template--${template.id}`, () => {
@@ -238,7 +226,7 @@ var createTemplateSelectActions = (script) => {
       if (oldPresetIndex >= 0) {
         metaKeys.splice(oldPresetIndex, 1);
       }
-      if (template.presetId) {
+      if ("presetId" in template) {
         metaKeys.push({
           source: FUNCTIONS_PRESET_META_KEY,
           id: template.presetId
@@ -252,11 +240,9 @@ var createTemplateSelectActions = (script) => {
   });
 };
 var createTemplateSelect = (script) => {
-  const templateSelectGroup = createTemplateSelectGroup();
   const templateSelectActions = createTemplateSelectActions(script);
   return {
     nodes: [
-      templateSelectGroup,
       ...templateSelectActions
     ],
     edges: [
@@ -280,4 +266,4 @@ export {
   createTemplateSelect,
   useToolbarState
 };
-//# sourceMappingURL=chunk-6CAH7VIE.mjs.map
+//# sourceMappingURL=chunk-A5K3TXYA.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/deploy.ts", "../../../src/hooks/useToolbarState.ts", "../../../src/hooks/format.ts", "../../../src/hooks/template.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { useEffect, useMemo } from 'react';\n\nimport { Function, type Script, getUserFunctionIdInMetadata } from '@dxos/functions';\nimport { log } from '@dxos/log';\nimport { type Client, useClient } from '@dxos/react-client';\nimport { Query, Ref, type Space, getMeta, getSpace, useQuery } from '@dxos/react-client/echo';\nimport { type TFunction } from '@dxos/react-ui';\nimport { createMenuAction } from '@dxos/react-ui-menu';\nimport { errorMessageColors } from '@dxos/react-ui-theme';\n\nimport { meta } from '../meta';\nimport { deployScript, getFunctionUrl, isScriptDeployed } from '../util';\n\nexport type DeployActionProperties = { type: 'deploy' } | { type: 'copy' };\n\nexport type DeployState = {\n  deploying: boolean;\n  deployed: boolean;\n  functionUrl: string;\n  error: string;\n};\n\nexport type CreateDeployOptions = {\n  state: Partial<DeployState>;\n  script: Script.Script;\n  fn: Function.Function;\n  space?: Space;\n  existingFunctionId?: string;\n  client: Client;\n  t: TFunction;\n};\n\nexport const createDeploy = ({ state, script, space, fn, client, existingFunctionId, t }: CreateDeployOptions) => {\n  // TODO(wittjosiah): Should this be an action?\n  const errorItem = createMenuAction('error', () => {}, {\n    label: state.error ?? ['no error label', { ns: meta.id }],\n    icon: 'ph--warning-circle--regular',\n    hidden: !state.error,\n    classNames: state.error && errorMessageColors,\n  });\n\n  const deployAction = createMenuAction<DeployActionProperties>(\n    'deploy',\n    async () => {\n      if (!script.source || !space) {\n        return;\n      }\n\n      state.error = undefined;\n      state.deploying = true;\n\n      const result = await deployScript({ script, client, space, fn, existingFunctionId });\n\n      if (!result.success) {\n        log.catch(result.error);\n        state.error = t('upload failed label');\n      }\n\n      state.deploying = false;\n    },\n    {\n      type: 'deploy',\n      label: [state.deploying ? 'publishing label' : 'deploy label', { ns: meta.id }],\n      icon: state.deploying ? 'ph--spinner-gap--regular' : 'ph--cloud-arrow-up--regular',\n      disabled: state.deploying,\n      classNames: state.deploying ? '[&_svg]:animate-spin' : '',\n    },\n  );\n\n  const copyAction = createMenuAction<DeployActionProperties>(\n    'copy',\n    async () => {\n      if (state.functionUrl) {\n        await navigator.clipboard.writeText(state.functionUrl);\n      }\n    },\n    {\n      type: 'copy',\n      label: ['copy link label', { ns: meta.id }],\n      icon: 'ph--link--regular',\n      disabled: !state.functionUrl,\n    },\n  );\n\n  return {\n    nodes: [errorItem, deployAction, copyAction],\n    edges: [\n      { source: 'root', target: 'error' },\n      { source: 'root', target: 'deploy' },\n      { source: 'root', target: 'copy' },\n    ],\n  };\n};\n\nexport const useDeployState = ({ state, script }: { state: Partial<DeployState>; script: Script.Script }) => {\n  const { space, client, fn, existingFunctionId } = useDeployDeps({ script });\n  useEffect(() => {\n    if (!existingFunctionId) {\n      return;\n    }\n\n    state.functionUrl = getFunctionUrl({\n      script,\n      fn,\n      edgeUrl: client.config.values.runtime?.services?.edge?.url ?? '',\n    });\n  }, [existingFunctionId, space, fn, script, client.config.values.runtime?.services?.edge?.url]);\n\n  useEffect(() => {\n    state.deployed = isScriptDeployed({ script, fn });\n  }, [script.changed, existingFunctionId, fn, script]);\n};\n\nexport const useDeployDeps = ({ script }: { script: Script.Script }) => {\n  const client = useClient();\n  const space = getSpace(script);\n  const [fn] = useQuery(space, Query.type(Function.Function, { source: Ref.make(script) }));\n  const existingFunctionId = useMemo(() => fn && getUserFunctionIdInMetadata(getMeta(fn)), [fn]);\n  return { client, space, fn, existingFunctionId };\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useMemo } from 'react';\n\nimport { live } from '@dxos/live-object';\n\nimport { type DeployState } from './deploy';\n\nexport type ScriptToolbarState = Partial<DeployState>;\n\n// TODO(burdon): Replace with context provider?\nexport const useToolbarState = (initialState: ScriptToolbarState = {}) => {\n  return useMemo(() => live<ScriptToolbarState>(initialState), []);\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { format } from 'prettier';\nimport prettierPluginEstree from 'prettier/plugins/estree';\nimport prettierPluginTypescript from 'prettier/plugins/typescript';\n\nimport { type Script } from '@dxos/functions';\nimport { log } from '@dxos/log';\nimport { createMenuAction } from '@dxos/react-ui-menu';\n\nimport { meta } from '../meta';\n\nexport type FormatActionProperties = { type: 'format' };\n\nexport const createFormat = (script: Script.Script) => {\n  const formatAction = createMenuAction(\n    'format',\n    async () => {\n      if (!script.source) {\n        return;\n      }\n\n      try {\n        script.source.target!.content = await format(script.source.target!.content, {\n          parser: 'typescript',\n          plugins: [prettierPluginEstree, prettierPluginTypescript],\n          semi: true,\n          singleQuote: true,\n        });\n      } catch (err: any) {\n        // TODO(wittjosiah): Show error in UI.\n        log.catch(err);\n      }\n    },\n    {\n      label: ['format label', { ns: meta.id }],\n      icon: 'ph--magic-wand--regular',\n    },\n  );\n\n  return {\n    nodes: [formatAction],\n    edges: [\n      {\n        source: 'root',\n        target: 'format',\n      },\n    ],\n  };\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Obj } from '@dxos/echo';\nimport { FUNCTIONS_PRESET_META_KEY, type Script } from '@dxos/functions';\nimport { createMenuAction } from '@dxos/react-ui-menu';\n\nimport { templates } from '../templates';\n\nexport type TemplateActionProperties = { type: 'template'; value: string };\n\nconst createTemplateSelectActions = (script: Script.Script) => {\n  return templates.map((template) => {\n    return createMenuAction<TemplateActionProperties>(\n      `template--${template.id}`,\n      () => {\n        script.name = template.name;\n        script.source!.target!.content = template.source;\n        const metaKeys = Obj.getMeta(script).keys;\n        const oldPresetIndex = metaKeys.findIndex((key) => key.source === FUNCTIONS_PRESET_META_KEY);\n        if (oldPresetIndex >= 0) {\n          metaKeys.splice(oldPresetIndex, 1);\n        }\n        if ('presetId' in template) {\n          metaKeys.push({ source: FUNCTIONS_PRESET_META_KEY, id: template.presetId });\n        }\n      },\n      {\n        label: template.name,\n        value: template.id,\n        type: 'template',\n      },\n    );\n  });\n};\n\nexport const createTemplateSelect = (script: Script.Script) => {\n  const templateSelectActions = createTemplateSelectActions(script);\n  return {\n    nodes: [...templateSelectActions],\n    edges: [\n      { source: 'root', target: 'template-select' },\n      ...templateSelectActions.map((action) => ({ source: 'template-select', target: action.id })),\n    ],\n  };\n};\n"],
+  "mappings": ";;;;;;;;;;;;;AAIA,SAASA,WAAWC,eAAe;AAEnC,SAASC,UAAuBC,mCAAmC;AACnE,SAASC,WAAW;AACpB,SAAsBC,iBAAiB;AACvC,SAASC,OAAOC,KAAiBC,SAASC,UAAUC,gBAAgB;AAEpE,SAASC,wBAAwB;AACjC,SAASC,0BAA0B;;AAwB5B,IAAMC,eAAe,CAAC,EAAEC,OAAOC,QAAQC,OAAOC,IAAIC,QAAQC,oBAAoBC,EAAC,MAAuB;AAE3G,QAAMC,YAAYC,iBAAiB,SAAS,MAAA;EAAO,GAAG;IACpDC,OAAOT,MAAMU,SAAS;MAAC;MAAkB;QAAEC,IAAIC,KAAKC;MAAG;;IACvDC,MAAM;IACNC,QAAQ,CAACf,MAAMU;IACfM,YAAYhB,MAAMU,SAASO;EAC7B,CAAA;AAEA,QAAMC,eAAeV,iBACnB,UACA,YAAA;AACE,QAAI,CAACP,OAAOkB,UAAU,CAACjB,OAAO;AAC5B;IACF;AAEAF,UAAMU,QAAQU;AACdpB,UAAMqB,YAAY;AAElB,UAAMC,SAAS,MAAMC,aAAa;MAAEtB;MAAQG;MAAQF;MAAOC;MAAIE;IAAmB,CAAA;AAElF,QAAI,CAACiB,OAAOE,SAAS;AACnBC,UAAIC,MAAMJ,OAAOZ,OAAK,QAAA;;;;;;AACtBV,YAAMU,QAAQJ,EAAE,qBAAA;IAClB;AAEAN,UAAMqB,YAAY;EACpB,GACA;IACEM,MAAM;IACNlB,OAAO;MAACT,MAAMqB,YAAY,qBAAqB;MAAgB;QAAEV,IAAIC,KAAKC;MAAG;;IAC7EC,MAAMd,MAAMqB,YAAY,6BAA6B;IACrDO,UAAU5B,MAAMqB;IAChBL,YAAYhB,MAAMqB,YAAY,yBAAyB;EACzD,CAAA;AAGF,QAAMQ,aAAarB,iBACjB,QACA,YAAA;AACE,QAAIR,MAAM8B,aAAa;AACrB,YAAMC,UAAUC,UAAUC,UAAUjC,MAAM8B,WAAW;IACvD;EACF,GACA;IACEH,MAAM;IACNlB,OAAO;MAAC;MAAmB;QAAEE,IAAIC,KAAKC;MAAG;;IACzCC,MAAM;IACNc,UAAU,CAAC5B,MAAM8B;EACnB,CAAA;AAGF,SAAO;IACLI,OAAO;MAAC3B;MAAWW;MAAcW;;IACjCM,OAAO;MACL;QAAEhB,QAAQ;QAAQiB,QAAQ;MAAQ;MAClC;QAAEjB,QAAQ;QAAQiB,QAAQ;MAAS;MACnC;QAAEjB,QAAQ;QAAQiB,QAAQ;MAAO;;EAErC;AACF;AAEO,IAAMC,iBAAiB,CAAC,EAAErC,OAAOC,OAAM,MAA0D;AACtG,QAAM,EAAEC,OAAOE,QAAQD,IAAIE,mBAAkB,IAAKiC,cAAc;IAAErC;EAAO,CAAA;AACzEsC,YAAU,MAAA;AACR,QAAI,CAAClC,oBAAoB;AACvB;IACF;AAEAL,UAAM8B,cAAcU,eAAe;MACjCvC;MACAE;MACAsC,SAASrC,OAAOsC,OAAOC,OAAOC,SAASC,UAAUC,MAAMC,OAAO;IAChE,CAAA;EACF,GAAG;IAAC1C;IAAoBH;IAAOC;IAAIF;IAAQG,OAAOsC,OAAOC,OAAOC,SAASC,UAAUC,MAAMC;GAAI;AAE7FR,YAAU,MAAA;AACRvC,UAAMgD,WAAWC,iBAAiB;MAAEhD;MAAQE;IAAG,CAAA;EACjD,GAAG;IAACF,OAAOiD;IAAS7C;IAAoBF;IAAIF;GAAO;AACrD;AAEO,IAAMqC,gBAAgB,CAAC,EAAErC,OAAM,MAA6B;AACjE,QAAMG,SAAS+C,UAAAA;AACf,QAAMjD,QAAQkD,SAASnD,MAAAA;AACvB,QAAM,CAACE,EAAAA,IAAMkD,SAASnD,OAAOoD,MAAM3B,KAAK4B,SAASA,UAAU;IAAEpC,QAAQqC,IAAIC,KAAKxD,MAAAA;EAAQ,CAAA,CAAA;AACtF,QAAMI,qBAAqBqD,QAAQ,MAAMvD,MAAMwD,4BAA4BC,QAAQzD,EAAAA,CAAAA,GAAM;IAACA;GAAG;AAC7F,SAAO;IAAEC;IAAQF;IAAOC;IAAIE;EAAmB;AACjD;;;ACvHA,SAASwD,WAAAA,gBAAe;AAExB,SAASC,YAAY;AAOd,IAAMC,kBAAkB,CAACC,eAAmC,CAAC,MAAC;AACnE,SAAOC,SAAQ,MAAMC,KAAyBF,YAAAA,GAAe,CAAA,CAAE;AACjE;;;ACXA,SAASG,cAAc;AACvB,OAAOC,0BAA0B;AACjC,OAAOC,8BAA8B;AAGrC,SAASC,OAAAA,YAAW;AACpB,SAASC,oBAAAA,yBAAwB;;AAM1B,IAAMC,eAAe,CAACC,WAAAA;AAC3B,QAAMC,eAAeC,kBACnB,UACA,YAAA;AACE,QAAI,CAACF,OAAOG,QAAQ;AAClB;IACF;AAEA,QAAI;AACFH,aAAOG,OAAOC,OAAQC,UAAU,MAAMC,OAAON,OAAOG,OAAOC,OAAQC,SAAS;QAC1EE,QAAQ;QACRC,SAAS;UAACC;UAAsBC;;QAChCC,MAAM;QACNC,aAAa;MACf,CAAA;IACF,SAASC,KAAU;AAEjBC,MAAAA,KAAIC,MAAMF,KAAAA,QAAAA;;;;;;IACZ;EACF,GACA;IACEG,OAAO;MAAC;MAAgB;QAAEC,IAAIC,KAAKC;MAAG;;IACtCC,MAAM;EACR,CAAA;AAGF,SAAO;IACLC,OAAO;MAACpB;;IACRqB,OAAO;MACL;QACEnB,QAAQ;QACRC,QAAQ;MACV;;EAEJ;AACF;;;AC/CA,SAASmB,WAAW;AACpB,SAASC,iCAA8C;AACvD,SAASC,oBAAAA,yBAAwB;AAMjC,IAAMC,8BAA8B,CAACC,WAAAA;AACnC,SAAOC,UAAUC,IAAI,CAACC,aAAAA;AACpB,WAAOC,kBACL,aAAaD,SAASE,EAAE,IACxB,MAAA;AACEL,aAAOM,OAAOH,SAASG;AACvBN,aAAOO,OAAQC,OAAQC,UAAUN,SAASI;AAC1C,YAAMG,WAAWC,IAAIC,QAAQZ,MAAAA,EAAQa;AACrC,YAAMC,iBAAiBJ,SAASK,UAAU,CAACC,QAAQA,IAAIT,WAAWU,yBAAAA;AAClE,UAAIH,kBAAkB,GAAG;AACvBJ,iBAASQ,OAAOJ,gBAAgB,CAAA;MAClC;AACA,UAAI,cAAcX,UAAU;AAC1BO,iBAASS,KAAK;UAAEZ,QAAQU;UAA2BZ,IAAIF,SAASiB;QAAS,CAAA;MAC3E;IACF,GACA;MACEC,OAAOlB,SAASG;MAChBgB,OAAOnB,SAASE;MAChBkB,MAAM;IACR,CAAA;EAEJ,CAAA;AACF;AAEO,IAAMC,uBAAuB,CAACxB,WAAAA;AACnC,QAAMyB,wBAAwB1B,4BAA4BC,MAAAA;AAC1D,SAAO;IACL0B,OAAO;SAAID;;IACXE,OAAO;MACL;QAAEpB,QAAQ;QAAQC,QAAQ;MAAkB;SACzCiB,sBAAsBvB,IAAI,CAAC0B,YAAY;QAAErB,QAAQ;QAAmBC,QAAQoB,OAAOvB;MAAG,EAAA;;EAE7F;AACF;",
+  "names": ["useEffect", "useMemo", "Function", "getUserFunctionIdInMetadata", "log", "useClient", "Query", "Ref", "getMeta", "getSpace", "useQuery", "createMenuAction", "errorMessageColors", "createDeploy", "state", "script", "space", "fn", "client", "existingFunctionId", "t", "errorItem", "createMenuAction", "label", "error", "ns", "meta", "id", "icon", "hidden", "classNames", "errorMessageColors", "deployAction", "source", "undefined", "deploying", "result", "deployScript", "success", "log", "catch", "type", "disabled", "copyAction", "functionUrl", "navigator", "clipboard", "writeText", "nodes", "edges", "target", "useDeployState", "useDeployDeps", "useEffect", "getFunctionUrl", "edgeUrl", "config", "values", "runtime", "services", "edge", "url", "deployed", "isScriptDeployed", "changed", "useClient", "getSpace", "useQuery", "Query", "Function", "Ref", "make", "useMemo", "getUserFunctionIdInMetadata", "getMeta", "useMemo", "live", "useToolbarState", "initialState", "useMemo", "live", "format", "prettierPluginEstree", "prettierPluginTypescript", "log", "createMenuAction", "createFormat", "script", "formatAction", "createMenuAction", "source", "target", "content", "format", "parser", "plugins", "prettierPluginEstree", "prettierPluginTypescript", "semi", "singleQuote", "err", "log", "catch", "label", "ns", "meta", "id", "icon", "nodes", "edges", "Obj", "FUNCTIONS_PRESET_META_KEY", "createMenuAction", "createTemplateSelectActions", "script", "templates", "map", "template", "createMenuAction", "id", "name", "source", "target", "content", "metaKeys", "Obj", "getMeta", "keys", "oldPresetIndex", "findIndex", "key", "FUNCTIONS_PRESET_META_KEY", "splice", "push", "presetId", "label", "value", "type", "createTemplateSelect", "templateSelectActions", "nodes", "edges", "action"]
+}

package/dist/lib/browser/{chunk-QYAREHGH.mjs → chunk-EB6AXFXO.mjs}

@@ -1,10 +1,14 @@
 // src/meta.ts
-var SCRIPT_PLUGIN = "dxos.org/plugin/script";
+import { trim } from "@dxos/util";
 var meta = {
-  id: SCRIPT_PLUGIN,
+  id: "dxos.org/plugin/script",
   name: "Scripts",
-  description: "Scripts in Composer allow you to deploy custom functions that run on the edge. These functions can be referenced by your AI agent and called inside of cells in any Sheet. Use scripts to interact with API\u2019s or external data inside of Composer.",
+  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"
@@ -21,8 +25,7 @@ var defaultScriptsForIntegration = {
 };
 
 export {
-  SCRIPT_PLUGIN,
   meta,
   defaultScriptsForIntegration
 };
-//# sourceMappingURL=chunk-QYAREHGH.mjs.map
+//# sourceMappingURL=chunk-EB6AXFXO.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: PluginMeta = {\n  id: 'dxos.org/plugin/script',\n  name: 'Scripts',\n  description: trim`\n    Write and deploy custom JavaScript functions that extend your workspace capabilities.\n    Create AI agent tools, spreadsheet formulas, and automation scripts that integrate seamlessly with other plugins.\n  `,\n  icon: 'ph--code--regular',\n  iconHue: 'sky',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-explorer',\n  tags: ['labs'],\n  screenshots: ['https://dxos.network/plugin-details-scripts-dark.png'],\n};\n\n// TODO(ZaymonFC): Configure by scopes?\nexport const defaultScriptsForIntegration: Record<string, string[]> = {\n  // TODO(wittjosiah): Also include content extraction scripts in the default set.\n  'gmail.com': ['dxos.org/script/gmail'],\n};\n"],
+  "mappings": ";AAKA,SAASA,YAAY;AAEd,IAAMC,OAAmB;EAC9BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,MAAM;IAAC;;EACPC,aAAa;IAAC;;AAChB;AAGO,IAAMC,+BAAyD;;EAEpE,aAAa;IAAC;;AAChB;",
+  "names": ["trim", "meta", "id", "name", "description", "trim", "icon", "iconHue", "source", "tags", "screenshots", "defaultScriptsForIntegration"]
+}