@dxos/plugin-sheet 0.6.14-main.7bd9c89 → 0.6.14-staging.3e2eaca

package/dist/types/src/testing/testing.d.ts

@@ -1,6 +1,6 @@
 import { type Decorator } from '@storybook/react';
 import { type Space } from '@dxos/react-client/echo';
-import { type ComputeGraph, type ComputeGraphOptions } from '../graph';
+import { type ComputeGraph, type ComputeGraphOptions } from '../compute-graph';
 import { type CellValue, type CreateSheetOptions } from '../types';
 export declare const createTestCells: () => Record<string, CellValue>;
 export declare const useTestSheet: (space?: Space, graph?: ComputeGraph, options?: CreateSheetOptions) => import("../types").SheetType | undefined;

package/dist/types/src/testing/testing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"testing.d.ts","sourceRoot":"","sources":["../../../../src/testing/testing.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAKrD,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,mBAAmB,EAAwB,MAAM,UAAU,CAAC;AAC7F,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAInE,eAAO,MAAM,eAAe,QAAO,MAAM,CAAC,MAAM,EAAE,SAAS,CA0BzD,CAAC;AAEH,eAAO,MAAM,YAAY,WAAY,KAAK,UAAU,YAAY,YAAY,kBAAkB,6CAW7F,CAAC;AAEF,eAAO,MAAM,yBAAyB,aACzB,mBAAmB,KAAG,SAQhC,CAAC"}
+{"version":3,"file":"testing.d.ts","sourceRoot":"","sources":["../../../../src/testing/testing.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAIrD,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,mBAAmB,EAAwB,MAAM,kBAAkB,CAAC;AAErG,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAInE,eAAO,MAAM,eAAe,QAAO,MAAM,CAAC,MAAM,EAAE,SAAS,CA0BzD,CAAC;AAEH,eAAO,MAAM,YAAY,WAAY,KAAK,UAAU,YAAY,YAAY,kBAAkB,6CAW7F,CAAC;AAEF,eAAO,MAAM,yBAAyB,aACzB,mBAAmB,KAAG,SAQhC,CAAC"}

package/dist/types/src/translations.d.ts

@@ -6,14 +6,29 @@ declare const _default: readonly [{
             readonly 'create sheet label': "Create sheet";
             readonly 'create sheet section label': "Create sheet";
             readonly 'cell placeholder': "Cell value...";
-            readonly 'toolbar left label': "Align left";
-            readonly 'toolbar left center': "Align center";
-            readonly 'toolbar left right': "Align right";
+            readonly 'range key alignment label': "Align";
+            readonly 'range key style label': "Style";
+            readonly 'range value start label': "Align left";
+            readonly 'range value center label': "Align center";
+            readonly 'range value end label': "Align right";
+            readonly 'range value softwrap label': "Wrap text";
+            readonly 'range value highlight label': "Highlight";
+            readonly 'toolbar action label': "{{value}}";
             readonly 'selection overlaps existing comment label': "Selected cell already has a comment";
             readonly 'comment label': "Add comment";
             readonly 'comment ranges not supported label': "Commenting on ranges is not yet supported";
             readonly 'no cursor label': "Select a cell to comment";
             readonly 'open comment for sheet cell': "View comments for cell";
+            readonly 'add col before label': "Add column before";
+            readonly 'add col after label': "Add column after";
+            readonly 'delete col label': "Delete column";
+            readonly 'add row before label': "Add row before";
+            readonly 'add row after label': "Add row after";
+            readonly 'delete row label': "Delete row";
+            readonly 'range list heading': "Ranges";
+            readonly 'range title': "{{position}} — {{value}}";
+            readonly 'col dropped label': "Deleted a column";
+            readonly 'row dropped label': "Deleted a row";
         };
     };
 }];

package/dist/types/src/translations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAMA,wBAoBW"}
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAmCW"}

package/dist/types/src/types.d.ts

