@dxos/plugin-script 0.8.4-main.72ec0f3 → 0.8.4-main.937b3ca

package/dist/lib/browser/chunk-BTWHM6FH.mjs

@@ -0,0 +1,270 @@
+import {
+  TypescriptEditor
+} from "./chunk-I7CSE6T3.mjs";
+import {
+  meta
+} from "./chunk-WYR4QHPE.mjs";
+
+// src/components/NotebookStack/NotebookMenu.tsx
+import React from "react";
+import { DropdownMenu, useTranslation } from "@dxos/react-ui";
+var NotebookMenu = ({ cell, onCellInsert, onCellDelete }) => {
+  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)));
+};
+
+// src/components/NotebookStack/NotebookStack.tsx
+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 React2, { useCallback, useMemo } from "react";
+import { Surface } from "@dxos/app-framework/react";
+import { Obj } from "@dxos/echo";
+import { createDocAccessor } from "@dxos/echo-db";
+import { invariant } from "@dxos/invariant";
+import { TemplateEditor } from "@dxos/plugin-assistant";
+import { useThemeContext, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { QueryEditor } from "@dxos/react-ui-components";
+import { EditorContent } from "@dxos/react-ui-editor";
+import { createBasicExtensions, createDataExtensions, createMarkdownExtensions, createThemeExtensions, decorateMarkdown } from "@dxos/ui-editor";
+import { mx } from "@dxos/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 = ({ db, graph, dragging, cell, promptResults, env }) => {
+  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 explorerGraph = cell.graph?.target;
+  const handleQueryChange = useCallback((value) => {
+    invariant(cell.source?.target, void 0, {
+      F: __dxlog_file,
+      L: 63,
+      S: void 0,
+      A: [
+        "cell.source?.target",
+        ""
+      ]
+    });
+    Obj.change(cell.source.target, (s) => {
+      s.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", explorerGraph && !dragging && "grid-rows-[min-content_1fr]")
+      }, /* @__PURE__ */ React2.createElement(QueryEditor, {
+        id: cell.id,
+        classNames: [
+          editorStyles,
+          "border-be border-subduedSeparator"
+        ],
+        db,
+        value: cell.source.target.content,
+        onChange: handleQueryChange
+      }), explorerGraph && !dragging && /* @__PURE__ */ React2.createElement(Surface, {
+        role: "section",
+        limit: 1,
+        data: {
+          subject: explorerGraph
+        }
+      }));
+    // TODO(burdon): Use streaming response from Chat.
+    case "prompt":
+      if (!cell.prompt?.target) {
+        return null;
+      }
+      return /* @__PURE__ */ 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;
+  }
+};
+var NotebookCellValue = ({ cell, graph }) => {
+  const name = graph?.getExpressions()[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-bs 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));
+};
+var NotebookPromptResult = ({ cell, promptResults }) => {
+  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-bs border-subduedSeparator", valueStyles)
+  }, /* @__PURE__ */ React2.createElement(NotebookTextEditor, {
+    readOnly: true,
+    value
+  }));
+};
+var NotebookTextEditor = ({ extensions: extensionsProp, readOnly, ...props }) => {
+  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(),
+      extensionsProp
+    ].filter(isNonNullable);
+  }, [
+    extensionsProp
+  ]);
+  return /* @__PURE__ */ React2.createElement(EditorContent, {
+    ...props,
+    extensions,
+    selectionEnd: true
+  });
+};
+
+// src/components/NotebookStack/NotebookStack.tsx
+var minSectionHeight = "min-bs-[16rem]";
+var NotebookStack = ({ classNames, notebook, onRearrange, ...props }) => {
+  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
+  })));
+};
+var NotebookSection = ({ cell, db, env, promptResults, onCellInsert, onCellDelete, ...props }) => {
+  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, {
+    db,
+    cell: cell2,
+    env,
+    dragging: true
+  }))), /* @__PURE__ */ React3.createElement(StackItem.Content, {
+    classNames: "overflow-visible"
+  }, /* @__PURE__ */ React3.createElement(NotebookCell, {
+    db,
+    cell,
+    env,
+    promptResults,
+    ...props
+  })));
+};
+
+export {
+  NotebookMenu,
+  NotebookStack
+};
+//# sourceMappingURL=chunk-BTWHM6FH.mjs.map

