@dxos/plugin-sheet 0.10.0 → 0.11.1

package/dx.config.ts

@@ -27,5 +27,6 @@ export default Config2.make({
     source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-sheet',
     spec: 'PLUGIN.mdl',
     screenshots: [{ dark: 'https://dxos.network/plugin-details-sheet-dark.png' }],
+    tags: ['alpha'],
   },
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-sheet",
-  "version": "0.10.0",
+  "version": "0.11.1",
   "description": "Braneframe sketch plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -14,29 +14,37 @@
   "type": "module",
   "imports": {
     "#capabilities": {
-      "source": "./src/capabilities/index.ts",
+      "source": {
+        "node": "./src/capabilities/node.ts",
+        "default": "./src/capabilities/index.ts"
+      },
       "types": "./dist/types/src/capabilities/index.d.ts",
-      "default": "./dist/lib/neutral/capabilities/index.mjs"
+      "node": "./dist/lib/capabilities/node.mjs",
+      "default": "./dist/lib/capabilities.mjs"
     },
     "#components": {
       "source": "./src/components/index.ts",
       "types": "./dist/types/src/components/index.d.ts",
-      "default": "./dist/lib/neutral/components/index.mjs"
+      "default": "./dist/lib/components.mjs"
     },
     "#containers": {
       "source": "./src/containers/index.ts",
       "types": "./dist/types/src/containers/index.d.ts",
-      "default": "./dist/lib/neutral/containers/index.mjs"
+      "default": "./dist/lib/containers.mjs"
     },
     "#meta": {
       "source": "./src/meta.ts",
       "types": "./dist/types/src/meta.d.ts",
-      "default": "./dist/lib/neutral/meta.mjs"
+      "default": "./dist/lib/meta.mjs"
     },
     "#operations": {
-      "source": "./src/operations/index.ts",
+      "source": {
+        "node": "./src/operations/node.ts",
+        "default": "./src/operations/index.ts"
+      },
       "types": "./dist/types/src/operations/index.d.ts",
-      "default": "./dist/lib/neutral/operations/index.mjs"
+      "node": "./dist/lib/operations/node.mjs",
+      "default": "./dist/lib/operations.mjs"
     },
     "#plugin": {
       "source": {
@@ -45,43 +53,43 @@
         "default": "./src/SheetPlugin.tsx"
       },
       "types": "./dist/types/src/SheetPlugin.d.ts",
-      "workerd": "./dist/lib/neutral/SheetPlugin.workerd.mjs",
-      "node": "./dist/lib/neutral/SheetPlugin.node.mjs",
-      "default": "./dist/lib/neutral/SheetPlugin.mjs"
+      "workerd": "./dist/lib/SheetPlugin.workerd.mjs",
+      "node": "./dist/lib/SheetPlugin.node.mjs",
+      "default": "./dist/lib/SheetPlugin.mjs"
     },
     "#skills": {
       "source": "./src/skills/index.ts",
       "types": "./dist/types/src/skills/index.d.ts",
-      "default": "./dist/lib/neutral/skills/index.mjs"
+      "default": "./dist/lib/skills.mjs"
     },
     "#testing": "./src/testing/index.ts",
     "#translations": {
       "source": "./src/translations.ts",
       "types": "./dist/types/src/translations.d.ts",
-      "default": "./dist/lib/neutral/translations.mjs"
+      "default": "./dist/lib/translations.mjs"
     },
     "#types": {
       "source": "./src/types/index.ts",
       "types": "./dist/types/src/types/index.d.ts",
-      "default": "./dist/lib/neutral/types/index.mjs"
+      "default": "./dist/lib/types.mjs"
     }
   },
   "exports": {
     ".": {
       "source": "./src/index.ts",
       "types": "./dist/types/src/index.d.ts",
-      "default": "./dist/lib/neutral/index.mjs"
+      "import": "./dist/lib/index.mjs"
     },
     "./assets/PLUGIN.mdl": "./PLUGIN.mdl",
     "./plugin": {
       "source": "./src/plugin.ts",
       "types": "./dist/types/src/plugin.d.ts",
-      "default": "./dist/lib/neutral/plugin.mjs"
+      "import": "./dist/lib/plugin.mjs"
     },
     "./translations": {
       "source": "./src/translations.ts",
       "types": "./dist/types/src/translations.d.ts",
-      "default": "./dist/lib/neutral/translations.mjs"
+      "import": "./dist/lib/translations.mjs"
     }
   },
   "types": "dist/types/src/index.d.ts",
@@ -92,46 +100,46 @@
     "PLUGIN.mdl"
   ],
   "dependencies": {
-    "@codemirror/autocomplete": "^6.20.2",
-    "@codemirror/language": "^6.12.3",
-    "@codemirror/state": "^6.6.0",
-    "@codemirror/view": "^6.43.0",
+    "@codemirror/autocomplete": "^6.20.3",
+    "@codemirror/language": "^6.12.4",
+    "@codemirror/state": "^6.7.1",
+    "@codemirror/view": "^6.43.6",
     "@lezer/common": "^1.5.2",
     "@lezer/highlight": "^1.2.3",
     "codemirror-lang-spreadsheet": "^1.3.0",
-    "@dxos/app-toolkit": "0.10.0",
-    "@dxos/client": "0.10.0",
-    "@dxos/compute": "0.10.0",
-    "@dxos/async": "0.10.0",
-    "@dxos/context": "0.10.0",
-    "@dxos/crypto": "0.10.0",
-    "@dxos/compute-hyperformula": "0.10.0",
-    "@dxos/echo": "0.10.0",
-    "@dxos/debug": "0.10.0",
-    "@dxos/echo-doc": "0.10.0",
-    "@dxos/echo-react": "0.10.0",
-    "@dxos/invariant": "0.10.0",
-    "@dxos/keys": "0.10.0",
-    "@dxos/lit-grid": "0.10.0",
-    "@dxos/log": "0.10.0",
-    "@dxos/plugin-client": "0.10.0",
-    "@dxos/plugin-comments": "0.10.0",
-    "@dxos/plugin-graph": "0.10.0",
-    "@dxos/plugin-markdown": "0.10.0",
-    "@dxos/react-client": "0.10.0",
-    "@dxos/plugin-space": "0.10.0",
-    "@dxos/react-ui-attention": "0.10.0",
-    "@dxos/react-hooks": "0.10.0",
-    "@dxos/react-ui-editor": "0.10.0",
-    "@dxos/react-ui-grid": "0.10.0",
-    "@dxos/react-ui-form": "0.10.0",
-    "@dxos/react-ui-list": "0.10.0",
-    "@dxos/react-ui-menu": "0.10.0",
-    "@dxos/schema": "0.10.0",
-    "@dxos/types": "0.10.0",
-    "@dxos/ui-editor": "0.10.0",
-    "@dxos/util": "0.10.0",
-    "@dxos/app-framework": "0.10.0"
+    "@dxos/app-framework": "0.11.1",
+    "@dxos/client": "0.11.1",
+    "@dxos/compute": "0.11.1",
+    "@dxos/compute-hyperformula": "0.11.1",
+    "@dxos/context": "0.11.1",
+    "@dxos/crypto": "0.11.1",
+    "@dxos/debug": "0.11.1",
+    "@dxos/echo": "0.11.1",
+    "@dxos/echo-doc": "0.11.1",
+    "@dxos/echo-react": "0.11.1",
+    "@dxos/invariant": "0.11.1",
+    "@dxos/keys": "0.11.1",
+    "@dxos/lit-grid": "0.11.1",
+    "@dxos/log": "0.11.1",
+    "@dxos/plugin-client": "0.11.1",
+    "@dxos/plugin-graph": "0.11.1",
+    "@dxos/plugin-markdown": "0.11.1",
+    "@dxos/plugin-review": "0.11.1",
+    "@dxos/plugin-space": "0.11.1",
+    "@dxos/react-client": "0.11.1",
+    "@dxos/react-hooks": "0.11.1",
+    "@dxos/react-ui-attention": "0.11.1",
+    "@dxos/react-ui-editor": "0.11.1",
+    "@dxos/react-ui-grid": "0.11.1",
+    "@dxos/react-ui-form": "0.11.1",
+    "@dxos/react-ui-list": "0.11.1",
+    "@dxos/react-ui-menu": "0.11.1",
+    "@dxos/schema": "0.11.1",
+    "@dxos/types": "0.11.1",
+    "@dxos/ui-editor": "0.11.1",
+    "@dxos/util": "0.11.1",
+    "@dxos/async": "0.11.1",
+    "@dxos/app-toolkit": "0.11.1"
   },
   "devDependencies": {
     "@effect-atom/atom-react": "^0.5.0",
@@ -144,17 +152,17 @@
     "effect": "3.21.4",
     "react": "~19.2.7",
     "react-dom": "~19.2.7",
-    "vite": "^8.0.16",
-    "@dxos/echo-generator": "0.10.0",
-    "@dxos/lit-grid": "0.10.0",
-    "@dxos/plugin-testing": "0.10.0",
-    "@dxos/random": "0.10.0",
-    "@dxos/react-ui": "0.10.0",
-    "@dxos/react-ui-syntax-highlighter": "0.10.0",
-    "@dxos/test-utils": "0.10.0",
-    "@dxos/ui-theme": "0.10.0",
-    "@dxos/storybook-utils": "0.10.0",
-    "@dxos/ui-types": "0.10.0"
+    "vite": "^8.1.4",
+    "@dxos/echo-generator": "0.11.1",
+    "@dxos/lit-grid": "0.11.1",
+    "@dxos/plugin-testing": "0.11.1",
+    "@dxos/random": "0.11.1",
+    "@dxos/react-ui": "0.11.1",
+    "@dxos/react-ui-syntax-highlighter": "0.11.1",
+    "@dxos/storybook-utils": "0.11.1",
+    "@dxos/test-utils": "0.11.1",
+    "@dxos/ui-theme": "0.11.1",
+    "@dxos/ui-types": "0.11.1"
   },
   "peerDependencies": {
     "@effect-atom/atom-react": "^0.5.0",
@@ -162,8 +170,8 @@
     "effect": "3.21.4",
     "react": "~19.2.7",
     "react-dom": "~19.2.7",
-    "@dxos/ui-theme": "0.10.0",
-    "@dxos/react-ui": "0.10.0"
+    "@dxos/react-ui": "^0.11.1",
+    "@dxos/ui-theme": "^0.11.1"
   },
   "publishConfig": {
     "access": "public"

package/src/capabilities/node.ts

@@ -0,0 +1,18 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import { Capability } from '@dxos/app-framework';
+import { OperationHandlerSet } from '@dxos/compute';
+
+// The capabilities `SheetPlugin.node` activates, and only those. `Capability.lazy` defers the
+// import at runtime but a bundler still walks it, so listing the React surfaces here would pull
+// the plugin's components into every node and bun build.
+
+export const CommentConfig = Capability.lazy('CommentConfig', () => import('./comment-config'));
+export const CreateObject = Capability.lazy('CreateObject', () => import('./create-object'));
+export const OperationHandler = Capability.lazy<OperationHandlerSet.OperationHandlerSet>(
+  'OperationHandler',
+  () => import('./operation-handler'),
+);
+export const UndoMappings = Capability.lazy('UndoMappings', () => import('./undo-mappings'));

package/src/capabilities/{react-surface.tsx → react-surface.ts}

@@ -3,16 +3,14 @@
 //
 
 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 { Surface } from '@dxos/app-framework/ui';
 import { AppSurface } from '@dxos/app-toolkit/ui';
 import { Obj } from '@dxos/echo';
-import { getSpace } from '@dxos/react-client/echo';
 
 import { RangeList, SheetArticle } from '#containers';
-import { Sheet, SheetCapabilities } from '#types';
+import { Sheet } from '#types';
 
 export default Capability.makeModule(() =>
   Effect.succeed(
@@ -24,24 +22,14 @@ export default Capability.makeModule(() =>
           AppSurface.object(AppSurface.Article, Sheet.Sheet, (data) => !!Obj.getDatabase(data.subject)),
           AppSurface.object(AppSurface.Section, Sheet.Sheet, (data) => !!Obj.getDatabase(data.subject)),
         ),
-        component: ({ data, role }) => {
-          const computeGraphRegistry = useCapability(SheetCapabilities.ComputeGraphRegistry);
-
-          return (
-            <SheetArticle
-              role={role}
-              subject={data.subject}
-              attendableId={data.attendableId}
-              space={getSpace(data.subject)!}
-              registry={computeGraphRegistry}
-            />
-          );
-        },
+        component: SheetArticle,
+        props: ({ role, data: { subject, attendableId } }) => ({ role, subject, attendableId }),
       }),
       Surface.create({
         id: 'objectProperties',
         filter: AppSurface.object(AppSurface.ObjectProperties, Sheet.Sheet),
-        component: ({ data }) => <RangeList sheet={data.subject} />,
+        component: RangeList,
+        props: ({ data: { subject } }) => ({ sheet: subject }),
       }),
     ]),
   ),

