@dxos/plugin-sheet 0.7.5-main.9d2a38b → 0.7.5-main.e94eead

package/dist/lib/browser/{SheetContainer-CM4CO3DC.mjs → SheetContainer-EDJA5L2H.mjs}

@@ -4,18 +4,18 @@ import {
   completeCellRangeToThreadCursor,
   useComputeGraph,
   useSheetContext
-} from "./chunk-H23JW3DX.mjs";
+} from "./chunk-UGSCCRPW.mjs";
+import "./chunk-DN6QF7VV.mjs";
 import {
   alignKey,
   commentKey,
   mapFormulaIndicesToRefs,
   rangeFromIndex,
   rangeToIndex
-} from "./chunk-T3IVPMRX.mjs";
-import "./chunk-FOO6NGBM.mjs";
+} from "./chunk-OOSRC36N.mjs";
 import {
   SHEET_PLUGIN
-} from "./chunk-K6EUYKWT.mjs";
+} from "./chunk-GAFHJBCU.mjs";
 
 // packages/plugins/plugin-sheet/src/components/SheetContainer/SheetContainer.tsx
 import React3 from "react";
@@ -367,4 +367,4 @@ var SheetContainer_default = SheetContainer;
 export {
   SheetContainer_default as default
 };
-//# sourceMappingURL=SheetContainer-CM4CO3DC.mjs.map
+//# sourceMappingURL=SheetContainer-EDJA5L2H.mjs.map

package/dist/lib/browser/{chunk-FOO6NGBM.mjs → chunk-DN6QF7VV.mjs}

@@ -201,6 +201,11 @@ var rangeExtension = ({ onInit, onStateChange }) => {
             from: 1,
             to: str.length + 1
           };
