@dxos/plugin-sheet 0.7.2 → 0.7.3-staging.971cd8d

package/dist/types/src/testing/playwright/sheet-manager.d.ts

@@ -0,0 +1,24 @@
+import { type Locator, type Page } from '@playwright/test';
+import { DxGridManager } from '@dxos/lit-grid/testing';
+import { type DxGridPosition, type DxGridAxis } from '@dxos/react-ui-grid';
+/**
+ * Test helper for managing dx-grid interactions and assertions in Playwright tests.
+ * Provides utilities for cell selection, grid navigation, virtualization checks and event handling.
+ */
+export declare class SheetManager {
+    constructor(page: Page, grid?: Locator);
+    grid: DxGridManager;
+    page: Page;
+    ready(): Promise<void>;
+    fill(text: string): Promise<void>;
+    press(key: string): Promise<void>;
+    commit(key: string): Promise<void>;
+    cellByText(text: string): Locator;
+    setFocusedCellValue(text: string, commitKey: string): Promise<void>;
+    selectRange(start: DxGridPosition, end: DxGridPosition): Promise<void>;
+    deleteAxis(axis: DxGridAxis, position: number): Promise<void>;
+    toolbarAction(key: string, value: string): Locator;
+    cellEditor(): Locator;
+    rangeInList(a1Coords: string): Locator;
+}
+//# sourceMappingURL=sheet-manager.d.ts.map

package/dist/types/src/testing/playwright/sheet-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-manager.d.ts","sourceRoot":"","sources":["../../../../../src/testing/playwright/sheet-manager.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAE3E;;;GAGG;AACH,qBAAa,YAAY;gBACX,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,OAAO;IAKtC,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,EAAE,IAAI,CAAC;IAEL,KAAK;IAKL,IAAI,CAAC,IAAI,EAAE,MAAM;IAOjB,KAAK,CAAC,GAAG,EAAE,MAAM;IAOjB,MAAM,CAAC,GAAG,EAAE,MAAM;IAMxB,UAAU,CAAC,IAAI,EAAE,MAAM;IAIjB,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM;IASnD,WAAW,CAAC,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,cAAc;IAWtD,UAAU,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM;IAQnD,aAAa,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAIxC,UAAU;IAIV,WAAW,CAAC,QAAQ,EAAE,MAAM;CAG7B"}

package/dist/types/src/testing/playwright/sheet.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=sheet.spec.d.ts.map

