@dxos/plugin-sheet 0.8.4-main.1068cf700f → 0.8.4-main.1c7ec43d41

package/dist/lib/browser/markdown-D2T2DOVX.mjs

@@ -1,29 +0,0 @@
-import {
-  computeGraphFacet
-} from "./chunk-IFLWVS2V.mjs";
-import {
-  SheetCapabilities
-} from "./chunk-KE3AKN5W.mjs";
-
-// src/capabilities/markdown/markdown.ts
-import * as Effect from "effect/Effect";
-import { Capability } from "@dxos/app-framework";
-import { getSpace } from "@dxos/client/echo";
-import { MarkdownCapabilities } from "@dxos/plugin-markdown";
-var markdown_default = Capability.makeModule(Effect.fnUntraced(function* () {
-  const capabilities = yield* Capability.Service;
-  return Capability.contributes(MarkdownCapabilities.Extensions, [
-    ({ document: doc }) => {
-      const computeGraphRegistry = capabilities.get(SheetCapabilities.ComputeGraphRegistry);
-      const space = getSpace(doc);
-      if (space) {
-        const computeGraph = computeGraphRegistry.getOrCreateGraph(space);
-        return computeGraphFacet.of(computeGraph);
-      }
-    }
-  ]);
-}));
-export {
-  markdown_default as default
-};
-//# sourceMappingURL=markdown-D2T2DOVX.mjs.map

package/dist/lib/browser/markdown-D2T2DOVX.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/markdown/markdown.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capability } from '@dxos/app-framework';\nimport { getSpace } from '@dxos/client/echo';\nimport { MarkdownCapabilities } from '@dxos/plugin-markdown';\n\nimport { computeGraphFacet } from '../../extensions';\nimport { SheetCapabilities } from '../../types';\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* () {\n    // Get context for lazy capability access in callbacks.\n    const capabilities = yield* Capability.Service;\n\n    return Capability.contributes(MarkdownCapabilities.Extensions, [\n      ({ document: doc }) => {\n        const computeGraphRegistry = capabilities.get(SheetCapabilities.ComputeGraphRegistry);\n        const space = getSpace(doc);\n        if (space) {\n          const computeGraph = computeGraphRegistry.getOrCreateGraph(space);\n          return computeGraphFacet.of(computeGraph);\n        }\n      },\n    ]);\n  }),\n);\n"],
-  "mappings": ";;;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,gBAAgB;AACzB,SAASC,4BAA4B;AAKrC,IAAA,mBAAeC,WAAWC,WACjBC,kBAAW,aAAA;AAEhB,QAAMC,eAAe,OAAOH,WAAWI;AAEvC,SAAOJ,WAAWK,YAAYC,qBAAqBC,YAAY;IAC7D,CAAC,EAAEC,UAAUC,IAAG,MAAE;AAChB,YAAMC,uBAAuBP,aAAaQ,IAAIC,kBAAkBC,oBAAoB;AACpF,YAAMC,QAAQC,SAASN,GAAAA;AACvB,UAAIK,OAAO;AACT,cAAME,eAAeN,qBAAqBO,iBAAiBH,KAAAA;AAC3D,eAAOI,kBAAkBC,GAAGH,YAAAA;MAC9B;IACF;GACD;AACH,CAAA,CAAA;",
-  "names": ["Effect", "Capability", "getSpace", "MarkdownCapabilities", "Capability", "makeModule", "fnUntraced", "capabilities", "Service", "contributes", "MarkdownCapabilities", "Extensions", "document", "doc", "computeGraphRegistry", "get", "SheetCapabilities", "ComputeGraphRegistry", "space", "getSpace", "computeGraph", "getOrCreateGraph", "computeGraphFacet", "of"]
-}

package/dist/lib/browser/operation-resolver-P2RX75DA.mjs