package/dist/lib/browser/chunk-BTWHM6FH.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, 'db' | '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  db,\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 db={db} cell={cell} env={env} dragging />\n          </StackItem.Content>\n        )}\n      </StackItem.DragPreview>\n\n      <StackItem.Content classNames='overflow-visible'>\n        <NotebookCell db={db} 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/react';\nimport { type Database, Obj } from '@dxos/echo';\nimport { createDocAccessor } from '@dxos/echo-db';\nimport { invariant } from '@dxos/invariant';\nimport { TemplateEditor } from '@dxos/plugin-assistant';\nimport { useThemeContext, useTranslation } from '@dxos/react-ui';\nimport { QueryEditor, type QueryEditorProps } from '@dxos/react-ui-components';\nimport { EditorContent, type EditorContentProps } from '@dxos/react-ui-editor';\nimport {\n  type BasicExtensionsOptions,\n  createBasicExtensions,\n  createDataExtensions,\n  createMarkdownExtensions,\n  createThemeExtensions,\n  decorateMarkdown,\n} from '@dxos/ui-editor';\nimport { mx } from '@dxos/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  db?: Database.Database;\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 = ({ db, graph, dragging, cell, promptResults, env }: NotebookCellProps) => {\n  const { t } = useTranslation(meta.id);\n\n  const extensions = useMemo(() => {\n    return cell.source?.target\n      ? [\n          createDataExtensions({\n            id: cell.id,\n            text: createDocAccessor(cell.source.target, ['content']),\n          }),\n        ].filter(isNonNullable)\n      : [];\n  }, [cell.source?.target]);\n\n  const explorerGraph = cell.graph?.target;\n\n  const handleQueryChange = useCallback<NonNullable<QueryEditorProps['onChange']>>(\n    (value: string) => {\n      invariant(cell.source?.target);\n      Obj.change(cell.source.target, (s) => {\n        s.content = value;\n      });\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\n          className={mx('bs-full overflow-hidden grid', explorerGraph && !dragging && 'grid-rows-[min-content_1fr]')}\n        >\n          <QueryEditor\n            id={cell.id}\n            classNames={[editorStyles, 'border-be border-subduedSeparator']}\n            db={db}\n            value={cell.source.target.content}\n            onChange={handleQueryChange}\n          />\n          {explorerGraph && !dragging && <Surface role='section' limit={1} data={{ subject: explorerGraph }} />}\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?.getExpressions()[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-bs 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-bs border-subduedSeparator', valueStyles)}>\n      <NotebookTextEditor readOnly value={value} />\n    </div>\n  );\n};\n\nconst NotebookTextEditor = ({\n  extensions: extensionsProp,\n  readOnly,\n  ...props\n}: EditorContentProps & Pick<BasicExtensionsOptions, 'readOnly'>) => {\n  const { t } = useTranslation(meta.id);\n  const { themeMode } = useThemeContext();\n  const extensions = useMemo(() => {\n    return [\n      createBasicExtensions({\n        placeholder: t('notebook markdown placeholder'),\n        readOnly,\n      }),\n      createThemeExtensions({ themeMode, syntaxHighlighting: true }),\n      createMarkdownExtensions(),\n      decorateMarkdown(),\n      extensionsProp,\n    ].filter(isNonNullable);\n  }, [extensionsProp]);\n\n  return <EditorContent {...props} extensions={extensions} selectionEnd />;\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", "Obj", "createDocAccessor", "invariant", "TemplateEditor", "useThemeContext", "useTranslation", "QueryEditor", "EditorContent", "createBasicExtensions", "createDataExtensions", "createMarkdownExtensions", "createThemeExtensions", "decorateMarkdown", "mx", "isNonNullable", "editorStyles", "valueStyles", "NotebookCell", "db", "graph", "dragging", "cell", "promptResults", "env", "t", "useTranslation", "meta", "id", "extensions", "useMemo", "source", "target", "createDataExtensions", "text", "createDocAccessor", "filter", "isNonNullable", "explorerGraph", "handleQueryChange", "useCallback", "value", "invariant", "Obj", "change", "s", "content", "type", "React", "NotebookTextEditor", "classNames", "initialValue", "TypescriptEditor", "role", "options", "placeholder", "highlightActiveLine", "lineNumbers", "NotebookCellValue", "div", "className", "mx", "QueryEditor", "onChange", "Surface", "limit", "data", "subject", "prompt", "TemplateEditor", "template", "instructions", "NotebookPromptResult", "name", "getExpressions", "getValue", "span", "dxn", "toString", "readOnly", "extensionsProp", "props", "themeMode", "useThemeContext", "createBasicExtensions", "createThemeExtensions", "syntaxHighlighting", "createMarkdownExtensions", "decorateMarkdown", "EditorContent", "selectionEnd", "minSectionHeight", "NotebookStack", "classNames", "notebook", "onRearrange", "props", "React", "Stack", "orientation", "size", "rail", "cells", "map", "cell", "i", "NotebookSection", "key", "db", "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-F3QKSKSF.mjs

@@ -0,0 +1,35 @@
+import {
+  __export
+} from "./chunk-J5LGTIGS.mjs";
+
+// src/blueprints/script-blueprint.ts
+var script_blueprint_exports = {};
+__export(script_blueprint_exports, {
+  Key: () => Key,
+  functions: () => functions,
+  make: () => make,
+  tools: () => tools
+});
+import { Blueprint, Template } from "@dxos/blueprints";
+import { trim } from "@dxos/util";
+var functions = [];
+var tools = [];
+var Key = "dxos.org/blueprint/script";
+var make = () => Blueprint.make({
+  key: Key,
+  name: "Script",
+  tools: Blueprint.toolDefinitions({
+    functions,
+    tools
+  }),
+  instructions: Template.make({
+    source: trim`
+        You can create and update scripts which contain Typescript code.
+      `
+  })
+});
+
+export {
+  script_blueprint_exports
+};
+//# sourceMappingURL=chunk-F3QKSKSF.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/blueprints/script-blueprint.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Blueprint, Template } from '@dxos/blueprints';\nimport { type FunctionDefinition } from '@dxos/functions';\nimport { trim } from '@dxos/util';\n\nexport const functions: FunctionDefinition[] = [];\nexport const tools: string[] = [];\n\nexport const Key = 'dxos.org/blueprint/script';\n\nexport const make = () =>\n  Blueprint.make({\n    key: Key,\n    name: 'Script',\n    tools: Blueprint.toolDefinitions({ functions, tools }),\n    instructions: Template.make({\n      source: trim`\n        You can create and update scripts which contain Typescript code.\n      `,\n    }),\n  });\n"],
+  "mappings": ";;;;;AAAA;;;;;;;AAIA,SAASA,WAAWC,gBAAgB;AAEpC,SAASC,YAAY;AAEd,IAAMC,YAAkC,CAAA;AACxC,IAAMC,QAAkB,CAAA;AAExB,IAAMC,MAAM;AAEZ,IAAMC,OAAO,MAClBC,UAAUD,KAAK;EACbE,KAAKH;EACLI,MAAM;EACNL,OAAOG,UAAUG,gBAAgB;IAAEP;IAAWC;EAAM,CAAA;EACpDO,cAAcC,SAASN,KAAK;IAC1BO,QAAQC;;;EAGV,CAAA;AACF,CAAA;",
+  "names": ["Blueprint", "Template", "trim", "functions", "tools", "Key", "make", "Blueprint", "key", "name", "toolDefinitions", "instructions", "Template", "source", "trim"]
+}