package/src/components/ComputeGraph/ComputeGraphContext.ts

@@ -0,0 +1,35 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import { createContext, useContext } from 'react';
+
+import { type ComputeGraph, type ComputeGraphRegistry } from '@dxos/compute-hyperformula';
+import { raise } from '@dxos/debug';
+import { type Space } from '@dxos/react-client/echo';
+import { useAsyncState } from '@dxos/react-hooks';
+
+// Kept out of `ComputeGraphContextProvider.tsx`: react-refresh only fast-refreshes a module whose exports are all
+// components, so a context and its hook exported beside them force a full page reload on every edit.
+
+export type ComputeGraphContextType = {
+  registry: ComputeGraphRegistry;
+};
+
+/**
+ * The compute graph context manages a ComputeGraph for each space.
+ */
+export const ComputeGraphContext = createContext<ComputeGraphContextType | undefined>(undefined);
+
+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/ComputeGraph/ComputeGraphContextProvider.tsx

@@ -2,35 +2,10 @@
 // Copyright 2024 DXOS.org
 //
 
-import React, { type PropsWithChildren, createContext, useContext } from 'react';
+import React, { type PropsWithChildren } from 'react';
 
-import { type ComputeGraph, type ComputeGraphRegistry } from '@dxos/compute-hyperformula';
-import { raise } from '@dxos/debug';
-import { type Space } from '@dxos/react-client/echo';
-import { useAsyncState } from '@dxos/react-hooks';
-
-export type ComputeGraphContextType = {
-  registry: ComputeGraphRegistry;
-};
-
-/**
- * The compute graph context manages a ComputeGraph for each space.
- */
-export const ComputeGraphContext = createContext<ComputeGraphContextType | undefined>(undefined);
+import { ComputeGraphContext, type ComputeGraphContextType } from './ComputeGraphContext';
 
 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/ComputeGraph/compute-graph.stories.tsx