+        } else {
+          activeRange = {
+            from: str.length + 1,
+            to: str.length + 1
+          };
         }
       }
       onStateChange?.({
@@ -226,4 +231,4 @@ export {
   sheetExtension,
   rangeExtension
 };
-//# sourceMappingURL=chunk-FOO6NGBM.mjs.map
+//# sourceMappingURL=chunk-DN6QF7VV.mjs.map

package/dist/lib/browser/{chunk-FOO6NGBM.mjs.map → chunk-DN6QF7VV.mjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/extensions/compute.ts", "../../../src/extensions/editor/extension.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { syntaxTree } from '@codemirror/language';\nimport {\n  type EditorState,\n  type Extension,\n  type RangeSet,\n  RangeSetBuilder,\n  StateEffect,\n  StateField,\n  type Transaction,\n} from '@codemirror/state';\nimport { Decoration, EditorView, ViewPlugin, WidgetType } from '@codemirror/view';\n\nimport { type UnsubscribeCallback, debounce } from '@dxos/async';\nimport {\n  createSheetName,\n  type CellAddress,\n  type CellScalarValue,\n  type ComputeGraph,\n  type ComputeNode,\n} from '@dxos/compute';\nimport { invariant } from '@dxos/invariant';\nimport { documentId, singleValueFacet } from '@dxos/react-ui-editor';\n\nconst LANGUAGE_TAG = 'dx';\n\n// TODO(burdon): Create marker just for our decorator?\nconst updateAllDecorations = StateEffect.define<void>();\n\nexport const computeGraphFacet = singleValueFacet<ComputeGraph>();\n\nexport type ComputeOptions = {};\n\nexport const compute = (options: ComputeOptions = {}): Extension => {\n  let computeNode: ComputeNode | undefined;\n\n  const update = (state: EditorState, current?: RangeSet<Decoration>) => {\n    const builder = new RangeSetBuilder<Decoration>();\n    if (computeNode) {\n      computeNode.clear();\n      syntaxTree(state).iterate({\n        enter: (node) => {\n          switch (node.name) {\n            case 'FencedCode': {\n              const cursor = state.selection.main.head;\n              if (state.readOnly || cursor < node.from || cursor > node.to) {\n                const info = node.node.getChild('CodeInfo');\n                if (info) {\n                  const type = state.sliceDoc(info.from, info.to);\n                  const text = node.node.getChild('CodeText');\n                  if (type === LANGUAGE_TAG && text) {\n                    const formula = state.sliceDoc(text.from, text.to);\n\n                    const iter = current?.iter(node.node.from);\n                    if (iter?.value && iter?.value.spec.formula === formula) {\n                      // Add existing widget.\n                      builder.add(node.from, node.to, iter.value);\n                    } else {\n                      // TODO(burdon): Create ordered list of cells on each decoration run.\n                      const cell: CellAddress = { col: node.node.from, row: 0 };\n                      invariant(computeNode);\n                      // NOTE: This triggers re-render (below).\n                      computeNode.setValue(cell, formula);\n                      const value = computeNode.getValue(cell);\n                      builder.add(\n                        node.from,\n                        node.to,\n                        Decoration.replace({\n                          widget: new ComputeWidget(formula, value),\n                          formula,\n                        }),\n                      );\n                    }\n                  }\n                }\n              }\n\n              break;\n            }\n          }\n        },\n      });\n    }\n\n    return builder.finish();\n  };\n\n  return [\n    ViewPlugin.fromClass(\n      class {\n        // Graph subscription.\n        private _subscription?: UnsubscribeCallback;\n        constructor(view: EditorView) {\n          const id = view.state.facet(documentId);\n          const computeGraph = view.state.facet(computeGraphFacet);\n          if (id && computeGraph) {\n            queueMicrotask(async () => {\n              computeNode = computeGraph.getOrCreateNode(createSheetName({ type: '', id }));\n              await computeNode.open();\n\n              // Trigger re-render if values updated.\n              // TODO(burdon): Trigger only if formula value updated (currently triggered during render).\n              this._subscription = computeNode.update.on(\n                debounce(({ type, ...rest }) => {\n                  if (type === 'valuesUpdated') {\n                    view.dispatch({\n                      effects: updateAllDecorations.of(),\n                    });\n                  }\n                }, 250),\n              );\n            });\n          }\n        }\n\n        destroy() {\n          this._subscription?.();\n          void computeNode?.close();\n          computeNode = undefined;\n        }\n      },\n    ),\n\n    StateField.define<RangeSet<Decoration>>({\n      create: (state) => update(state),\n      update: (rangeSet: RangeSet<Decoration>, tr: Transaction) => update(tr.state, rangeSet),\n      provide: (field) => EditorView.decorations.from(field),\n    }),\n  ];\n};\n\n// TODO(burdon): Click to edit.\nclass ComputeWidget extends WidgetType {\n  constructor(\n    private readonly formula: string,\n    private readonly value: CellScalarValue,\n  ) {\n    super();\n  }\n\n  override toDOM(_view: EditorView) {\n    const div = document.createElement('div');\n    div.setAttribute('title', this.formula);\n    div.innerText = String(this.value);\n    return div;\n  }\n}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport {\n  type Completion,\n  type CompletionContext,\n  type CompletionResult,\n  acceptCompletion,\n  autocompletion,\n  completionStatus,\n  startCompletion,\n} from '@codemirror/autocomplete';\nimport { HighlightStyle, type Language, syntaxHighlighting } from '@codemirror/language';\nimport { type Extension } from '@codemirror/state';\nimport { type EditorView, ViewPlugin, type ViewUpdate, keymap } from '@codemirror/view';\nimport { type SyntaxNode } from '@lezer/common';\nimport { tags } from '@lezer/highlight';\nimport { spreadsheet } from 'codemirror-lang-spreadsheet';\n\nimport { type FunctionDefinition } from '@dxos/compute';\nimport { RANGE_NOTATION } from '@dxos/compute';\nimport { singleValueFacet } from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\n\n/**\n * https://codemirror.net/examples/styling\n * https://lezer.codemirror.net/docs/ref/#highlight\n * https://github.com/luizzappa/codemirror-lang-spreadsheet/blob/main/src/index.ts#L28 (mapping)\n */\n// TODO(burdon): Define light/dark.\nconst highlightStyles = HighlightStyle.define([\n  // Function.\n  {\n    tag: tags.name,\n    class: 'text-accentText',\n  },\n  // Range.\n  {\n    tag: tags.tagName,\n    class: 'text-pinkText',\n  },\n  // Values.\n  {\n    tag: tags.number,\n    class: 'text-tealText',\n  },\n  {\n    tag: tags.bool,\n    class: 'text-tealText',\n  },\n  {\n    tag: tags.string,\n    class: 'text-tealText',\n  },\n  // Error.\n  {\n    tag: tags.invalid,\n    class: 'text-unAccent',\n  },\n]);\n\nconst languageFacet = singleValueFacet<Language>();\n\nexport type SheetExtensionOptions = {\n  debug?: boolean;\n  functions?: FunctionDefinition[];\n};\n\n/**\n * Spreadsheet formula extension and parser.\n * https://github.com/luizzappa/codemirror-lang-spreadsheet\n * https://github.com/luizzappa/codemirror-app-spreadsheet/blob/master/src/editor.ts\n * https://github.com/codemirror/lang-example\n * https://hyperformula.handsontable.com/guide/key-concepts.html#grammar\n */\nexport const sheetExtension = ({ debug, functions = [] }: SheetExtensionOptions): Extension => {\n  const { extension, language } = spreadsheet({ idiom: 'en-US', decimalSeparator: '.' });\n\n  const createCompletion = (name: string) => {\n    const { section = 'Custom', description, syntax } = functions.find((value) => value.name === name) ?? {};\n\n    return {\n      section,\n      label: name,\n      info: () => {\n        if (!description && !syntax) {\n          return null;\n        }\n\n        // TODO(burdon): Standardize color styles.\n        const root = document.createElement('div');\n        root.className = 'flex flex-col gap-2 text-sm';\n\n        const title = document.createElement('h2');\n        title.innerText = name;\n        title.className = 'text-lg font-mono text-accentText';\n        root.appendChild(title);\n\n        if (description) {\n          const info = document.createElement('p');\n          info.innerText = description;\n          info.className = 'text-subdued';\n          root.appendChild(info);\n        }\n\n        if (syntax) {\n          const detail = document.createElement('pre');\n          detail.innerText = syntax;\n          detail.className = 'whitespace-pre-wrap text-greenText';\n          root.appendChild(detail);\n        }\n\n        return root;\n      },\n      apply: (view, completion, from, to) => {\n        const insertParens = to === view.state.doc.toString().length;\n        view.dispatch(\n          view.state.update({\n            changes: {\n              from,\n              to,\n              insert: completion.label + (insertParens ? '()' : ''),\n            },\n            selection: {\n              anchor: from + completion.label.length + 1,\n            },\n          }),\n        );\n      },\n    } satisfies Completion;\n  };\n\n  return [\n    extension,\n    languageFacet.of(language),\n    language.data.of({\n      autocomplete: (context: CompletionContext): CompletionResult | null => {\n        if (context.state.doc.toString()[0] !== '=') {\n          return null;\n        }\n        const match = context.matchBefore(/\\w*/);\n        if (!match || match.from === match.to) {\n          return null;\n        }\n\n        const text = match.text.toUpperCase();\n        if (!context.explicit && match.text.length < 2) {\n          return null;\n        }\n\n        return {\n          from: match.from,\n          options:\n            functions?.filter(({ name }) => name.startsWith(text)).map(({ name }) => createCompletion(name)) ?? [],\n        };\n      },\n    }),\n\n    syntaxHighlighting(highlightStyles),\n    autocompletion({\n      aboveCursor: false,\n      defaultKeymap: true,\n      activateOnTyping: true,\n      closeOnBlur: !debug,\n      icons: false,\n      tooltipClass: () =>\n        mx(\n          '!-left-[1px] !top-[33px] !-m-0 border !border-t-0 [&>ul]:!min-w-[198px]',\n          '[&>ul>li[aria-selected]]:!bg-accentSurface',\n          'border-separator',\n        ),\n    }),\n    keymap.of([\n      {\n        key: 'Tab',\n        run: (view) => {\n          return completionStatus(view.state) === 'active' ? acceptCompletion(view) : startCompletion(view);\n        },\n      },\n    ]),\n\n    // Parsing.\n    // StateField.define({\n    //   create: (state) => {},\n    //   update: (value, tr) => {\n    //     log.info('update');\n    //     syntaxTree(tr.state).iterate({\n    //       enter: ({ type, from, to }) => {\n    //         log.info('node', { type: type.name, from, to });\n    //       },\n    //     });\n    //   },\n    // }),\n  ];\n};\n\nexport type SelectionRange = { from: number; to: number };\n\nexport interface RangeController {\n  setRange(range: string): void;\n}\n\nexport type RangeExtensionOptions = {\n  /**\n   * Provides controller callback when extension is initialized.\n   */\n  onInit?: (controller: RangeController) => void;\n  /**\n   * Called when the active range changes.\n   * @param state The current state.\n   * @param state.activeRange undefined if no range is active, otherwise a possibly partially defined range.\n   */\n  onStateChange?: (state: { activeRange: string | undefined }) => void;\n};\n\n/**\n * Tracks the currently active cell within a formula and provides a callback to modify it.\n */\nexport const rangeExtension = ({ onInit, onStateChange }: RangeExtensionOptions): Extension => {\n  let view: EditorView;\n  let activeRange: SelectionRange | undefined;\n\n  // Called externally to provide current range.\n  const notifier: RangeController = {\n    setRange: (range: string) => {\n      if (activeRange) {\n        view.dispatch(\n          view.state.update({\n            changes: { ...activeRange, insert: range.toString() },\n            selection: { anchor: activeRange.from + range.length },\n          }),\n        );\n      }\n\n      view.focus();\n    },\n  };\n\n  return ViewPlugin.fromClass(\n    class {\n      constructor(_view: EditorView) {\n        view = _view;\n        onInit?.(notifier);\n      }\n\n      update(view: ViewUpdate) {\n        const { anchor } = view.state.selection.ranges[0];\n\n        // Find first Range or cell at cursor.\n        activeRange = undefined;\n        const language = view.state.facet(languageFacet);\n        const { topNode } = language.parser.parse(view.state.doc.toString());\n        visitTree(topNode, ({ type, from, to }) => {\n          if (from <= anchor && to >= anchor) {\n            switch (type.name) {\n              case 'Function':\n                // Mark but keep looking.\n                activeRange = { from: to, to };\n                break;\n\n              case 'CloseParen':\n                // Mark but keep looking.\n                activeRange = { from, to: from };\n                break;\n\n              case 'RangeToken':\n              case 'CellToken':\n                activeRange = { from, to };\n                return true;\n            }\n          }\n\n          return false;\n        });\n\n        // Allow start of formula.\n        if (!activeRange && view.state.doc.toString()[0] === '=') {\n          const str = view.state.doc.sliceString(1);\n          if (RANGE_NOTATION.test(str)) {\n            activeRange = { from: 1, to: str.length + 1 };\n          }\n        }\n\n        onStateChange?.({\n          activeRange: activeRange ? view.state.doc.sliceString(activeRange.from, activeRange.to) : undefined,\n        });\n      }\n    },\n  );\n};\n\n/**\n * Lezer parse result visitor.\n */\nconst visitTree = (node: SyntaxNode, callback: (node: SyntaxNode) => boolean): boolean => {\n  if (callback(node)) {\n    return true;\n  }\n\n  for (let child = node.firstChild; child !== null; child = child.nextSibling) {\n    if (visitTree(child, callback)) {\n      return true;\n    }\n  }\n\n  return false;\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { syntaxTree } from '@codemirror/language';\nimport {\n  type EditorState,\n  type Extension,\n  type RangeSet,\n  RangeSetBuilder,\n  StateEffect,\n  StateField,\n  type Transaction,\n} from '@codemirror/state';\nimport { Decoration, EditorView, ViewPlugin, WidgetType } from '@codemirror/view';\n\nimport { type UnsubscribeCallback, debounce } from '@dxos/async';\nimport {\n  createSheetName,\n  type CellAddress,\n  type CellScalarValue,\n  type ComputeGraph,\n  type ComputeNode,\n} from '@dxos/compute';\nimport { invariant } from '@dxos/invariant';\nimport { documentId, singleValueFacet } from '@dxos/react-ui-editor';\n\nconst LANGUAGE_TAG = 'dx';\n\n// TODO(burdon): Create marker just for our decorator?\nconst updateAllDecorations = StateEffect.define<void>();\n\nexport const computeGraphFacet = singleValueFacet<ComputeGraph>();\n\nexport type ComputeOptions = {};\n\nexport const compute = (options: ComputeOptions = {}): Extension => {\n  let computeNode: ComputeNode | undefined;\n\n  const update = (state: EditorState, current?: RangeSet<Decoration>) => {\n    const builder = new RangeSetBuilder<Decoration>();\n    if (computeNode) {\n      computeNode.clear();\n      syntaxTree(state).iterate({\n        enter: (node) => {\n          switch (node.name) {\n            case 'FencedCode': {\n              const cursor = state.selection.main.head;\n              if (state.readOnly || cursor < node.from || cursor > node.to) {\n                const info = node.node.getChild('CodeInfo');\n                if (info) {\n                  const type = state.sliceDoc(info.from, info.to);\n                  const text = node.node.getChild('CodeText');\n                  if (type === LANGUAGE_TAG && text) {\n                    const formula = state.sliceDoc(text.from, text.to);\n\n                    const iter = current?.iter(node.node.from);\n                    if (iter?.value && iter?.value.spec.formula === formula) {\n                      // Add existing widget.\n                      builder.add(node.from, node.to, iter.value);\n                    } else {\n                      // TODO(burdon): Create ordered list of cells on each decoration run.\n                      const cell: CellAddress = { col: node.node.from, row: 0 };\n                      invariant(computeNode);\n                      // NOTE: This triggers re-render (below).\n                      computeNode.setValue(cell, formula);\n                      const value = computeNode.getValue(cell);\n                      builder.add(\n                        node.from,\n                        node.to,\n                        Decoration.replace({\n                          widget: new ComputeWidget(formula, value),\n                          formula,\n                        }),\n                      );\n                    }\n                  }\n                }\n              }\n\n              break;\n            }\n          }\n        },\n      });\n    }\n\n    return builder.finish();\n  };\n\n  return [\n    ViewPlugin.fromClass(\n      class {\n        // Graph subscription.\n        private _subscription?: UnsubscribeCallback;\n        constructor(view: EditorView) {\n          const id = view.state.facet(documentId);\n          const computeGraph = view.state.facet(computeGraphFacet);\n          if (id && computeGraph) {\n            queueMicrotask(async () => {\n              computeNode = computeGraph.getOrCreateNode(createSheetName({ type: '', id }));\n              await computeNode.open();\n\n              // Trigger re-render if values updated.\n              // TODO(burdon): Trigger only if formula value updated (currently triggered during render).\n              this._subscription = computeNode.update.on(\n                debounce(({ type, ...rest }) => {\n                  if (type === 'valuesUpdated') {\n                    view.dispatch({\n                      effects: updateAllDecorations.of(),\n                    });\n                  }\n                }, 250),\n              );\n            });\n          }\n        }\n\n        destroy() {\n          this._subscription?.();\n          void computeNode?.close();\n          computeNode = undefined;\n        }\n      },\n    ),\n\n    StateField.define<RangeSet<Decoration>>({\n      create: (state) => update(state),\n      update: (rangeSet: RangeSet<Decoration>, tr: Transaction) => update(tr.state, rangeSet),\n      provide: (field) => EditorView.decorations.from(field),\n    }),\n  ];\n};\n\n// TODO(burdon): Click to edit.\nclass ComputeWidget extends WidgetType {\n  constructor(\n    private readonly formula: string,\n    private readonly value: CellScalarValue,\n  ) {\n    super();\n  }\n\n  override toDOM(_view: EditorView) {\n    const div = document.createElement('div');\n    div.setAttribute('title', this.formula);\n    div.innerText = String(this.value);\n    return div;\n  }\n}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport {\n  type Completion,\n  type CompletionContext,\n  type CompletionResult,\n  acceptCompletion,\n  autocompletion,\n  completionStatus,\n  startCompletion,\n} from '@codemirror/autocomplete';\nimport { HighlightStyle, type Language, syntaxHighlighting } from '@codemirror/language';\nimport { type Extension } from '@codemirror/state';\nimport { type EditorView, ViewPlugin, type ViewUpdate, keymap } from '@codemirror/view';\nimport { type SyntaxNode } from '@lezer/common';\nimport { tags } from '@lezer/highlight';\nimport { spreadsheet } from 'codemirror-lang-spreadsheet';\n\nimport { type FunctionDefinition } from '@dxos/compute';\nimport { RANGE_NOTATION } from '@dxos/compute';\nimport { singleValueFacet } from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\n\n/**\n * https://codemirror.net/examples/styling\n * https://lezer.codemirror.net/docs/ref/#highlight\n * https://github.com/luizzappa/codemirror-lang-spreadsheet/blob/main/src/index.ts#L28 (mapping)\n */\n// TODO(burdon): Define light/dark.\nconst highlightStyles = HighlightStyle.define([\n  // Function.\n  {\n    tag: tags.name,\n    class: 'text-accentText',\n  },\n  // Range.\n  {\n    tag: tags.tagName,\n    class: 'text-pinkText',\n  },\n  // Values.\n  {\n    tag: tags.number,\n    class: 'text-tealText',\n  },\n  {\n    tag: tags.bool,\n    class: 'text-tealText',\n  },\n  {\n    tag: tags.string,\n    class: 'text-tealText',\n  },\n  // Error.\n  {\n    tag: tags.invalid,\n    class: 'text-unAccent',\n  },\n]);\n\nconst languageFacet = singleValueFacet<Language>();\n\nexport type SheetExtensionOptions = {\n  debug?: boolean;\n  functions?: FunctionDefinition[];\n};\n\n/**\n * Spreadsheet formula extension and parser.\n * https://github.com/luizzappa/codemirror-lang-spreadsheet\n * https://github.com/luizzappa/codemirror-app-spreadsheet/blob/master/src/editor.ts\n * https://github.com/codemirror/lang-example\n * https://hyperformula.handsontable.com/guide/key-concepts.html#grammar\n */\nexport const sheetExtension = ({ debug, functions = [] }: SheetExtensionOptions): Extension => {\n  const { extension, language } = spreadsheet({ idiom: 'en-US', decimalSeparator: '.' });\n\n  const createCompletion = (name: string) => {\n    const { section = 'Custom', description, syntax } = functions.find((value) => value.name === name) ?? {};\n\n    return {\n      section,\n      label: name,\n      info: () => {\n        if (!description && !syntax) {\n          return null;\n        }\n\n        // TODO(burdon): Standardize color styles.\n        const root = document.createElement('div');\n        root.className = 'flex flex-col gap-2 text-sm';\n\n        const title = document.createElement('h2');\n        title.innerText = name;\n        title.className = 'text-lg font-mono text-accentText';\n        root.appendChild(title);\n\n        if (description) {\n          const info = document.createElement('p');\n          info.innerText = description;\n          info.className = 'text-subdued';\n          root.appendChild(info);\n        }\n\n        if (syntax) {\n          const detail = document.createElement('pre');\n          detail.innerText = syntax;\n          detail.className = 'whitespace-pre-wrap text-greenText';\n          root.appendChild(detail);\n        }\n\n        return root;\n      },\n      apply: (view, completion, from, to) => {\n        const insertParens = to === view.state.doc.toString().length;\n        view.dispatch(\n          view.state.update({\n            changes: {\n              from,\n              to,\n              insert: completion.label + (insertParens ? '()' : ''),\n            },\n            selection: {\n              anchor: from + completion.label.length + 1,\n            },\n          }),\n        );\n      },\n    } satisfies Completion;\n  };\n\n  return [\n    extension,\n    languageFacet.of(language),\n    language.data.of({\n      autocomplete: (context: CompletionContext): CompletionResult | null => {\n        if (context.state.doc.toString()[0] !== '=') {\n          return null;\n        }\n        const match = context.matchBefore(/\\w*/);\n        if (!match || match.from === match.to) {\n          return null;\n        }\n\n        const text = match.text.toUpperCase();\n        if (!context.explicit && match.text.length < 2) {\n          return null;\n        }\n\n        return {\n          from: match.from,\n          options:\n            functions?.filter(({ name }) => name.startsWith(text)).map(({ name }) => createCompletion(name)) ?? [],\n        };\n      },\n    }),\n\n    syntaxHighlighting(highlightStyles),\n    autocompletion({\n      aboveCursor: false,\n      defaultKeymap: true,\n      activateOnTyping: true,\n      closeOnBlur: !debug,\n      icons: false,\n      tooltipClass: () =>\n        mx(\n          '!-left-[1px] !top-[33px] !-m-0 border !border-t-0 [&>ul]:!min-w-[198px]',\n          '[&>ul>li[aria-selected]]:!bg-accentSurface',\n          'border-separator',\n        ),\n    }),\n    keymap.of([\n      {\n        key: 'Tab',\n        run: (view) => {\n          return completionStatus(view.state) === 'active' ? acceptCompletion(view) : startCompletion(view);\n        },\n      },\n    ]),\n\n    // Parsing.\n    // StateField.define({\n    //   create: (state) => {},\n    //   update: (value, tr) => {\n    //     log.info('update');\n    //     syntaxTree(tr.state).iterate({\n    //       enter: ({ type, from, to }) => {\n    //         log.info('node', { type: type.name, from, to });\n    //       },\n    //     });\n    //   },\n    // }),\n  ];\n};\n\nexport type SelectionRange = { from: number; to: number };\n\nexport interface RangeController {\n  setRange(range: string): void;\n}\n\nexport type RangeExtensionOptions = {\n  /**\n   * Provides controller callback when extension is initialized.\n   */\n  onInit?: (controller: RangeController) => void;\n  /**\n   * Called when the active range changes.\n   * @param state The current state.\n   * @param state.activeRange undefined if no range is active, otherwise a possibly partially defined range.\n   */\n  onStateChange?: (state: { activeRange: string | undefined }) => void;\n};\n\n/**\n * Tracks the currently active cell within a formula and provides a callback to modify it.\n */\nexport const rangeExtension = ({ onInit, onStateChange }: RangeExtensionOptions): Extension => {\n  let view: EditorView;\n  let activeRange: SelectionRange | undefined;\n\n  // Called externally to provide current range.\n  const notifier: RangeController = {\n    setRange: (range: string) => {\n      if (activeRange) {\n        view.dispatch(\n          view.state.update({\n            changes: { ...activeRange, insert: range.toString() },\n            selection: { anchor: activeRange.from + range.length },\n          }),\n        );\n      }\n\n      view.focus();\n    },\n  };\n\n  return ViewPlugin.fromClass(\n    class {\n      constructor(_view: EditorView) {\n        view = _view;\n        onInit?.(notifier);\n      }\n\n      update(view: ViewUpdate) {\n        const { anchor } = view.state.selection.ranges[0];\n\n        // Find first Range or cell at cursor.\n        activeRange = undefined;\n        const language = view.state.facet(languageFacet);\n        const { topNode } = language.parser.parse(view.state.doc.toString());\n        visitTree(topNode, ({ type, from, to }) => {\n          if (from <= anchor && to >= anchor) {\n            switch (type.name) {\n              case 'Function':\n                // Mark but keep looking.\n                activeRange = { from: to, to };\n                break;\n\n              case 'CloseParen':\n                // Mark but keep looking.\n                activeRange = { from, to: from };\n                break;\n\n              case 'RangeToken':\n              case 'CellToken':\n                activeRange = { from, to };\n                return true;\n            }\n          }\n\n          return false;\n        });\n\n        // Allow start of formula.\n        if (!activeRange && view.state.doc.toString()[0] === '=') {\n          const str = view.state.doc.sliceString(1);\n          if (RANGE_NOTATION.test(str)) {\n            activeRange = { from: 1, to: str.length + 1 };\n          } else {\n            activeRange = { from: str.length + 1, to: str.length + 1 };\n          }\n        }\n\n        onStateChange?.({\n          activeRange: activeRange ? view.state.doc.sliceString(activeRange.from, activeRange.to) : undefined,\n        });\n      }\n    },\n  );\n};\n\n/**\n * Lezer parse result visitor.\n */\nconst visitTree = (node: SyntaxNode, callback: (node: SyntaxNode) => boolean): boolean => {\n  if (callback(node)) {\n    return true;\n  }\n\n  for (let child = node.firstChild; child !== null; child = child.nextSibling) {\n    if (visitTree(child, callback)) {\n      return true;\n    }\n  }\n\n  return false;\n};\n"],
+  "mappings": "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",
   "names": ["syntaxTree", "RangeSetBuilder", "StateEffect", "StateField", "Decoration", "EditorView", "ViewPlugin", "WidgetType", "debounce", "createSheetName", "invariant", "documentId", "singleValueFacet", "updateAllDecorations", "StateEffect", "define", "computeGraphFacet", "singleValueFacet", "acceptCompletion", "autocompletion", "completionStatus", "startCompletion", "HighlightStyle", "syntaxHighlighting", "ViewPlugin", "keymap", "tags", "spreadsheet", "RANGE_NOTATION", "singleValueFacet", "mx", "highlightStyles", "HighlightStyle", "define", "tag", "tags", "name", "class", "tagName", "number", "bool", "string", "invalid", "languageFacet", "singleValueFacet", "sheetExtension", "debug", "functions", "extension", "language", "spreadsheet", "idiom", "decimalSeparator", "createCompletion", "section", "description", "syntax", "find", "value", "label", "info", "root", "document", "createElement", "className", "title", "innerText", "appendChild", "detail", "apply", "view", "completion", "from", "to", "insertParens", "state", "doc", "toString", "length", "dispatch", "update", "changes", "insert", "selection", "anchor", "of", "data", "autocomplete", "context", "match", "matchBefore", "text", "toUpperCase", "explicit", "options", "filter", "startsWith", "map", "syntaxHighlighting", "autocompletion", "aboveCursor", "defaultKeymap", "activateOnTyping", "closeOnBlur", "icons", "tooltipClass", "mx", "keymap", "key", "run", "completionStatus", "acceptCompletion", "startCompletion", "rangeExtension", "onInit", "onStateChange", "activeRange", "notifier", "setRange", "range", "focus", "ViewPlugin", "fromClass", "constructor", "_view", "ranges", "undefined", "facet", "topNode", "parser", "parse", "visitTree", "type", "str", "sliceString", "RANGE_NOTATION", "test", "node", "callback", "child", "firstChild", "nextSibling"]
 }

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

@@ -0,0 +1,18 @@
+// packages/plugins/plugin-sheet/src/meta.ts
+var SHEET_PLUGIN = "dxos.org/plugin/sheet";
+var meta = {
+  id: SHEET_PLUGIN,
+  name: "Sheet",
+  description: "Sheets in Composer are simple spreadsheets which allow you to leverage custom functions inside of cell grids. Leverage more than 400 pre-built formulas like Sum, Average, Count, Max, Min along with many others. You can also deploy your own custom functions using the Scripts plugin. ",
+  icon: "ph--grid-nine--regular",
+  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-sheet",
+  screenshots: [
+    "https://dxos.network/plugin-details-sheet-dark.png"
+  ]
+};
+
+export {
+  SHEET_PLUGIN,
+  meta
+};
+//# sourceMappingURL=chunk-GAFHJBCU.mjs.map

package/dist/lib/browser/chunk-GAFHJBCU.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';\n\nexport const SHEET_PLUGIN = 'dxos.org/plugin/sheet';\n\nexport const meta = {\n  id: SHEET_PLUGIN,\n  name: 'Sheet',\n  description:\n    'Sheets in Composer are simple spreadsheets which allow you to leverage custom functions inside of cell grids. Leverage more than 400 pre-built formulas like Sum, Average, Count, Max, Min along with many others. You can also deploy your own custom functions using the Scripts plugin. ',\n  icon: 'ph--grid-nine--regular',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-sheet',\n  screenshots: ['https://dxos.network/plugin-details-sheet-dark.png'],\n} satisfies PluginMeta;\n"],
+  "mappings": ";AAMO,IAAMA,eAAe;AAErB,IAAMC,OAAO;EAClBC,IAAIF;EACJG,MAAM;EACNC,aACE;EACFC,MAAM;EACNC,QAAQ;EACRC,aAAa;IAAC;;AAChB;",
+  "names": ["SHEET_PLUGIN", "meta", "id", "name", "description", "icon", "source", "screenshots"]
+}