@@ -1,79 +0,0 @@
-import {
-  SheetOperation,
-  Sheet_exports,
-  meta
-} from "./chunk-KE3AKN5W.mjs";
-
-// src/capabilities/operation-resolver/operation-resolver.ts
-import * as Effect from "effect/Effect";
-import { Capabilities, Capability, UndoMapping } from "@dxos/app-framework";
-import { Obj, Ref, Type } from "@dxos/echo";
-import { OperationResolver } from "@dxos/operation";
-import { Collection } from "@dxos/schema";
-var operation_resolver_default = Capability.makeModule(() => Effect.succeed([
-  Capability.contributes(Capabilities.UndoMapping, [
-    UndoMapping.make({
-      operation: SheetOperation.DropAxis,
-      inverse: SheetOperation.RestoreAxis,
-      deriveContext: (input, output) => ({
-        model: input.model,
-        axis: output.axis,
-        axisIndex: output.axisIndex,
-        index: output.index,
-        axisMeta: output.axisMeta,
-        values: output.values
-      }),
-      message: [
-        "axis dropped label",
-        {
-          ns: meta.id
-        }
-      ]
-    })
-  ]),
-  Capability.contributes(Capabilities.OperationResolver, [
-    OperationResolver.make({
-      operation: SheetOperation.OnCreateSpace,
-      handler: Effect.fnUntraced(function* ({ rootCollection }) {
-        const collection = Collection.makeManaged({
-          key: Type.getTypename(Sheet_exports.Sheet)
-        });
-        Obj.change(rootCollection, (c) => {
-          c.objects.push(Ref.make(collection));
-        });
-      })
-    }),
-    OperationResolver.make({
-      operation: SheetOperation.InsertAxis,
-      handler: ({ model, axis, index, count }) => Effect.sync(() => {
-        model[axis === "col" ? "insertColumns" : "insertRows"](index, count);
-      })
-    }),
-    OperationResolver.make({
-      operation: SheetOperation.DropAxis,
-      handler: ({ model, axis, axisIndex }) => Effect.sync(() => {
-        const undoData = model[axis === "col" ? "dropColumn" : "dropRow"](axisIndex);
-        return {
-          axis: undoData.axis,
-          axisIndex: undoData.axisIndex,
-          index: undoData.index,
-          axisMeta: undoData.axisMeta,
-          values: undoData.values
-        };
-      })
-    }),
-    //
-    // RestoreAxis (inverse of DropAxis)
-    //
-    OperationResolver.make({
-      operation: SheetOperation.RestoreAxis,
-      handler: ({ model, axis, ...restoreData }) => Effect.sync(() => {
-        model[axis === "col" ? "restoreColumn" : "restoreRow"](restoreData);
-      })
-    })
-  ])
-]));
-export {
-  operation_resolver_default as default
-};
-//# sourceMappingURL=operation-resolver-P2RX75DA.mjs.map