@@ -18,7 +18,7 @@ import { withComputeGraphDecorator } from '#testing';
 import { Sheet } from '#types';
 
 import { useSheetModel } from '../../model';
-import { useComputeGraph } from './ComputeGraphContextProvider';
+import { useComputeGraph } from './ComputeGraphContext';
 
 const FUNCTION_NAME = 'TEST';
 

package/src/components/ComputeGraph/index.ts

@@ -2,4 +2,6 @@
 // Copyright 2024 DXOS.org
 //
 
+export { type ComputeGraphContextType, useComputeGraph } from './ComputeGraphContext';
+
 export * from './ComputeGraphContextProvider';

package/src/components/Sheet/Sheet.tsx

@@ -7,7 +7,7 @@ import { SheetRoot } from '../SheetRoot';
 import { SheetStatusbar } from '../SheetStatusbar';
 import { SheetToolbar } from '../SheetToolbar';
 
-export { type SheetContextValue, type SheetRootProps, useSheetContext } from '../SheetRoot';
+export { type SheetContextValue, type SheetRootProps } from '../SheetRoot';
 export { type SheetContentProps } from '../SheetContent';
 export { type SheetToolbarProps } from '../SheetToolbar';
 export { type SheetStatusbarProps } from '../SheetStatusbar';

