@dxos/plugin-sheet 0.8.4-main.7996785055 → 0.8.4-main.8baae0fced

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

@@ -1,43 +1,11 @@
+import {
+  useSelectThreadOnCellFocus
+} from "../chunk-YFY6U524.mjs";
 import {
   rangeExtension,
   sheetExtension
-} from "./chunk-NNWF7EKC.mjs";
-import {
-  DEFAULT_COLS,
-  DEFAULT_ROWS,
-  MAX_COLS,
-  MAX_ROWS,
-  ReadonlyException,
-  SheetCapabilities,
-  addressFromIndex,
-  addressToIndex,
-  alignKey,
-  cellClassNameForRange,
-  initialize,
-  insertIndices,
-  mapFormulaIndicesToRefs,
-  mapFormulaRefsToIndices,
-  rangeFromIndex,
-  rangeToIndex
-} from "./chunk-BZEV7AQM.mjs";
-import {
-  definitions_exports
-} from "./chunk-AIOU5OTJ.mjs";
-import {
-  meta
-} from "./chunk-MFMDZ433.mjs";
-
-// src/integrations/thread-ranges.ts
-import { useCallback as useCallback3, useEffect as useEffect6, useMemo as useMemo4 } from "react";
-import { useOperationInvoker as useOperationInvoker2 } from "@dxos/app-framework/ui";
-import { companionSegment } from "@dxos/app-toolkit";
-import { debounce } from "@dxos/async";
-import { inRange as inRange4 } from "@dxos/compute";
-import { Obj as Obj5, Relation } from "@dxos/echo";
-import { DeckOperation } from "@dxos/plugin-deck/operations";
-import { ThreadOperation } from "@dxos/plugin-thread/operations";
-import { Filter, Query, useQuery } from "@dxos/react-client/echo";
-import { AnchoredTo, Thread } from "@dxos/types";
+} from "../chunk-4SBAIU6F.mjs";
+import "../chunk-J5LGTIGS.mjs";
 
 // src/components/ComputeGraph/ComputeGraphContextProvider.tsx
 import React, { createContext, useContext } from "react";