package/dist/lib/browser/chunk-I7CSE6T3.mjs

@@ -0,0 +1,110 @@
+// src/components/TypescriptEditor/TypescriptEditor.tsx
+import { autocompletion, completionKeymap } from "@codemirror/autocomplete";
+import { javascript } from "@codemirror/lang-javascript";
+import { HighlightStyle } from "@codemirror/language";
+import { lintKeymap } from "@codemirror/lint";
+import { Prec } from "@codemirror/state";
+import { keymap } from "@codemirror/view";
+import { tags } from "@lezer/highlight";
+import { continueKeymap } from "@valtown/codemirror-continue";
+import { tsAutocomplete, tsFacet, tsHover, tsLinter, tsSync } from "@valtown/codemirror-ts";
+import React, { memo } 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 } 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 }) => {
+  const { themeMode } = useThemeContext();
+  const { parentRef, focusAttributes } = useTextEditor(() => ({
+    id,
+    initialValue,
+    selection,
+    scrollTo,
+    extensions: [
+      extensions,
+      createBasicExtensions({
+        highlightActiveLine: true,
+        indentWithTab: true,
+        lineNumbers: true,
+        lineWrapping: false,
+        scrollPastEnd: role !== "section",
+        search: true,
+        ...options
+      }),
+      createThemeExtensions({
+        monospace: true,
+        themeMode,
+        syntaxHighlighting: true
+      }),
+      InputModeExtensions[inputMode],
+      javascript({
+        typescript: true
+      }),
+      autocompletion({
+        override: env ? [
+          tsAutocomplete()
+        ] : void 0
+      }),
+      // Continues block comments when pressing Enter.
+      Prec.high(keymap.of(continueKeymap)),
+      keymap.of(completionKeymap),
+      keymap.of(lintKeymap),
+      // https://github.com/val-town/codemirror-ts
+      env && [
+        // TODO(burdon): Fix type.
+        tsFacet.of({
+          env,
+          path: `./src/${id}.ts`
+        }),
+        tsSync(),
+        tsLinter(),
+        tsHover({
+          renderTooltip: createTooltipRenderer(themeMode)
+        })
+      ]
+    ].filter(isNonNullable)
+  }), [
+    themeMode,
+    id,
+    extensions,
+    inputMode,
+    selection,
+    scrollTo,
+    env
+  ]);
+  return /* @__PURE__ */ React.createElement("div", {
+    ref: parentRef,
+    className: mx(classNames),
+    ...focusAttributes
+  });
+});
+var createTooltipRenderer = (themeMode) => {
+  const theme = HighlightStyle.define(themeMode === "dark" ? defaultStyles.dark : defaultStyles.light);
+  const classFromKind = (_kind) => {
+    const kind = _kind.endsWith("Name") ? "name" : _kind;
+    const validTag = kind in tags;
+    if (!validTag) {
+      return "";
+    }
+    const tag = tags[kind];
+    if (typeof tag === "function") {
+      return "";
+    }
+    return theme.style([
+      tag
+    ]) ?? "";
+  };
+  return (info) => {
+    const children = info.quickInfo?.displayParts?.map(({ kind, text }) => Domino.of("span").classNames(classFromKind(kind)).text(text)) ?? [];
+    return {
+      dom: Domino.of("div").classNames("xs:max-is-80 max-is-lg p-1 bg-baseSurface rounded border border-separator").children(...children).root
+    };
+  };
+};
+
+export {
+  TypescriptEditor
+};
+//# sourceMappingURL=chunk-I7CSE6T3.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/TypescriptEditor/TypescriptEditor.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { autocompletion, completionKeymap } from '@codemirror/autocomplete';\nimport { javascript } from '@codemirror/lang-javascript';\nimport { HighlightStyle } from '@codemirror/language';\nimport { lintKeymap } from '@codemirror/lint';\nimport { Prec } from '@codemirror/state';\nimport { keymap } from '@codemirror/view';\nimport { tags } from '@lezer/highlight';\nimport { type VirtualTypeScriptEnvironment } from '@typescript/vfs';\nimport { continueKeymap } from '@valtown/codemirror-continue';\nimport { type HoverInfo, tsAutocomplete, tsFacet, tsHover, tsLinter, tsSync } from '@valtown/codemirror-ts';\nimport React, { memo } from 'react';\n\nimport { type ThemeMode, type ThemedClassName, useThemeContext } from '@dxos/react-ui';\nimport { type UseTextEditorProps, useTextEditor } from '@dxos/react-ui-editor';\nimport { Domino } from '@dxos/ui';\nimport {\n  type BasicExtensionsOptions,\n  type EditorInputMode,\n  InputModeExtensions,\n  createBasicExtensions,\n  createThemeExtensions,\n  defaultStyles,\n} from '@dxos/ui-editor';\nimport { mx } from '@dxos/ui-theme';\nimport { isNonNullable } from '@dxos/util';\n\nexport type TypescriptEditorProps = ThemedClassName<\n  {\n    id: string;\n    role?: string;\n    inputMode?: EditorInputMode;\n    toolbar?: boolean;\n    env?: VirtualTypeScriptEnvironment;\n    options?: BasicExtensionsOptions;\n  } & Pick<UseTextEditorProps, 'initialValue' | 'extensions' | 'scrollTo' | 'selection'>\n>;\n\nexport const TypescriptEditor = memo(\n  ({\n    classNames,\n    id,\n    role = 'article',\n    inputMode = 'vscode',\n    env,\n    options,\n    initialValue,\n    extensions,\n    scrollTo,\n    selection,\n  }: TypescriptEditorProps) => {\n    const { themeMode } = useThemeContext();\n    const { parentRef, focusAttributes } = useTextEditor(\n      () => ({\n        id,\n        initialValue,\n        selection,\n        scrollTo,\n        extensions: [\n          extensions,\n          createBasicExtensions({\n            highlightActiveLine: true,\n            indentWithTab: true,\n            lineNumbers: true,\n            lineWrapping: false,\n            scrollPastEnd: role !== 'section',\n            search: true,\n            ...options,\n          }),\n          createThemeExtensions({\n            monospace: true,\n            themeMode,\n            syntaxHighlighting: true,\n          }),\n\n          InputModeExtensions[inputMode],\n          javascript({ typescript: true }),\n          autocompletion({ override: env ? [tsAutocomplete()] : undefined }),\n\n          // Continues block comments when pressing Enter.\n          Prec.high(keymap.of(continueKeymap)),\n          keymap.of(completionKeymap),\n          keymap.of(lintKeymap),\n\n          // https://github.com/val-town/codemirror-ts\n          env && [\n            // TODO(burdon): Fix type.\n            tsFacet.of({ env: env as any, path: `./src/${id}.ts` }),\n            tsSync(),\n            tsLinter(),\n            tsHover({ renderTooltip: createTooltipRenderer(themeMode) }),\n          ],\n        ].filter(isNonNullable),\n      }),\n      [themeMode, id, extensions, inputMode, selection, scrollTo, env],\n    );\n\n    return <div ref={parentRef} className={mx(classNames)} {...focusAttributes} />;\n  },\n);\n\n// TODO(burdon): Factor out (react-ui-editor).\nconst createTooltipRenderer = (themeMode: ThemeMode) => {\n  const theme = HighlightStyle.define(themeMode === 'dark' ? defaultStyles.dark : defaultStyles.light);\n\n  const classFromKind = (_kind: string) => {\n    // E.g., localName, methodName, parameterName, etc.\n    const kind = _kind.endsWith('Name') ? 'name' : _kind;\n    const validTag = kind in tags;\n    if (!validTag) {\n      return '';\n    }\n\n    const tag = tags[kind as keyof typeof tags];\n    if (typeof tag === 'function') {\n      return '';\n    }\n\n    return theme.style([tag]) ?? '';\n  };\n\n  return (info: HoverInfo) => {\n    const children =\n      info.quickInfo?.displayParts?.map(({ kind, text }) =>\n        Domino.of('span').classNames(classFromKind(kind)).text(text),\n      ) ?? [];\n    return {\n      dom: Domino.of('div')\n        .classNames('xs:max-is-80 max-is-lg p-1 bg-baseSurface rounded border border-separator')\n        .children(...children).root,\n    };\n  };\n};\n\nexport default TypescriptEditor;\n"],
+  "mappings": ";AAIA,SAASA,gBAAgBC,wBAAwB;AACjD,SAASC,kBAAkB;AAC3B,SAASC,sBAAsB;AAC/B,SAASC,kBAAkB;AAC3B,SAASC,YAAY;AACrB,SAASC,cAAc;AACvB,SAASC,YAAY;AAErB,SAASC,sBAAsB;AAC/B,SAAyBC,gBAAgBC,SAASC,SAASC,UAAUC,cAAc;AACnF,OAAOC,SAASC,YAAY;AAE5B,SAA+CC,uBAAuB;AACtE,SAAkCC,qBAAqB;AACvD,SAASC,cAAc;AACvB,SAGEC,qBACAC,uBACAC,uBACAC,qBACK;AACP,SAASC,UAAU;AACnB,SAASC,qBAAqB;AAavB,IAAMC,mBAAmBC,qBAC9B,CAAC,EACCC,YACAC,IACAC,OAAO,WACPC,YAAY,UACZC,KACAC,SACAC,cACAC,YACAC,UACAC,UAAS,MACa;AACtB,QAAM,EAAEC,UAAS,IAAKC,gBAAAA;AACtB,QAAM,EAAEC,WAAWC,gBAAe,IAAKC,cACrC,OAAO;IACLb;IACAK;IACAG;IACAD;IACAD,YAAY;MACVA;MACAQ,sBAAsB;QACpBC,qBAAqB;QACrBC,eAAe;QACfC,aAAa;QACbC,cAAc;QACdC,eAAelB,SAAS;QACxBmB,QAAQ;QACR,GAAGhB;MACL,CAAA;MACAiB,sBAAsB;QACpBC,WAAW;QACXb;QACAc,oBAAoB;MACtB,CAAA;MAEAC,oBAAoBtB,SAAAA;MACpBuB,WAAW;QAAEC,YAAY;MAAK,CAAA;MAC9BC,eAAe;QAAEC,UAAUzB,MAAM;UAAC0B,eAAAA;YAAoBC;MAAU,CAAA;;MAGhEC,KAAKC,KAAKC,OAAOC,GAAGC,cAAAA,CAAAA;MACpBF,OAAOC,GAAGE,gBAAAA;MACVH,OAAOC,GAAGG,UAAAA;;MAGVlC,OAAO;;QAELmC,QAAQJ,GAAG;UAAE/B;UAAiBoC,MAAM,SAASvC,EAAAA;QAAQ,CAAA;QACrDwC,OAAAA;QACAC,SAAAA;QACAC,QAAQ;UAAEC,eAAeC,sBAAsBnC,SAAAA;QAAW,CAAA;;MAE5DoC,OAAOC,aAAAA;EACX,IACA;IAACrC;IAAWT;IAAIM;IAAYJ;IAAWM;IAAWD;IAAUJ;GAAI;AAGlE,SAAO,sBAAA,cAAC4C,OAAAA;IAAIC,KAAKrC;IAAWsC,WAAWC,GAAGnD,UAAAA;IAAc,GAAGa;;AAC7D,CAAA;AAIF,IAAMgC,wBAAwB,CAACnC,cAAAA;AAC7B,QAAM0C,QAAQC,eAAeC,OAAO5C,cAAc,SAAS6C,cAAcC,OAAOD,cAAcE,KAAK;AAEnG,QAAMC,gBAAgB,CAACC,UAAAA;AAErB,UAAMC,OAAOD,MAAME,SAAS,MAAA,IAAU,SAASF;AAC/C,UAAMG,WAAWF,QAAQG;AACzB,QAAI,CAACD,UAAU;AACb,aAAO;IACT;AAEA,UAAME,MAAMD,KAAKH,IAAAA;AACjB,QAAI,OAAOI,QAAQ,YAAY;AAC7B,aAAO;IACT;AAEA,WAAOZ,MAAMa,MAAM;MAACD;KAAI,KAAK;EAC/B;AAEA,SAAO,CAACE,SAAAA;AACN,UAAMC,WACJD,KAAKE,WAAWC,cAAcC,IAAI,CAAC,EAAEV,MAAMW,KAAI,MAC7CC,OAAOrC,GAAG,MAAA,EAAQnC,WAAW0D,cAAcE,IAAAA,CAAAA,EAAOW,KAAKA,IAAAA,CAAAA,KACpD,CAAA;AACP,WAAO;MACLE,KAAKD,OAAOrC,GAAG,KAAA,EACZnC,WAAW,2EAAA,EACXmE,SAAQ,GAAIA,QAAAA,EAAUO;IAC3B;EACF;AACF;",
+  "names": ["autocompletion", "completionKeymap", "javascript", "HighlightStyle", "lintKeymap", "Prec", "keymap", "tags", "continueKeymap", "tsAutocomplete", "tsFacet", "tsHover", "tsLinter", "tsSync", "React", "memo", "useThemeContext", "useTextEditor", "Domino", "InputModeExtensions", "createBasicExtensions", "createThemeExtensions", "defaultStyles", "mx", "isNonNullable", "TypescriptEditor", "memo", "classNames", "id", "role", "inputMode", "env", "options", "initialValue", "extensions", "scrollTo", "selection", "themeMode", "useThemeContext", "parentRef", "focusAttributes", "useTextEditor", "createBasicExtensions", "highlightActiveLine", "indentWithTab", "lineNumbers", "lineWrapping", "scrollPastEnd", "search", "createThemeExtensions", "monospace", "syntaxHighlighting", "InputModeExtensions", "javascript", "typescript", "autocompletion", "override", "tsAutocomplete", "undefined", "Prec", "high", "keymap", "of", "continueKeymap", "completionKeymap", "lintKeymap", "tsFacet", "path", "tsSync", "tsLinter", "tsHover", "renderTooltip", "createTooltipRenderer", "filter", "isNonNullable", "div", "ref", "className", "mx", "theme", "HighlightStyle", "define", "defaultStyles", "dark", "light", "classFromKind", "_kind", "kind", "endsWith", "validTag", "tags", "tag", "style", "info", "children", "quickInfo", "displayParts", "map", "text", "Domino", "dom", "root"]
+}