package/src/components/SheetRoot/SheetContext.ts

@@ -0,0 +1,19 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import { createContext, useContext } from 'react';
+
+import { raise } from '@dxos/debug';
+
+import { type SheetContextValue } from './SheetRoot';
+
+// Kept out of `SheetRoot.tsx`: react-refresh only fast-refreshes a module whose exports are all
+// components, so a context and its hook exported beside them force a full page reload on every edit.
+
+// TODO(burdon): Use radix context.
+export const SheetContext = createContext<SheetContextValue | undefined>(undefined);
+
+export const useSheetContext = (): SheetContextValue => {
+  return useContext(SheetContext) ?? raise(new Error('Missing SheetContext'));
+};

package/src/components/SheetRoot/SheetRoot.tsx

@@ -2,7 +2,7 @@
 // Copyright 2024 DXOS.org
 //
 
-import React, { type PropsWithChildren, createContext, useCallback, useContext, useState } from 'react';
+import React, { type PropsWithChildren, useCallback, useState } from 'react';
 
 import {
   type CellAddress,
@@ -10,7 +10,6 @@ import {
   type CompleteCellRange,
   type ComputeGraph,
 } from '@dxos/compute-hyperformula';
-import { raise } from '@dxos/debug';
 import {
   Grid,
   type GridContentProps,
@@ -22,6 +21,7 @@ import {
 import { type Sheet } from '#types';
 
 import { type SheetModel, useSheetModel } from '../../model';
+import { SheetContext } from './SheetContext';
 
 export type SheetContextValue = {
   id: string;
@@ -52,13 +52,6 @@ export type SheetContextValue = {
   onInfo?: () => void;
 };
 
-// TODO(burdon): Use radix context.
-const SheetContext = createContext<SheetContextValue | undefined>(undefined);
-
-export const useSheetContext = (): SheetContextValue => {
-  return useContext(SheetContext) ?? raise(new Error('Missing SheetContext'));
-};
-
 export type SheetRootProps = {
   graph: ComputeGraph;
   sheet: Sheet.Sheet;

package/src/components/SheetRoot/index.ts

@@ -2,4 +2,6 @@
 // Copyright 2024 DXOS.org
 //
 
+export { useSheetContext } from './SheetContext';
+
 export * from './SheetRoot';

package/src/components/SheetStatusbar/SheetStatusbar.tsx

@@ -36,7 +36,7 @@ export const SheetStatusbar = composable<HTMLDivElement, SheetStatusbarProps>((p
       ref={forwardedRef}
       {...rest}
       className={mx(
-        'flex shrink-0 justify-between items-center px-4 py-1 text-sm bg-toolbar-surface border-y !border-subdued-separator',
+        'flex shrink-0 justify-between items-center px-4 py-1 text-sm dx-toolbar-surface border-y !border-subdued-separator',
         className,
       )}
     >

package/src/components/SheetToolbar/SheetToolbar.tsx

@@ -8,7 +8,14 @@ import React, { useContext, useMemo } from 'react';
 import { useAppGraph } from '@dxos/app-toolkit/ui';
 import { type CompleteCellRange } from '@dxos/compute-hyperformula';
 import { composable, composableProps } from '@dxos/react-ui';
-import { type ActionGraphProps, Menu, createGapSeparator, useMenuActions } from '@dxos/react-ui-menu';
+import {
+  type ActionGraphProps,
+  Menu,
+  createGapSeparator,
+  graphActions,
+  isToolbarAction,
+  useMenuActions,
+} from '@dxos/react-ui-menu';
 
 import { type SheetModel } from '../../model';
 import { useSheetContext } from '../SheetRoot';
@@ -64,14 +71,7 @@ export const SheetToolbar = composable<HTMLDivElement, SheetToolbarProps>((props
 
   const { graph } = useAppGraph();
   const customActions = useMemo(() => {
-    return Atom.make((get) => {
-      const actions = get(graph.actions(attendableId));
-      const nodes = actions.filter((action) => action.properties.disposition === 'toolbar');
-      return {
-        nodes,
-        edges: nodes.map((node) => ({ source: 'root', target: node.id, relation: 'child' })),
-      };
-    });
+    return Atom.make((get) => graphActions(graph, get, attendableId, { filter: isToolbarAction }));
   }, [graph, attendableId]);
 
   const actionsCreator = useMemo(

package/src/components/index.ts

@@ -3,4 +3,5 @@
 //
 
 export * from './ComputeGraph';
+export { useSheetContext } from './SheetRoot';
 export * from './Sheet';

package/src/containers/RangeList/RangeList.tsx

@@ -79,3 +79,5 @@ export const RangeList = ({ sheet: sheetProp }: RangeListProps) => {
     </>
   );
 };
+
+RangeList.displayName = 'RangeList';

package/src/containers/SheetArticle/SheetArticle.stories.tsx

@@ -4,11 +4,13 @@
 
 import { type Meta } from '@storybook/react-vite';
 import * as Effect from 'effect/Effect';
-import React, { useContext } from 'react';
+import React from 'react';
 
 import { Capabilities, Capability } from '@dxos/app-framework';
 import { withPluginManager } from '@dxos/app-framework/testing';
 import { Operation, OperationHandlerSet } from '@dxos/compute';
+import { ComputeGraphRegistry } from '@dxos/compute-hyperformula';
+import { createMockedComputeRuntimeProvider } from '@dxos/compute-hyperformula/testing';
 import { Obj } from '@dxos/echo';
 import { corePlugins } from '@dxos/plugin-testing';
 import { useSpaces } from '@dxos/react-client/echo';
@@ -16,15 +18,19 @@ import { withClientProvider } from '@dxos/react-client/testing';
 import { AttendableContainer } from '@dxos/react-ui-attention';
 import { withLayout, withTheme } from '@dxos/react-ui/testing';
 
-import { ComputeGraphContext, useComputeGraph } from '#components';
+import { useComputeGraph } from '#components';
 import { createTestCells, useTestSheet, withComputeGraphDecorator } from '#testing';
 import { translations } from '#translations';
-import { SheetOperation } from '#types';
+import { SheetCapabilities, SheetOperation } from '#types';
 import { Sheet } from '#types';
 
 import RangeList from '../RangeList';
 import { SheetArticle } from './SheetArticle';
 
+// SheetArticle resolves the registry from its capability, so the context and the capability must
+// share one instance.
+const registry = new ComputeGraphRegistry({ computeRuntime: createMockedComputeRuntimeProvider() });
+
 const meta = {
   title: 'plugins/plugin-sheet/containers/SheetArticle',
   component: SheetArticle,
@@ -32,10 +38,11 @@ const meta = {
     withTheme(),
     withLayout({ layout: 'fullscreen' }),
     withClientProvider({ types: [Sheet.Sheet], createSpace: true }),
-    withComputeGraphDecorator(),
+    withComputeGraphDecorator({ registry }),
     withPluginManager({
       plugins: [...corePlugins()],
       capabilities: [
+        Capability.contributes(SheetCapabilities.ComputeGraphRegistry, registry),
         Capability.contributes(
           Capabilities.OperationHandler,
           OperationHandlerSet.make(
@@ -61,22 +68,14 @@ export default meta;
 export const Default = () => {
   const [space] = useSpaces();
   const graph = useComputeGraph(space);
-  const { registry } = useContext(ComputeGraphContext) ?? {};
   const sheet = useTestSheet(space, graph, { cells: createTestCells() });
-  if (!sheet || !space || !registry) {
+  if (!sheet || !space) {
     return null;
   }
 
   return (
     <AttendableContainer id={Obj.getURI(sheet)} classNames='contents'>
-      <SheetArticle
-        role='article'
-        space={space}
-        subject={sheet}
-        attendableId='test'
-        registry={registry}
-        ignoreAttention
-      />
+      <SheetArticle role='article' subject={sheet} attendableId='test' ignoreAttention />
     </AttendableContainer>
   );
 };
@@ -84,23 +83,15 @@ export const Default = () => {
 export const Spec = () => {
   const [space] = useSpaces();
   const graph = useComputeGraph(space);
-  const { registry } = useContext(ComputeGraphContext) ?? {};
   const sheet = useTestSheet(space, graph, { cells: { A1: { value: 'Ready' } } });
-  if (!sheet || !space || !registry) {
+  if (!sheet || !space) {
     return null;
   }
 
   return (
     <AttendableContainer id={Obj.getURI(sheet)} classNames='contents'>
       <div className='w-full grid grid-cols-[1fr_20rem]'>
-        <SheetArticle
-          role='article'
-          space={space}
-          subject={sheet}
-          attendableId='test'
-          registry={registry}
-          ignoreAttention
-        />
+        <SheetArticle role='article' subject={sheet} attendableId='test' ignoreAttention />
         <div data-testid='grid.range-list'>
           <RangeList sheet={sheet} />
         </div>