package/dist/lib/browser/{chunk-PW25VUP6.mjs → chunk-LXHRT3CC.mjs}

@@ -1,6 +1,6 @@
 import {
   SHEET_PLUGIN
-} from "./chunk-K6EUYKWT.mjs";
+} from "./chunk-GAFHJBCU.mjs";
 
 // packages/plugins/plugin-sheet/src/capabilities/capabilities.ts
 import { defineCapability } from "@dxos/app-framework";
@@ -12,4 +12,4 @@ var SheetCapabilities;
 export {
   SheetCapabilities
 };
-//# sourceMappingURL=chunk-PW25VUP6.mjs.map
+//# sourceMappingURL=chunk-LXHRT3CC.mjs.map

package/dist/lib/browser/{chunk-T3IVPMRX.mjs → chunk-OOSRC36N.mjs}

@@ -1,6 +1,6 @@
 import {
   SHEET_PLUGIN
-} from "./chunk-K6EUYKWT.mjs";
+} from "./chunk-GAFHJBCU.mjs";
 
 // packages/plugins/plugin-sheet/src/types/schema.ts
 import { Ref, S, TypedObject } from "@dxos/echo-schema";
@@ -897,4 +897,4 @@ export {
   mapFormulaRefsToIndices,
   mapFormulaIndicesToRefs
 };