package/dist/lib/browser/chunk-IQRLM6JK.mjs

@@ -0,0 +1,137 @@
+import {
+  useCreateAndDeployScriptTemplates
+} from "./chunk-WX2NVNFQ.mjs";
+import {
+  meta
+} from "./chunk-WYR4QHPE.mjs";
+
+// src/components/DeploymentDialog/DeploymentDialog.tsx
+import React, { useEffect, useMemo } from "react";
+import { Common } from "@dxos/app-framework";
+import { useOperationInvoker } from "@dxos/app-framework/react";
+import { getSpace } from "@dxos/react-client/echo";
+import { Button, Dialog, IconButton, useTranslation } from "@dxos/react-ui";
+var DEPLOYMENT_DIALOG = `${meta.id}/deployment/dialog`;
+var DeploymentDialog = ({ accessToken, scriptTemplates }) => {
+  const { t } = useTranslation(meta.id);
+  const space = useMemo(() => getSpace(accessToken), [
+    accessToken
+  ]);
+  const { handleCreateAndDeployScripts, status } = useCreateAndDeployScriptTemplates(space, scriptTemplates);
+  const { invokePromise } = useOperationInvoker();
+  useEffect(() => {
+    if (status === "success") {
+      void invokePromise(Common.LayoutOperation.AddToast, {
+        id: `${meta.id}/deployment-success`,
+        icon: "ph--check--regular",
+        duration: Infinity,
+        title: [
+          "script deployment toast label",
+          {
+            ns: meta.id,
+            count: scriptTemplates.length
+          }
+        ],
+        description: [
+          "script deployment toast description",
+          {
+            ns: meta.id,
+            count: scriptTemplates.length
+          }
+        ],
+        closeLabel: [
+          "script deployment toast close label",
+          {
+            ns: meta.id,
+            count: scriptTemplates.length
+          }
+        ]
+      });
+      void invokePromise(Common.LayoutOperation.UpdateDialog, {
+        state: false
+      });
+    }
+    if (status === "error") {
+      void invokePromise(Common.LayoutOperation.UpdateDialog, {
+        state: false
+      });
+      void invokePromise(Common.LayoutOperation.AddToast, {
+        id: `${meta.id}/deployment-error`,
+        icon: "ph--warning--regular",
+        duration: Infinity,
+        title: [
+          "script deployment error toast label",
+          {
+            ns: meta.id,
+            count: scriptTemplates.length
+          }
+        ],
+        description: [
+          "script deployment error toast description",
+          {
+            ns: meta.id,
+            count: scriptTemplates.length
+          }
+        ],
+        closeLabel: [
+          "script deployment error toast close label",
+          {
+            ns: meta.id,
+            count: scriptTemplates.length
+          }
+        ]
+      });
+    }
+  }, [
+    status,
+    invokePromise
+  ]);
+  return /* @__PURE__ */ React.createElement(Dialog.Content, null, /* @__PURE__ */ React.createElement("div", {
+    className: "flex justify-between items-center"
+  }, /* @__PURE__ */ React.createElement(Dialog.Title, null, t("deployment dialog title")), /* @__PURE__ */ React.createElement(Dialog.Close, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(IconButton, {
+    icon: "ph--x--regular",
+    size: 4,
+    label: "Close",
+    iconOnly: true,
+    density: "fine",
+    variant: "ghost"
+  }))), /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "plb-4"
+  }, /* @__PURE__ */ React.createElement("p", null, t("deployment dialog scripts found message", {
+    count: scriptTemplates.length
+  })), /* @__PURE__ */ React.createElement("ul", {
+    className: "pbs-2"
+  }, scriptTemplates.map((template) => {
+    return /* @__PURE__ */ React.createElement("li", {
+      key: template.id
+    }, template.name);
+  }))), /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "flex flex-row-reverse gap-1"
+  }, /* @__PURE__ */ React.createElement(Button, {
+    variant: "primary",
+    onClick: handleCreateAndDeployScripts,
+    disabled: status === "pending"
+  }, status === "pending" ? t("deployment dialog deploy functions pending button label", {
+    count: scriptTemplates.length
+  }) : t("deployment dialog deploy functions button label", {
+    count: scriptTemplates.length
+  })), /* @__PURE__ */ React.createElement(Dialog.Close, {
+    asChild: true,
+    disabled: status === "pending"
+  }, /* @__PURE__ */ React.createElement(Button, {
+    disabled: status === "pending"
+  }, t("deployment dialog skip button label")))));
+};
+
+// src/components/DeploymentDialog/index.ts
+var DeploymentDialog_default = DeploymentDialog;
+
+export {
+  DEPLOYMENT_DIALOG,
+  DeploymentDialog_default
+};
+//# sourceMappingURL=chunk-IQRLM6JK.mjs.map