@@ -1,11 +1,41 @@
-import type { GraphBuilderProvides, IntentResolverProvides, MetadataRecordsProvides, SurfaceProvides, TranslationsProvides } from '@dxos/app-framework';
+import type { GraphBuilderProvides, IntentResolverProvides, MetadataRecordsProvides, SurfaceProvides, TranslationsProvides, IntentData } from '@dxos/app-framework';
 import { ref, S } from '@dxos/echo-schema';
 import { type SchemaProvides } from '@dxos/plugin-client';
 import { type MarkdownExtensionProvides } from '@dxos/plugin-markdown';
 import { type SpaceInitProvides } from '@dxos/plugin-space';
 import { type StackProvides } from '@dxos/plugin-stack';
+import { type DxGridAxis } from '@dxos/react-ui-grid';
+import { type SheetModel } from './model';
 export declare enum SheetAction {
-    CREATE = "dxos.org/plugin/sheet/action/create"
+    CREATE = "dxos.org/plugin/sheet/action/create",
+    INSERT_AXIS = "dxos.org/plugin/sheet/action/axis-insert",
+    DROP_AXIS = "dxos.org/plugin/sheet/action/axis-drop"
+}
+export type RestoreAxis = {
+    axis: DxGridAxis;
+    axisIndex: string;
+    index: number;
+    axisMeta?: S.Schema.Type<typeof RowColumnMeta>;
+    values: CellScalarValue[];
+};
+export declare namespace SheetAction {
+    type Create = IntentData<{
+        sheet: SheetType;
+    }>;
+    type InsertAxis = IntentData<{
+        model: SheetModel;
+        axis: DxGridAxis;
+        index: number;
+        count?: number;
+    }>;
+    type DropAxis = IntentData<{
+        model: SheetModel;
+        axis: DxGridAxis;
+        axisIndex: string;
+    }>;
+    type DropAxisRestore = IntentData<RestoreAxis & {
+        model: SheetModel;
+    }>;
 }
 type ThreadProvides<T> = {
     thread: {
@@ -20,19 +50,11 @@ export declare const CellValue: S.Struct<{
 }>;
 export type CellValue = S.Schema.Type<typeof CellValue>;
 export declare const Range: S.Struct<{
-    range: S.Struct<{
-        from: S.Struct<{
-            col: typeof S.Number;
-            row: typeof S.Number;
-        }>;
-        to: S.Struct<{
-            col: typeof S.Number;
-            row: typeof S.Number;
-        }>;
-    }>;
+    range: typeof S.String;
     key: typeof S.String;
     value: typeof S.String;
 }>;
+export type Range = S.Schema.Type<typeof Range>;
 export declare const RowColumnMeta: S.Struct<{
     size: S.optional<typeof S.Number>;
 }>;
@@ -56,18 +78,9 @@ declare const SheetType_base: import("@dxos/echo-schema").AbstractTypedObject<{
         };
     };
     ranges: {
-        readonly value: string;
-        readonly range: {
-            readonly from: {
-                readonly col: number;
-                readonly row: number;
-            };
-            readonly to: {
-                readonly col: number;
-                readonly row: number;
-            };
-        };
         readonly key: string;
+        readonly value: string;
+        readonly range: string;
     }[];
     threads?: import("@dxos/echo-schema").Ref<{
         name?: string | undefined;
@@ -118,16 +131,7 @@ declare const SheetType_base: import("@dxos/echo-schema").AbstractTypedObject<{
         size: S.optional<typeof S.Number>;
     }>>>>;
     ranges: S.mutable<S.Array$<S.Struct<{
-        range: S.Struct<{
-            from: S.Struct<{
-                col: typeof S.Number;
-                row: typeof S.Number;
-            }>;
-            to: S.Struct<{
-                col: typeof S.Number;
-                row: typeof S.Number;
-            }>;
-        }>;
+        range: typeof S.String;
         key: typeof S.String;
         value: typeof S.String;
     }>>>;

package/dist/types/src/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,oBAAoB,EACpB,sBAAsB,EACtB,uBAAuB,EACvB,eAAe,EACf,oBAAoB,EACrB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,EAAe,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAMxD,oBAAY,WAAW;IACrB,MAAM,wCAA2B;CAClC;AAKD,KAAK,cAAc,CAAC,CAAC,IAAI;IACvB,MAAM,EAAE;QACN,SAAS,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC;QAClC,UAAU,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,EAAE,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,MAAM,CAAC;KAC9F,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,eAAe,GAC/C,sBAAsB,GACtB,oBAAoB,GACpB,yBAAyB,GACzB,uBAAuB,GACvB,oBAAoB,GACpB,cAAc,GACd,iBAAiB,GACjB,aAAa,GACb,cAAc,CAAC,SAAS,CAAC,CAAC;AAE5B,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;AAE/D,eAAO,MAAM,SAAS;;EAKpB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,SAAS,CAAC,CAAC;AAGxD,eAAO,MAAM,KAAK;;;;;;;;;;;;;EAIhB,CAAC;AAGH,eAAO,MAAM,aAAa;;EAExB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAqCwN,CAAC;;oBAA8D,CAAC;uBAAyC,CAAC;wBAAwD,CAAC;;;;;;;;2BAAsP,CAAC;qBAAuC,CAAC;;iBAA8C,CAAC;sBAA4E,CAAC;;;mBAAwE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAvoB,CAAC;;oBAA8D,CAAC;uBAAyC,CAAC;wBAAwD,CAAC;;;;;;;;2BAAsP,CAAC;qBAAuC,CAAC;;iBAA8C,CAAC;sBAA4E,CAAC;;;mBAAwE,CAAC;;;;;;;;AAlCl2B,qBAAa,SAAU,SAAQ,cAuB7B;CAAG;AAEL,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;CACnC,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@dxos/plugin-sheet",
-  "version": "0.6.14-main.7bd9c89",
+  "version": "0.6.14-staging.3e2eaca",
   "description": "Braneframe sketch plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
   "license": "MIT",
   "author": "DXOS.org",
+  "sideEffects": true,
   "imports": {
     "#hyperformula": {
       "types": "hyperformula",
@@ -14,28 +15,19 @@
   },
   "exports": {
     ".": {
+      "types": "./dist/types/src/index.d.ts",
       "browser": "./dist/lib/browser/index.mjs",
-      "node": {
-        "require": "./dist/lib/node/index.cjs",
-        "default": "./dist/lib/node-esm/index.mjs"
-      },
-      "types": "./dist/types/src/index.d.ts"
+      "node": "./dist/lib/node-esm/index.mjs"
     },
     "./meta": {
+      "types": "./dist/types/src/meta.d.ts",
       "browser": "./dist/lib/browser/meta.mjs",
-      "node": {
-        "require": "./dist/lib/node/meta.cjs",
-        "default": "./dist/lib/node-esm/meta.mjs"
-      },
-      "types": "./dist/types/src/meta.d.ts"
+      "node": "./dist/lib/node-esm/meta.mjs"
     },
     "./types": {
+      "types": "./dist/types/src/types.d.ts",
       "browser": "./dist/lib/browser/types.mjs",
-      "node": {
-        "require": "./dist/lib/node/types.cjs",
-        "default": "./dist/lib/node-esm/types.mjs"
-      },
-      "types": "./dist/types/src/types.d.ts"
+      "node": "./dist/lib/node-esm/types.mjs"
     }
   },
   "types": "dist/types/src/index.d.ts",
@@ -77,31 +69,33 @@
     "re-resizable": "^6.9.17",
     "react-markdown": "^8.0.5",
     "react-resize-detector": "^11.0.1",
-    "@dxos/app-framework": "0.6.14-main.7bd9c89",
-    "@dxos/async": "0.6.14-main.7bd9c89",
-    "@dxos/client": "0.6.14-main.7bd9c89",
-    "@dxos/context": "0.6.14-main.7bd9c89",
-    "@dxos/debug": "0.6.14-main.7bd9c89",
-    "@dxos/crypto": "0.6.14-main.7bd9c89",
-    "@dxos/echo-schema": "0.6.14-main.7bd9c89",
-    "@dxos/invariant": "0.6.14-main.7bd9c89",
-    "@dxos/keys": "0.6.14-main.7bd9c89",
-    "@dxos/plugin-attention": "0.6.14-main.7bd9c89",
-    "@dxos/log": "0.6.14-main.7bd9c89",
-    "@dxos/plugin-client": "0.6.14-main.7bd9c89",
-    "@dxos/plugin-graph": "0.6.14-main.7bd9c89",
-    "@dxos/plugin-markdown": "0.6.14-main.7bd9c89",
-    "@dxos/plugin-script": "0.6.14-main.7bd9c89",
-    "@dxos/plugin-stack": "0.6.14-main.7bd9c89",
-    "@dxos/react-client": "0.6.14-main.7bd9c89",
-    "@dxos/react-hooks": "0.6.14-main.7bd9c89",
-    "@dxos/react-ui-attention": "0.6.14-main.7bd9c89",
-    "@dxos/plugin-space": "0.6.14-main.7bd9c89",
-    "@dxos/react-ui-editor": "0.6.14-main.7bd9c89",
-    "@dxos/react-ui-data": "0.6.14-main.7bd9c89",
-    "@dxos/react-ui-grid": "0.6.14-main.7bd9c89",
-    "@dxos/schema": "0.6.14-main.7bd9c89",
-    "@dxos/util": "0.6.14-main.7bd9c89"
+    "@dxos/app-framework": "0.6.14-staging.3e2eaca",
+    "@dxos/async": "0.6.14-staging.3e2eaca",
+    "@dxos/client": "0.6.14-staging.3e2eaca",
+    "@dxos/context": "0.6.14-staging.3e2eaca",
+    "@dxos/crypto": "0.6.14-staging.3e2eaca",
+    "@dxos/debug": "0.6.14-staging.3e2eaca",
+    "@dxos/echo-schema": "0.6.14-staging.3e2eaca",
+    "@dxos/invariant": "0.6.14-staging.3e2eaca",
+    "@dxos/keys": "0.6.14-staging.3e2eaca",
+    "@dxos/log": "0.6.14-staging.3e2eaca",
+    "@dxos/plugin-attention": "0.6.14-staging.3e2eaca",
+    "@dxos/plugin-client": "0.6.14-staging.3e2eaca",
+    "@dxos/plugin-graph": "0.6.14-staging.3e2eaca",
+    "@dxos/plugin-markdown": "0.6.14-staging.3e2eaca",
+    "@dxos/plugin-script": "0.6.14-staging.3e2eaca",
+    "@dxos/plugin-space": "0.6.14-staging.3e2eaca",
+    "@dxos/react-client": "0.6.14-staging.3e2eaca",
+    "@dxos/plugin-stack": "0.6.14-staging.3e2eaca",
+    "@dxos/react-hooks": "0.6.14-staging.3e2eaca",
+    "@dxos/react-ui-attention": "0.6.14-staging.3e2eaca",
+    "@dxos/react-ui-data": "0.6.14-staging.3e2eaca",
+    "@dxos/react-ui-editor": "0.6.14-staging.3e2eaca",
+    "@dxos/react-ui-grid": "0.6.14-staging.3e2eaca",
+    "@dxos/react-ui-stack": "0.6.14-staging.3e2eaca",
+    "@dxos/schema": "0.6.14-staging.3e2eaca",
+    "@dxos/react-ui-list": "0.6.14-staging.3e2eaca",
+    "@dxos/util": "0.6.14-staging.3e2eaca"
   },
   "devDependencies": {
     "@lezer/generator": "^1.7.1",
@@ -113,19 +107,19 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/echo-generator": "0.6.14-main.7bd9c89",
-    "@dxos/react-ui": "0.6.14-main.7bd9c89",
-    "@dxos/random": "0.6.14-main.7bd9c89",
-    "@dxos/react-ui-theme": "0.6.14-main.7bd9c89",
-    "@dxos/react-ui-syntax-highlighter": "0.6.14-main.7bd9c89",
-    "@dxos/react-ui-types": "0.6.14-main.7bd9c89",
-    "@dxos/storybook-utils": "0.6.14-main.7bd9c89"
+    "@dxos/echo-generator": "0.6.14-staging.3e2eaca",
+    "@dxos/react-ui": "0.6.14-staging.3e2eaca",
+    "@dxos/random": "0.6.14-staging.3e2eaca",
+    "@dxos/react-ui-syntax-highlighter": "0.6.14-staging.3e2eaca",
+    "@dxos/react-ui-theme": "0.6.14-staging.3e2eaca",
+    "@dxos/react-ui-types": "0.6.14-staging.3e2eaca",
+    "@dxos/storybook-utils": "0.6.14-staging.3e2eaca"
   },
   "peerDependencies": {
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.6.14-main.7bd9c89",
-    "@dxos/react-ui-theme": "0.6.14-main.7bd9c89"
+    "@dxos/react-ui": "0.6.14-staging.3e2eaca",
+    "@dxos/react-ui-theme": "0.6.14-staging.3e2eaca"
   },
   "publishConfig": {
     "access": "public"

package/src/SheetPlugin.tsx

@@ -13,12 +13,12 @@ import { SpaceAction } from '@dxos/plugin-space';
 import { getSpace, isEchoObject } from '@dxos/react-client/echo';
 import { Icon } from '@dxos/react-ui';
 
-import { ComputeGraphContextProvider, SheetContainer } from './components';
+import { ComputeGraphContextProvider, RangeList, SheetContainer } from './components';
+import { type ComputeGraphRegistry } from './compute-graph';
 import { compareIndexPositions, createSheet } from './defs';
 import { computeGraphFacet } from './extensions';
-import { type ComputeGraphRegistry } from './graph';
-import { useComputeGraph } from './hooks';
 import meta, { SHEET_PLUGIN } from './meta';
+import { serializer } from './serializer';
 import translations from './translations';
 import { SheetAction, SheetType, type SheetPluginProvides } from './types';
 
@@ -38,8 +38,8 @@ export const SheetPlugin = (): PluginDefinition<SheetPluginProvides> => {
       }
 
       // Async import removes direct dependency on hyperformula.
-      const { ComputeGraphRegistry } = await import('./graph');
-      computeGraphRegistry = new ComputeGraphRegistry({ remoteFunctionUrl });
+      const { defaultPlugins, ComputeGraphRegistry } = await import('./compute-graph');
+      computeGraphRegistry = new ComputeGraphRegistry({ plugins: defaultPlugins, remoteFunctionUrl });
     },
     provides: {
       context: ({ children }) => {
@@ -52,6 +52,7 @@ export const SheetPlugin = (): PluginDefinition<SheetPluginProvides> => {
             label: (object: any) => (object instanceof SheetType ? object.name : undefined),
             placeholder: ['sheet title placeholder', { ns: SHEET_PLUGIN }],
             icon: 'ph--grid-nine--regular',
+            serializer,
           },
         },
       },
@@ -143,14 +144,26 @@ export const SheetPlugin = (): PluginDefinition<SheetPluginProvides> => {
       surface: {
         component: ({ data, role }) => {
           const space = isEchoObject(data.object) ? getSpace(data.object) : undefined;
-          const graph = useComputeGraph(space);
-          if (graph && data.object instanceof SheetType) {
-            switch (role) {
-              case 'article':
-              case 'section': {
-                return <SheetContainer graph={graph} sheet={data.object} role={role} />;
+          if (!space) {
+            return null;
+          }
+
+          switch (role) {
+            case 'article':
+            case 'section':
+              if (data.object instanceof SheetType) {
+                return <SheetContainer space={space} sheet={data.object} role={role} />;
               }
-            }
+
+              return null;
+            case 'complementary--settings':
+              if (data.subject instanceof SheetType) {
+                return {
+                  node: <RangeList sheet={data.subject} />,
+                };
+              }
+
+              return null;
           }
 
           return null;
@@ -162,6 +175,26 @@ export const SheetPlugin = (): PluginDefinition<SheetPluginProvides> => {
             case SheetAction.CREATE: {
               return { data: createSheet() };
             }
+            case SheetAction.INSERT_AXIS: {
+              const { model, axis, index, count } = intent.data as SheetAction.InsertAxis;
+              const _indices = model[axis === 'col' ? 'insertColumns' : 'insertRows'](index, count);
+              return;
+            }
+            case SheetAction.DROP_AXIS: {
+              if (!intent.undo) {
+                const { model, axis, axisIndex } = intent.data as SheetAction.DropAxis;
+                const undoData = model[axis === 'col' ? 'dropColumn' : 'dropRow'](axisIndex);
+                return {
+                  undoable: {
+                    message: translations[0]['en-US'][SHEET_PLUGIN][`${axis} dropped label`],
+                    data: { ...undoData, model },
+                  },
+                };
+              } else {
+                const { model, ...undoData } = intent.data as SheetAction.DropAxisRestore;
+                model[undoData.axis === 'col' ? 'restoreColumn' : 'restoreRow'](undoData);
+              }
+            }
           }
         },
       },

package/src/components/ComputeGraph/ComputeGraphContextProvider.tsx

@@ -2,9 +2,13 @@
 // Copyright 2024 DXOS.org
 //
 
-import React, { createContext, type PropsWithChildren } from 'react';
+import React, { createContext, type PropsWithChildren, useContext } from 'react';
 
-import { type ComputeGraphRegistry } from '../../graph';
+import { raise } from '@dxos/debug';
+import { type Space } from '@dxos/react-client/echo';
+import { useAsyncState } from '@dxos/react-hooks';
+
+import { type ComputeGraph, type ComputeGraphRegistry } from '../../compute-graph';
 
 export type ComputeGraphContextType = {
   registry: ComputeGraphRegistry;
@@ -18,3 +22,16 @@ export const ComputeGraphContext = createContext<ComputeGraphContextType | undef
 export const ComputeGraphContextProvider = ({ registry, children }: PropsWithChildren<ComputeGraphContextType>) => {
   return <ComputeGraphContext.Provider value={{ registry }}>{children}</ComputeGraphContext.Provider>;
 };
+
+export const useComputeGraph = (space?: Space): ComputeGraph | undefined => {
+  const { registry } = useContext(ComputeGraphContext) ?? raise(new Error('Missing ComputeGraphContext'));
+  const [graph] = useAsyncState(async () => {
+    if (space) {
+      const graph = registry.getOrCreateGraph(space);
+      await graph.open();
+      return graph;
+    }
+  }, [space, registry]);
+
+  return graph;
+};

package/src/components/FunctionEditor/FunctionEditor.tsx

@@ -7,36 +7,32 @@ import React from 'react';
 import { Icon } from '@dxos/react-ui';
 import { mx } from '@dxos/react-ui-theme';
 
-import { addressToA1Notation, rangeToA1Notation } from '../../defs';
+import { addressToA1Notation, isFormula, rangeToA1Notation } from '../../defs';
 import { useSheetContext } from '../SheetContext';
 
 export const FunctionEditor = () => {
   const { model, cursor, range } = useSheetContext();
 
   let value;
-  let isFormula = false;
+  let formula = false;
   if (cursor) {
     value = model.getCellValue(cursor);
-    if (typeof value === 'string' && value.charAt(0) === '=') {
+    if (isFormula(value)) {
       value = model.graph.mapFunctionBindingFromId(model.mapFormulaIndicesToRefs(value));
-      isFormula = true;
+      formula = true;
     } else if (value != null) {
       value = String(value);
     }
   }
 
   return (
-    <div
-      className={mx(
-        'flex shrink-0 justify-between items-center px-4 py-1 text-sm border-bs !border-separator attention-surface',
-      )}
-    >
+    <div className={mx('flex shrink-0 justify-between items-center px-4 py-1 text-sm attention-surface')}>
       <div className='flex gap-4 items-center'>
         <div className='flex w-16 items-center font-mono'>
           {(range && rangeToA1Notation(range)) || (cursor && addressToA1Notation(cursor))}
         </div>
         <div className='flex gap-2 items-center'>
-          <Icon icon='ph--function--regular' classNames={['text-greenText', isFormula ? 'visible' : 'invisible']} />
+          <Icon icon='ph--function--regular' classNames={['text-greenText', formula ? 'visible' : 'invisible']} />
           <span className='font-mono'>{value}</span>
         </div>
       </div>

package/src/components/GridSheet/GridSheet.stories.tsx

@@ -10,9 +10,10 @@ import { withClientProvider } from '@dxos/react-client/testing';
 import { withTheme, withLayout } from '@dxos/storybook-utils';
 
 import { GridSheet } from './GridSheet';
-import { useComputeGraph } from '../../hooks';
 import { createTestCells, useTestSheet, withComputeGraphDecorator } from '../../testing';
+import translations from '../../translations';
 import { SheetType } from '../../types';
+import { useComputeGraph } from '../ComputeGraph';
 import { SheetProvider } from '../SheetContext';
 
 export const Basic = () => {
@@ -39,6 +40,7 @@ const meta: Meta = {
     withTheme,
     withLayout({ fullscreen: true, tooltips: true }),
   ],
+  parameters: { translations },
 };
 
 export default meta;