@@ -69,13 +37,16 @@ var useComputeGraph = (space) => {
 // src/components/SheetContent/SheetContent.tsx
 import React3, { useCallback as useCallback2, useEffect as useEffect3, useMemo, useRef, useState as useState4 } from "react";
 import { useCapabilities, useOperationInvoker } from "@dxos/app-framework/ui";
-import { rangeToA1Notation } from "@dxos/compute";
+import { rangeToA1Notation } from "@dxos/compute-hyperformula";
 import { Obj as Obj2 } from "@dxos/echo";
 import { defaultColSize, defaultRowSize } from "@dxos/lit-grid";
 import { DropdownMenu, Icon, useTranslation } from "@dxos/react-ui";
 import { useAttention } from "@dxos/react-ui-attention";
 import { Grid as Grid2, GridCellEditor, closestCell, editorKeys, parseCellIndex } from "@dxos/react-ui-grid";
 import { composable, composableProps } from "@dxos/ui-theme";
+import { meta } from "#meta";
+import { SheetOperation } from "#types";
+import { DEFAULT_COLS, DEFAULT_ROWS, SheetCapabilities } from "#types";
 
 // src/components/SheetRoot/SheetRoot.tsx
 import React2, { createContext as createContext2, useCallback, useContext as useContext2, useState as useState2 } from "react";
@@ -84,13 +55,14 @@ import { Grid, useGridContext } from "@dxos/react-ui-grid";
 
 // src/model/sheet-model.ts
 import { Event } from "@dxos/async";
-import { DetailedCellError, ExportedCellChange, addressFromA1Notation, addressToA1Notation, createSheetName, isFormula } from "@dxos/compute";
+import { DetailedCellError, ExportedCellChange, addressFromA1Notation, addressToA1Notation, createSheetName, isFormula } from "@dxos/compute-hyperformula";
 import { Resource } from "@dxos/context";
 import { Obj } from "@dxos/echo";
 import { Format, TypeEnum } from "@dxos/echo/internal";
 import { invariant } from "@dxos/invariant";
 import { PublicKey } from "@dxos/keys";
 import { log } from "@dxos/log";
+import { MAX_COLS, MAX_ROWS, ReadonlyException, addressFromIndex, addressToIndex, initialize, insertIndices, mapFormulaIndicesToRefs, mapFormulaRefsToIndices } from "#types";
 var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-sheet/src/model/sheet-model.ts";
 var typeMap = {
   BOOLEAN: {
@@ -168,13 +140,8 @@ var SheetModel = class extends Resource {
   async _open() {
     log("initialize", {
       id: this.id
-    }, {
-      F: __dxlog_file,
-      L: 124,
-      S: this,
-      C: (f, a) => f(...a)
-    });
-    Obj.change(this._sheet, (obj) => {
+    }, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 96, S: this });
+    Obj.update(this._sheet, (obj) => {
       initialize(obj);
     });
     this._graph.update.on((event) => {
@@ -197,26 +164,10 @@ var SheetModel = class extends Resource {
   * @deprecated
   */
   reset() {
-    invariant(this._node, void 0, {
-      F: __dxlog_file,
-      L: 154,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
+    invariant(this._node, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 123, S: this, A: ["this._node", ""] });
     this._node.graph.hf.clearSheet(this._node.sheetId);
     Object.entries(this._sheet.cells).forEach(([key, { value }]) => {
-      invariant(this._node, void 0, {
-        F: __dxlog_file,
-        L: 157,
-        S: this,
-        A: [
-          "this._node",
-          ""
-        ]
-      });
+      invariant(this._node, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 126, S: this, A: ["this._node", ""] });
       const { col, row } = addressFromIndex(this._sheet, key);
       if (isFormula(value)) {
         const binding = this._graph.mapFunctionBindingFromId(mapFormulaIndicesToRefs(this._sheet, value));
@@ -245,7 +196,7 @@ var SheetModel = class extends Resource {
   }
   insertRows(i, n = 1) {
     let idx = [];
-    Obj.change(this._sheet, (obj) => {
+    Obj.update(this._sheet, (obj) => {
       idx = insertIndices(obj.rows, i, n, MAX_ROWS);
     });
     this.reset();
@@ -253,7 +204,7 @@ var SheetModel = class extends Resource {
   }
   insertColumns(i, n = 1) {
     let idx = [];
-    Obj.change(this._sheet, (obj) => {
+    Obj.update(this._sheet, (obj) => {
       idx = insertIndices(obj.columns, i, n, MAX_COLS);
     });
     this.reset();
@@ -267,7 +218,7 @@ var SheetModel = class extends Resource {
     const values = this.getCellValues(range).flat();
     const index = this._sheet.rows.indexOf(rowIndex);
     this.clear(range);
-    Obj.change(this._sheet, (obj) => {
+    Obj.update(this._sheet, (obj) => {
       obj.rows.splice(index, 1);
       delete obj.rowMeta[rowIndex];
     });
@@ -288,7 +239,7 @@ var SheetModel = class extends Resource {
     const values = this.getCellValues(range).flat();
     const index = this._sheet.columns.indexOf(colIndex);
     this.clear(range);
-    Obj.change(this._sheet, (obj) => {
+    Obj.update(this._sheet, (obj) => {
       obj.columns.splice(index, 1);
       delete obj.columnMeta[colIndex];
     });
@@ -302,7 +253,7 @@ var SheetModel = class extends Resource {
     };
   }
   restoreRow({ index, axisIndex, axisMeta, values }) {
-    Obj.change(this._sheet, (obj) => {
+    Obj.update(this._sheet, (obj) => {
       obj.rows.splice(index, 0, axisIndex);
       values.forEach((value, col) => {
         if (value) {
@@ -318,7 +269,7 @@ var SheetModel = class extends Resource {
     this.reset();
   }
   restoreColumn({ index, axisIndex, axisMeta, values }) {
-    Obj.change(this._sheet, (obj) => {
+    Obj.update(this._sheet, (obj) => {
       obj.columns.splice(index, 0, axisIndex);
       values.forEach((value, row) => {
         if (value) {
@@ -341,19 +292,11 @@ var SheetModel = class extends Resource {
   * Clear range of values.
   */
   clear(range) {
-    invariant(this._node, void 0, {
-      F: __dxlog_file,
-      L: 276,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
+    invariant(this._node, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 251, S: this, A: ["this._node", ""] });
     const topLeft = getTopLeft(range);
     const values = this._iterRange(range, () => null);
     this._node.graph.hf.setCellContents(toSimpleCellAddress(this._node.sheetId, topLeft), values);
-    Obj.change(this._sheet, (obj) => {
+    Obj.update(this._sheet, (obj) => {
       this._iterRange(range, (cell) => {
         const idx = addressToIndex(this._sheet, cell);
         delete obj.cells[idx];
@@ -361,17 +304,9 @@ var SheetModel = class extends Resource {
     });
   }
   cut(range) {
-    invariant(this._node, void 0, {
-      F: __dxlog_file,
-      L: 289,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
+    invariant(this._node, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 263, S: this, A: ["this._node", ""] });
     this._node.graph.hf.cut(toModelRange(this._node.sheetId, range));
-    Obj.change(this._sheet, (obj) => {
+    Obj.update(this._sheet, (obj) => {
       this._iterRange(range, (cell) => {
         const idx = addressToIndex(this._sheet, cell);
         delete obj.cells[idx];
@@ -379,30 +314,14 @@ var SheetModel = class extends Resource {
     });
   }
   copy(range) {
-    invariant(this._node, void 0, {
-      F: __dxlog_file,
-      L: 300,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
+    invariant(this._node, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 273, S: this, A: ["this._node", ""] });
     this._node.graph.hf.copy(toModelRange(this._node.sheetId, range));
   }
   paste(cell) {
-    invariant(this._node, void 0, {
-      F: __dxlog_file,
-      L: 305,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
+    invariant(this._node, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 277, S: this, A: ["this._node", ""] });
     if (!this._node.graph.hf.isClipboardEmpty()) {
       const changes = this._node.graph.hf.paste(toSimpleCellAddress(this._node.sheetId, cell));
-      Obj.change(this._sheet, (obj) => {
+      Obj.update(this._sheet, (obj) => {
         for (const change of changes) {
           if (change instanceof ExportedCellChange) {
             const { address, newValue } = change;
@@ -420,29 +339,13 @@ var SheetModel = class extends Resource {
   }
   // TODO(burdon): Display undo/redo state.
   undo() {
-    invariant(this._node, void 0, {
-      F: __dxlog_file,
-      L: 322,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
+    invariant(this._node, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 298, S: this, A: ["this._node", ""] });
     if (this._node.graph.hf.isThereSomethingToUndo()) {
       this._node.graph.hf.undo();
     }
   }
   redo() {
-    invariant(this._node, void 0, {
-      F: __dxlog_file,
-      L: 330,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
+    invariant(this._node, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 305, S: this, A: ["this._node", ""] });
     if (this._node.graph.hf.isThereSomethingToRedo()) {
       this._node.graph.hf.redo();
     }
@@ -478,27 +381,14 @@ var SheetModel = class extends Resource {
   * Gets the regular or computed value from the engine.
   */
   getValue(cell) {
-    invariant(this._node, void 0, {
-      F: __dxlog_file,
-      L: 373,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
+    invariant(this._node, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 339, S: this, A: ["this._node", ""] });
     const address = toSimpleCellAddress(this._node.sheetId, cell);
     const value = this._node.graph.hf.getCellValue(address);
     if (value instanceof DetailedCellError) {
       log.warn("cell error", {
         cell,
         error: value
-      }, {
-        F: __dxlog_file,
-        L: 378,
-        S: this,
-        C: (f, a) => f(...a)
-      });
+      }, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 344, S: this });
       return value.toString();
     }
     return value;
@@ -507,15 +397,7 @@ var SheetModel = class extends Resource {
   * Get value type.
   */
   getValueDescription(cell) {
-    invariant(this._node, void 0, {
-      F: __dxlog_file,
-      L: 389,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
+    invariant(this._node, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 355, S: this, A: ["this._node", ""] });
     const addr = toSimpleCellAddress(this._node.sheetId, cell);
     const type = this._node.graph.hf.getCellValueDetailedType(addr);
     return typeMap[type];
@@ -524,27 +406,19 @@ var SheetModel = class extends Resource {
   * Sets the value, updating the sheet and engine.
   */
   setValue(cell, value) {
-    invariant(this._node, void 0, {
-      F: __dxlog_file,
-      L: 399,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
+    invariant(this._node, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 363, S: this, A: ["this._node", ""] });
     if (this._options.readonly) {
       throw new ReadonlyException();
     }
     let refresh = false;
     if (cell.row >= this._sheet.rows.length) {
-      Obj.change(this._sheet, (obj) => {
+      Obj.update(this._sheet, (obj) => {
         insertIndices(obj.rows, cell.row, 1, MAX_ROWS);
       });
       refresh = true;
     }
     if (cell.col >= this._sheet.columns.length) {
-      Obj.change(this._sheet, (obj) => {
+      Obj.update(this._sheet, (obj) => {
         insertIndices(obj.columns, cell.col, 1, MAX_COLS);
       });
       refresh = true;
@@ -563,14 +437,14 @@ var SheetModel = class extends Resource {
     ]);
     const idx = addressToIndex(this._sheet, cell);
     if (value === void 0 || value === null) {
-      Obj.change(this._sheet, (obj) => {
+      Obj.update(this._sheet, (obj) => {
         delete obj.cells[idx];
       });
     } else {
       if (isFormula(value)) {
         value = this._graph.mapFunctionBindingToId(mapFormulaRefsToIndices(this._sheet, value));
       }
-      Obj.change(this._sheet, (obj) => {
+      Obj.update(this._sheet, (obj) => {
         obj.cells[idx] = {
           value
         };
@@ -626,15 +500,7 @@ var SheetModel = class extends Resource {
   * Map from indices to A1 notation.
   */
   mapFormulaIndicesToRefs(formula) {
-    invariant(isFormula(formula), void 0, {
-      F: __dxlog_file,
-      L: 492,
-      S: this,
-      A: [
-        "isFormula(formula)",
-        ""
-      ]
-    });
+    invariant(isFormula(formula), void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 458, S: this, A: ["isFormula(formula)", ""] });
     return formula.replace(/([a-zA-Z0-9]+)@([a-zA-Z0-9]+)/g, (idx) => {
       return addressToA1Notation(addressFromIndex(this._sheet, idx));
     });
@@ -652,39 +518,15 @@ var SheetModel = class extends Resource {
     return new Date(year, month - 1, day, hours, minutes, seconds);
   }
   toDateTime(num) {
-    invariant(this._node, void 0, {
-      F: __dxlog_file,
-      L: 513,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
+    invariant(this._node, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 475, S: this, A: ["this._node", ""] });
     return this._node.graph.hf.numberToDateTime(num);
   }
   toDate(num) {
-    invariant(this._node, void 0, {
-      F: __dxlog_file,
-      L: 518,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
+    invariant(this._node, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 479, S: this, A: ["this._node", ""] });
     return this._node.graph.hf.numberToDate(num);
   }
   toTime(num) {
-    invariant(this._node, void 0, {
-      F: __dxlog_file,
-      L: 523,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
+    invariant(this._node, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 483, S: this, A: ["this._node", ""] });
     return this._node.graph.hf.numberToTime(num);
   }
 };
@@ -785,11 +627,12 @@ var SheetProviderImpl = ({ __gridScope, children, attendableId, ignoreAttention,
 
 // src/components/SheetContent/util.ts
 import { useEffect as useEffect2, useState as useState3 } from "react";
-import { inRange } from "@dxos/compute";
+import { inRange } from "@dxos/compute-hyperformula";
 import { createDocAccessor } from "@dxos/echo-db";
 import { cellClassesForFieldType, parseValue } from "@dxos/react-ui-form";
 import { colToA1Notation, commentedClassName, rowToA1Notation } from "@dxos/react-ui-grid";
 import { mx } from "@dxos/ui-theme";
+import { cellClassNameForRange, rangeFromIndex } from "#types";
 var createDxGridColumns = (model) => {
   return model.sheet.columns.reduce((acc, columnId, numericIndex) => {
     if (model.sheet.columnMeta[columnId] && model.sheet.columnMeta[columnId].size) {
@@ -1061,7 +904,7 @@ var SheetContent = composable((props, forwardedRef) => {
     editing
   ]);
   const handleAxisResize = useCallback2(({ axis, size, index: numericIndex }) => {
-    Obj2.change(model.sheet, (sheet) => {
+    Obj2.update(model.sheet, (sheet) => {
       if (axis === "row") {
         const rowId = sheet.rows[parseInt(numericIndex)];
         sheet.rowMeta[rowId] ??= {};
@@ -1207,13 +1050,13 @@ var SheetContent = composable((props, forwardedRef) => {
     switch (operation) {
       case "insert-before":
       case "insert-after":
-        return invokePromise(definitions_exports.InsertAxis, {
+        return invokePromise(SheetOperation.InsertAxis, {
           model,
           axis: contextMenuAxis,
           index: contextMenuOpen[contextMenuAxis] + (operation === "insert-before" ? 0 : 1)
         });
       case "drop":
-        return invokePromise(definitions_exports.DropAxis, {
+        return invokePromise(SheetOperation.DropAxis, {
           model,
           axis: contextMenuAxis,
           axisIndex: model.sheet[contextMenuAxis === "row" ? "rows" : "columns"][contextMenuOpen[contextMenuAxis]]
@@ -1270,7 +1113,6 @@ var SheetContent = composable((props, forwardedRef) => {
   return /* @__PURE__ */ React3.createElement("div", {
     ref: forwardedRef,
     ...composableProps(props, {
-      role: "none",
       classNames: "relative min-h-0"
     })
   }, /* @__PURE__ */ React3.createElement(GridCellEditor, {
@@ -1312,24 +1154,25 @@ var SheetContent = composable((props, forwardedRef) => {
     "data-testid": `grid.${contextMenuAxis}.insert-before`
   }, /* @__PURE__ */ React3.createElement(Icon, {
     icon: contextMenuAxis === "col" ? "ph--columns-plus-left--regular" : "ph--rows-plus-top--regular"
-  }), /* @__PURE__ */ React3.createElement("span", null, t(`add ${contextMenuAxis} before label`))), /* @__PURE__ */ React3.createElement(DropdownMenu.Item, {
+  }), /* @__PURE__ */ React3.createElement("span", null, t(`add-${contextMenuAxis}-before.label`))), /* @__PURE__ */ React3.createElement(DropdownMenu.Item, {
     onClick: () => handleAxisMenuAction("insert-after"),
     "data-testid": `grid.${contextMenuAxis}.insert-after`
   }, /* @__PURE__ */ React3.createElement(Icon, {
     icon: contextMenuAxis === "col" ? "ph--columns-plus-right--regular" : "ph--rows-plus-bottom--regular"
-  }), /* @__PURE__ */ React3.createElement("span", null, t(`add ${contextMenuAxis} after label`))), /* @__PURE__ */ React3.createElement(DropdownMenu.Item, {
+  }), /* @__PURE__ */ React3.createElement("span", null, t(`add-${contextMenuAxis}-after.label`))), /* @__PURE__ */ React3.createElement(DropdownMenu.Item, {
     onClick: () => handleAxisMenuAction("drop"),
     "data-testid": `grid.${contextMenuAxis}.drop`
   }, /* @__PURE__ */ React3.createElement(Icon, {
     icon: "ph--backspace--regular"
-  }), /* @__PURE__ */ React3.createElement("span", null, t(`delete ${contextMenuAxis} label`)))), /* @__PURE__ */ React3.createElement(DropdownMenu.Arrow, null))));
+  }), /* @__PURE__ */ React3.createElement("span", null, t(`delete-${contextMenuAxis}.label`)))), /* @__PURE__ */ React3.createElement(DropdownMenu.Arrow, null))));
 });
 
 // src/components/SheetStatusbar/SheetStatusbar.tsx
 import React4 from "react";
-import { addressToA1Notation as addressToA1Notation2, isFormula as isFormula2, rangeToA1Notation as rangeToA1Notation2 } from "@dxos/compute";
+import { addressToA1Notation as addressToA1Notation2, isFormula as isFormula2, rangeToA1Notation as rangeToA1Notation2 } from "@dxos/compute-hyperformula";
 import { Icon as Icon2 } from "@dxos/react-ui";
 import { composable as composable2, composableProps as composableProps2, mx as mx2 } from "@dxos/ui-theme";
+import { mapFormulaIndicesToRefs as mapFormulaIndicesToRefs2 } from "#types";
 var SheetStatusbar = composable2((props, forwardedRef) => {
   const { className, ...rest } = composableProps2(props);
   const { model, cursor, range } = useSheetContext();
@@ -1338,7 +1181,7 @@ var SheetStatusbar = composable2((props, forwardedRef) => {
   if (cursor) {
     value = model.getCellValue(cursor);
     if (isFormula2(value)) {
-      value = model.graph.mapFunctionBindingFromId(mapFormulaIndicesToRefs(model.sheet, value));
+      value = model.graph.mapFunctionBindingFromId(mapFormulaIndicesToRefs2(model.sheet, value));
       formula = true;
     } else if (value != null) {
       value = String(value);
@@ -1375,9 +1218,11 @@ import { composable as composable3, composableProps as composableProps3 } from "
 // src/components/SheetToolbar/align.ts
 import { RegistryContext } from "@effect-atom/atom-react";
 import { useContext as useContext3, useEffect as useEffect4 } from "react";
-import { inRange as inRange2 } from "@dxos/compute";
+import { inRange as inRange2 } from "@dxos/compute-hyperformula";
 import { Obj as Obj3 } from "@dxos/echo";
 import { createMenuAction, createMenuItemGroup } from "@dxos/react-ui-menu";
+import { meta as meta2 } from "#meta";
+import { alignKey, rangeFromIndex as rangeFromIndex2, rangeToIndex } from "#types";
 var aligns = {
   start: "ph--text-align-left--regular",
   center: "ph--text-align-center--regular",
@@ -1387,7 +1232,7 @@ var useAlignState = (stateAtom) => {
   const registry = useContext3(RegistryContext);
   const { cursor, model } = useSheetContext();
   useEffect4(() => {
-    const alignValue = cursor ? model.sheet.ranges?.findLast(({ range, key }) => key === alignKey && inRange2(rangeFromIndex(model.sheet, range), cursor))?.value : void 0;
+    const alignValue = cursor ? model.sheet.ranges?.findLast(({ range, key }) => key === alignKey && inRange2(rangeFromIndex2(model.sheet, range), cursor))?.value : void 0;
     const prev = registry.get(stateAtom);
     registry.set(stateAtom, {
       ...prev,
@@ -1402,9 +1247,9 @@ var useAlignState = (stateAtom) => {
 };
 var createAlignGroupAction = (value) => createMenuItemGroup("align", {
   label: [
-    "align label",
+    "align.label",
     {
-      ns: meta.id
+      ns: meta2.id
     }
   ],
   variant: "toggleGroup",
@@ -1416,7 +1261,7 @@ var createAlignActions = ({ model, state, stateAtom, registry, cursorFallbackRan
     if (!cursorFallbackRange) {
       return;
     }
-    const index = model.sheet.ranges?.findIndex((range) => range.key === alignKey && inRange2(rangeFromIndex(model.sheet, range.range), cursorFallbackRange.from)) ?? -1;
+    const index = model.sheet.ranges?.findIndex((range) => range.key === alignKey && inRange2(rangeFromIndex2(model.sheet, range.range), cursorFallbackRange.from)) ?? -1;
     const nextRangeEntity = {
       range: rangeToIndex(model.sheet, cursorFallbackRange),
       key: alignKey,
@@ -1424,7 +1269,7 @@ var createAlignActions = ({ model, state, stateAtom, registry, cursorFallbackRan
     };
     const currentState = registry.get(stateAtom);
     if (index < 0) {
-      Obj3.change(model.sheet, (obj) => {
+      Obj3.update(model.sheet, (obj) => {
         obj.ranges?.push(nextRangeEntity);
       });
       registry.set(stateAtom, {
@@ -1432,7 +1277,7 @@ var createAlignActions = ({ model, state, stateAtom, registry, cursorFallbackRan
         [alignKey]: nextRangeEntity.value
       });
     } else if (model.sheet.ranges[index].value === nextRangeEntity.value) {
-      Obj3.change(model.sheet, (obj) => {
+      Obj3.update(model.sheet, (obj) => {
         obj.ranges?.splice(index, 1);
       });
       registry.set(stateAtom, {
@@ -1440,7 +1285,7 @@ var createAlignActions = ({ model, state, stateAtom, registry, cursorFallbackRan
         [alignKey]: void 0
       });
     } else {
-      Obj3.change(model.sheet, (obj) => {
+      Obj3.update(model.sheet, (obj) => {
         obj.ranges?.splice(index, 1, nextRangeEntity);
       });
       registry.set(stateAtom, {
@@ -1453,9 +1298,9 @@ var createAlignActions = ({ model, state, stateAtom, registry, cursorFallbackRan
     value: alignValue,
     checked: state[alignKey] === alignValue,
     label: [
-      `range value ${alignValue} label`,
+      `range-value.${alignValue}.label`,
       {
-        ns: meta.id
+        ns: meta2.id
       }
     ],
     icon,
@@ -1488,9 +1333,11 @@ var createAlign = (context) => {
 // src/components/SheetToolbar/style.ts
 import { RegistryContext as RegistryContext2 } from "@effect-atom/atom-react";
 import { useContext as useContext4, useEffect as useEffect5 } from "react";
-import { inRange as inRange3 } from "@dxos/compute";
+import { inRange as inRange3 } from "@dxos/compute-hyperformula";
 import { Obj as Obj4 } from "@dxos/echo";
 import { createMenuAction as createMenuAction2, createMenuItemGroup as createMenuItemGroup2 } from "@dxos/react-ui-menu";
+import { meta as meta3 } from "#meta";
+import { rangeFromIndex as rangeFromIndex3, rangeToIndex as rangeToIndex2 } from "#types";
 var styles = {
   highlight: "ph--highlighter--regular",
   softwrap: "ph--paragraph--regular"
@@ -1502,7 +1349,7 @@ var useStyleState = (stateAtom) => {
     let highlight = false;
     let softwrap = false;
     if (cursorFallbackRange && model.sheet.ranges) {
-      model.sheet.ranges.filter(({ range, key }) => key === "style" && inRange3(rangeFromIndex(model.sheet, range), cursorFallbackRange.from)).forEach(({ value }) => {
+      model.sheet.ranges.filter(({ range, key }) => key === "style" && inRange3(rangeFromIndex3(model.sheet, range), cursorFallbackRange.from)).forEach(({ value }) => {
         if (value === "highlight") {
           highlight = true;
         }
@@ -1536,16 +1383,16 @@ var createStyleActions = ({ model, state, stateAtom, registry, cursorFallbackRan
     if (!cursorFallbackRange) {
       return;
     }
-    const index = model.sheet.ranges?.findIndex((range) => range.key === "style" && inRange3(rangeFromIndex(model.sheet, range.range), cursorFallbackRange.from)) ?? -1;
+    const index = model.sheet.ranges?.findIndex((range) => range.key === "style" && inRange3(rangeFromIndex3(model.sheet, range.range), cursorFallbackRange.from)) ?? -1;
     const nextRangeEntity = {
-      range: rangeToIndex(model.sheet, cursorFallbackRange),
+      range: rangeToIndex2(model.sheet, cursorFallbackRange),
       key: "style",
       value: styleValue
     };
     const currentState = registry.get(stateAtom);
-    if (model.sheet.ranges.filter(({ range, key: rangeKey }) => rangeKey === "style" && inRange3(rangeFromIndex(model.sheet, range), cursorFallbackRange.from)).some(({ value: rangeValue }) => rangeValue === styleValue)) {
+    if (model.sheet.ranges.filter(({ range, key: rangeKey }) => rangeKey === "style" && inRange3(rangeFromIndex3(model.sheet, range), cursorFallbackRange.from)).some(({ value: rangeValue }) => rangeValue === styleValue)) {
       if (index >= 0) {
-        Obj4.change(model.sheet, (obj) => {
+        Obj4.update(model.sheet, (obj) => {
           obj.ranges?.splice(index, 1);
         });
       }
@@ -1554,7 +1401,7 @@ var createStyleActions = ({ model, state, stateAtom, registry, cursorFallbackRan
         [nextRangeEntity.value]: false
       });
     } else {
-      Obj4.change(model.sheet, (obj) => {
+      Obj4.update(model.sheet, (obj) => {
         obj.ranges?.push(nextRangeEntity);
       });
       registry.set(stateAtom, {
@@ -1567,9 +1414,9 @@ var createStyleActions = ({ model, state, stateAtom, registry, cursorFallbackRan
     value: styleValue,
     icon,
     label: [
-      `range value ${styleValue} label`,
+      `range-value.${styleValue}.label`,
       {
-        ns: meta.id
+        ns: meta3.id
       }
     ],
     checked: !!state[styleValue]
@@ -1694,78 +1541,11 @@ var Sheet = {
   Content: SheetContent,
   Statusbar: SheetStatusbar
 };
-
-// src/integrations/thread-ranges.ts
-var parseThreadAnchorAsCellRange = (cursor) => {
-  const coords = cursor.split(",");
-  if (coords.length !== 4) {
-    return null;
-  } else {
-    const [fromCol, fromRow, toCol, toRow] = coords;
-    return {
-      from: {
-        col: parseInt(fromCol),
-        row: parseInt(fromRow)
-      },
-      to: {
-        col: parseInt(toCol),
-        row: parseInt(toRow)
-      }
-    };
-  }
-};
-var useSelectThreadOnCellFocus = () => {
-  const { model, cursor } = useSheetContext();
-  const { invokePromise } = useOperationInvoker2();
-  const db = Obj5.getDatabase(model.sheet);
-  const anchors = useQuery(db, Query.select(Filter.id(model.sheet.id)).targetOf(AnchoredTo.AnchoredTo));
-  const selectClosestThread = useCallback3((cellAddress) => {
-    if (!cellAddress) {
-      return;
-    }
-    const closestThread = anchors.find((anchor) => {
-      const source = Relation.getSource(anchor);
-      if (anchor.anchor && Obj5.instanceOf(Thread.Thread, source)) {
-        const range = parseThreadAnchorAsCellRange(anchor.anchor);
-        return range ? inRange4(range, cellAddress) : false;
-      } else {
-        return false;
-      }
-    });
-    if (closestThread) {
-      void (async () => {
-        await invokePromise(ThreadOperation.Select, {
-          current: Relation.getDXN(closestThread).toString()
-        });
-        await invokePromise(DeckOperation.ChangeCompanion, {
-          companion: companionSegment("comments")
-        });
-      })();
-    }
-  }, [
-    invokePromise,
-    anchors
-  ]);
-  const debounced = useMemo4(() => {
-    return debounce((cellCoords) => requestAnimationFrame(() => selectClosestThread(cellCoords)), 50);
-  }, [
-    selectClosestThread
-  ]);
-  useEffect6(() => {
-    if (!cursor) {
-      return;
-    }
-    debounced(cursor);
-  }, [
-    cursor,
-    debounced
-  ]);
-};
-
 export {
+  ComputeGraphContext,
   ComputeGraphContextProvider,
-  useComputeGraph,
   Sheet,
-  parseThreadAnchorAsCellRange
+  useComputeGraph,
+  useSheetContext
 };
-//# sourceMappingURL=chunk-T5XHKC7L.mjs.map
+//# sourceMappingURL=index.mjs.map