package/dist/lib/browser/operation-resolver-P2RX75DA.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/operation-resolver/operation-resolver.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capabilities, Capability, UndoMapping } from '@dxos/app-framework';\nimport { Obj, Ref, Type } from '@dxos/echo';\nimport { OperationResolver } from '@dxos/operation';\nimport { Collection } from '@dxos/schema';\n\nimport { meta } from '../../meta';\nimport { Sheet, SheetOperation } from '../../types';\n\nexport default Capability.makeModule(() =>\n  Effect.succeed([\n    Capability.contributes(Capabilities.UndoMapping, [\n      UndoMapping.make({\n        operation: SheetOperation.DropAxis,\n        inverse: SheetOperation.RestoreAxis,\n        deriveContext: (input, output) => ({\n          model: input.model,\n          axis: output.axis,\n          axisIndex: output.axisIndex,\n          index: output.index,\n          axisMeta: output.axisMeta,\n          values: output.values,\n        }),\n        message: ['axis dropped label', { ns: meta.id }],\n      }),\n    ]),\n    Capability.contributes(Capabilities.OperationResolver, [\n      OperationResolver.make({\n        operation: SheetOperation.OnCreateSpace,\n        handler: Effect.fnUntraced(function* ({ rootCollection }) {\n          const collection = Collection.makeManaged({ key: Type.getTypename(Sheet.Sheet) });\n          Obj.change(rootCollection, (c) => {\n            c.objects.push(Ref.make(collection));\n          });\n        }),\n      }),\n      OperationResolver.make({\n        operation: SheetOperation.InsertAxis,\n        handler: ({ model, axis, index, count }) =>\n          Effect.sync(() => {\n            model[axis === 'col' ? 'insertColumns' : 'insertRows'](index, count);\n          }),\n      }),\n      OperationResolver.make({\n        operation: SheetOperation.DropAxis,\n        handler: ({ model, axis, axisIndex }) =>\n          Effect.sync(() => {\n            const undoData = model[axis === 'col' ? 'dropColumn' : 'dropRow'](axisIndex);\n            // Return data needed for undo.\n            return {\n              axis: undoData.axis,\n              axisIndex: undoData.axisIndex,\n              index: undoData.index,\n              axisMeta: undoData.axisMeta,\n              values: undoData.values,\n            };\n          }),\n      }),\n\n      //\n      // RestoreAxis (inverse of DropAxis)\n      //\n      OperationResolver.make({\n        operation: SheetOperation.RestoreAxis,\n        handler: ({ model, axis, ...restoreData }) =>\n          Effect.sync(() => {\n            model[axis === 'col' ? 'restoreColumn' : 'restoreRow'](restoreData);\n          }),\n      }),\n    ]),\n  ]),\n);\n"],
-  "mappings": ";;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,cAAcC,YAAYC,mBAAmB;AACtD,SAASC,KAAKC,KAAKC,YAAY;AAC/B,SAASC,yBAAyB;AAClC,SAASC,kBAAkB;AAK3B,IAAA,6BAAeC,WAAWC,WAAW,MAC5BC,eAAQ;EACbF,WAAWG,YAAYC,aAAaC,aAAa;IAC/CA,YAAYC,KAAK;MACfC,WAAWC,eAAeC;MAC1BC,SAASF,eAAeG;MACxBC,eAAe,CAACC,OAAOC,YAAY;QACjCC,OAAOF,MAAME;QACbC,MAAMF,OAAOE;QACbC,WAAWH,OAAOG;QAClBC,OAAOJ,OAAOI;QACdC,UAAUL,OAAOK;QACjBC,QAAQN,OAAOM;MACjB;MACAC,SAAS;QAAC;QAAsB;UAAEC,IAAIC,KAAKC;QAAG;;IAChD,CAAA;GACD;EACDxB,WAAWG,YAAYC,aAAaqB,mBAAmB;IACrDA,kBAAkBnB,KAAK;MACrBC,WAAWC,eAAekB;MAC1BC,SAAgBC,kBAAW,WAAW,EAAEC,eAAc,GAAE;AACtD,cAAMC,aAAaC,WAAWC,YAAY;UAAEC,KAAKC,KAAKC,YAAYC,cAAMA,KAAK;QAAE,CAAA;AAC/EC,YAAIC,OAAOT,gBAAgB,CAACU,MAAAA;AAC1BA,YAAEC,QAAQC,KAAKC,IAAIpC,KAAKwB,UAAAA,CAAAA;QAC1B,CAAA;MACF,CAAA;IACF,CAAA;IACAL,kBAAkBnB,KAAK;MACrBC,WAAWC,eAAemC;MAC1BhB,SAAS,CAAC,EAAEZ,OAAOC,MAAME,OAAO0B,MAAK,MAC5BC,YAAK,MAAA;AACV9B,cAAMC,SAAS,QAAQ,kBAAkB,YAAA,EAAcE,OAAO0B,KAAAA;MAChE,CAAA;IACJ,CAAA;IACAnB,kBAAkBnB,KAAK;MACrBC,WAAWC,eAAeC;MAC1BkB,SAAS,CAAC,EAAEZ,OAAOC,MAAMC,UAAS,MACzB4B,YAAK,MAAA;AACV,cAAMC,WAAW/B,MAAMC,SAAS,QAAQ,eAAe,SAAA,EAAWC,SAAAA;AAElE,eAAO;UACLD,MAAM8B,SAAS9B;UACfC,WAAW6B,SAAS7B;UACpBC,OAAO4B,SAAS5B;UAChBC,UAAU2B,SAAS3B;UACnBC,QAAQ0B,SAAS1B;QACnB;MACF,CAAA;IACJ,CAAA;;;;IAKAK,kBAAkBnB,KAAK;MACrBC,WAAWC,eAAeG;MAC1BgB,SAAS,CAAC,EAAEZ,OAAOC,MAAM,GAAG+B,YAAAA,MACnBF,YAAK,MAAA;AACV9B,cAAMC,SAAS,QAAQ,kBAAkB,YAAA,EAAc+B,WAAAA;MACzD,CAAA;IACJ,CAAA;GACD;CACF,CAAA;",
-  "names": ["Effect", "Capabilities", "Capability", "UndoMapping", "Obj", "Ref", "Type", "OperationResolver", "Collection", "Capability", "makeModule", "succeed", "contributes", "Capabilities", "UndoMapping", "make", "operation", "SheetOperation", "DropAxis", "inverse", "RestoreAxis", "deriveContext", "input", "output", "model", "axis", "axisIndex", "index", "axisMeta", "values", "message", "ns", "meta", "id", "OperationResolver", "OnCreateSpace", "handler", "fnUntraced", "rootCollection", "collection", "Collection", "makeManaged", "key", "Type", "getTypename", "Sheet", "Obj", "change", "c", "objects", "push", "Ref", "InsertAxis", "count", "sync", "undoData", "restoreData"]
-}

package/dist/lib/browser/react-surface-45CRAB5G.mjs

@@ -1,51 +0,0 @@
-import {
-  ComputeGraphContextProvider,
-  RangeList,
-  SheetContainer
-} from "./chunk-EDWHV64N.mjs";
-import "./chunk-IFLWVS2V.mjs";
-import {
-  SheetCapabilities,
-  Sheet_exports,
-  meta
-} from "./chunk-KE3AKN5W.mjs";
-
-// src/capabilities/react-surface/react-surface.tsx
-import * as Effect from "effect/Effect";
-import React from "react";
-import { Capabilities, Capability } from "@dxos/app-framework";
-import { Surface, useCapability } from "@dxos/app-framework/ui";
-import { Obj } from "@dxos/echo";
-import { getSpace } from "@dxos/react-client/echo";
-var react_surface_default = Capability.makeModule(() => Effect.succeed(Capability.contributes(Capabilities.ReactSurface, [
-  Surface.create({
-    id: `${meta.id}/sheet`,
-    role: [
-      "article",
-      "section"
-    ],
-    filter: (data) => Obj.instanceOf(Sheet_exports.Sheet, data.subject) && !!getSpace(data.subject),
-    component: ({ data, role }) => {
-      const computeGraphRegistry = useCapability(SheetCapabilities.ComputeGraphRegistry);
-      return /* @__PURE__ */ React.createElement(ComputeGraphContextProvider, {
-        registry: computeGraphRegistry
-      }, /* @__PURE__ */ React.createElement(SheetContainer, {
-        role,
-        subject: data.subject,
-        space: getSpace(data.subject)
-      }));
-    }
-  }),
-  Surface.create({
-    id: `${meta.id}/object-settings`,
-    role: "object-settings",
-    filter: (data) => Obj.instanceOf(Sheet_exports.Sheet, data.subject),
-    component: ({ data }) => /* @__PURE__ */ React.createElement(RangeList, {
-      sheet: data.subject
-    })
-  })
-])));
-export {
-  react_surface_default as default
-};
-//# sourceMappingURL=react-surface-45CRAB5G.mjs.map

package/dist/lib/browser/react-surface-45CRAB5G.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/react-surface/react-surface.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport React from 'react';\n\nimport { Capabilities, Capability } from '@dxos/app-framework';\nimport { Surface, useCapability } from '@dxos/app-framework/ui';\nimport { Obj } from '@dxos/echo';\nimport { getSpace } from '@dxos/react-client/echo';\n\nimport { ComputeGraphContextProvider, RangeList, SheetContainer } from '../../components';\nimport { meta } from '../../meta';\nimport { Sheet, SheetCapabilities } from '../../types';\n\nexport default Capability.makeModule(() =>\n  Effect.succeed(\n    Capability.contributes(Capabilities.ReactSurface, [\n      Surface.create({\n        id: `${meta.id}/sheet`,\n        role: ['article', 'section'],\n        filter: (data): data is { subject: Sheet.Sheet } =>\n          Obj.instanceOf(Sheet.Sheet, data.subject) && !!getSpace(data.subject),\n        component: ({ data, role }) => {\n          const computeGraphRegistry = useCapability(SheetCapabilities.ComputeGraphRegistry);\n\n          return (\n            <ComputeGraphContextProvider registry={computeGraphRegistry}>\n              <SheetContainer role={role} subject={data.subject} space={getSpace(data.subject)!} />\n            </ComputeGraphContextProvider>\n          );\n        },\n      }),\n      Surface.create({\n        id: `${meta.id}/object-settings`,\n        role: 'object-settings',\n        filter: (data): data is { subject: Sheet.Sheet } => Obj.instanceOf(Sheet.Sheet, data.subject),\n        component: ({ data }) => <RangeList sheet={data.subject} />,\n      }),\n    ]),\n  ),\n);\n"],
-  "mappings": ";;;;;;;;;;;;;AAIA,YAAYA,YAAY;AACxB,OAAOC,WAAW;AAElB,SAASC,cAAcC,kBAAkB;AACzC,SAASC,SAASC,qBAAqB;AACvC,SAASC,WAAW;AACpB,SAASC,gBAAgB;AAMzB,IAAA,wBAAeC,WAAWC,WAAW,MAC5BC,eACLF,WAAWG,YAAYC,aAAaC,cAAc;EAChDC,QAAQC,OAAO;IACbC,IAAI,GAAGC,KAAKD,EAAE;IACdE,MAAM;MAAC;MAAW;;IAClBC,QAAQ,CAACC,SACPC,IAAIC,WAAWC,cAAMA,OAAOH,KAAKI,OAAO,KAAK,CAAC,CAACC,SAASL,KAAKI,OAAO;IACtEE,WAAW,CAAC,EAAEN,MAAMF,KAAI,MAAE;AACxB,YAAMS,uBAAuBC,cAAcC,kBAAkBC,oBAAoB;AAEjF,aACE,sBAAA,cAACC,6BAAAA;QAA4BC,UAAUL;SACrC,sBAAA,cAACM,gBAAAA;QAAef;QAAYM,SAASJ,KAAKI;QAASU,OAAOT,SAASL,KAAKI,OAAO;;IAGrF;EACF,CAAA;EACAV,QAAQC,OAAO;IACbC,IAAI,GAAGC,KAAKD,EAAE;IACdE,MAAM;IACNC,QAAQ,CAACC,SAA2CC,IAAIC,WAAWC,cAAMA,OAAOH,KAAKI,OAAO;IAC5FE,WAAW,CAAC,EAAEN,KAAI,MAAO,sBAAA,cAACe,WAAAA;MAAUC,OAAOhB,KAAKI;;EAClD,CAAA;CACD,CAAA,CAAA;",
-  "names": ["Effect", "React", "Capabilities", "Capability", "Surface", "useCapability", "Obj", "getSpace", "Capability", "makeModule", "succeed", "contributes", "Capabilities", "ReactSurface", "Surface", "create", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "Sheet", "subject", "getSpace", "component", "computeGraphRegistry", "useCapability", "SheetCapabilities", "ComputeGraphRegistry", "ComputeGraphContextProvider", "registry", "SheetContainer", "space", "RangeList", "sheet"]
-}

package/dist/lib/node-esm/SheetContainer-7H5R7M54.mjs

@@ -1,398 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  GridSheet,
-  SheetProvider,
-  useComputeGraph,
-  useSheetContext
-} from "./chunk-AYSEWH7N.mjs";
-import "./chunk-PPOYR7DK.mjs";
-import {
-  alignKey,
-  mapFormulaIndicesToRefs,
-  meta,
-  rangeFromIndex,
-  rangeToIndex
-} from "./chunk-6J5L47IB.mjs";
-
-// src/components/SheetContainer/SheetContainer.tsx
-import React3, { Fragment } from "react";
-import { Obj as Obj3 } from "@dxos/echo";
-import { Flex, Layout } from "@dxos/react-ui";
-
-// src/components/FunctionEditor/FunctionEditor.tsx
-import React from "react";
-import { addressToA1Notation, isFormula, rangeToA1Notation } from "@dxos/compute";
-import { Icon } from "@dxos/react-ui";
-var FunctionEditor = () => {
-  const { model, cursor, range } = useSheetContext();
-  let value;
-  let formula = false;
-  if (cursor) {
-    value = model.getCellValue(cursor);
-    if (isFormula(value)) {
-      value = model.graph.mapFunctionBindingFromId(mapFormulaIndicesToRefs(model.sheet, value));
-      formula = true;
-    } else if (value != null) {
-      value = String(value);
-    }
-  }
-  return /* @__PURE__ */ React.createElement("div", {
-    className: "flex shrink-0 justify-between items-center pli-4 plb-1 text-sm bg-toolbarSurface border-bs !border-subduedSeparator"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "flex gap-4 items-center"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "flex is-16 items-center font-mono"
-  }, range && rangeToA1Notation(range) || cursor && addressToA1Notation(cursor)), /* @__PURE__ */ React.createElement("div", {
-    className: "flex gap-2 items-center"
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    icon: "ph--function--regular",
-    classNames: [
-      "text-greenText",
-      formula ? "visible" : "invisible"
-    ]
-  }), /* @__PURE__ */ React.createElement("span", {
-    className: "font-mono"
-  }, value))));
-};
-
-// src/components/SheetToolbar/SheetToolbar.tsx
-import { Atom as Atom2, RegistryContext as RegistryContext4 } from "@effect-atom/atom-react";
-import React2, { useContext as useContext4, useMemo as useMemo2 } from "react";
-import { useAppGraph } from "@dxos/app-toolkit/ui";
-import { MenuProvider, ToolbarMenu, createGapSeparator, useMenuActions } from "@dxos/react-ui-menu";
-
-// src/components/SheetToolbar/align.ts
-import { RegistryContext } from "@effect-atom/atom-react";
-import { useContext, useEffect } from "react";
-import { inRange } from "@dxos/compute";
-import { Obj } from "@dxos/echo";
-import { createMenuAction, createMenuItemGroup } from "@dxos/react-ui-menu";
-var aligns = {
-  start: "ph--text-align-left--regular",
-  center: "ph--text-align-center--regular",
-  end: "ph--text-align-right--regular"
-};
-var useAlignState = (stateAtom) => {
-  const registry = useContext(RegistryContext);
-  const { cursor, model } = useSheetContext();
-  useEffect(() => {
-    const alignValue = cursor ? model.sheet.ranges?.findLast(({ range, key }) => key === alignKey && inRange(rangeFromIndex(model.sheet, range), cursor))?.value : void 0;
-    const prev = registry.get(stateAtom);
-    registry.set(stateAtom, {
-      ...prev,
-      [alignKey]: alignValue
-    });
-  }, [
-    cursor,
-    model.sheet,
-    registry,
-    stateAtom
-  ]);
-};
-var createAlignGroupAction = (value) => createMenuItemGroup("align", {
-  label: [
-    "align label",
-    {
-      ns: meta.id
-    }
-  ],
-  variant: "toggleGroup",
-  selectCardinality: "single",
-  value: `${alignKey}--${value}`
-});
-var createAlignActions = ({ model, state, stateAtom, registry, cursorFallbackRange }) => Object.entries(aligns).map(([alignValue, icon]) => {
-  return createMenuAction(`${alignKey}--${alignValue}`, () => {
-    if (!cursorFallbackRange) {
-      return;
-    }
-    const index = model.sheet.ranges?.findIndex((range) => range.key === alignKey && inRange(rangeFromIndex(model.sheet, range.range), cursorFallbackRange.from)) ?? -1;
-    const nextRangeEntity = {
-      range: rangeToIndex(model.sheet, cursorFallbackRange),
-      key: alignKey,
-      value: alignValue
-    };
-    const currentState = registry.get(stateAtom);
-    if (index < 0) {
-      Obj.change(model.sheet, (obj) => {
-        obj.ranges?.push(nextRangeEntity);
-      });
-      registry.set(stateAtom, {
-        ...currentState,
-        [alignKey]: nextRangeEntity.value
-      });
-    } else if (model.sheet.ranges[index].value === nextRangeEntity.value) {
-      Obj.change(model.sheet, (obj) => {
-        obj.ranges?.splice(index, 1);
-      });
-      registry.set(stateAtom, {
-        ...currentState,
-        [alignKey]: void 0
-      });
-    } else {
-      Obj.change(model.sheet, (obj) => {
-        obj.ranges?.splice(index, 1, nextRangeEntity);
-      });
-      registry.set(stateAtom, {
-        ...currentState,
-        [alignKey]: nextRangeEntity.value
-      });
-    }
-  }, {
-    key: alignKey,
-    value: alignValue,
-    checked: state[alignKey] === alignValue,
-    label: [
-      `range value ${alignValue} label`,
-      {
-        ns: meta.id
-      }
-    ],
-    icon,
-    testId: `grid.toolbar.${alignKey}.${alignValue}`
-  });
-});
-var createAlign = (context) => {
-  const alignGroup = createAlignGroupAction(context.state[alignKey]);
-  const alignActions = createAlignActions(context);
-  return {
-    nodes: [
-      alignGroup,
-      ...alignActions
-    ],
-    edges: [
-      {
-        source: "root",
-        target: "align"
-      },
-      ...alignActions.map(({ id }) => ({
-        source: alignGroup.id,
-        target: id
-      }))
-    ]
-  };
-};
-
-// src/components/SheetToolbar/style.ts
-import { RegistryContext as RegistryContext2 } from "@effect-atom/atom-react";
-import { useContext as useContext2, useEffect as useEffect2 } from "react";
-import { inRange as inRange2 } from "@dxos/compute";
-import { Obj as Obj2 } from "@dxos/echo";
-import { createMenuAction as createMenuAction2, createMenuItemGroup as createMenuItemGroup2 } from "@dxos/react-ui-menu";
-var styles = {
-  highlight: "ph--highlighter--regular",
-  softwrap: "ph--paragraph--regular"
-};
-var useStyleState = (stateAtom) => {
-  const registry = useContext2(RegistryContext2);
-  const { cursorFallbackRange, model } = useSheetContext();
-  useEffect2(() => {
-    let highlight = false;
-    let softwrap = false;
-    if (cursorFallbackRange && model.sheet.ranges) {
-      model.sheet.ranges.filter(({ range, key }) => key === "style" && inRange2(rangeFromIndex(model.sheet, range), cursorFallbackRange.from)).forEach(({ value }) => {
-        if (value === "highlight") {
-          highlight = true;
-        }
-        if (value === "softwrap") {
-          softwrap = true;
-        }
-      });
-    }
-    const prev = registry.get(stateAtom);
-    registry.set(stateAtom, {
-      ...prev,
-      highlight,
-      softwrap
-    });
-  }, [
-    cursorFallbackRange,
-    model.sheet,
-    registry,
-    stateAtom
-  ]);
-};
-var createStyleGroup = (state) => {
-  return createMenuItemGroup2("style", {
-    variant: "toggleGroup",
-    selectCardinality: "multiple",
-    value: Object.keys(styles).filter((key) => !!state[key]).map((styleValue) => `style--${styleValue}`)
-  });
-};
-var createStyleActions = ({ model, state, stateAtom, registry, cursorFallbackRange }) => Object.entries(styles).map(([styleValue, icon]) => {
-  return createMenuAction2(`style--${styleValue}`, () => {
-    if (!cursorFallbackRange) {
-      return;
-    }
-    const index = model.sheet.ranges?.findIndex((range) => range.key === "style" && inRange2(rangeFromIndex(model.sheet, range.range), cursorFallbackRange.from)) ?? -1;
-    const nextRangeEntity = {
-      range: rangeToIndex(model.sheet, cursorFallbackRange),
-      key: "style",
-      value: styleValue
-    };
-    const currentState = registry.get(stateAtom);
-    if (model.sheet.ranges.filter(({ range, key: rangeKey }) => rangeKey === "style" && inRange2(rangeFromIndex(model.sheet, range), cursorFallbackRange.from)).some(({ value: rangeValue }) => rangeValue === styleValue)) {
-      if (index >= 0) {
-        Obj2.change(model.sheet, (obj) => {
-          obj.ranges?.splice(index, 1);
-        });
-      }
-      registry.set(stateAtom, {
-        ...currentState,
-        [nextRangeEntity.value]: false
-      });
-    } else {
-      Obj2.change(model.sheet, (obj) => {
-        obj.ranges?.push(nextRangeEntity);
-      });
-      registry.set(stateAtom, {
-        ...currentState,
-        [nextRangeEntity.value]: true
-      });
-    }
-  }, {
-    key: "style",
-    value: styleValue,
-    icon,
-    label: [
-      `range value ${styleValue} label`,
-      {
-        ns: meta.id
-      }
-    ],
-    checked: !!state[styleValue]
-  });
-});
-var createStyle = (context) => {
-  const styleGroupAction = createStyleGroup(context.state);
-  const styleActions = createStyleActions(context);
-  return {
-    nodes: [
-      styleGroupAction,
-      ...styleActions
-    ],
-    edges: [
-      {
-        source: "root",
-        target: "style"
-      },
-      ...styleActions.map(({ id }) => ({
-        source: styleGroupAction.id,
-        target: id
-      }))
-    ]
-  };
-};
-
-// src/components/SheetToolbar/useToolbarState.ts
-import { Atom, RegistryContext as RegistryContext3, useAtomValue } from "@effect-atom/atom-react";
-import { useContext as useContext3, useMemo } from "react";
-var useToolbarState = (initialState = {}) => {
-  return useMemo(() => Atom.make(initialState).pipe(Atom.keepAlive), []);
-};
-
-// src/components/SheetToolbar/SheetToolbar.tsx
-var createToolbarActions = ({ model, stateAtom, registry, cursorFallbackRange, customActions }) => {
-  return Atom2.make((get) => {
-    const state = get(stateAtom);
-    const context = {
-      model,
-      state,
-      stateAtom,
-      registry,
-      cursorFallbackRange
-    };
-    const align = createAlign(context);
-    const style = createStyle(context);
-    const gap = createGapSeparator();
-    const graph = {
-      nodes: [
-        ...align.nodes,
-        ...style.nodes,
-        ...gap.nodes
-      ],
-      edges: [
-        ...align.edges,
-        ...style.edges,
-        ...gap.edges
-      ]
-    };
-    if (customActions) {
-      const custom = get(customActions);
-      graph.nodes.push(...custom.nodes);
-      graph.edges.push(...custom.edges);
-    }
-    return graph;
-  });
-};
-var SheetToolbar = ({ id }) => {
-  const { model, cursorFallbackRange } = useSheetContext();
-  const stateAtom = useToolbarState({});
-  const registry = useContext4(RegistryContext4);
-  useAlignState(stateAtom);
-  useStyleState(stateAtom);
-  const { graph } = useAppGraph();
-  const customActions = useMemo2(() => {
-    return Atom2.make((get) => {
-      const actions = get(graph.actions(id));
-      const nodes = actions.filter((action) => action.properties.disposition === "toolbar");
-      return {
-        nodes,
-        edges: nodes.map((node) => ({
-          source: "root",
-          target: node.id
-        }))
-      };
-    });
-  }, [
-    graph,
-    id
-  ]);
-  const actionsCreator = useMemo2(() => createToolbarActions({
-    model,
-    stateAtom,
-    registry,
-    cursorFallbackRange,
-    customActions
-  }), [
-    model,
-    stateAtom,
-    registry,
-    cursorFallbackRange,
-    customActions
-  ]);
-  const menu = useMenuActions(actionsCreator);
-  return /* @__PURE__ */ React2.createElement(MenuProvider, {
-    ...menu,
-    attendableId: id
-  }, /* @__PURE__ */ React2.createElement(ToolbarMenu, null));
-};
-
-// src/components/SheetContainer/SheetContainer.tsx
-var SheetContainer = ({ role, subject: sheet, space, ignoreAttention }) => {
-  const graph = useComputeGraph(space);
-  if (!graph) {
-    return null;
-  }
-  const Root = role === "section" ? Container : Fragment;
-  return /* @__PURE__ */ React3.createElement(SheetProvider, {
-    sheet,
-    graph,
-    ignoreAttention
-  }, /* @__PURE__ */ React3.createElement(Root, null, /* @__PURE__ */ React3.createElement(Layout.Main, {
-    toolbar: true,
-    statusbar: true
-  }, /* @__PURE__ */ React3.createElement(SheetToolbar, {
-    id: Obj3.getDXN(sheet).toString()
-  }), /* @__PURE__ */ React3.createElement(GridSheet, null), /* @__PURE__ */ React3.createElement(FunctionEditor, null))));
-};
-var Container = (props) => /* @__PURE__ */ React3.createElement(Flex, {
-  ...props,
-  classNames: "aspect-square"
-});
-
-// src/components/SheetContainer/index.ts
-var SheetContainer_default = SheetContainer;
-export {
-  SheetContainer_default as default
-};
-//# sourceMappingURL=SheetContainer-7H5R7M54.mjs.map