-//# sourceMappingURL=chunk-T3IVPMRX.mjs.map
+//# sourceMappingURL=chunk-OOSRC36N.mjs.map

package/dist/lib/browser/{chunk-H23JW3DX.mjs → chunk-UGSCCRPW.mjs}

@@ -1,3 +1,7 @@
+import {
+  rangeExtension,
+  sheetExtension
+} from "./chunk-DN6QF7VV.mjs";
 import {
   DEFAULT_COLS,
   DEFAULT_ROWS,
@@ -6,14 +10,10 @@ import {
   cellClassNameForRange,
   rangeFromIndex,
   useSheetModel
-} from "./chunk-T3IVPMRX.mjs";
-import {
-  rangeExtension,
-  sheetExtension
-} from "./chunk-FOO6NGBM.mjs";
+} from "./chunk-OOSRC36N.mjs";
 import {
   SHEET_PLUGIN
-} from "./chunk-K6EUYKWT.mjs";
+} from "./chunk-GAFHJBCU.mjs";
 
 // packages/plugins/plugin-sheet/src/components/ComputeGraph/ComputeGraphContextProvider.tsx
 import React, { createContext, useContext } from "react";
@@ -103,9 +103,10 @@ import { mx } from "@dxos/react-ui-theme";
 
 // packages/plugins/plugin-sheet/src/integrations/thread-ranges.ts
 import { useCallback as useCallback2, useEffect, useMemo } from "react";
-import { createIntent, createResolver, LayoutAction, useIntentDispatcher, useIntentResolver } from "@dxos/app-framework";
+import { createIntent, createResolver, LayoutAction, useIntentResolver, useIntentDispatcher } from "@dxos/app-framework";
 import { debounce } from "@dxos/async";
 import { inRange } from "@dxos/compute";