package/dist/types/src/testing/playwright/sheet.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.spec.d.ts","sourceRoot":"","sources":["../../../../../src/testing/playwright/sheet.spec.ts"],"names":[],"mappings":""}

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

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

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;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"}
+{"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,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,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

@@ -1,5 +1,66 @@
 declare const _default: readonly [{
     readonly 'en-US': {
+        readonly [x: string]: {
+            readonly 'typename label': "Sheet";
+            readonly 'plugin name'?: undefined;
+            readonly 'sheet title placeholder'?: undefined;
+            readonly 'create sheet label'?: undefined;
+            readonly 'create sheet section label'?: undefined;
+            readonly 'cell placeholder'?: undefined;
+            readonly 'range key alignment label'?: undefined;
+            readonly 'range key style label'?: undefined;
+            readonly 'range value start label'?: undefined;
+            readonly 'range value center label'?: undefined;
+            readonly 'range value end label'?: undefined;
+            readonly 'range value softwrap label'?: undefined;
+            readonly 'range value highlight label'?: undefined;
+            readonly 'toolbar action label'?: undefined;
+            readonly 'selection overlaps existing comment label'?: undefined;
+            readonly 'comment label'?: undefined;
+            readonly 'comment ranges not supported label'?: undefined;
+            readonly 'no cursor label'?: undefined;
+            readonly 'open comment for sheet cell'?: undefined;
+            readonly 'add col before label'?: undefined;
+            readonly 'add col after label'?: undefined;
+            readonly 'delete col label'?: undefined;
+            readonly 'add row before label'?: undefined;
+            readonly 'add row after label'?: undefined;
+            readonly 'delete row label'?: undefined;
+            readonly 'range list heading'?: undefined;
+            readonly 'range title'?: undefined;
+            readonly 'col dropped label'?: undefined;
+            readonly 'row dropped label'?: undefined;
+        } | {
+            readonly 'plugin name': "Sheets";
+            readonly 'sheet title placeholder': "New sheet";
+            readonly 'create sheet label': "Create sheet";
+            readonly 'create sheet section label': "Create sheet";
+            readonly 'cell placeholder': "Cell value...";
+            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";
+            readonly 'typename label'?: undefined;
+        };
         readonly "dxos.org/plugin/sheet": {
             readonly 'plugin name': "Sheets";
             readonly 'sheet title placeholder': "New sheet";

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

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

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

@@ -1,8 +1,7 @@
 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 SchemaProvides } from '@dxos/plugin-space';
 import { type StackProvides } from '@dxos/plugin-stack';
 import { type DxGridAxis } from '@dxos/react-ui-grid';
 import { type SheetModel } from './model';
@@ -43,7 +42,7 @@ type ThreadProvides<T> = {
         createSort: (obj: T) => (anchorA: string | undefined, anchorB: string | undefined) => number;
     };
 };
-export type SheetPluginProvides = SurfaceProvides & IntentResolverProvides & GraphBuilderProvides & MarkdownExtensionProvides & MetadataRecordsProvides & TranslationsProvides & SchemaProvides & SpaceInitProvides & StackProvides & ThreadProvides<SheetType>;
+export type SheetPluginProvides = SurfaceProvides & IntentResolverProvides & GraphBuilderProvides & MarkdownExtensionProvides & MetadataRecordsProvides & TranslationsProvides & SchemaProvides & StackProvides & ThreadProvides<SheetType>;
 export type CellScalarValue = number | string | boolean | null;
 export declare const CellValue: S.Struct<{
     value: typeof S.Any;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-sheet",
-  "version": "0.7.2",
+  "version": "0.7.3-staging.971cd8d",
   "description": "Braneframe sketch plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -69,33 +69,34 @@
     "re-resizable": "^6.9.17",
     "react-markdown": "^8.0.5",
     "react-resize-detector": "^11.0.1",
-    "@dxos/app-framework": "0.7.2",
-    "@dxos/async": "0.7.2",
-    "@dxos/client": "0.7.2",
-    "@dxos/crypto": "0.7.2",
-    "@dxos/context": "0.7.2",
-    "@dxos/debug": "0.7.2",
-    "@dxos/echo-schema": "0.7.2",
-    "@dxos/invariant": "0.7.2",
-    "@dxos/keys": "0.7.2",
-    "@dxos/log": "0.7.2",
-    "@dxos/plugin-graph": "0.7.2",
-    "@dxos/plugin-attention": "0.7.2",
-    "@dxos/plugin-markdown": "0.7.2",
-    "@dxos/plugin-client": "0.7.2",
-    "@dxos/plugin-script": "0.7.2",
-    "@dxos/plugin-stack": "0.7.2",
-    "@dxos/plugin-space": "0.7.2",
-    "@dxos/react-client": "0.7.2",
-    "@dxos/react-hooks": "0.7.2",
-    "@dxos/react-ui-attention": "0.7.2",
-    "@dxos/react-ui-grid": "0.7.2",
-    "@dxos/react-ui-editor": "0.7.2",
-    "@dxos/react-ui-form": "0.7.2",
-    "@dxos/schema": "0.7.2",
-    "@dxos/util": "0.7.2",
-    "@dxos/react-ui-stack": "0.7.2",
-    "@dxos/react-ui-list": "0.7.2"
+    "@dxos/app-framework": "0.7.3-staging.971cd8d",
+    "@dxos/async": "0.7.3-staging.971cd8d",
+    "@dxos/client": "0.7.3-staging.971cd8d",
+    "@dxos/context": "0.7.3-staging.971cd8d",
+    "@dxos/crypto": "0.7.3-staging.971cd8d",
+    "@dxos/echo-schema": "0.7.3-staging.971cd8d",
+    "@dxos/debug": "0.7.3-staging.971cd8d",
+    "@dxos/live-object": "0.7.3-staging.971cd8d",
+    "@dxos/invariant": "0.7.3-staging.971cd8d",
+    "@dxos/keys": "0.7.3-staging.971cd8d",
+    "@dxos/log": "0.7.3-staging.971cd8d",
+    "@dxos/plugin-attention": "0.7.3-staging.971cd8d",
+    "@dxos/plugin-client": "0.7.3-staging.971cd8d",
+    "@dxos/plugin-graph": "0.7.3-staging.971cd8d",
+    "@dxos/plugin-markdown": "0.7.3-staging.971cd8d",
+    "@dxos/plugin-stack": "0.7.3-staging.971cd8d",
+    "@dxos/plugin-script": "0.7.3-staging.971cd8d",
+    "@dxos/plugin-space": "0.7.3-staging.971cd8d",
+    "@dxos/react-client": "0.7.3-staging.971cd8d",
+    "@dxos/react-hooks": "0.7.3-staging.971cd8d",
+    "@dxos/react-ui-attention": "0.7.3-staging.971cd8d",
+    "@dxos/react-ui-form": "0.7.3-staging.971cd8d",
+    "@dxos/react-ui-editor": "0.7.3-staging.971cd8d",
+    "@dxos/react-ui-list": "0.7.3-staging.971cd8d",
+    "@dxos/react-ui-stack": "0.7.3-staging.971cd8d",
+    "@dxos/react-ui-grid": "0.7.3-staging.971cd8d",
+    "@dxos/schema": "0.7.3-staging.971cd8d",
+    "@dxos/util": "0.7.3-staging.971cd8d"
   },
   "devDependencies": {
     "@lezer/generator": "^1.7.1",
@@ -107,19 +108,21 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/echo-generator": "0.7.2",
-    "@dxos/random": "0.7.2",
-    "@dxos/react-ui": "0.7.2",
-    "@dxos/react-ui-syntax-highlighter": "0.7.2",
-    "@dxos/react-ui-types": "0.7.2",
-    "@dxos/storybook-utils": "0.7.2",
-    "@dxos/react-ui-theme": "0.7.2"
+    "@dxos/echo-generator": "0.7.3-staging.971cd8d",
+    "@dxos/lit-grid": "0.7.3-staging.971cd8d",
+    "@dxos/random": "0.7.3-staging.971cd8d",
+    "@dxos/react-ui-syntax-highlighter": "0.7.3-staging.971cd8d",
+    "@dxos/react-ui-theme": "0.7.3-staging.971cd8d",
+    "@dxos/react-ui": "0.7.3-staging.971cd8d",
+    "@dxos/storybook-utils": "0.7.3-staging.971cd8d",
+    "@dxos/test-utils": "0.7.3-staging.971cd8d",
+    "@dxos/react-ui-types": "0.7.3-staging.971cd8d"
   },
   "peerDependencies": {
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.7.2",
-    "@dxos/react-ui-theme": "0.7.2"
+    "@dxos/react-ui": "0.7.3-staging.971cd8d",
+    "@dxos/react-ui-theme": "0.7.3-staging.971cd8d"
   },
   "publishConfig": {
     "access": "public"

package/src/SheetPlugin.tsx

@@ -13,7 +13,7 @@ import { SpaceAction } from '@dxos/plugin-space';
 import { getSpace, isEchoObject } from '@dxos/react-client/echo';
 import { Icon } from '@dxos/react-ui';
 
-import { ComputeGraphContextProvider, RangeList, SheetContainer } from './components';
+import { ComputeGraphContextProvider, SheetContainer, SheetObjectSettings } from './components';
 import { type ComputeGraphRegistry } from './compute-graph';
 import { compareIndexPositions, createSheet } from './defs';
 import { computeGraphFacet } from './extensions';
@@ -49,6 +49,7 @@ export const SheetPlugin = (): PluginDefinition<SheetPluginProvides> => {
       metadata: {
         records: {
           [SheetType.typename]: {
+            createObject: SheetAction.CREATE,
             label: (object: any) => (object instanceof SheetType ? object.name : undefined),
             placeholder: ['sheet title placeholder', { ns: SHEET_PLUGIN }],
             icon: 'ph--grid-nine--regular',
@@ -58,15 +59,10 @@ export const SheetPlugin = (): PluginDefinition<SheetPluginProvides> => {
       },
       translations,
       echo: {
+        schema: [SheetType],
         // TODO(wittjosiah): Factor out to common package/plugin.
         //  FunctionType is currently registered here in case script plugin isn't enabled.
-        schema: [SheetType, FunctionType],
-      },
-      space: {
-        onSpaceCreate: {
-          label: ['create sheet label', { ns: SHEET_PLUGIN }],
-          action: SheetAction.CREATE,
-        },
+        system: [FunctionType],
       },
       graph: {
         builder: (plugins) => {
@@ -144,26 +140,18 @@ export const SheetPlugin = (): PluginDefinition<SheetPluginProvides> => {
       surface: {
         component: ({ data, role }) => {
           const space = isEchoObject(data.object) ? getSpace(data.object) : undefined;
-          if (!space) {
-            return null;
-          }
-
           switch (role) {
             case 'article':
             case 'section':
-              if (data.object instanceof SheetType) {
+              if (space && data.object instanceof SheetType) {
                 return <SheetContainer space={space} sheet={data.object} role={role} />;
               }
-
-              return null;
+              break;
             case 'complementary--settings':
               if (data.subject instanceof SheetType) {
-                return {
-                  node: <RangeList sheet={data.subject} />,
-                };
+                return <SheetObjectSettings sheet={data.subject} />;
               }
-
-              return null;
+              break;
           }
 
           return null;
@@ -186,7 +174,7 @@ export const SheetPlugin = (): PluginDefinition<SheetPluginProvides> => {
                 const undoData = model[axis === 'col' ? 'dropColumn' : 'dropRow'](axisIndex);
                 return {
                   undoable: {
-                    message: translations[0]['en-US'][SHEET_PLUGIN][`${axis} dropped label`],
+                    message: (translations[0]['en-US'][SHEET_PLUGIN] as any)[`${axis} dropped label`],
                     data: { ...undoData, model },
                   },
                 };

package/src/components/FunctionEditor/FunctionEditor.tsx

@@ -6,7 +6,7 @@ import React from 'react';
 
 import { Icon } from '@dxos/react-ui';
 
-import { addressToA1Notation, isFormula, rangeToA1Notation } from '../../defs';
+import { addressToA1Notation, isFormula, mapFormulaIndicesToRefs, rangeToA1Notation } from '../../defs';
 import { useSheetContext } from '../SheetContext';
 
 export const FunctionEditor = () => {
@@ -17,7 +17,7 @@ export const FunctionEditor = () => {
   if (cursor) {
     value = model.getCellValue(cursor);
     if (isFormula(value)) {
-      value = model.graph.mapFunctionBindingFromId(model.mapFormulaIndicesToRefs(value));
+      value = model.graph.mapFunctionBindingFromId(mapFormulaIndicesToRefs(model.sheet, value));
       formula = true;
     } else if (value != null) {
       value = String(value);

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

@@ -2,6 +2,8 @@
 // Copyright 2024 DXOS.org
 //
 
+import '@dxos-theme';
+
 import { type Meta } from '@storybook/react';
 import React from 'react';
 

package/src/components/GridSheet/GridSheet.tsx

@@ -27,9 +27,11 @@ import {
   type EditorBlurHandler,
   type GridContentProps,
   type DxGridPosition,
+  type DxGridCellIndex,
+  parseCellIndex,
 } from '@dxos/react-ui-grid';
 
-import { colLabelCell, dxGridCellIndexToSheetCellAddress, rowLabelCell, useSheetModelDxGridProps } from './util';
+import { colLabelCell, rowLabelCell, useSheetModelDxGridProps } from './util';
 import { DEFAULT_COLUMNS, DEFAULT_ROWS, rangeToA1Notation, type CellRange } from '../../defs';
 import { rangeExtension, sheetExtension, type RangeController } from '../../extensions';
 import { useSelectThreadOnCellFocus, useUpdateFocusedCellOnThreadSelection } from '../../integrations';
@@ -113,7 +115,7 @@ export const GridSheet = () => {
   const handleBlur = useCallback<EditorBlurHandler>(
     (value) => {
       if (value !== undefined) {
-        model.setValue(dxGridCellIndexToSheetCellAddress(editing!.index), value);
+        model.setValue(parseCellIndex(editing!.index), value);
       }
     },
     [model, editing],
@@ -293,9 +295,8 @@ export const GridSheet = () => {
   );
 
   const getCellContent = useCallback(
-    (index: string) => {
-      const cell = dxGridCellIndexToSheetCellAddress(index);
-      return model.getCellText(cell);
+    (index: DxGridCellIndex) => {
+      return model.getCellText(parseCellIndex(index));
     },
     [model],
   );
@@ -335,21 +336,30 @@ export const GridSheet = () => {
         <DropdownMenu.VirtualTrigger virtualRef={contextMenuAnchorRef} />
         <DropdownMenu.Content side={contextMenuAxis === 'col' ? 'bottom' : 'right'} sideOffset={4} collisionPadding={8}>
           <DropdownMenu.Viewport>
-            <DropdownMenu.Item onClick={() => handleAxisMenuAction('insert-before')}>
+            <DropdownMenu.Item
+              onClick={() => handleAxisMenuAction('insert-before')}
+              data-testid={`grid.${contextMenuAxis}.insert-before`}
+            >
               <Icon
                 size={5}
                 icon={contextMenuAxis === 'col' ? 'ph--columns-plus-left--regular' : 'ph--rows-plus-top--regular'}
               />
               <span>{t(`add ${contextMenuAxis} before label`)}</span>
             </DropdownMenu.Item>
-            <DropdownMenu.Item onClick={() => handleAxisMenuAction('insert-after')}>
+            <DropdownMenu.Item
+              onClick={() => handleAxisMenuAction('insert-after')}
+              data-testid={`grid.${contextMenuAxis}.insert-after`}
+            >
               <Icon
                 size={5}
                 icon={contextMenuAxis === 'col' ? 'ph--columns-plus-right--regular' : 'ph--rows-plus-bottom--regular'}
               />
               <span>{t(`add ${contextMenuAxis} after label`)}</span>
             </DropdownMenu.Item>
-            <DropdownMenu.Item onClick={() => handleAxisMenuAction('drop')}>
+            <DropdownMenu.Item
+              onClick={() => handleAxisMenuAction('drop')}
+              data-testid={`grid.${contextMenuAxis}.drop`}
+            >
               <Icon size={5} icon='ph--backspace--regular' />
               <span>{t(`delete ${contextMenuAxis} label`)}</span>
             </DropdownMenu.Item>

package/src/components/GridSheet/util.ts

@@ -20,18 +20,10 @@ import {
 } from '@dxos/react-ui-grid';
 import { mx } from '@dxos/react-ui-theme';
 
-import { type CellAddress, inRange, cellClassNameForRange, rangeFromIndex } from '../../defs';
+import { inRange, cellClassNameForRange, rangeFromIndex } from '../../defs';
 import { parseThreadAnchorAsCellRange } from '../../integrations';
 import { type SheetModel } from '../../model';
 
-export const dxGridCellIndexToSheetCellAddress = (index: string): CellAddress => {
-  const [colStr, rowStr] = index.split(',');
-  return {
-    col: parseInt(colStr),
-    row: parseInt(rowStr),
-  };
-};
-
 const createDxGridColumns = (model: SheetModel): DxGridAxisMeta => {
   return model.sheet.columns.reduce(
     (acc: DxGridAxisMeta, columnId, numericIndex) => {

package/src/components/SheetContainer/SheetContainer.stories.tsx

@@ -2,18 +2,40 @@
 // Copyright 2024 DXOS.org
 //
 
+import '@dxos-theme';
+
 import { type Meta } from '@storybook/react';
 import React from 'react';
 
-import { useSpace } from '@dxos/react-client/echo';
+import { type Intent, IntentProvider } from '@dxos/app-framework';
+import { useSpace, create } from '@dxos/react-client/echo';
 import { withClientProvider } from '@dxos/react-client/testing';
 import { withTheme, withLayout } from '@dxos/storybook-utils';
 
 import { SheetContainer } from './SheetContainer';
 import { createTestCells, useTestSheet, withComputeGraphDecorator } from '../../testing';
 import translations from '../../translations';
-import { SheetType } from '../../types';
+import { SheetAction, SheetType } from '../../types';
 import { useComputeGraph } from '../ComputeGraph';
+import { RangeList } from '../RangeList';
+
+// TODO(thure via wittjosiah):  stories/components should be written such that the dependency on intents is external and provided via callback and then the story can implement it differently.
+const storybookIntentValue = create({
+  dispatch: async (intents: Intent | Intent[]) => {
+    const intent = Array.isArray(intents) ? intents[0] : intents;
+    switch (intent.action) {
+      case SheetAction.DROP_AXIS: {
+        if (!intent.undo) {
+          const { model, axis, axisIndex } = intent.data as SheetAction.DropAxis;
+          model[axis === 'col' ? 'dropColumn' : 'dropRow'](axisIndex);
+        }
+      }
+    }
+  },
+  undo: async () => ({}),
+  history: [],
+  registerResolver: () => () => {},
+});
 
 export const Basic = () => {
   const space = useSpace();
@@ -26,6 +48,26 @@ export const Basic = () => {
   return <SheetContainer space={space} sheet={sheet} role='article' ignoreAttention />;
 };
 
+export const Spec = () => {
+  const space = useSpace();
+  const graph = useComputeGraph(space);
+  const sheet = useTestSheet(space, graph, { cells: { A1: { value: 'Ready' } } });
+  if (!sheet || !space) {
+    return null;
+  }
+
+  return (
+    <IntentProvider value={storybookIntentValue}>
+      <div role='none' className='grid grid-rows-[66%_33%] grid-cols-1'>
+        <SheetContainer space={space} sheet={sheet} role='article' ignoreAttention />
+        <div role='none' data-testid='grid.range-list'>
+          <RangeList sheet={sheet} />
+        </div>
+      </div>
+    </IntentProvider>
+  );
+};
+
 const meta: Meta = {
   title: 'plugins/plugin-sheet/SheetContainer',
   component: SheetContainer,

package/src/components/SheetObjectSettings.tsx

@@ -0,0 +1,38 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import React from 'react';
+
+import { SPACE_PLUGIN } from '@dxos/plugin-space/meta';
+import { Input, useTranslation } from '@dxos/react-ui';
+
+import { RangeList } from './RangeList';
+import { type SheetType } from '../types';
+
+export type SheetObjectSettingsProps = {
+  sheet: SheetType;
+};
+
+export const SheetObjectSettings = ({ sheet }: SheetObjectSettingsProps) => {
+  const { t } = useTranslation(SPACE_PLUGIN);
+
+  // TODO(burdon): Standardize forms.
+  return (
+    <>
+      <div role='form' className='flex flex-col w-full p-2 gap-1'>
+        <Input.Root>
+          <Input.Label>{t('name label')}</Input.Label>
+          <Input.TextInput
+            placeholder={t('name placeholder')}
+            value={sheet.name ?? ''}
+            onChange={(event) => {
+              sheet.name = event.target.value;
+            }}
+          />
+        </Input.Root>
+      </div>
+      <RangeList sheet={sheet} />
+    </>
+  );
+};

package/src/components/Toolbar/Toolbar.tsx

@@ -225,7 +225,13 @@ const Alignment = () => {
       onValueChange={(value: AlignValue) => onAction?.({ key: alignKey, value })}
     >
       {alignmentOptions.map(({ value, icon }) => (
-        <ToolbarItem itemType='toggleGroupItem' key={value} value={value} icon={icon}>
+        <ToolbarItem
+          itemType='toggleGroupItem'
+          key={value}
+          value={value}
+          icon={icon}
+          data-testid={`grid.toolbar.${alignKey}.${value}`}
+        >
           {t('toolbar action label', {
             key: t(`range key ${alignKey} label`),
             value: t(`range value ${value} label`),

package/src/components/index.ts

@@ -8,5 +8,6 @@ export * from './ComputeGraph';
 export * from './GridSheet';
 export * from './RangeList';
 export * from './SheetContext';
+export * from './SheetObjectSettings';
 
 export const SheetContainer = lazy(() => import('./SheetContainer'));

package/src/compute-graph/compute-graph.stories.tsx

@@ -45,7 +45,7 @@ const Story = () => {
         setResult({ functions: { standard: f1.length, echo: f2.length } });
       });
 
-      space.db.add(create(FunctionType, { name: 'test', version: 1, binding: FUNCTION_NAME }));
+      space.db.add(create(FunctionType, { name: 'test', version: '0.0.1', binding: FUNCTION_NAME }));
     }
   }, [space, graph]);
 

package/src/compute-graph/compute-graph.test.ts

@@ -30,7 +30,7 @@ describe('ComputeGraph', () => {
     // Create script.
     const trigger = new Trigger();
     graph.update.once(() => trigger.wake());
-    const functionObject = space.db.add(create(FunctionType, { name: 'test', version: 1, binding: 'TEST' }));
+    const functionObject = space.db.add(create(FunctionType, { name: 'test', version: '0.0.1', binding: 'TEST' }));
     await trigger.wait();
     const functions = graph.getFunctions({ echo: true });
     expect(functions).to.toHaveLength(1);

package/src/defs/sheet-range-types.ts

@@ -32,8 +32,10 @@ export const cellClassNameForRange = ({ key, value }: SheetType['ranges'][number
         default:
           return undefined;
       }
+
     case commentKey:
       return 'bg-gridComment';
+
     case styleKey:
       switch (value) {
         case 'highlight':
@@ -43,6 +45,7 @@ export const cellClassNameForRange = ({ key, value }: SheetType['ranges'][number
         default:
           return undefined;
       }
+
     default:
       return undefined;
   }