@dxos/plugin-sheet 0.7.4 → 0.7.5-main.937ce75

package/dist/lib/node/{chunk-45YW2DX2.cjs → chunk-FDEQ2PGJ.cjs}

@@ -26,8 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_45YW2DX2_exports = {};
-__export(chunk_45YW2DX2_exports, {
+var chunk_FDEQ2PGJ_exports = {};
+__export(chunk_FDEQ2PGJ_exports, {
   ComputeGraphContextProvider: () => ComputeGraphContextProvider,
   GridSheet: () => GridSheet,
   SheetContainer: () => SheetContainer,
@@ -38,9 +38,8 @@ __export(chunk_45YW2DX2_exports, {
   useComputeGraph: () => useComputeGraph,
   useSheetContext: () => useSheetContext
 });
-module.exports = __toCommonJS(chunk_45YW2DX2_exports);
-var import_chunk_KSEEI5VC = require("./chunk-KSEEI5VC.cjs");
-var import_chunk_OWH2EUHZ = require("./chunk-OWH2EUHZ.cjs");
+module.exports = __toCommonJS(chunk_FDEQ2PGJ_exports);
+var import_chunk_TQOJ7DG2 = require("./chunk-TQOJ7DG2.cjs");
 var import_chunk_2ZVZI2KJ = require("./chunk-2ZVZI2KJ.cjs");
 var import_react = __toESM(require("react"));
 var import_debug = require("@dxos/debug");
@@ -49,6 +48,7 @@ var import_language = require("@codemirror/language");
 var import_state = require("@codemirror/state");
 var import_view = require("@codemirror/view");
 var import_async = require("@dxos/async");
+var import_compute = require("@dxos/compute");
 var import_invariant = require("@dxos/invariant");
 var import_react_ui_editor = require("@dxos/react-ui-editor");
 var import_autocomplete = require("@codemirror/autocomplete");
@@ -56,41 +56,39 @@ var import_language2 = require("@codemirror/language");
 var import_view2 = require("@codemirror/view");
 var import_highlight = require("@lezer/highlight");
 var import_codemirror_lang_spreadsheet = require("codemirror-lang-spreadsheet");
+var import_compute2 = require("@dxos/compute");
 var import_react_ui_editor2 = require("@dxos/react-ui-editor");
 var import_react_ui_theme = require("@dxos/react-ui-theme");
 var import_react2 = __toESM(require("react"));
 var import_invariant2 = require("@dxos/invariant");
 var import_echo = require("@dxos/react-client/echo");
 var import_react_ui_grid = require("@dxos/react-ui-grid");
-var import_async2 = require("@dxos/async");
-var import_context = require("@dxos/context");
-var import_echo_schema = require("@dxos/echo-schema");
-var import_invariant3 = require("@dxos/invariant");
-var import_keys = require("@dxos/keys");
-var import_log = require("@dxos/log");
-var import_hyperformula = require("#hyperformula");
-var import_react3 = require("react");
-var import_react4 = __toESM(require("react"));
+var import_react3 = __toESM(require("react"));
 var import_app_framework = require("@dxos/app-framework");
+var import_compute3 = require("@dxos/compute");
 var import_react_ui = require("@dxos/react-ui");
 var import_react_ui_attention = require("@dxos/react-ui-attention");
 var import_react_ui_grid2 = require("@dxos/react-ui-grid");
-var import_react5 = require("react");
+var import_react4 = require("react");
+var import_compute4 = require("@dxos/compute");
 var import_echo2 = require("@dxos/react-client/echo");
 var import_react_ui_form = require("@dxos/react-ui-form");
 var import_react_ui_grid3 = require("@dxos/react-ui-grid");
 var import_react_ui_theme2 = require("@dxos/react-ui-theme");
-var import_react6 = require("react");
+var import_react5 = require("react");
 var import_app_framework2 = require("@dxos/app-framework");
-var import_async3 = require("@dxos/async");
+var import_async2 = require("@dxos/async");
+var import_compute5 = require("@dxos/compute");
+var import_types = require("@dxos/plugin-thread/types");
 var import_echo3 = require("@dxos/react-client/echo");
-var import_react7 = require("react");
-var import_react8 = __toESM(require("react"));
-var import_echo_schema2 = require("@dxos/echo-schema");
+var import_react6 = require("react");
+var import_react7 = __toESM(require("react"));
+var import_compute6 = require("@dxos/compute");
+var import_echo_schema = require("@dxos/echo-schema");
 var import_react_ui2 = require("@dxos/react-ui");
 var import_react_ui_list = require("@dxos/react-ui-list");
 var import_react_ui_theme3 = require("@dxos/react-ui-theme");
-var import_react9 = __toESM(require("react"));
+var import_react8 = __toESM(require("react"));
 var import_meta = require("@dxos/plugin-space/meta");
 var import_react_ui3 = require("@dxos/react-ui");
 var ComputeGraphContext = /* @__PURE__ */ (0, import_react.createContext)(void 0);
@@ -295,7 +293,7 @@ var rangeExtension = ({ onInit, onStateChange }) => {
       });
       if (!activeRange && view2.state.doc.toString()[0] === "=") {
         const str = view2.state.doc.sliceString(1);
-        if (import_chunk_KSEEI5VC.RANGE_NOTATION.test(str)) {
+        if (import_compute2.RANGE_NOTATION.test(str)) {
           activeRange = {
             from: 1,
             to: str.length + 1
@@ -319,603 +317,13 @@ var visitTree = (node, callback) => {
   }
   return false;
 };
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-sheet/src/model/sheet-model.ts";
-var typeMap = {
-  BOOLEAN: {
-    type: import_echo_schema.TypeEnum.Boolean
-  },
-  NUMBER_RAW: {
-    type: import_echo_schema.TypeEnum.Number
-  },
-  NUMBER_PERCENT: {
-    type: import_echo_schema.TypeEnum.Number,
-    format: import_echo_schema.FormatEnum.Percent
-  },
-  NUMBER_CURRENCY: {
-    type: import_echo_schema.TypeEnum.Number,
-    format: import_echo_schema.FormatEnum.Currency
-  },
-  NUMBER_DATETIME: {
-    type: import_echo_schema.TypeEnum.String,
-    format: import_echo_schema.FormatEnum.DateTime
-  },
-  NUMBER_DATE: {
-    type: import_echo_schema.TypeEnum.String,
-    format: import_echo_schema.FormatEnum.Date
-  },
-  NUMBER_TIME: {
-    type: import_echo_schema.TypeEnum.String,
-    format: import_echo_schema.FormatEnum.Time
-  }
-};
-var getTopLeft = (range) => {
-  const to = range.to ?? range.from;
-  return {
-    row: Math.min(range.from.row, to.row),
-    col: Math.min(range.from.col, to.col)
-  };
-};
-var toSimpleCellAddress = (sheet, cell) => ({
-  sheet,
-  row: cell.row,
-  col: cell.col
-});
-var toModelRange = (sheet, range) => ({
-  start: toSimpleCellAddress(sheet, range.from),
-  end: toSimpleCellAddress(sheet, range.to ?? range.from)
-});
-var SheetModel = class extends import_context.Resource {
-  constructor(_graph, _sheet, _options = {}) {
-    super();
-    this._graph = _graph;
-    this._sheet = _sheet;
-    this._options = _options;
-    this.id = `model-${import_keys.PublicKey.random().truncate()}`;
-    this.update = new import_async2.Event();
-  }
-  get graph() {
-    return this._graph;
-  }
-  get sheet() {
-    return this._sheet;
-  }
-  get readonly() {
-    return this._options.readonly;
-  }
-  get bounds() {
-    return {
-      rows: this._sheet.rows.length,
-      columns: this._sheet.columns.length
-    };
-  }
-  /**
-  * Initialize sheet and engine.
-  */
-  async _open() {
-    (0, import_log.log)("initialize", {
-      id: this.id
-    }, {
-      F: __dxlog_file,
-      L: 115,
-      S: this,
-      C: (f, a) => f(...a)
-    });
-    (0, import_chunk_KSEEI5VC.initialize)(this._sheet);
-    this._graph.update.on((event) => {
-      if (event.type === "functionsUpdated") {
-        this.reset();
-      }
-    });
-    this._node = this._graph.getOrCreateNode((0, import_chunk_KSEEI5VC.createSheetName)({
-      type: (0, import_echo_schema.getTypename)(this._sheet),
-      id: this._sheet.id
-    }));
-    await this._node.open();
-    const unsubscribe = this._node.update.on((event) => this.update.emit(event));
-    this._ctx.onDispose(unsubscribe);
-    this.reset();
-  }
-  /**
-  * Update engine.
-  * NOTE: This resets the undo history.
-  * @deprecated
-  */
-  reset() {
-    (0, import_invariant3.invariant)(this._node, void 0, {
-      F: __dxlog_file,
-      L: 141,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
-    this._node.graph.hf.clearSheet(this._node.sheetId);
-    Object.entries(this._sheet.cells).forEach(([key, { value }]) => {
-      (0, import_invariant3.invariant)(this._node, void 0, {
-        F: __dxlog_file,
-        L: 144,
-        S: this,
-        A: [
-          "this._node",
-          ""
-        ]
-      });
-      const { col, row } = (0, import_chunk_KSEEI5VC.addressFromIndex)(this._sheet, key);
-      if ((0, import_chunk_KSEEI5VC.isFormula)(value)) {
-        const binding = this._graph.mapFunctionBindingFromId((0, import_chunk_KSEEI5VC.mapFormulaIndicesToRefs)(this._sheet, value));
-        if (binding) {
-          value = this._graph.mapFormulaToNative(binding);
-        } else {
-          value = "";
-        }
-      }
-      this._node.graph.hf.setCellContents({
-        sheet: this._node.sheetId,
-        row,
-        col
-      }, value);
-    });
-  }
-  /**
-  * Recalculate formulas.
-  * NOTE: This resets the undo history.
-  * https://hyperformula.handsontable.com/guide/volatile-functions.html#volatile-actions
-  * @deprecated
-  */
-  // TODO(burdon): Remove.
-  recalculate() {
-    this._node?.graph.hf.rebuildAndRecalculate();
-  }
-  insertRows(i, n = 1) {
-    const idx = (0, import_chunk_KSEEI5VC.insertIndices)(this._sheet.rows, i, n, import_chunk_KSEEI5VC.MAX_ROWS);
-    this.reset();
-    return idx;
-  }
-  insertColumns(i, n = 1) {
-    const idx = (0, import_chunk_KSEEI5VC.insertIndices)(this._sheet.columns, i, n, import_chunk_KSEEI5VC.MAX_COLUMNS);
-    this.reset();
-    return idx;
-  }
-  dropRow(rowIndex) {
-    const range = {
-      from: (0, import_chunk_KSEEI5VC.addressFromIndex)(this._sheet, `${this._sheet.columns[0]}@${rowIndex}`),
-      to: (0, import_chunk_KSEEI5VC.addressFromIndex)(this._sheet, `${this._sheet.columns[this._sheet.columns.length - 1]}@${rowIndex}`)
-    };
-    const values = this.getCellValues(range).flat();
-    const index = this._sheet.rows.indexOf(rowIndex);
-    this.clear(range);
-    this._sheet.rows.splice(index, 1);
-    delete this._sheet.rowMeta[rowIndex];
-    this.reset();
-    return {
-      axis: "row",
-      index,
-      axisIndex: rowIndex,
-      axisMeta: this._sheet.rowMeta[rowIndex],
-      values
-    };
-  }
-  dropColumn(colIndex) {
-    const range = {
-      from: (0, import_chunk_KSEEI5VC.addressFromIndex)(this._sheet, `${colIndex}@${this._sheet.rows[0]}`),
-      to: (0, import_chunk_KSEEI5VC.addressFromIndex)(this._sheet, `${colIndex}@${this._sheet.rows[this._sheet.rows.length - 1]}`)
-    };
-    const values = this.getCellValues(range).flat();
-    const index = this._sheet.columns.indexOf(colIndex);
-    this.clear(range);
-    this._sheet.columns.splice(index, 1);
-    delete this._sheet.columnMeta[colIndex];
-    this.reset();
-    return {
-      axis: "col",
-      index,
-      axisIndex: colIndex,
-      axisMeta: this._sheet.rowMeta[colIndex],
-      values
-    };
-  }
-  restoreRow({ index, axisIndex, axisMeta, values }) {
-    this._sheet.rows.splice(index, 0, axisIndex);
-    values.forEach((value, col) => {
-      if (value) {
-        this._sheet.cells[`${this._sheet.columns[col]}@${axisIndex}`] = {
-          value
-        };
-      }
-    });
-    if (axisMeta) {
-      this._sheet.rowMeta[axisIndex] = axisMeta;
-    }
-    this.reset();
-  }
-  restoreColumn({ index, axisIndex, axisMeta, values }) {
-    this._sheet.columns.splice(index, 0, axisIndex);
-    values.forEach((value, row) => {
-      if (value) {
-        this._sheet.cells[`${axisIndex}@${this._sheet.rows[row]}`] = {
-          value
-        };
-      }
-    });
-    if (axisMeta) {
-      this._sheet.columnMeta[axisIndex] = axisMeta;
-    }
-    this.reset();
-  }
-  //
-  // Undoable actions.
-  // TODO(burdon): Group undoable methods; consistently update hf/sheet.
-  //
-  /**
-  * Clear range of values.
-  */
-  clear(range) {
-    (0, import_invariant3.invariant)(this._node, void 0, {
-      F: __dxlog_file,
-      L: 247,
-      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);
-    this._iterRange(range, (cell) => {
-      const idx = (0, import_chunk_KSEEI5VC.addressToIndex)(this._sheet, cell);
-      delete this._sheet.cells[idx];
-    });
-  }
-  cut(range) {
-    (0, import_invariant3.invariant)(this._node, void 0, {
-      F: __dxlog_file,
-      L: 258,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
-    this._node.graph.hf.cut(toModelRange(this._node.sheetId, range));
-    this._iterRange(range, (cell) => {
-      const idx = (0, import_chunk_KSEEI5VC.addressToIndex)(this._sheet, cell);
-      delete this._sheet.cells[idx];
-    });
-  }
-  copy(range) {
-    (0, import_invariant3.invariant)(this._node, void 0, {
-      F: __dxlog_file,
-      L: 267,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
-    this._node.graph.hf.copy(toModelRange(this._node.sheetId, range));
-  }
-  paste(cell) {
-    (0, import_invariant3.invariant)(this._node, void 0, {
-      F: __dxlog_file,
-      L: 272,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
-    if (!this._node.graph.hf.isClipboardEmpty()) {
-      const changes = this._node.graph.hf.paste(toSimpleCellAddress(this._node.sheetId, cell));
-      for (const change of changes) {
-        if (change instanceof import_hyperformula.ExportedCellChange) {
-          const { address, newValue } = change;
-          const idx = (0, import_chunk_KSEEI5VC.addressToIndex)(this._sheet, {
-            row: address.row,
-            col: address.col
-          });
-          this._sheet.cells[idx] = {
-            value: newValue
-          };
-        }
-      }
-    }
-  }
-  // TODO(burdon): Display undo/redo state.
-  undo() {
-    (0, import_invariant3.invariant)(this._node, void 0, {
-      F: __dxlog_file,
-      L: 287,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
-    if (this._node.graph.hf.isThereSomethingToUndo()) {
-      this._node.graph.hf.undo();
-    }
-  }
-  redo() {
-    (0, import_invariant3.invariant)(this._node, void 0, {
-      F: __dxlog_file,
-      L: 295,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
-    if (this._node.graph.hf.isThereSomethingToRedo()) {
-      this._node.graph.hf.redo();
-    }
-  }
-  /**
-  * Get value from sheet.
-  */
-  getCellValue(cell) {
-    const idx = (0, import_chunk_KSEEI5VC.addressToIndex)(this._sheet, cell);
-    return this._sheet.cells[idx]?.value ?? null;
-  }
-  /**
-  * Get value as a string for editing.
-  */
-  getCellText(cell) {
-    const value = this.getCellValue(cell);
-    if (value == null) {
-      return void 0;
-    }
-    if ((0, import_chunk_KSEEI5VC.isFormula)(value)) {
-      return this._graph.mapFunctionBindingFromId((0, import_chunk_KSEEI5VC.mapFormulaIndicesToRefs)(this._sheet, value));
-    } else {
-      return String(value);
-    }
-  }
-  /**
-  * Get array of raw values from sheet.
-  */
-  getCellValues(range) {
-    return this._iterRange(range, (cell) => this.getCellValue(cell));
-  }
-  /**
-  * Gets the regular or computed value from the engine.
-  */
-  getValue(cell) {
-    (0, import_invariant3.invariant)(this._node, void 0, {
-      F: __dxlog_file,
-      L: 338,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
-    const address = toSimpleCellAddress(this._node.sheetId, cell);
-    const value = this._node.graph.hf.getCellValue(address);
-    if (value instanceof import_hyperformula.DetailedCellError) {
-      import_log.log.info("cell error", {
-        cell,
-        error: value
-      }, {
-        F: __dxlog_file,
-        L: 343,
-        S: this,
-        C: (f, a) => f(...a)
-      });
-      return value.toString();
-    }
-    return value;
-  }
-  /**
-  * Get value type.
-  */
-  getValueDescription(cell) {
-    (0, import_invariant3.invariant)(this._node, void 0, {
-      F: __dxlog_file,
-      L: 354,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
-    const addr = toSimpleCellAddress(this._node.sheetId, cell);
-    const type = this._node.graph.hf.getCellValueDetailedType(addr);
-    return typeMap[type];
-  }
-  /**
-  * Sets the value, updating the sheet and engine.
-  */
-  setValue(cell, value) {
-    (0, import_invariant3.invariant)(this._node, void 0, {
-      F: __dxlog_file,
-      L: 364,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
-    if (this._options.readonly) {
-      throw new import_chunk_KSEEI5VC.ReadonlyException();
-    }
-    let refresh = false;
-    if (cell.row >= this._sheet.rows.length) {
-      (0, import_chunk_KSEEI5VC.insertIndices)(this._sheet.rows, cell.row, 1, import_chunk_KSEEI5VC.MAX_ROWS);
-      refresh = true;
-    }
-    if (cell.col >= this._sheet.columns.length) {
-      (0, import_chunk_KSEEI5VC.insertIndices)(this._sheet.columns, cell.col, 1, import_chunk_KSEEI5VC.MAX_COLUMNS);
-      refresh = true;
-    }
-    if (refresh) {
-      this.reset();
-    }
-    this._node.graph.hf.setCellContents({
-      sheet: this._node.sheetId,
-      row: cell.row,
-      col: cell.col
-    }, [
-      [
-        (0, import_chunk_KSEEI5VC.isFormula)(value) ? this._graph.mapFormulaToNative(value) : value
-      ]
-    ]);
-    const idx = (0, import_chunk_KSEEI5VC.addressToIndex)(this._sheet, cell);
-    if (value === void 0 || value === null) {
-      delete this._sheet.cells[idx];
-    } else {
-      if ((0, import_chunk_KSEEI5VC.isFormula)(value)) {
-        value = this._graph.mapFunctionBindingToId((0, import_chunk_KSEEI5VC.mapFormulaRefsToIndices)(this._sheet, value));
-      }
-      this._sheet.cells[idx] = {
-        value
-      };
-    }
-  }
-  /**
-  * Sets values from a simple map.
-  */
-  setValues(values) {
-    Object.entries(values).forEach(([key, { value }]) => {
-      this.setValue((0, import_chunk_KSEEI5VC.addressFromA1Notation)(key), value);
-    });
-  }
-  /**
-  * Iterate range.
-  */
-  _iterRange(range, cb) {
-    const to = range.to ?? range.from;
-    const rowRange = [
-      Math.min(range.from.row, to.row),
-      Math.max(range.from.row, to.row)
-    ];
-    const columnRange = [
-      Math.min(range.from.col, to.col),
-      Math.max(range.from.col, to.col)
-    ];
-    const rows = [];
-    for (let row = rowRange[0]; row <= rowRange[1]; row++) {
-      const rowCells = [];
-      for (let column = columnRange[0]; column <= columnRange[1]; column++) {
-        const value = cb({
-          row,
-          col: column
-        });
-        if (value !== void 0) {
-          rowCells.push(value);
-        }
-      }
-      rows.push(rowCells);
-    }
-    return rows;
-  }
-  // TODO(burdon): Delete index.
-  _deleteIndices(indices, i, n) {
-    throw new Error("Not implemented");
-  }
-  // TODO(burdon): Move. Cannot use fractional without changing. Switch back to using unique IDs?
-  _moveIndices(indices, i, j, n) {
-    throw new Error("Not implemented");
-  }
-  /**
-  * Map from indices to A1 notation.
-  */
-  mapFormulaIndicesToRefs(formula) {
-    (0, import_invariant3.invariant)((0, import_chunk_KSEEI5VC.isFormula)(formula), void 0, {
-      F: __dxlog_file,
-      L: 449,
-      S: this,
-      A: [
-        "isFormula(formula)",
-        ""
-      ]
-    });
-    return formula.replace(/([a-zA-Z0-9]+)@([a-zA-Z0-9]+)/g, (idx) => {
-      return (0, import_chunk_KSEEI5VC.addressToA1Notation)((0, import_chunk_KSEEI5VC.addressFromIndex)(this._sheet, idx));
-    });
-  }
-  //
-  // Values
-  //
-  /**
-  * https://hyperformula.handsontable.com/guide/date-and-time-handling.html#example
-  * https://hyperformula.handsontable.com/api/interfaces/configparams.html#nulldate
-  * NOTE: TODAY() is number of FULL days since nullDate. It will typically be -1 days from NOW().
-  */
-  toLocalDate(num) {
-    const { year, month, day, hours, minutes, seconds } = this.toDateTime(num);
-    return new Date(year, month - 1, day, hours, minutes, seconds);
-  }
-  toDateTime(num) {
-    (0, import_invariant3.invariant)(this._node, void 0, {
-      F: __dxlog_file,
-      L: 470,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
-    return this._node.graph.hf.numberToDateTime(num);
-  }
-  toDate(num) {
-    (0, import_invariant3.invariant)(this._node, void 0, {
-      F: __dxlog_file,
-      L: 475,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
-    return this._node.graph.hf.numberToDate(num);
-  }
-  toTime(num) {
-    (0, import_invariant3.invariant)(this._node, void 0, {
-      F: __dxlog_file,
-      L: 480,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
-    return this._node.graph.hf.numberToTime(num);
-  }
-};
-var useSheetModel = (graph, sheet, { readonly } = {}) => {
-  const [model, setModel] = (0, import_react3.useState)();
-  (0, import_react3.useEffect)(() => {
-    if (!graph || !sheet) {
-      return;
-    }
-    let model2;
-    const t = setTimeout(async () => {
-      model2 = new SheetModel(graph, sheet, {
-        readonly
-      });
-      await model2.open();
-      setModel(model2);
-    });
-    return () => {
-      clearTimeout(t);
-      void model2?.close();
-    };
-  }, [
-    graph,
-    sheet,
-    readonly
-  ]);
-  return model;
-};
-var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-sheet/src/components/SheetContext/SheetContext.tsx";
+var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-sheet/src/components/SheetContext/SheetContext.tsx";
 var SheetContext = /* @__PURE__ */ (0, import_react2.createContext)(void 0);
 var useSheetContext = () => {
   const context = (0, import_react2.useContext)(SheetContext);
   (0, import_invariant2.invariant)(context, void 0, {
-    F: __dxlog_file2,
-    L: 55,
+    F: __dxlog_file,
+    L: 54,
     S: void 0,
     A: [
       "context",
@@ -968,7 +376,7 @@ var SheetProviderImpl = ({ model, onInfo, ignoreAttention, children, __gridScope
   }, children);
 };
 var SheetProvider = ({ children, graph, sheet, readonly, ignoreAttention, onInfo }) => {
-  const model = useSheetModel(graph, sheet, {
+  const model = (0, import_chunk_TQOJ7DG2.useSheetModel)(graph, sheet, {
     readonly
   });
   return !model ? null : /* @__PURE__ */ import_react2.default.createElement(import_react_ui_grid.Grid.Root, {
@@ -983,50 +391,50 @@ var RangeList = ({ sheet }) => {
   const { t } = (0, import_react_ui2.useTranslation)(import_chunk_2ZVZI2KJ.SHEET_PLUGIN);
   const handleSelectRange = (range) => {
   };
-  const handleDeleteRange = (0, import_react8.useCallback)((range) => {
+  const handleDeleteRange = (0, import_react7.useCallback)((range) => {
     const index = sheet.ranges.findIndex((sheetRange) => sheetRange === range);
     sheet.ranges.splice(index, 1);
   }, [
     sheet
   ]);
-  return /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement("h2", {
+  return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement("h2", {
     className: "p-2 text-sm font-semibold"
-  }, t("range list heading")), /* @__PURE__ */ import_react8.default.createElement(import_react_ui_list.List.Root, {
+  }, t("range list heading")), /* @__PURE__ */ import_react7.default.createElement(import_react_ui_list.List.Root, {
     items: sheet.ranges,
-    isItem: import_echo_schema2.S.is(import_chunk_OWH2EUHZ.Range)
-  }, ({ items: ranges }) => ranges.map((range, i) => /* @__PURE__ */ import_react8.default.createElement(import_react_ui_list.List.Item, {
+    isItem: import_echo_schema.S.is(import_chunk_TQOJ7DG2.Range)
+  }, ({ items: ranges }) => ranges.map((range, i) => /* @__PURE__ */ import_react7.default.createElement(import_react_ui_list.List.Item, {
     key: i,
     item: range,
     classNames: [
       "p-2",
       import_react_ui_theme3.ghostHover
     ]
-  }, /* @__PURE__ */ import_react8.default.createElement(import_react_ui_list.List.ItemDragHandle, null), /* @__PURE__ */ import_react8.default.createElement(import_react_ui_list.List.ItemTitle, {
+  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui_list.List.ItemDragHandle, null), /* @__PURE__ */ import_react7.default.createElement(import_react_ui_list.List.ItemTitle, {
     onClick: () => handleSelectRange(range)
   }, t("range title", {
-    position: (0, import_chunk_KSEEI5VC.rangeToA1Notation)((0, import_chunk_KSEEI5VC.rangeFromIndex)(sheet, range.range)),
+    position: (0, import_compute6.rangeToA1Notation)((0, import_chunk_TQOJ7DG2.rangeFromIndex)(sheet, range.range)),
     key: t(`range key ${range.key} label`),
     value: t(`range value ${range.value} label`)
-  })), /* @__PURE__ */ import_react8.default.createElement(import_react_ui_list.List.ItemDeleteButton, {
+  })), /* @__PURE__ */ import_react7.default.createElement(import_react_ui_list.List.ItemDeleteButton, {
     onClick: () => handleDeleteRange(range)
   })))));
 };
 var SheetObjectSettings = ({ sheet }) => {
   const { t } = (0, import_react_ui3.useTranslation)(import_meta.SPACE_PLUGIN);
-  return /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, /* @__PURE__ */ import_react9.default.createElement("div", {
+  return /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement("div", {
     role: "form",
     className: "flex flex-col w-full p-2 gap-1"
-  }, /* @__PURE__ */ import_react9.default.createElement(import_react_ui3.Input.Root, null, /* @__PURE__ */ import_react9.default.createElement(import_react_ui3.Input.Label, null, t("name label")), /* @__PURE__ */ import_react9.default.createElement(import_react_ui3.Input.TextInput, {
+  }, /* @__PURE__ */ import_react8.default.createElement(import_react_ui3.Input.Root, null, /* @__PURE__ */ import_react8.default.createElement(import_react_ui3.Input.Label, null, t("name label")), /* @__PURE__ */ import_react8.default.createElement(import_react_ui3.Input.TextInput, {
     placeholder: t("name placeholder"),
     value: sheet.name ?? "",
     onChange: (event) => {
       sheet.name = event.target.value;
     }
-  }))), /* @__PURE__ */ import_react9.default.createElement(RangeList, {
+  }))), /* @__PURE__ */ import_react8.default.createElement(RangeList, {
     sheet
   }));
 };
-var SheetContainer = (0, import_react7.lazy)(() => import("./SheetContainer-VVVRYTQG.cjs"));
+var SheetContainer = (0, import_react6.lazy)(() => import("./SheetContainer-TP4GYXZB.cjs"));
 var completeCellRangeToThreadCursor = (range) => {
   return `${range.from.col},${range.from.row},${range.to.col},${range.to.row}`;
 };
@@ -1050,68 +458,56 @@ var parseThreadAnchorAsCellRange = (cursor) => {
 };
 var useUpdateFocusedCellOnThreadSelection = (grid) => {
   const { model, setActiveRefs } = useSheetContext();
-  const handleScrollIntoView = (0, import_react6.useCallback)(({ action, data }) => {
-    switch (action) {
-      case import_app_framework2.LayoutAction.SCROLL_INTO_VIEW: {
-        if (!data?.id || data?.cursor === void 0 || data?.id !== (0, import_echo3.fullyQualifiedId)(model.sheet)) {
-          return;
-        }
-        setActiveRefs(data.thread);
-        const range = parseThreadAnchorAsCellRange(data.cursor);
-        range && grid?.setFocus({
-          ...range.to,
-          plane: "grid"
-        }, true);
-        return {
-          data: true
-        };
-      }
-    }
-  }, [
+  const scrollIntoViewResolver = (0, import_react5.useMemo)(() => (0, import_app_framework2.createResolver)(import_app_framework2.LayoutAction.ScrollIntoView, ({ cursor, ref }) => {
+    setActiveRefs(ref);
+    const range = parseThreadAnchorAsCellRange(cursor);
+    range && grid?.setFocus({
+      ...range.to,
+      plane: "grid"
+    }, true);
+  }, {
+    disposition: "hoist",
+    filter: (data) => data.id === (0, import_echo3.fullyQualifiedId)(model.sheet) && !!data.cursor
+  }), [
     model.sheet,
     setActiveRefs
   ]);
-  (0, import_app_framework2.useIntentResolver)(import_chunk_2ZVZI2KJ.SHEET_PLUGIN, handleScrollIntoView);
+  (0, import_app_framework2.useIntentResolver)(import_chunk_2ZVZI2KJ.SHEET_PLUGIN, scrollIntoViewResolver);
 };
 var useSelectThreadOnCellFocus = () => {
   const { model, cursor } = useSheetContext();
-  const dispatch = (0, import_app_framework2.useIntentDispatcher)();
-  const threads = (0, import_react6.useMemo)(() => model.sheet.threads?.filter((thread) => !!thread) ?? [], [
+  const { dispatchPromise: dispatch } = (0, import_app_framework2.useIntentDispatcher)();
+  const threads = (0, import_react5.useMemo)(() => model.sheet.threads?.filter((thread) => !!thread) ?? [], [
     // TODO(thure): Surely we can find a better dependency for this…
     JSON.stringify(model.sheet.threads)
   ]);
-  const selectClosestThread = (0, import_react6.useCallback)((cellAddress) => {
+  const selectClosestThread = (0, import_react5.useCallback)((cellAddress) => {
     if (!cellAddress || !threads) {
       return;
     }
-    const closestThread = threads?.find(({ anchor }) => {
-      if (anchor) {
-        const range = parseThreadAnchorAsCellRange(anchor);
-        return range ? (0, import_chunk_KSEEI5VC.inRange)(range, cellAddress) : false;
+    const closestThread = threads?.find((ref) => {
+      if (ref.target?.anchor) {
+        const range = parseThreadAnchorAsCellRange(ref.target.anchor);
+        return range ? (0, import_compute5.inRange)(range, cellAddress) : false;
       } else {
         return false;
       }
     });
     if (closestThread) {
-      void dispatch([
-        {
-          action: "dxos.org/plugin/thread/action/select",
-          data: {
-            current: (0, import_echo3.fullyQualifiedId)(closestThread)
-          }
-        }
-      ]);
+      void dispatch((0, import_app_framework2.createIntent)(import_types.ThreadAction.Select, {
+        current: (0, import_echo3.fullyQualifiedId)(closestThread)
+      }));
     }
   }, [
     dispatch,
     threads
   ]);
-  const debounced = (0, import_react6.useMemo)(() => {
-    return (0, import_async3.debounce)((cellCoords) => requestAnimationFrame(() => selectClosestThread(cellCoords)), 50);
+  const debounced = (0, import_react5.useMemo)(() => {
+    return (0, import_async2.debounce)((cellCoords) => requestAnimationFrame(() => selectClosestThread(cellCoords)), 50);
   }, [
     selectClosestThread
   ]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (!cursor) {
       return;
     }
@@ -1153,15 +549,15 @@ var projectCellProps = (model, col, row) => {
     row
   };
   const rawValue = model.getValue(address);
-  const ranges = model.sheet.ranges?.filter(({ range }) => (0, import_chunk_KSEEI5VC.inRange)((0, import_chunk_KSEEI5VC.rangeFromIndex)(model.sheet, range), address));
+  const ranges = model.sheet.ranges?.filter(({ range }) => (0, import_compute4.inRange)((0, import_chunk_TQOJ7DG2.rangeFromIndex)(model.sheet, range), address));
   const threadRefs = model.sheet.threads?.filter((thread) => {
-    const range = thread?.anchor && parseThreadAnchorAsCellRange(thread.anchor);
-    return thread && range ? (0, import_chunk_KSEEI5VC.inRange)(range, address) : false;
+    const range = thread.target?.anchor && parseThreadAnchorAsCellRange(thread.target.anchor);
+    return thread && range ? (0, import_compute4.inRange)(range, address) : false;
   }).map((thread) => (0, import_echo2.fullyQualifiedId)(thread)).join(" ");
   const description = model.getValueDescription(address);
   const type = description?.type;
   const format = description?.format;
-  const classNames = ranges?.map(import_chunk_KSEEI5VC.cellClassNameForRange).reverse();
+  const classNames = ranges?.map(import_chunk_TQOJ7DG2.cellClassNameForRange).reverse();
   return {
     value: (0, import_react_ui_form.parseValue)({
       type,
@@ -1230,9 +626,9 @@ var cellGetter = (model) => {
   };
 };
 var useSheetModelDxGridProps = (dxGrid, model) => {
-  const [columns, setColumns] = (0, import_react5.useState)(createDxGridColumns(model));
-  const [rows, setRows] = (0, import_react5.useState)(createDxGridRows(model));
-  (0, import_react5.useEffect)(() => {
+  const [columns, setColumns] = (0, import_react4.useState)(createDxGridColumns(model));
+  const [rows, setRows] = (0, import_react4.useState)(createDxGridRows(model));
+  (0, import_react4.useEffect)(() => {
     const cellsAccessor = (0, import_echo2.createDocAccessor)(model.sheet, [
       "cells"
     ]);
@@ -1252,7 +648,7 @@ var useSheetModelDxGridProps = (dxGrid, model) => {
     model,
     dxGrid
   ]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     const columnMetaAccessor = (0, import_echo2.createDocAccessor)(model.sheet, [
       "columnMeta"
     ]);
@@ -1327,12 +723,12 @@ var sheetColDefault = {
 var GridSheet = () => {
   const { t } = (0, import_react_ui.useTranslation)(import_chunk_2ZVZI2KJ.SHEET_PLUGIN);
   const { id, model, editing, setCursor, setRange, cursor, cursorFallbackRange, activeRefs, ignoreAttention } = useSheetContext();
-  const [dxGrid, setDxGrid] = (0, import_react4.useState)(null);
-  const [extraplanarFocus, setExtraplanarFocus] = (0, import_react4.useState)(null);
-  const dispatch = (0, import_app_framework.useIntentDispatcher)();
-  const rangeController = (0, import_react4.useRef)();
+  const [dxGrid, setDxGrid] = (0, import_react3.useState)(null);
+  const [extraplanarFocus, setExtraplanarFocus] = (0, import_react3.useState)(null);
+  const { dispatchPromise: dispatch } = (0, import_app_framework.useIntentDispatcher)();
+  const rangeController = (0, import_react3.useRef)();
   const { hasAttention } = (0, import_react_ui_attention.useAttention)(id);
-  const handleFocus = (0, import_react4.useCallback)((event) => {
+  const handleFocus = (0, import_react3.useCallback)((event) => {
     if (!editing) {
       const cell = (0, import_react_ui_grid2.closestCell)(event.target);
       if (cell) {
@@ -1352,7 +748,7 @@ var GridSheet = () => {
   }, [
     editing
   ]);
-  const handleClose = (0, import_react4.useCallback)((_value, event) => {
+  const handleClose = (0, import_react3.useCallback)((_value, event) => {
     if (event) {
       const { key, shift } = event;
       const axis = [
@@ -1375,7 +771,7 @@ var GridSheet = () => {
     editing,
     dxGrid
   ]);
-  const handleBlur = (0, import_react4.useCallback)((value) => {
+  const handleBlur = (0, import_react3.useCallback)((value) => {
     if (value !== void 0) {
       model.setValue((0, import_react_ui_grid2.parseCellIndex)(editing.index), value);
     }
@@ -1383,7 +779,7 @@ var GridSheet = () => {
     model,
     editing
   ]);
-  const handleAxisResize = (0, import_react4.useCallback)(({ axis, size, index: numericIndex }) => {
+  const handleAxisResize = (0, import_react3.useCallback)(({ axis, size, index: numericIndex }) => {
     if (axis === "row") {
       const rowId = model.sheet.rows[parseInt(numericIndex)];
       model.sheet.rowMeta[rowId] ??= {};
@@ -1396,7 +792,7 @@ var GridSheet = () => {
   }, [
     model
   ]);
-  const handleSelect = (0, import_react4.useCallback)(({ minCol, maxCol, minRow, maxRow }) => {
+  const handleSelect = (0, import_react3.useCallback)(({ minCol, maxCol, minRow, maxRow }) => {
     const range = {
       from: {
         col: minCol,
@@ -1410,14 +806,14 @@ var GridSheet = () => {
       };
     }
     if (editing) {
-      rangeController.current?.setRange((0, import_chunk_KSEEI5VC.rangeToA1Notation)(range));
+      rangeController.current?.setRange((0, import_compute3.rangeToA1Notation)(range));
     } else {
       setRange(range.to ? range : void 0);
     }
   }, [
     editing
   ]);
-  const handleWheel = (0, import_react4.useCallback)((event) => {
+  const handleWheel = (0, import_react3.useCallback)((event) => {
     if (!ignoreAttention && !hasAttention) {
       event.stopPropagation();
     }
@@ -1425,7 +821,7 @@ var GridSheet = () => {
     hasAttention,
     ignoreAttention
   ]);
-  const selectEntireAxis = (0, import_react4.useCallback)((pos) => {
+  const selectEntireAxis = (0, import_react3.useCallback)((pos) => {
     switch (pos.plane) {
       case "frozenRowsStart":
         return dxGrid?.setSelection({
@@ -1458,7 +854,7 @@ var GridSheet = () => {
     dxGrid,
     model.sheet
   ]);
-  const handleClick = (0, import_react4.useCallback)((event) => {
+  const handleClick = (0, import_react3.useCallback)((event) => {
     const cell = (0, import_react_ui_grid2.closestCell)(event.target);
     if (cell) {
       selectEntireAxis(cell);
@@ -1466,7 +862,7 @@ var GridSheet = () => {
   }, [
     selectEntireAxis
   ]);
-  const handleKeyDown = (0, import_react4.useCallback)((event) => {
+  const handleKeyDown = (0, import_react3.useCallback)((event) => {
     switch (event.key) {
       case "Backspace":
       case "Delete":
@@ -1513,10 +909,10 @@ var GridSheet = () => {
     extraplanarFocus,
     selectEntireAxis
   ]);
-  const contextMenuAnchorRef = (0, import_react4.useRef)(null);
-  const [contextMenuOpen, setContextMenuOpen] = (0, import_react4.useState)(null);
+  const contextMenuAnchorRef = (0, import_react3.useRef)(null);
+  const [contextMenuOpen, setContextMenuOpen] = (0, import_react3.useState)(null);
   const contextMenuAxis = contextMenuOpen?.plane.startsWith("frozenRows") ? "col" : "row";
-  const handleContextMenu = (0, import_react4.useCallback)((event) => {
+  const handleContextMenu = (0, import_react3.useCallback)((event) => {
     const cell = (0, import_react_ui_grid2.closestCell)(event.target);
     if (cell && cell.plane.startsWith("frozen")) {
       event.preventDefault();
@@ -1524,28 +920,21 @@ var GridSheet = () => {
       setContextMenuOpen(cell);
     }
   }, []);
-  const handleAxisMenuAction = (0, import_react4.useCallback)((operation) => {
+  const handleAxisMenuAction = (0, import_react3.useCallback)((operation) => {
     switch (operation) {
       case "insert-before":
       case "insert-after":
-        return dispatch({
-          action: import_chunk_OWH2EUHZ.SheetAction.INSERT_AXIS,
-          data: {
-            model,
-            axis: contextMenuAxis,
-            index: contextMenuOpen[contextMenuAxis] + (operation === "insert-before" ? 0 : 1)
-          }
-        });
-        break;
+        return dispatch((0, import_app_framework.createIntent)(import_chunk_TQOJ7DG2.SheetAction.InsertAxis, {
+          model,
+          axis: contextMenuAxis,
+          index: contextMenuOpen[contextMenuAxis] + (operation === "insert-before" ? 0 : 1)
+        }));
       case "drop":
-        return dispatch({
-          action: import_chunk_OWH2EUHZ.SheetAction.DROP_AXIS,
-          data: {
-            model,
-            axis: contextMenuAxis,
-            axisIndex: model.sheet[contextMenuAxis === "row" ? "rows" : "columns"][contextMenuOpen[contextMenuAxis]]
-          }
-        });
+        return dispatch((0, import_app_framework.createIntent)(import_chunk_TQOJ7DG2.SheetAction.DropAxis, {
+          model,
+          axis: contextMenuAxis,
+          axisIndex: model.sheet[contextMenuAxis === "row" ? "rows" : "columns"][contextMenuOpen[contextMenuAxis]]
+        }));
     }
   }, [
     contextMenuAxis,
@@ -1554,7 +943,7 @@ var GridSheet = () => {
     dispatch
   ]);
   const { columns, rows } = useSheetModelDxGridProps(dxGrid, model);
-  const extension = (0, import_react4.useMemo)(() => [
+  const extension = (0, import_react3.useMemo)(() => [
     (0, import_react_ui_grid2.editorKeys)({
       onClose: handleClose,
       ...editing?.initialContent && {
@@ -1577,24 +966,24 @@ var GridSheet = () => {
     handleClose,
     editing
   ]);
-  const getCellContent = (0, import_react4.useCallback)((index) => {
+  const getCellContent = (0, import_react3.useCallback)((index) => {
     return model.getCellText((0, import_react_ui_grid2.parseCellIndex)(index));
   }, [
     model
   ]);
   useUpdateFocusedCellOnThreadSelection(dxGrid);
   useSelectThreadOnCellFocus();
-  return /* @__PURE__ */ import_react4.default.createElement("div", {
+  return /* @__PURE__ */ import_react3.default.createElement("div", {
     role: "none",
     className: "relative min-bs-0"
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui_grid2.GridCellEditor, {
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui_grid2.GridCellEditor, {
     getCellContent,
     extension,
     onBlur: handleBlur
-  }), /* @__PURE__ */ import_react4.default.createElement(import_react_ui_grid2.Grid.Content, {
+  }), /* @__PURE__ */ import_react3.default.createElement(import_react_ui_grid2.Grid.Content, {
     initialCells,
-    limitColumns: import_chunk_KSEEI5VC.DEFAULT_COLUMNS,
-    limitRows: import_chunk_KSEEI5VC.DEFAULT_ROWS,
+    limitColumns: import_chunk_TQOJ7DG2.DEFAULT_COLS,
+    limitRows: import_chunk_TQOJ7DG2.DEFAULT_ROWS,
     columns,
     rows,
     onAxisResize: handleAxisResize,
@@ -1611,35 +1000,35 @@ var GridSheet = () => {
     className: "[--dx-grid-base:var(--surface-bg)] [&_.dx-grid]:border-bs [&_.dx-grid]:absolute [&_.dx-grid]:inset-0 [&_.dx-grid]:border-separator",
     activeRefs,
     ref: setDxGrid
-  }), /* @__PURE__ */ import_react4.default.createElement(import_react_ui.DropdownMenu.Root, {
+  }), /* @__PURE__ */ import_react3.default.createElement(import_react_ui.DropdownMenu.Root, {
     modal: false,
     open: !!contextMenuOpen,
     onOpenChange: (nextOpen) => setContextMenuOpen(nextOpen ? inertPosition : null)
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.DropdownMenu.VirtualTrigger, {
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.DropdownMenu.VirtualTrigger, {
     virtualRef: contextMenuAnchorRef
-  }), /* @__PURE__ */ import_react4.default.createElement(import_react_ui.DropdownMenu.Content, {
+  }), /* @__PURE__ */ import_react3.default.createElement(import_react_ui.DropdownMenu.Content, {
     side: contextMenuAxis === "col" ? "bottom" : "right",
     sideOffset: 4,
     collisionPadding: 8
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.DropdownMenu.Viewport, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.DropdownMenu.Item, {
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.DropdownMenu.Viewport, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.DropdownMenu.Item, {
     onClick: () => handleAxisMenuAction("insert-before"),
     "data-testid": `grid.${contextMenuAxis}.insert-before`
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Icon, {
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Icon, {
     size: 5,
     icon: contextMenuAxis === "col" ? "ph--columns-plus-left--regular" : "ph--rows-plus-top--regular"
-  }), /* @__PURE__ */ import_react4.default.createElement("span", null, t(`add ${contextMenuAxis} before label`))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui.DropdownMenu.Item, {
+  }), /* @__PURE__ */ import_react3.default.createElement("span", null, t(`add ${contextMenuAxis} before label`))), /* @__PURE__ */ import_react3.default.createElement(import_react_ui.DropdownMenu.Item, {
     onClick: () => handleAxisMenuAction("insert-after"),
     "data-testid": `grid.${contextMenuAxis}.insert-after`
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Icon, {
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Icon, {
     size: 5,
     icon: contextMenuAxis === "col" ? "ph--columns-plus-right--regular" : "ph--rows-plus-bottom--regular"
-  }), /* @__PURE__ */ import_react4.default.createElement("span", null, t(`add ${contextMenuAxis} after label`))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui.DropdownMenu.Item, {
+  }), /* @__PURE__ */ import_react3.default.createElement("span", null, t(`add ${contextMenuAxis} after label`))), /* @__PURE__ */ import_react3.default.createElement(import_react_ui.DropdownMenu.Item, {
     onClick: () => handleAxisMenuAction("drop"),
     "data-testid": `grid.${contextMenuAxis}.drop`
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Icon, {
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Icon, {
     size: 5,
     icon: "ph--backspace--regular"
-  }), /* @__PURE__ */ import_react4.default.createElement("span", null, t(`delete ${contextMenuAxis} label`)))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui.DropdownMenu.Arrow, null))));
+  }), /* @__PURE__ */ import_react3.default.createElement("span", null, t(`delete ${contextMenuAxis} label`)))), /* @__PURE__ */ import_react3.default.createElement(import_react_ui.DropdownMenu.Arrow, null))));
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -1653,4 +1042,4 @@ var GridSheet = () => {
   useComputeGraph,
   useSheetContext
 });
-//# sourceMappingURL=chunk-45YW2DX2.cjs.map
+//# sourceMappingURL=chunk-FDEQ2PGJ.cjs.map