+import { S as S2 } from "@dxos/echo-schema";
 import { ThreadAction } from "@dxos/plugin-thread/types";
 import { fullyQualifiedId } from "@dxos/react-client/echo";
 var completeCellRangeToThreadCursor = (range) => {
@@ -131,16 +132,23 @@ var parseThreadAnchorAsCellRange = (cursor) => {
 };
 var useUpdateFocusedCellOnThreadSelection = (grid) => {
   const { model, setActiveRefs } = useSheetContext();
-  const scrollIntoViewResolver = useMemo(() => createResolver(LayoutAction.ScrollIntoView, ({ cursor, ref }) => {
-    setActiveRefs(ref);
-    const range = parseThreadAnchorAsCellRange(cursor);
-    range && grid?.setFocus({
-      ...range.to,
-      plane: "grid"
-    }, true);
-  }, {
-    disposition: "hoist",
-    filter: (data) => data.id === fullyQualifiedId(model.sheet) && !!data.cursor
+  const scrollIntoViewResolver = useMemo(() => createResolver({
+    intent: LayoutAction.ScrollIntoView,
+    position: "hoist",
+    filter: (data) => {
+      if (!S2.is(LayoutAction.ScrollIntoView.fields.input)(data)) {
+        return false;
+      }
+      return data.subject === fullyQualifiedId(model.sheet) && !!data.options?.cursor;
+    },
+    resolve: ({ options: { cursor, ref } }) => {
+      setActiveRefs(ref);
+      const range = parseThreadAnchorAsCellRange(cursor);
+      range && grid?.setFocus({
+        ...range.to,
+        plane: "grid"
+      }, true);
+    }
   }), [
     model.sheet,
     setActiveRefs
@@ -265,7 +273,7 @@ var gridCellGetter = (model) => {
 };
 var rowLabelCell = (row) => ({
   value: rowToA1Notation(row),
-  className: "text-end !pie-1 text-subdued",
+  className: "text-end pie-1 text-subdued",
   resizeHandle: "row"
 });
 var colLabelCell = (col) => ({
@@ -785,7 +793,7 @@ var GridSheet = () => {
 };
 
 // packages/plugins/plugin-sheet/src/components/index.ts
-var SheetContainer = lazy(() => import("./SheetContainer-CM4CO3DC.mjs"));
+var SheetContainer = lazy(() => import("./SheetContainer-EDJA5L2H.mjs"));
 
 export {
   ComputeGraphContextProvider,
@@ -797,4 +805,4 @@ export {
   RangeList,
   SheetContainer
 };
-//# sourceMappingURL=chunk-H23JW3DX.mjs.map
+//# sourceMappingURL=chunk-UGSCCRPW.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ComputeGraph/ComputeGraphContextProvider.tsx", "../../../src/components/RangeList/RangeList.tsx", "../../../src/components/index.ts", "../../../src/components/GridSheet/GridSheet.tsx", "../../../src/components/GridSheet/util.ts", "../../../src/integrations/thread-ranges.ts", "../../../src/components/SheetContext/SheetContext.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { createContext, type PropsWithChildren, useContext } from 'react';\n\nimport { type ComputeGraph, type ComputeGraphRegistry } from '@dxos/compute';\nimport { raise } from '@dxos/debug';\nimport { type Space } from '@dxos/react-client/echo';\nimport { useAsyncState } from '@dxos/react-hooks';\n\nexport type ComputeGraphContextType = {\n  registry: ComputeGraphRegistry;\n};\n\n/**\n * The compute graph context manages a ComputeGraph for each space.\n */\nexport const ComputeGraphContext = createContext<ComputeGraphContextType | undefined>(undefined);\n\nexport const ComputeGraphContextProvider = ({ registry, children }: PropsWithChildren<ComputeGraphContextType>) => {\n  return <ComputeGraphContext.Provider value={{ registry }}>{children}</ComputeGraphContext.Provider>;\n};\n\nexport const useComputeGraph = (space?: Space): ComputeGraph | undefined => {\n  const { registry } = useContext(ComputeGraphContext) ?? raise(new Error('Missing ComputeGraphContext'));\n  const [graph] = useAsyncState(async () => {\n    if (space) {\n      const graph = registry.getOrCreateGraph(space);\n      await graph.open();\n      return graph;\n    }\n  }, [space, registry]);\n\n  return graph;\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { rangeToA1Notation } from '@dxos/compute';\nimport { S } from '@dxos/echo-schema';\nimport { useTranslation } from '@dxos/react-ui';\nimport { List } from '@dxos/react-ui-list';\nimport { ghostHover } from '@dxos/react-ui-theme';\n\nimport { SHEET_PLUGIN } from '../../meta';\nimport { rangeFromIndex } from '../../types';\nimport { Range, type SheetType } from '../../types';\n\nexport type RangeListProps = {\n  sheet: SheetType;\n};\n\nexport const RangeList = ({ sheet }: RangeListProps) => {\n  const { t } = useTranslation(SHEET_PLUGIN);\n  // TODO(thure): Implement similar to comments, #8121\n  const handleSelectRange = (range: Range) => {};\n  const handleDeleteRange = useCallback(\n    (range: Range) => {\n      const index = sheet.ranges.findIndex((sheetRange) => sheetRange === range);\n      sheet.ranges.splice(index, 1);\n    },\n    [sheet],\n  );\n  return (\n    <>\n      <h2 className='p-2 text-sm font-semibold'>{t('range list heading')}</h2>\n      <List.Root<Range> items={sheet.ranges} isItem={S.is(Range)}>\n        {({ items: ranges }) =>\n          ranges.map((range, i) => (\n            <List.Item key={i} item={range} classNames={['p-2', ghostHover]}>\n              <List.ItemDragHandle />\n              <List.ItemTitle onClick={() => handleSelectRange(range)}>\n                {t('range title', {\n                  position: rangeToA1Notation(rangeFromIndex(sheet, range.range)),\n                  key: t(`range key ${range.key} label`),\n                  value: t(`range value ${range.value} label`),\n                })}\n              </List.ItemTitle>\n              <List.ItemDeleteButton onClick={() => handleDeleteRange(range)} />\n            </List.Item>\n          ))\n        }\n      </List.Root>\n    </>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport * from './ComputeGraph';\nexport * from './GridSheet';\nexport * from './RangeList';\nexport * from './SheetContext';\n\nexport const SheetContainer = lazy(() => import('./SheetContainer'));\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, {\n  useCallback,\n  useMemo,\n  useRef,\n  type FocusEvent,\n  type KeyboardEvent,\n  type WheelEvent,\n  type MouseEvent,\n  useState,\n} from 'react';\n\nimport { createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { rangeToA1Notation, type CellRange } from '@dxos/compute';\nimport { DropdownMenu, Icon, useTranslation } from '@dxos/react-ui';\nimport { useAttention } from '@dxos/react-ui-attention';\nimport {\n  closestCell,\n  defaultSizeRow,\n  editorKeys,\n  Grid,\n  GridCellEditor,\n  type DxGridElement,\n  type DxGridPosition,\n  type DxGridCellIndex,\n  type EditorKeyHandler,\n  type EditorBlurHandler,\n  type GridContentProps,\n  parseCellIndex,\n} from '@dxos/react-ui-grid';\n\nimport { colLabelCell, rowLabelCell, useSheetModelDxGridProps } from './util';\nimport { rangeExtension, sheetExtension, type RangeController } from '../../extensions';\nimport { useSelectThreadOnCellFocus, useUpdateFocusedCellOnThreadSelection } from '../../integrations';\nimport { SHEET_PLUGIN } from '../../meta';\nimport { DEFAULT_COLS, DEFAULT_ROWS, SheetAction } from '../../types';\nimport { useSheetContext } from '../SheetContext';\n\nconst inertPosition: DxGridPosition = { plane: 'grid', col: 0, row: 0 };\n\nconst initialCells = {\n  grid: {},\n  frozenColsStart: [...Array(64)].reduce((acc, _, i) => {\n    acc[`0,${i}`] = rowLabelCell(i);\n    return acc;\n  }, {}),\n  frozenRowsStart: [...Array(12)].reduce((acc, _, i) => {\n    acc[`${i},0`] = colLabelCell(i);\n    return acc;\n  }, {}),\n};\n\nconst frozen = {\n  frozenColsStart: 1,\n  frozenRowsStart: 1,\n};\n\nconst sheetRowDefault = {\n  frozenRowsStart: { size: defaultSizeRow, readonly: true },\n  grid: { size: defaultSizeRow, resizeable: true },\n};\nconst sheetColDefault = { frozenColsStart: { size: 48, readonly: true }, grid: { size: 180, resizeable: true } };\n\nexport const GridSheet = () => {\n  const { t } = useTranslation(SHEET_PLUGIN);\n  const { id, model, editing, setCursor, setRange, cursor, cursorFallbackRange, activeRefs, ignoreAttention } =\n    useSheetContext();\n  // NOTE(thure): using `useState` instead of `useRef` works with refs provided by `@lit/react` and gives us\n  // a reliable dependency for `useEffect` whereas `useLayoutEffect` does not guarantee the element will be defined.\n  const [dxGrid, setDxGrid] = useState<DxGridElement | null>(null);\n  const [extraplanarFocus, setExtraplanarFocus] = useState<DxGridPosition | null>(null);\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n  const rangeController = useRef<RangeController>();\n  const { hasAttention } = useAttention(id);\n\n  const handleFocus = useCallback(\n    (event: FocusEvent) => {\n      if (!editing) {\n        const cell = closestCell(event.target);\n        if (cell) {\n          if (cell.plane === 'grid') {\n            setCursor({ col: cell.col, row: cell.row });\n            setExtraplanarFocus(null);\n          } else {\n            setExtraplanarFocus(cell);\n          }\n        } else {\n          setExtraplanarFocus(null);\n        }\n      }\n    },\n    [editing],\n  );\n\n  // TODO(burdon): Validate formula before closing: hf.validateFormula();\n  const handleClose = useCallback<EditorKeyHandler>(\n    (_value, event) => {\n      if (event) {\n        const { key, shift } = event;\n        const axis = ['Enter', 'ArrowUp', 'ArrowDown'].includes(key)\n          ? 'row'\n          : ['Tab', 'ArrowLeft', 'ArrowRight'].includes(key)\n            ? 'col'\n            : undefined;\n        const delta = key.startsWith('Arrow') ? (['ArrowUp', 'ArrowLeft'].includes(key) ? -1 : 1) : shift ? -1 : 1;\n        dxGrid?.refocus(axis, delta);\n      }\n    },\n    [model, editing, dxGrid],\n  );\n\n  const handleBlur = useCallback<EditorBlurHandler>(\n    (value) => {\n      if (value !== undefined) {\n        model.setValue(parseCellIndex(editing!.index), value);\n      }\n    },\n    [model, editing],\n  );\n\n  const handleAxisResize = useCallback<NonNullable<GridContentProps['onAxisResize']>>(\n    ({ axis, size, index: numericIndex }) => {\n      if (axis === 'row') {\n        const rowId = model.sheet.rows[parseInt(numericIndex)];\n        model.sheet.rowMeta[rowId] ??= {};\n        model.sheet.rowMeta[rowId].size = size;\n      } else {\n        const columnId = model.sheet.columns[parseInt(numericIndex)];\n        model.sheet.columnMeta[columnId] ??= {};\n        model.sheet.columnMeta[columnId].size = size;\n      }\n    },\n    [model],\n  );\n\n  const handleSelect = useCallback<NonNullable<GridContentProps['onSelect']>>(\n    ({ minCol, maxCol, minRow, maxRow }) => {\n      const range: CellRange = { from: { col: minCol, row: minRow } };\n      if (minCol !== maxCol || minRow !== maxRow) {\n        range.to = { col: maxCol, row: maxRow };\n      }\n      if (editing) {\n        // Update range selection in formula.\n        rangeController.current?.setRange(rangeToA1Notation(range));\n      } else {\n        // Setting range while editing causes focus to move to null, avoid doing so.\n        setRange(range.to ? range : undefined);\n      }\n    },\n    [editing],\n  );\n  const handleWheel = useCallback(\n    (event: WheelEvent) => {\n      if (!ignoreAttention && !hasAttention) {\n        event.stopPropagation();\n      }\n    },\n    [hasAttention, ignoreAttention],\n  );\n\n  const selectEntireAxis = useCallback(\n    (pos: DxGridPosition) => {\n      switch (pos.plane) {\n        case 'frozenRowsStart':\n          return dxGrid?.setSelection({\n            start: { col: pos.col, row: 0, plane: 'grid' },\n            end: { col: pos.col, row: model.sheet.rows.length - 1, plane: 'grid' },\n          });\n        case 'frozenColsStart':\n          return dxGrid?.setSelection({\n            start: { row: pos.row, col: 0, plane: 'grid' },\n            end: { row: pos.row, col: model.sheet.columns.length - 1, plane: 'grid' },\n          });\n      }\n    },\n    [dxGrid, model.sheet],\n  );\n\n  const handleClick = useCallback(\n    (event: MouseEvent) => {\n      const cell = closestCell(event.target);\n      if (cell) {\n        selectEntireAxis(cell);\n      }\n    },\n    [selectEntireAxis],\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      switch (event.key) {\n        case 'Backspace':\n        case 'Delete':\n          event.preventDefault();\n          return cursorFallbackRange && model.clear(cursorFallbackRange);\n        case 'Enter':\n        case 'Space':\n          if (dxGrid && extraplanarFocus) {\n            switch (extraplanarFocus.plane) {\n              case 'frozenRowsStart':\n              case 'frozenColsStart':\n                event.preventDefault();\n                return selectEntireAxis(extraplanarFocus);\n            }\n          }\n      }\n      if (event.metaKey || event.ctrlKey) {\n        switch (event.key) {\n          case 'x':\n          case 'X':\n            event.preventDefault();\n            return cursorFallbackRange && model.cut(cursorFallbackRange);\n          case 'c':\n          case 'C':\n            event.preventDefault();\n            return cursorFallbackRange && model.copy(cursorFallbackRange);\n          case 'v':\n          case 'V':\n            event.preventDefault();\n            return cursor && model.paste(cursor);\n          case 'z':\n            event.preventDefault();\n            return event.shiftKey ? model.redo() : model.undo();\n          case 'Z':\n          case 'y':\n            event.preventDefault();\n            return model.redo();\n        }\n      }\n    },\n    [cursorFallbackRange, model, cursor, extraplanarFocus, selectEntireAxis],\n  );\n\n  const contextMenuAnchorRef = useRef<HTMLButtonElement | null>(null);\n  const [contextMenuOpen, setContextMenuOpen] = useState<DxGridPosition | null>(null);\n  const contextMenuAxis = contextMenuOpen?.plane.startsWith('frozenRows') ? 'col' : 'row';\n\n  const handleContextMenu = useCallback((event: MouseEvent) => {\n    const cell = closestCell(event.target);\n    if (cell && cell.plane.startsWith('frozen')) {\n      event.preventDefault();\n      contextMenuAnchorRef.current = event.target as HTMLButtonElement;\n      setContextMenuOpen(cell);\n    }\n  }, []);\n\n  const handleAxisMenuAction = useCallback(\n    (operation: 'insert-before' | 'insert-after' | 'drop') => {\n      switch (operation) {\n        case 'insert-before':\n        case 'insert-after':\n          return dispatch(\n            createIntent(SheetAction.InsertAxis, {\n              model,\n              axis: contextMenuAxis,\n              index: contextMenuOpen![contextMenuAxis] + (operation === 'insert-before' ? 0 : 1),\n            }),\n          );\n        case 'drop':\n          return dispatch(\n            createIntent(SheetAction.DropAxis, {\n              model,\n              axis: contextMenuAxis,\n              axisIndex: model.sheet[contextMenuAxis === 'row' ? 'rows' : 'columns'][contextMenuOpen![contextMenuAxis]],\n            }),\n          );\n      }\n    },\n    [contextMenuAxis, contextMenuOpen, model, dispatch],\n  );\n\n  const { columns, rows } = useSheetModelDxGridProps(dxGrid, model);\n\n  const extension = useMemo(\n    () => [\n      editorKeys({ onClose: handleClose, ...(editing?.initialContent && { onNav: handleClose }) }),\n      sheetExtension({ functions: model.graph.getFunctions() }),\n      rangeExtension({\n        onInit: (fn) => (rangeController.current = fn),\n        onStateChange: (state) => {\n          if (dxGrid) {\n            // This can’t dispatch a setState in this component, otherwise the cell editor remounts and loses focus.\n            dxGrid.mode = typeof state.activeRange === 'undefined' ? 'edit' : 'edit-select';\n          }\n        },\n      }),\n    ],\n    [model, handleClose, editing],\n  );\n\n  const getCellContent = useCallback(\n    (index: DxGridCellIndex) => {\n      return model.getCellText(parseCellIndex(index));\n    },\n    [model],\n  );\n\n  useUpdateFocusedCellOnThreadSelection(dxGrid);\n  useSelectThreadOnCellFocus();\n\n  return (\n    <div role='none' className='relative min-bs-0'>\n      <GridCellEditor getCellContent={getCellContent} extension={extension} onBlur={handleBlur} />\n      <Grid.Content\n        initialCells={initialCells}\n        limitColumns={DEFAULT_COLS}\n        limitRows={DEFAULT_ROWS}\n        columns={columns}\n        rows={rows}\n        onAxisResize={handleAxisResize}\n        onSelect={handleSelect}\n        rowDefault={sheetRowDefault}\n        columnDefault={sheetColDefault}\n        frozen={frozen}\n        onFocus={handleFocus}\n        onWheelCapture={handleWheel}\n        onKeyDown={handleKeyDown}\n        onContextMenu={handleContextMenu}\n        onClick={handleClick}\n        overscroll='trap'\n        className='[--dx-grid-base:var(--surface-bg)] [&_.dx-grid]:border-bs [&_.dx-grid]:absolute [&_.dx-grid]:inset-0 [&_.dx-grid]:border-separator'\n        activeRefs={activeRefs}\n        ref={setDxGrid}\n      />\n      <DropdownMenu.Root\n        modal={false}\n        open={!!contextMenuOpen}\n        onOpenChange={(nextOpen) => setContextMenuOpen(nextOpen ? inertPosition : null)}\n      >\n        <DropdownMenu.VirtualTrigger virtualRef={contextMenuAnchorRef} />\n        <DropdownMenu.Content side={contextMenuAxis === 'col' ? 'bottom' : 'right'} sideOffset={4} collisionPadding={8}>\n          <DropdownMenu.Viewport>\n            <DropdownMenu.Item\n              onClick={() => handleAxisMenuAction('insert-before')}\n              data-testid={`grid.${contextMenuAxis}.insert-before`}\n            >\n              <Icon\n                size={5}\n                icon={contextMenuAxis === 'col' ? 'ph--columns-plus-left--regular' : 'ph--rows-plus-top--regular'}\n              />\n              <span>{t(`add ${contextMenuAxis} before label`)}</span>\n            </DropdownMenu.Item>\n            <DropdownMenu.Item\n              onClick={() => handleAxisMenuAction('insert-after')}\n              data-testid={`grid.${contextMenuAxis}.insert-after`}\n            >\n              <Icon\n                size={5}\n                icon={contextMenuAxis === 'col' ? 'ph--columns-plus-right--regular' : 'ph--rows-plus-bottom--regular'}\n              />\n              <span>{t(`add ${contextMenuAxis} after label`)}</span>\n            </DropdownMenu.Item>\n            <DropdownMenu.Item\n              onClick={() => handleAxisMenuAction('drop')}\n              data-testid={`grid.${contextMenuAxis}.drop`}\n            >\n              <Icon size={5} icon='ph--backspace--regular' />\n              <span>{t(`delete ${contextMenuAxis} label`)}</span>\n            </DropdownMenu.Item>\n          </DropdownMenu.Viewport>\n          <DropdownMenu.Arrow />\n        </DropdownMenu.Content>\n      </DropdownMenu.Root>\n    </div>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { useEffect, useState } from 'react';\n\nimport { inRange } from '@dxos/compute';\nimport { createDocAccessor, fullyQualifiedId } from '@dxos/react-client/echo';\nimport { parseValue, cellClassesForFieldType } from '@dxos/react-ui-form';\nimport {\n  type GridContentProps,\n  type DxGridElement,\n  type DxGridAxisMeta,\n  type DxGridPlane,\n  type DxGridPlaneRange,\n  type DxGridPlaneCells,\n  type DxGridCellValue,\n  colToA1Notation,\n  rowToA1Notation,\n  commentedClassName,\n} from '@dxos/react-ui-grid';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { parseThreadAnchorAsCellRange } from '../../integrations';\nimport { type SheetModel } from '../../model';\nimport { cellClassNameForRange, rangeFromIndex } from '../../types';\n\nconst createDxGridColumns = (model: SheetModel): DxGridAxisMeta => {\n  return model.sheet.columns.reduce(\n    (acc: DxGridAxisMeta, columnId, numericIndex) => {\n      if (model.sheet.columnMeta[columnId] && model.sheet.columnMeta[columnId].size) {\n        acc.grid[numericIndex] = { size: model.sheet.columnMeta[columnId].size, resizeable: true };\n      }\n      return acc;\n    },\n    { grid: {} },\n  );\n};\n\nconst createDxGridRows = (model: SheetModel): DxGridAxisMeta => {\n  return model.sheet.rows.reduce(\n    (acc: DxGridAxisMeta, rowId, numericIndex) => {\n      if (model.sheet.rowMeta[rowId] && model.sheet.rowMeta[rowId].size) {\n        acc.grid[numericIndex] = { size: model.sheet.rowMeta[rowId].size, resizeable: true };\n      }\n      return acc;\n    },\n    { grid: {} },\n  );\n};\n\nconst projectCellProps = (model: SheetModel, col: number, row: number): DxGridCellValue => {\n  const address = { col, row };\n  const rawValue = model.getValue(address);\n  const ranges = model.sheet.ranges?.filter(({ range }) => inRange(rangeFromIndex(model.sheet, range), address));\n  const threadRefs = model.sheet.threads\n    ?.filter((thread) => {\n      const range = thread.target?.anchor && parseThreadAnchorAsCellRange(thread.target!.anchor);\n      return thread && range ? inRange(range, address) : false;\n    })\n    .map((thread) => fullyQualifiedId(thread!))\n    .join(' ');\n\n  const description = model.getValueDescription(address);\n  const type = description?.type;\n  const format = description?.format;\n  const classNames = ranges?.map(cellClassNameForRange).reverse();\n\n  return {\n    value: parseValue({ type, format, value: rawValue }),\n    className: mx(cellClassesForFieldType({ type, format }), threadRefs && commentedClassName, classNames),\n    dataRefs: threadRefs,\n  };\n};\nconst gridCellGetter = (model: SheetModel) => {\n  // TODO(thure): Actually use the cache.\n  const cachedGridCells: DxGridPlaneCells = {};\n  return (nextBounds: DxGridPlaneRange): DxGridPlaneCells => {\n    [...Array(nextBounds.end.col - nextBounds.start.col)].forEach((_, c0) => {\n      return [...Array(nextBounds.end.row - nextBounds.start.row)].forEach((_, r0) => {\n        const col = nextBounds.start.col + c0;\n        const row = nextBounds.start.row + r0;\n        cachedGridCells[`${col},${row}`] = projectCellProps(model, col, row);\n      });\n    });\n    return cachedGridCells;\n  };\n};\n\nexport const rowLabelCell = (row: number) => ({\n  value: rowToA1Notation(row),\n  className: 'text-end pie-1 text-subdued',\n  resizeHandle: 'row',\n});\n\nexport const colLabelCell = (col: number) => ({\n  value: colToA1Notation(col),\n  className: 'text-subdued',\n  resizeHandle: 'col',\n});\n\nconst cellGetter = (model: SheetModel) => {\n  const getGridCells = gridCellGetter(model);\n  return (nextBounds: DxGridPlaneRange, plane: DxGridPlane): DxGridPlaneCells => {\n    switch (plane) {\n      case 'grid':\n        return getGridCells(nextBounds);\n      case 'frozenColsStart':\n        return [...Array(nextBounds.end.row - nextBounds.start.row)].reduce((acc, _, r0) => {\n          const r = nextBounds.start.row + r0;\n          acc[`0,${r}`] = rowLabelCell(r);\n          return acc;\n        }, {});\n      case 'frozenRowsStart':\n        return [...Array(nextBounds.end.col - nextBounds.start.col)].reduce((acc, _, c0) => {\n          const c = nextBounds.start.col + c0;\n          acc[`${c},0`] = colLabelCell(c);\n          return acc;\n        }, {});\n      default:\n        return {};\n    }\n  };\n};\n\nexport const useSheetModelDxGridProps = (\n  dxGrid: DxGridElement | null,\n  model: SheetModel,\n): Pick<GridContentProps, 'columns' | 'rows'> => {\n  const [columns, setColumns] = useState<DxGridAxisMeta>(createDxGridColumns(model));\n  const [rows, setRows] = useState<DxGridAxisMeta>(createDxGridRows(model));\n\n  useEffect(() => {\n    const cellsAccessor = createDocAccessor(model.sheet, ['cells']);\n    if (dxGrid) {\n      dxGrid.getCells = cellGetter(model);\n    }\n    const handleCellsUpdate = () => {\n      dxGrid?.requestUpdate('initialCells');\n    };\n    cellsAccessor.handle.addListener('change', handleCellsUpdate);\n    const unsubscribe = model.graph.update.on(handleCellsUpdate);\n    return () => {\n      cellsAccessor.handle.removeListener('change', handleCellsUpdate);\n      unsubscribe();\n    };\n  }, [model, dxGrid]);\n\n  useEffect(() => {\n    const columnMetaAccessor = createDocAccessor(model.sheet, ['columnMeta']);\n    const rowMetaAccessor = createDocAccessor(model.sheet, ['rowMeta']);\n    const handleColumnMetaUpdate = () => {\n      setColumns(createDxGridColumns(model));\n    };\n    const handleRowMetaUpdate = () => {\n      setRows(createDxGridRows(model));\n    };\n    columnMetaAccessor.handle.addListener('change', handleColumnMetaUpdate);\n    rowMetaAccessor.handle.addListener('change', handleRowMetaUpdate);\n    return () => {\n      columnMetaAccessor.handle.removeListener('change', handleColumnMetaUpdate);\n      rowMetaAccessor.handle.removeListener('change', handleRowMetaUpdate);\n    };\n  }, [model, dxGrid]);\n\n  return { columns, rows };\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { useCallback, useEffect, useMemo } from 'react';\n\nimport {\n  createIntent,\n  createResolver,\n  LayoutAction,\n  useIntentResolver,\n  useIntentDispatcher,\n} from '@dxos/app-framework';\nimport { debounce } from '@dxos/async';\nimport { type CellAddress, type CompleteCellRange, inRange } from '@dxos/compute';\nimport { S } from '@dxos/echo-schema';\nimport { ThreadAction } from '@dxos/plugin-thread/types';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport { type DxGridElement, type DxGridPosition, type GridContentProps } from '@dxos/react-ui-grid';\n\nimport { useSheetContext } from '../components';\nimport { SHEET_PLUGIN } from '../meta';\n\nexport const completeCellRangeToThreadCursor = (range: CompleteCellRange): string => {\n  return `${range.from.col},${range.from.row},${range.to.col},${range.to.row}`;\n};\n\nexport const parseThreadAnchorAsCellRange = (cursor: string): CompleteCellRange | null => {\n  const coords = cursor.split(',');\n  if (coords.length !== 4) {\n    return null;\n  } else {\n    const [fromCol, fromRow, toCol, toRow] = coords;\n    return {\n      from: { col: parseInt(fromCol), row: parseInt(fromRow) },\n      to: { col: parseInt(toCol), row: parseInt(toRow) },\n    };\n  }\n};\n\nexport const useUpdateFocusedCellOnThreadSelection = (grid: DxGridElement | null) => {\n  const { model, setActiveRefs } = useSheetContext();\n  const scrollIntoViewResolver = useMemo(\n    () =>\n      createResolver({\n        intent: LayoutAction.ScrollIntoView,\n        position: 'hoist',\n        filter: (\n          data,\n        ): data is {\n          part: 'current';\n          subject: string;\n          options: { cursor: string; ref: GridContentProps['activeRefs'] };\n        } => {\n          if (!S.is(LayoutAction.ScrollIntoView.fields.input)(data)) {\n            return false;\n          }\n\n          return data.subject === fullyQualifiedId(model.sheet) && !!data.options?.cursor;\n        },\n        resolve: ({ options: { cursor, ref } }) => {\n          setActiveRefs(ref);\n          // TODO(Zan): Everywhere we refer to the cursor in a thread context should change to `anchor`.\n          const range = parseThreadAnchorAsCellRange(cursor!);\n          range && grid?.setFocus({ ...range.to, plane: 'grid' }, true);\n        },\n      }),\n    [model.sheet, setActiveRefs],\n  );\n\n  useIntentResolver(SHEET_PLUGIN, scrollIntoViewResolver);\n};\n\nexport const useSelectThreadOnCellFocus = () => {\n  const { model, cursor } = useSheetContext();\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n\n  const threads = useMemo(\n    () => model.sheet.threads?.filter((thread): thread is NonNullable<typeof thread> => !!thread) ?? [],\n    [\n      // TODO(thure): Surely we can find a better dependency for this…\n      JSON.stringify(model.sheet.threads),\n    ],\n  );\n\n  const selectClosestThread = useCallback(\n    (cellAddress: CellAddress) => {\n      if (!cellAddress || !threads) {\n        return;\n      }\n\n      const closestThread = threads?.find((ref) => {\n        if (ref.target?.anchor) {\n          const range = parseThreadAnchorAsCellRange(ref.target!.anchor);\n          return range ? inRange(range, cellAddress) : false;\n        } else {\n          return false;\n        }\n      });\n\n      if (closestThread) {\n        void dispatch(createIntent(ThreadAction.Select, { current: fullyQualifiedId(closestThread) }));\n      }\n    },\n    [dispatch, threads],\n  );\n\n  const debounced = useMemo(() => {\n    return debounce((cellCoords: DxGridPosition) => requestAnimationFrame(() => selectClosestThread(cellCoords)), 50);\n  }, [selectClosestThread]);\n\n  useEffect(() => {\n    if (!cursor) {\n      return;\n    }\n    debounced(cursor);\n  }, [cursor, debounced]);\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type PropsWithChildren, createContext, useCallback, useContext, useState } from 'react';\n\nimport { type ComputeGraph, type CellAddress, type CellRange, type CompleteCellRange } from '@dxos/compute';\nimport { invariant } from '@dxos/invariant';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport {\n  Grid,\n  type GridContentProps,\n  type GridEditing,\n  type GridScopedProps,\n  useGridContext,\n} from '@dxos/react-ui-grid';\n\nimport { type SheetModel, useSheetModel } from '../../model';\nimport { type SheetType } from '../../types';\n\nexport type SheetContextValue = {\n  id: string;\n\n  model: SheetModel;\n\n  // Cursor state.\n  // TODO(burdon): Cursor and range should use indices.\n  cursor?: CellAddress;\n  setCursor: (cell: CellAddress | undefined) => void;\n  range?: CellRange;\n  setRange: (range: CellRange | undefined) => void;\n  cursorFallbackRange?: CompleteCellRange;\n\n  // Editing state (undefined if not editing).\n  editing: GridEditing;\n  setEditing: (editing: GridEditing) => void;\n\n  // Active refs\n  activeRefs: GridContentProps['activeRefs'];\n  setActiveRefs: (activeRefs: GridContentProps['activeRefs']) => void;\n\n  // Events.\n  // TODO(burdon): Generalize.\n  onInfo?: () => void;\n\n  // Flags\n  ignoreAttention?: boolean;\n};\n\nconst SheetContext = createContext<SheetContextValue | undefined>(undefined);\n\nexport const useSheetContext = (): SheetContextValue => {\n  const context = useContext(SheetContext);\n  invariant(context);\n  return context;\n};\n\nconst SheetProviderImpl = ({\n  model,\n  onInfo,\n  ignoreAttention,\n  children,\n  __gridScope,\n}: GridScopedProps<PropsWithChildren<Pick<SheetContextValue, 'onInfo' | 'model' | 'ignoreAttention'>>>) => {\n  const { id, editing, setEditing } = useGridContext('SheetProvider', __gridScope);\n\n  const [cursor, setCursorInternal] = useState<CellAddress>();\n  const [range, setRangeInternal] = useState<CellRange>();\n  const [cursorFallbackRange, setCursorFallbackRange] = useState<CompleteCellRange>();\n  const [activeRefs, setActiveRefs] = useState<GridContentProps['activeRefs']>('');\n\n  const setCursor = useCallback(\n    (nextCursor?: CellAddress) => {\n      setCursorInternal(nextCursor);\n      setCursorFallbackRange(\n        range?.to ? (range as CompleteCellRange) : nextCursor ? { from: nextCursor!, to: nextCursor! } : undefined,\n      );\n    },\n    [range],\n  );\n  const setRange = useCallback(\n    (nextRange?: CellRange) => {\n      setRangeInternal(nextRange);\n      setCursorFallbackRange(\n        nextRange?.to ? (nextRange as CompleteCellRange) : cursor ? { from: cursor!, to: cursor! } : undefined,\n      );\n    },\n    [cursor],\n  );\n\n  return (\n    <SheetContext.Provider\n      value={{\n        id,\n        model,\n        editing,\n        setEditing,\n        cursor,\n        setCursor,\n        range,\n        setRange,\n        cursorFallbackRange,\n        activeRefs,\n        setActiveRefs,\n        // TODO(burdon): Change to event.\n        onInfo,\n        ignoreAttention,\n      }}\n    >\n      {children}\n    </SheetContext.Provider>\n  );\n};\n\nexport type SheetProviderProps = {\n  graph: ComputeGraph;\n  sheet: SheetType;\n  readonly?: boolean;\n  ignoreAttention?: boolean;\n} & Pick<SheetContextValue, 'onInfo'>;\n\nexport const SheetProvider = ({\n  children,\n  graph,\n  sheet,\n  readonly,\n  ignoreAttention,\n  onInfo,\n}: PropsWithChildren<SheetProviderProps>) => {\n  const model = useSheetModel(graph, sheet, { readonly });\n\n  return !model ? null : (\n    <Grid.Root id={fullyQualifiedId(sheet)}>\n      <SheetProviderImpl model={model} onInfo={onInfo} ignoreAttention={ignoreAttention}>\n        {children}\n      </SheetProviderImpl>\n    </Grid.Root>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["React", "createContext", "useContext", "raise", "useAsyncState", "ComputeGraphContext", "createContext", "undefined", "ComputeGraphContextProvider", "registry", "children", "Provider", "value", "useComputeGraph", "space", "useContext", "raise", "Error", "graph", "useAsyncState", "getOrCreateGraph", "open", "React", "useCallback", "rangeToA1Notation", "S", "useTranslation", "List", "ghostHover", "RangeList", "sheet", "t", "useTranslation", "SHEET_PLUGIN", "handleSelectRange", "range", "handleDeleteRange", "useCallback", "index", "ranges", "findIndex", "sheetRange", "splice", "React", "h2", "className", "List", "Root", "items", "isItem", "S", "is", "Range", "map", "i", "Item", "key", "item", "classNames", "ghostHover", "ItemDragHandle", "ItemTitle", "onClick", "position", "rangeToA1Notation", "rangeFromIndex", "value", "ItemDeleteButton", "lazy", "React", "useCallback", "useMemo", "useRef", "useState", "createIntent", "useIntentDispatcher", "rangeToA1Notation", "DropdownMenu", "Icon", "useTranslation", "useAttention", "closestCell", "defaultSizeRow", "editorKeys", "Grid", "GridCellEditor", "parseCellIndex", "useEffect", "useState", "inRange", "createDocAccessor", "fullyQualifiedId", "parseValue", "cellClassesForFieldType", "colToA1Notation", "rowToA1Notation", "commentedClassName", "mx", "useCallback", "useEffect", "useMemo", "createIntent", "createResolver", "LayoutAction", "useIntentResolver", "useIntentDispatcher", "debounce", "inRange", "S", "ThreadAction", "fullyQualifiedId", "completeCellRangeToThreadCursor", "range", "from", "col", "row", "to", "parseThreadAnchorAsCellRange", "cursor", "coords", "split", "length", "fromCol", "fromRow", "toCol", "toRow", "parseInt", "useUpdateFocusedCellOnThreadSelection", "grid", "model", "setActiveRefs", "useSheetContext", "scrollIntoViewResolver", "useMemo", "createResolver", "intent", "LayoutAction", "ScrollIntoView", "position", "filter", "data", "S", "is", "fields", "input", "subject", "fullyQualifiedId", "sheet", "options", "resolve", "ref", "setFocus", "plane", "useIntentResolver", "SHEET_PLUGIN", "useSelectThreadOnCellFocus", "dispatchPromise", "dispatch", "useIntentDispatcher", "threads", "thread", "JSON", "stringify", "selectClosestThread", "useCallback", "cellAddress", "closestThread", "find", "target", "anchor", "inRange", "createIntent", "ThreadAction", "Select", "current", "debounced", "debounce", "cellCoords", "requestAnimationFrame", "useEffect", "createDxGridColumns", "model", "sheet", "columns", "reduce", "acc", "columnId", "numericIndex", "columnMeta", "size", "grid", "resizeable", "createDxGridRows", "rows", "rowId", "rowMeta", "projectCellProps", "col", "row", "address", "rawValue", "getValue", "ranges", "filter", "range", "inRange", "rangeFromIndex", "threadRefs", "threads", "thread", "target", "anchor", "parseThreadAnchorAsCellRange", "map", "fullyQualifiedId", "join", "description", "getValueDescription", "type", "format", "classNames", "cellClassNameForRange", "reverse", "value", "parseValue", "className", "mx", "cellClassesForFieldType", "commentedClassName", "dataRefs", "gridCellGetter", "cachedGridCells", "nextBounds", "Array", "end", "start", "forEach", "_", "c0", "r0", "rowLabelCell", "rowToA1Notation", "resizeHandle", "colLabelCell", "colToA1Notation", "cellGetter", "getGridCells", "plane", "r", "c", "useSheetModelDxGridProps", "dxGrid", "setColumns", "useState", "setRows", "useEffect", "cellsAccessor", "createDocAccessor", "getCells", "handleCellsUpdate", "requestUpdate", "handle", "addListener", "unsubscribe", "graph", "update", "on", "removeListener", "columnMetaAccessor", "rowMetaAccessor", "handleColumnMetaUpdate", "handleRowMetaUpdate", "React", "createContext", "useCallback", "useContext", "useState", "invariant", "fullyQualifiedId", "Grid", "useGridContext", "SheetContext", "createContext", "undefined", "useSheetContext", "context", "useContext", "invariant", "SheetProviderImpl", "model", "onInfo", "ignoreAttention", "children", "__gridScope", "id", "editing", "setEditing", "useGridContext", "cursor", "setCursorInternal", "useState", "range", "setRangeInternal", "cursorFallbackRange", "setCursorFallbackRange", "activeRefs", "setActiveRefs", "setCursor", "useCallback", "nextCursor", "to", "from", "setRange", "nextRange", "React", "Provider", "value", "SheetProvider", "graph", "sheet", "readonly", "useSheetModel", "Grid", "Root", "fullyQualifiedId", "inertPosition", "plane", "col", "row", "initialCells", "grid", "frozenColsStart", "Array", "reduce", "acc", "_", "i", "rowLabelCell", "frozenRowsStart", "colLabelCell", "frozen", "sheetRowDefault", "size", "defaultSizeRow", "readonly", "resizeable", "sheetColDefault", "GridSheet", "t", "useTranslation", "SHEET_PLUGIN", "id", "model", "editing", "setCursor", "setRange", "cursor", "cursorFallbackRange", "activeRefs", "ignoreAttention", "useSheetContext", "dxGrid", "setDxGrid", "useState", "extraplanarFocus", "setExtraplanarFocus", "dispatchPromise", "dispatch", "useIntentDispatcher", "rangeController", "useRef", "hasAttention", "useAttention", "handleFocus", "useCallback", "event", "cell", "closestCell", "target", "handleClose", "_value", "key", "shift", "axis", "includes", "undefined", "delta", "startsWith", "refocus", "handleBlur", "value", "setValue", "parseCellIndex", "index", "handleAxisResize", "numericIndex", "rowId", "sheet", "rows", "parseInt", "rowMeta", "columnId", "columns", "columnMeta", "handleSelect", "minCol", "maxCol", "minRow", "maxRow", "range", "from", "to", "current", "rangeToA1Notation", "handleWheel", "stopPropagation", "selectEntireAxis", "pos", "setSelection", "start", "end", "length", "handleClick", "handleKeyDown", "preventDefault", "clear", "metaKey", "ctrlKey", "cut", "copy", "paste", "shiftKey", "redo", "undo", "contextMenuAnchorRef", "contextMenuOpen", "setContextMenuOpen", "contextMenuAxis", "handleContextMenu", "handleAxisMenuAction", "operation", "createIntent", "SheetAction", "InsertAxis", "DropAxis", "axisIndex", "useSheetModelDxGridProps", "extension", "useMemo", "editorKeys", "onClose", "initialContent", "onNav", "sheetExtension", "functions", "graph", "getFunctions", "rangeExtension", "onInit", "fn", "onStateChange", "state", "mode", "activeRange", "getCellContent", "getCellText", "useUpdateFocusedCellOnThreadSelection", "useSelectThreadOnCellFocus", "React", "div", "role", "className", "GridCellEditor", "onBlur", "Grid", "Content", "limitColumns", "DEFAULT_COLS", "limitRows", "DEFAULT_ROWS", "onAxisResize", "onSelect", "rowDefault", "columnDefault", "onFocus", "onWheelCapture", "onKeyDown", "onContextMenu", "onClick", "overscroll", "ref", "DropdownMenu", "Root", "modal", "open", "onOpenChange", "nextOpen", "VirtualTrigger", "virtualRef", "side", "sideOffset", "collisionPadding", "Viewport", "Item", "data-testid", "Icon", "icon", "span", "Arrow", "SheetContainer", "lazy"]
+}

package/dist/lib/browser/{compute-graph-registry-XH6B2SWG.mjs → compute-graph-registry-EGPD4HEX.mjs}

@@ -1,7 +1,7 @@
 import {
   SheetCapabilities
-} from "./chunk-PW25VUP6.mjs";
-import "./chunk-K6EUYKWT.mjs";
+} from "./chunk-LXHRT3CC.mjs";
+import "./chunk-GAFHJBCU.mjs";
 
 // packages/plugins/plugin-sheet/src/capabilities/compute-graph-registry.ts
 import { contributes } from "@dxos/app-framework";
@@ -24,4 +24,4 @@ var compute_graph_registry_default = async (context) => {
 export {
   compute_graph_registry_default as default
 };
-//# sourceMappingURL=compute-graph-registry-XH6B2SWG.mjs.map
+//# sourceMappingURL=compute-graph-registry-EGPD4HEX.mjs.map

package/dist/lib/browser/index.mjs

@@ -1,28 +1,29 @@
 import {
   SheetCapabilities
-} from "./chunk-PW25VUP6.mjs";
+} from "./chunk-LXHRT3CC.mjs";
 import {
   SheetAction,
   SheetType
-} from "./chunk-T3IVPMRX.mjs";
+} from "./chunk-OOSRC36N.mjs";
 import {
   SHEET_PLUGIN,
   meta
-} from "./chunk-K6EUYKWT.mjs";
+} from "./chunk-GAFHJBCU.mjs";
 
 // packages/plugins/plugin-sheet/src/capabilities/index.ts
 import { lazy } from "@dxos/app-framework";
-var ComputeGraphRegistry = lazy(() => import("./compute-graph-registry-XH6B2SWG.mjs"));
-var IntentResolver = lazy(() => import("./intent-resolver-Q7DTHAM5.mjs"));
-var Markdown = lazy(() => import("./markdown-IKG5FNCA.mjs"));
-var ReactContext = lazy(() => import("./react-context-JG43577H.mjs"));
-var ReactSurface = lazy(() => import("./react-surface-URRC3AFC.mjs"));
-var Thread = lazy(() => import("./thread-YX6KBQNQ.mjs"));
+var ComputeGraphRegistry = lazy(() => import("./compute-graph-registry-EGPD4HEX.mjs"));
+var IntentResolver = lazy(() => import("./intent-resolver-6S2RMLQF.mjs"));
+var Markdown = lazy(() => import("./markdown-EJU2M7EE.mjs"));
+var ReactSurface = lazy(() => import("./react-surface-24GOYR7J.mjs"));
+var Thread = lazy(() => import("./thread-7ZWW5EA7.mjs"));
 
 // packages/plugins/plugin-sheet/src/SheetPlugin.tsx
-import { Capabilities, contributes, createIntent, defineModule, definePlugin, Events, oneOf } from "@dxos/app-framework";
-import { FunctionType } from "@dxos/functions";
-import { ClientCapabilities, ClientEvents } from "@dxos/plugin-client";
+import { Capabilities, contributes, createIntent, defineModule, definePlugin, Events } from "@dxos/app-framework";
+import { ClientEvents } from "@dxos/plugin-client";
+import { MarkdownEvents } from "@dxos/plugin-markdown";
+import { SpaceCapabilities, ThreadEvents } from "@dxos/plugin-space";
+import { defineObjectForm } from "@dxos/plugin-space/types";
 
 // packages/plugins/plugin-sheet/src/serializer.ts
 import { create, getObjectCore } from "@dxos/react-client/echo";
@@ -87,7 +88,7 @@ var translations_default = [
 var SheetPlugin = () => definePlugin(meta, [
   defineModule({
     id: `${meta.id}/module/compute-graph-registry`,
-    activatesOn: Events.Startup,
+    activatesOn: ClientEvents.ClientReady,
     activate: ComputeGraphRegistry
   }),
   defineModule({
@@ -97,11 +98,10 @@ var SheetPlugin = () => definePlugin(meta, [
   }),
   defineModule({
     id: `${meta.id}/module/metadata`,
-    activatesOn: oneOf(Events.Startup, Events.SetupAppGraph),
+    activatesOn: Events.SetupMetadata,
     activate: () => contributes(Capabilities.Metadata, {
       id: SheetType.typename,
       metadata: {
-        createObject: (props) => createIntent(SheetAction.Create, props),
         label: (object) => object instanceof SheetType ? object.name : void 0,
         placeholder: [
           "sheet title placeholder",
@@ -115,42 +115,34 @@ var SheetPlugin = () => definePlugin(meta, [
     })
   }),
   defineModule({
-    id: `${meta.id}/module/schema`,
-    activatesOn: ClientEvents.SetupClient,
-    activate: () => [
-      contributes(ClientCapabilities.Schema, [
-        SheetType
-      ]),
-      // TODO(wittjosiah): Factor out to common package/plugin.
-      //  FunctionType is currently registered here in case script plugin isn't enabled.
-      contributes(ClientCapabilities.SystemSchema, [
-        FunctionType
-      ])
-    ]
+    id: `${meta.id}/module/object-form`,
+    activatesOn: ClientEvents.SetupSchema,
+    activate: () => contributes(SpaceCapabilities.ObjectForm, defineObjectForm({
+      objectSchema: SheetType,
+      getIntent: (props, options) => createIntent(SheetAction.Create, {
+        ...props,
+        space: options.space
+      })
+    }))
   }),
   defineModule({
     id: `${meta.id}/module/markdown`,
-    activatesOn: Events.Startup,
+    activatesOn: MarkdownEvents.SetupExtensions,
     activate: Markdown
   }),
   defineModule({
     id: `${meta.id}/module/thread`,
-    activatesOn: Events.Startup,
+    activatesOn: ThreadEvents.SetupThread,
     activate: Thread
   }),
-  defineModule({
-    id: `${meta.id}/module/react-context`,
-    activatesOn: Events.Startup,
-    activate: ReactContext
-  }),
   defineModule({
     id: `${meta.id}/module/react-surface`,
-    activatesOn: Events.Startup,
+    activatesOn: Events.SetupReactSurface,
     activate: ReactSurface
   }),
   defineModule({
     id: `${meta.id}/module/intent-resolver`,
-    activatesOn: Events.SetupIntents,
+    activatesOn: Events.SetupIntentResolver,
     activate: IntentResolver
   })
 ]);