@dxos/plugin-explorer 0.8.0 → 0.8.1-main.81238a8

package/dist/lib/node-esm/react-surface-UZYRBRXP.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/react-surface.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, createSurface } from '@dxos/app-framework';\nimport { isInstanceOf } from '@dxos/echo-schema';\n\nimport { ExplorerContainer } from '../components';\nimport { EXPLORER_PLUGIN } from '../meta';\nimport { ViewType } from '../types';\n\nexport default () =>\n  contributes(\n    Capabilities.ReactSurface,\n    createSurface({\n      id: `${EXPLORER_PLUGIN}/article`,\n      role: ['article', 'section'],\n      filter: (data): data is { subject: ViewType } => isInstanceOf(ViewType, data.subject),\n      component: ({ data, role }) => <ExplorerContainer view={data.subject} role={role} />,\n    }),\n  );\n"],
+  "mappings": ";;;;;;;;;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,cAAcC,aAAaC,qBAAqB;AACzD,SAASC,oBAAoB;AAM7B,IAAA,wBAAe,MACbC,YACEC,aAAaC,cACbC,cAAc;EACZC,IAAI,GAAGC,eAAAA;EACPC,MAAM;IAAC;IAAW;;EAClBC,QAAQ,CAACC,SAAwCC,aAAaC,UAAUF,KAAKG,OAAO;EACpFC,WAAW,CAAC,EAAEJ,MAAMF,KAAI,MAAO,sBAAA,cAACO,mBAAAA;IAAkBC,MAAMN,KAAKG;IAASL;;AACxE,CAAA,CAAA;",
+  "names": ["React", "Capabilities", "contributes", "createSurface", "isInstanceOf", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "EXPLORER_PLUGIN", "role", "filter", "data", "isInstanceOf", "ViewType", "subject", "component", "ExplorerContainer", "view"]
+}

package/dist/lib/node-esm/types/index.mjs

@@ -2,8 +2,8 @@ import { createRequire } from 'node:module';const require = createRequire(import
 import {
   ExplorerAction,
   ViewType
-} from "../chunk-57K7ORAW.mjs";
-import "../chunk-UHJZUVRI.mjs";
+} from "../chunk-WJ6AML7W.mjs";
+import "../chunk-RKQR2GVZ.mjs";
 export {
   ExplorerAction,
   ViewType

package/dist/types/src/capabilities/react-surface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react-surface.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/react-surface.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAA8B,MAAM,qBAAqB,CAAC;;AAM/E,wBASI"}
+{"version":3,"file":"react-surface.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/react-surface.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAA8B,MAAM,qBAAqB,CAAC;;AAO/E,wBASI"}

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

@@ -1,9 +1,10 @@
 import { type DotOptions } from '@observablehq/plot';
+import React from 'react';
 import { type Accessor, type Point } from '../plot';
 export type CharProps = {
     items?: any[];
     accessor?: Accessor<Point>;
     options?: DotOptions;
 };
-export declare const Chart: ({ items, accessor, options }: CharProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Chart: ({ items, accessor, options }: CharProps) => React.JSX.Element;
 //# sourceMappingURL=Chart.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chart/Chart.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIrD,OAAO,EAAE,KAAK,QAAQ,EAAiB,KAAK,KAAK,EAAE,MAAM,SAAS,CAAC;AASnE,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC3B,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,KAAK,iCAAwD,SAAS,4CA6BlF,CAAC"}
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chart/Chart.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAoB,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,KAAK,QAAQ,EAAiB,KAAK,KAAK,EAAE,MAAM,SAAS,CAAC;AASnE,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC3B,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,KAAK,iCAAwD,SAAS,sBA6BlF,CAAC"}

package/dist/types/src/components/Chart/Chart.stories.d.ts

@@ -1,7 +1,8 @@
 import '@dxos-theme';
 import { type Meta } from '@storybook/react';
+import React from 'react';
 import { Chart } from './Chart';
-export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+export declare const Default: () => React.JSX.Element;
 declare const meta: Meta<typeof Chart>;
 export default meta;
 //# sourceMappingURL=Chart.stories.d.ts.map

package/dist/types/src/components/Chart/Chart.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chart/Chart.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAM7C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAoBhC,eAAO,MAAM,OAAO,+CAA6C,CAAC;AAElE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAI5B,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Chart.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chart/Chart.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAoBhC,eAAO,MAAM,OAAO,yBAA6C,CAAC;AAElE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAI5B,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -1,7 +1,8 @@
+import React from 'react';
 import { type ViewType } from '../types';
 declare const ExplorerContainer: ({ view, role }: {
     view: ViewType;
     role: string;
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => React.JSX.Element | null;
 export default ExplorerContainer;
 //# sourceMappingURL=ExplorerContainer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ExplorerContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/ExplorerContainer.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,QAAA,MAAM,iBAAiB,mBAAoB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,mDAa1E,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"ExplorerContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/ExplorerContainer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,QAAA,MAAM,iBAAiB,mBAAoB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,6BAa1E,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -1,5 +1,6 @@
 import type { DotOptions } from '@observablehq/plot';
 import * as Plot from '@observablehq/plot';
+import React from 'react';
 import { type Accessor, type GeoLocation } from '../plot';
 export type GlobeProps = {
     items?: any[];
@@ -7,5 +8,5 @@ export type GlobeProps = {
     projection?: Plot.ProjectionName;
     options?: DotOptions;
 };
-export declare const Globe: ({ items, accessor, projection, options }: GlobeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Globe: ({ items, accessor, projection, options }: GlobeProps) => React.JSX.Element;
 //# sourceMappingURL=Globe.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Globe.d.ts","sourceRoot":"","sources":["../../../../../src/components/Globe/Globe.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,IAAI,MAAM,oBAAoB,CAAC;AAM3C,OAAO,EAAE,KAAK,QAAQ,EAAiB,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAOzE,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC;IACjC,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,KAAK,6CAAqF,UAAU,4CAsChH,CAAC"}
+{"version":3,"file":"Globe.d.ts","sourceRoot":"","sources":["../../../../../src/components/Globe/Globe.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,IAAI,MAAM,oBAAoB,CAAC;AAC3C,OAAO,KAAoB,MAAM,OAAO,CAAC;AAKzC,OAAO,EAAE,KAAK,QAAQ,EAAiB,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAOzE,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC;IACjC,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,KAAK,6CAAqF,UAAU,sBAsChH,CAAC"}

package/dist/types/src/components/Globe/Globe.stories.d.ts

@@ -1,7 +1,8 @@
 import '@dxos-theme';
 import { type Meta } from '@storybook/react';
-export declare const Default: () => import("react/jsx-runtime").JSX.Element;
-export declare const Extended: () => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+export declare const Default: () => React.JSX.Element;
+export declare const Extended: () => React.JSX.Element;
 declare const meta: Meta;
 export default meta;
 //# sourceMappingURL=Globe.stories.d.ts.map

package/dist/types/src/components/Globe/Globe.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Globe.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Globe/Globe.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAGrB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AA2E7C,eAAO,MAAM,OAAO,+CAAgE,CAAC;AAErF,eAAO,MAAM,QAAQ,+CAAiE,CAAC;AAEvF,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Globe.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Globe/Globe.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAGrB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,KAAoB,MAAM,OAAO,CAAC;AAyEzC,eAAO,MAAM,OAAO,yBAAgE,CAAC;AAErF,eAAO,MAAM,QAAQ,yBAAiE,CAAC;AAEvF,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -1,11 +1,8 @@
 import { type FC } from 'react';
 import { type Space } from '@dxos/client/echo';
-import '@dxos/gem-spore/styles';
 export type GraphProps = {
     space: Space;
     match?: RegExp;
-    grid?: boolean;
-    svg?: boolean;
 };
 export declare const Graph: FC<GraphProps>;
 //# sourceMappingURL=Graph.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Graph.d.ts","sourceRoot":"","sources":["../../../../../src/components/Graph/Graph.tsx"],"names":[],"mappings":"AAMA,OAAc,EAAE,KAAK,EAAE,EAAwC,MAAM,OAAO,CAAC;AAG7E,OAAO,EAAwC,KAAK,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAYrF,OAAO,wBAAwB,CAAC;AAyBhC,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,GAAG,CAAC,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAkKhC,CAAC"}
+{"version":3,"file":"Graph.d.ts","sourceRoot":"","sources":["../../../../../src/components/Graph/Graph.tsx"],"names":[],"mappings":"AAMA,OAAc,EAAE,KAAK,EAAE,EAAqB,MAAM,OAAO,CAAC;AAG1D,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAM/C,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAqEhC,CAAC"}

package/dist/types/src/components/Graph/Graph.stories.d.ts

@@ -1,6 +1,6 @@
 import '@dxos-theme';
 import { type Meta } from '@storybook/react';
-export declare const Default: {};
 declare const meta: Meta;
 export default meta;
+export declare const Default: {};
 //# sourceMappingURL=Graph.stories.d.ts.map

package/dist/types/src/components/Graph/Graph.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Graph.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Graph/Graph.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AA2C7C,eAAO,MAAM,OAAO,IAAK,CAAC;AAE1B,QAAA,MAAM,IAAI,EAAE,IAQX,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Graph.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Graph/Graph.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AA2C7C,QAAA,MAAM,IAAI,EAAE,IAQX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,IAAK,CAAC"}

package/dist/types/src/components/Graph/graph-model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"graph-model.d.ts","sourceRoot":"","sources":["../../../../../src/components/Graph/graph-model.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,KAAK,SAAS,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG7D,OAAO,EAAU,KAAK,kBAAkB,EAAE,KAAK,KAAK,EAAqB,MAAM,yBAAyB,CAAC;AAEzG,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;CAC5B,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,kBAAkB,CAAC,GAAG,CAAC,CAAA;KAAE,CAAC;CAC7D,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,eAAe,GAAG,eAAe,CAAC;AAE9D;;GAEG;AACH,qBAAa,eAAgB,SAAQ,UAAU,CAAC,aAAa,CAAC;IAWhD,OAAO,CAAC,QAAQ,CAAC,QAAQ;IAVrC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAGrB;IAEF,OAAO,CAAC,OAAO,CAAC,CAAe;IAC/B,OAAO,CAAC,mBAAmB,CAAC,CAAsB;IAClD,OAAO,CAAC,QAAQ,CAAC,CAA4B;IAC7C,OAAO,CAAC,oBAAoB,CAAC,CAAe;gBAEf,QAAQ,GAAE,sBAA2B;IAIlE,IAAa,KAAK,IAAI,SAAS,CAAC,aAAa,CAAC,CAE7C;IAED,IAAI,OAAO,IAAI,kBAAkB,CAAC,GAAG,CAAC,EAAE,CAEvC;IASK,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,EAAE,MAAM;IAgH1C,KAAK;CAQN"}
+{"version":3,"file":"graph-model.d.ts","sourceRoot":"","sources":["../../../../../src/components/Graph/graph-model.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,KAAK,SAAS,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG7D,OAAO,EAAU,KAAK,kBAAkB,EAAE,KAAK,KAAK,EAAqB,MAAM,yBAAyB,CAAC;AAEzG,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAIF,KAAK,eAAe,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;CAC5B,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,kBAAkB,CAAC,GAAG,CAAC,CAAA;KAAE,CAAC;CAC7D,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,eAAe,GAAG,eAAe,CAAC;AAE9D;;GAEG;AACH,qBAAa,eAAgB,SAAQ,UAAU,CAAC,aAAa,CAAC;IAWhD,OAAO,CAAC,QAAQ,CAAC,QAAQ;IAVrC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAGrB;IAEF,OAAO,CAAC,OAAO,CAAC,CAAe;IAC/B,OAAO,CAAC,mBAAmB,CAAC,CAAsB;IAClD,OAAO,CAAC,QAAQ,CAAC,CAA4B;IAC7C,OAAO,CAAC,oBAAoB,CAAC,CAAe;gBAEf,QAAQ,GAAE,sBAA2B;IAIlE,IAAa,KAAK,IAAI,SAAS,CAAC,aAAa,CAAC,CAE7C;IAED,IAAI,OAAO,IAAI,kBAAkB,CAAC,GAAG,CAAC,EAAE,CAEvC;IASK,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,EAAE,MAAM;IAgH1C,KAAK;CAQN"}

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { type Space } from '@dxos/client/echo';
 export type LayoutVariant = 'tidy' | 'radial' | 'edge';
 export type TreeLayoutSlots = {
@@ -22,5 +23,5 @@ export type TreeComponentProps<N = unknown> = {
     variant?: LayoutVariant;
     onNodeClick?: (node?: N) => void;
 };
-export declare const Tree: <N>({ space, selected, variant, onNodeClick }: TreeComponentProps<N>) => import("react/jsx-runtime").JSX.Element;
+export declare const Tree: <N>({ space, selected, variant, onNodeClick }: TreeComponentProps<N>) => React.JSX.Element;
 //# sourceMappingURL=Tree.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/Tree.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAa/C,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAGvD,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,MAAM,CAAC;IAE1B,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,CAAC,CAAC,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,eAIpC,CAAC;AAQF,MAAM,MAAM,kBAAkB,CAAC,CAAC,GAAG,OAAO,IAAI;IAC5C,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;CAClC,CAAC;AAGF,eAAO,MAAM,IAAI,GAAI,CAAC,6CAAuD,kBAAkB,CAAC,CAAC,CAAC,4CAiDjG,CAAC"}
+{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/Tree.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAa/C,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAGvD,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,MAAM,CAAC;IAE1B,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,CAAC,CAAC,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,eAIpC,CAAC;AAQF,MAAM,MAAM,kBAAkB,CAAC,CAAC,GAAG,OAAO,IAAI;IAC5C,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;CAClC,CAAC;AAGF,eAAO,MAAM,IAAI,GAAI,CAAC,6CAAuD,kBAAkB,CAAC,CAAC,CAAC,sBAiDjG,CAAC"}

package/dist/types/src/components/Tree/Tree.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/Tree.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAmE7C,eAAO,MAAM,IAAI;;;;CAIhB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;CAIlB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;CAIhB,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAQX,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Tree.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/Tree.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAkC7C,eAAO,MAAM,IAAI;;;;CAIhB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;CAIlB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;CAIhB,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAQX,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -1,4 +1,4 @@
-import type { GraphModel } from '@dxos/gem-spore';
+import { type GraphModel } from '@dxos/gem-spore';
 export type TreeNode = {
     id: string;
     label?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/types.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,UAAU,CAAC,CAAC,CAAC,wBAAiB,QAAQ,GAAG,SA0BrF,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/types.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,UAAU,CAAC,CAAC,CAAC,wBAAiB,QAAQ,GAAG,SA0BrF,CAAC"}

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

@@ -1,7 +1,7 @@
 export declare const ExplorerContainer: import("react").LazyExoticComponent<({ view, role }: {
     view: import("../types").ViewType;
     role: string;
-}) => import("react/jsx-runtime").JSX.Element | null>;
+}) => import("react").JSX.Element | null>;
 export * from './Chart';
 export * from './Globe';
 export * from './Graph';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB;;;qDAA4C,CAAC;AAE3E,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB;;;yCAA4C,CAAC;AAE3E,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC"}

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

@@ -1,11 +1,4 @@
+import { type PluginMeta } from '@dxos/app-framework';
 export declare const EXPLORER_PLUGIN = "dxos.org/plugin/explorer";
-export declare const meta: {
-    id: string;
-    name: string;
-    description: string;
-    icon: string;
-    source: string;
-    tags: string[];
-    screenshots: string[];
-};
+export declare const meta: PluginMeta;
 //# sourceMappingURL=meta.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,6BAA6B,CAAC;AAE1D,eAAO,MAAM,IAAI;;;;;;;;CAQK,CAAC"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD,eAAO,MAAM,eAAe,6BAA6B,CAAC;AAE1D,eAAO,MAAM,IAAI,EAAE,UAQlB,CAAC"}

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

@@ -4,19 +4,19 @@ declare const _default: {
             'typename label': string;
             'plugin name'?: undefined;
             'object title label'?: undefined;
-            'object title placeholder'?: undefined;
+            'object placeholder'?: undefined;
             'create object label'?: undefined;
         } | {
             'plugin name': string;
             'object title label': string;
-            'object title placeholder': string;
+            'object placeholder': string;
             'create object label': string;
             'typename label'?: undefined;
         };
         "dxos.org/plugin/explorer": {
             'plugin name': string;
             'object title label': string;
-            'object title placeholder': string;
+            'object placeholder': string;
             'create object label': string;
         };
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-explorer",
-  "version": "0.8.0",
+  "version": "0.8.1-main.81238a8",
   "description": "Braneframe data visualization plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -33,30 +33,30 @@
     "src"
   ],
   "dependencies": {
-    "@effect/schema": "^0.75.5",
+    "3d-force-graph": "^1.76.1",
     "@observablehq/plot": "^0.6.11",
     "@preact/signals-core": "^1.6.0",
     "d3": "^7.9.0",
-    "force-graph": "1.49.3",
+    "force-graph": "^1.49.4",
     "lodash.defaultsdeep": "^4.6.1",
     "lodash.get": "^4.4.2",
     "react-resize-detector": "^11.0.1",
     "topojson-client": "^3.1.0",
-    "@dxos/echo-schema": "0.8.0",
-    "@dxos/app-framework": "0.8.0",
-    "@dxos/async": "0.8.0",
-    "@dxos/gem-spore": "0.8.0",
-    "@dxos/gem-core": "0.8.0",
-    "@dxos/client": "0.8.0",
-    "@dxos/live-object": "0.8.0",
-    "@dxos/log": "0.8.0",
-    "@dxos/plugin-client": "0.8.0",
-    "@dxos/plugin-search": "0.8.0",
-    "@dxos/plugin-space": "0.8.0",
-    "@dxos/plugin-graph": "0.8.0",
-    "@dxos/react-client": "0.8.0",
-    "@dxos/react-ui-stack": "0.8.0",
-    "@dxos/util": "0.8.0"
+    "@dxos/client": "0.8.1-main.81238a8",
+    "@dxos/async": "0.8.1-main.81238a8",
+    "@dxos/app-framework": "0.8.1-main.81238a8",
+    "@dxos/echo-schema": "0.8.1-main.81238a8",
+    "@dxos/gem-spore": "0.8.1-main.81238a8",
+    "@dxos/gem-core": "0.8.1-main.81238a8",
+    "@dxos/log": "0.8.1-main.81238a8",
+    "@dxos/plugin-client": "0.8.1-main.81238a8",
+    "@dxos/plugin-graph": "0.8.1-main.81238a8",
+    "@dxos/live-object": "0.8.1-main.81238a8",
+    "@dxos/plugin-search": "0.8.1-main.81238a8",
+    "@dxos/plugin-space": "0.8.1-main.81238a8",
+    "@dxos/react-client": "0.8.1-main.81238a8",
+    "@dxos/react-ui-stack": "0.8.1-main.81238a8",
+    "@dxos/util": "0.8.1-main.81238a8"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
@@ -71,19 +71,19 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/echo-generator": "0.8.0",
-    "@dxos/plugin-outliner": "0.8.0",
-    "@dxos/random": "0.8.0",
-    "@dxos/react-ui": "0.8.0",
-    "@dxos/react-ui-theme": "0.8.0",
-    "@dxos/storybook-utils": "0.8.0"
+    "@dxos/plugin-outliner": "0.8.1-main.81238a8",
+    "@dxos/echo-generator": "0.8.1-main.81238a8",
+    "@dxos/random": "0.8.1-main.81238a8",
+    "@dxos/react-ui": "0.8.1-main.81238a8",
+    "@dxos/react-ui-theme": "0.8.1-main.81238a8",
+    "@dxos/storybook-utils": "0.8.1-main.81238a8"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui-theme": "0.8.0",
-    "@dxos/react-ui": "0.8.0"
+    "@dxos/react-ui": "0.8.1-main.81238a8",
+    "@dxos/react-ui-theme": "0.8.1-main.81238a8"
   },
   "publishConfig": {
     "access": "public"

package/src/ExplorerPlugin.tsx

@@ -26,7 +26,7 @@ export const ExplorerPlugin = () =>
         contributes(Capabilities.Metadata, {
           id: ViewType.typename,
           metadata: {
-            placeholder: ['object title placeholder', { ns: EXPLORER_PLUGIN }],
+            placeholder: ['object placeholder', { ns: EXPLORER_PLUGIN }],
             icon: 'ph--graph--regular',
           },
         }),

package/src/capabilities/react-surface.tsx

@@ -5,6 +5,7 @@
 import React from 'react';
 
 import { Capabilities, contributes, createSurface } from '@dxos/app-framework';
+import { isInstanceOf } from '@dxos/echo-schema';
 
 import { ExplorerContainer } from '../components';
 import { EXPLORER_PLUGIN } from '../meta';
@@ -16,7 +17,7 @@ export default () =>
     createSurface({
       id: `${EXPLORER_PLUGIN}/article`,
       role: ['article', 'section'],
-      filter: (data): data is { subject: ViewType } => data.subject instanceof ViewType,
+      filter: (data): data is { subject: ViewType } => isInstanceOf(ViewType, data.subject),
       component: ({ data, role }) => <ExplorerContainer view={data.subject} role={role} />,
     }),
   );

package/src/components/Graph/Graph.stories.tsx

@@ -47,8 +47,6 @@ const Story = () => {
   return <Graph space={space} />;
 };
 
-export const Default = {};
-
 const meta: Meta = {
   title: 'plugins/plugin-explorer/Graph',
   component: Graph,
@@ -60,3 +58,5 @@ const meta: Meta = {
 };
 
 export default meta;
+
+export const Default = {};

package/src/components/Graph/Graph.tsx

@@ -4,100 +4,37 @@
 
 import { forceLink, forceManyBody } from 'd3';
 import ForceGraph from 'force-graph';
-import React, { type FC, useEffect, useMemo, useRef, useState } from 'react';
+import React, { type FC, useEffect, useRef } from 'react';
 import { useResizeDetector } from 'react-resize-detector';
 
-import { getTypename, type ReactiveEchoObject, type Space } from '@dxos/client/echo';
-import { createSvgContext, defaultGridStyles, Grid, SVG, SVGRoot, Zoom } from '@dxos/gem-core';
-import {
-  defaultStyles,
-  Graph as GraphComponent,
-  GraphForceProjector,
-  type GraphLayoutNode,
-  Markers,
-} from '@dxos/gem-spore';
+import { type Space } from '@dxos/client/echo';
 import { filterObjectsSync, type SearchResult } from '@dxos/plugin-search';
-import { useAsyncState, useThemeContext } from '@dxos/react-ui';
-import { mx } from '@dxos/react-ui-theme';
-import '@dxos/gem-spore/styles';
+import { useAsyncState } from '@dxos/react-ui';
 
-import { type EchoGraphNode, SpaceGraphModel } from './graph-model';
-import { Tree } from '../Tree';
-
-type Slots = {
-  root?: { className?: string };
-  grid?: { className?: string };
-};
-
-const slots: Slots = {};
-
-const colors = [
-  '[&>circle]:!fill-black-300   [&>circle]:!stroke-black-600',
-  '[&>circle]:!fill-slate-300   [&>circle]:!stroke-slate-600',
-  '[&>circle]:!fill-green-300   [&>circle]:!stroke-green-600',
-  '[&>circle]:!fill-sky-300     [&>circle]:!stroke-sky-600',
-  '[&>circle]:!fill-cyan-300    [&>circle]:!stroke-cyan-600',
-  '[&>circle]:!fill-rose-300    [&>circle]:!stroke-rose-600',
-  '[&>circle]:!fill-purple-300  [&>circle]:!stroke-purple-600',
-  '[&>circle]:!fill-orange-300  [&>circle]:!stroke-orange-600',
-  '[&>circle]:!fill-teal-300    [&>circle]:!stroke-teal-600',
-  '[&>circle]:!fill-indigo-300  [&>circle]:!stroke-indigo-600',
-];
+import { SpaceGraphModel } from './graph-model';
 
 export type GraphProps = {
   space: Space;
   match?: RegExp;
-  grid?: boolean;
-  svg?: boolean;
 };
 
-export const Graph: FC<GraphProps> = ({ space, match, grid, svg }) => {
-  const { themeMode } = useThemeContext();
-  const [selected, setSelected] = useState<string>();
+export const Graph: FC<GraphProps> = ({ space, match }) => {
+  const { ref, width, height } = useResizeDetector({ refreshRate: 200 });
+  const rootRef = useRef<HTMLDivElement>(null);
+  const forceGraph = useRef<ForceGraph>();
 
   const [model] = useAsyncState(
     async () => (space ? new SpaceGraphModel({ schema: true }).open(space) : undefined),
     [space],
   );
 
-  const context = createSvgContext();
-  const projector = useMemo(
-    () =>
-      new GraphForceProjector<EchoGraphNode>(context, {
-        forces: {
-          manyBody: {
-            strength: -100,
-          },
-          link: {
-            distance: 100,
-          },
-          radial: {
-            radius: 150,
-            strength: 0.05,
-          },
-        },
-        attributes: {
-          radius: (node: GraphLayoutNode<EchoGraphNode>) => (node.data?.type === 'schema' ? 12 : 8),
-        },
-      }),
-    [],
-  );
-
   const filteredRef = useRef<SearchResult[]>();
   filteredRef.current = filterObjectsSync(model?.objects ?? [], match);
-  useEffect(() => {
-    void projector.start();
-  }, [match]);
-
-  const [colorMap] = useState(new Map<string, string>());
-
-  // https://github.com/vasturiano/force-graph
-  const { ref, width, height } = useResizeDetector();
-  const rootRef = useRef<HTMLDivElement>(null);
-  const forceGraph = useRef<ForceGraph>();
 
   useEffect(() => {
     if (rootRef.current) {
+      // https://github.com/vasturiano/force-graph
+      // https://github.com/vasturiano/3d-force-graph
       forceGraph.current = new ForceGraph(rootRef.current)
         .nodeRelSize(6)
         .nodeLabel((node: any) => {
@@ -117,7 +54,6 @@ export const Graph: FC<GraphProps> = ({ space, match, grid, svg }) => {
     };
   }, []);
 
-  // Update.
   useEffect(() => {
     if (forceGraph.current && width && height && model) {
       forceGraph.current
@@ -125,7 +61,7 @@ export const Graph: FC<GraphProps> = ({ space, match, grid, svg }) => {
         .width(width)
         .height(height)
         .onEngineStop(() => {
-          forceGraph.current?.zoomToFit(400, 40);
+          handleZoomToFit();
         })
 
         // https://github.com/vasturiano/force-graph?tab=readme-ov-file#force-engine-d3-force-configuration
@@ -134,11 +70,10 @@ export const Graph: FC<GraphProps> = ({ space, match, grid, svg }) => {
         .d3Force('charge', forceManyBody().strength(-30))
         // .d3AlphaDecay(0.0228)
         // .d3VelocityDecay(0.4)
-        .warmupTicks(100)
-        // .cooldownTime(1000)
 
-        //
         .graphData(model.graph)
+        .warmupTicks(100)
+        .cooldownTime(1000)
         .resumeAnimation();
     }
   }, [model, width, height]);
@@ -147,70 +82,9 @@ export const Graph: FC<GraphProps> = ({ space, match, grid, svg }) => {
     forceGraph.current?.zoomToFit(400, 40);
   };
 
-  if (!svg) {
-    return (
-      <div ref={ref} className='relative grow' onClick={handleZoomToFit}>
-        <div ref={rootRef} className='absolute inset-0' />
-      </div>
-    );
-  }
-
-  if (selected) {
-    return <Tree space={space} selected={selected} variant='tidy' onNodeClick={() => setSelected(undefined)} />;
-  }
-
   return (
-    <SVGRoot context={context}>
-      <SVG className={mx(defaultStyles, slots?.root?.className)}>
-        <Markers arrowSize={6} />
-        {grid && <Grid className={slots?.grid?.className ?? defaultGridStyles(themeMode)} />}
-        <Zoom extent={[1 / 2, 4]}>
-          <GraphComponent
-            model={model}
-            projector={projector}
-            drag
-            arrows
-            onSelect={(node) => setSelected(node?.data?.id)}
-            labels={{
-              text: (node: GraphLayoutNode<ReactiveEchoObject<any>>) => {
-                if (filteredRef.current?.length && !filteredRef.current.some((object) => object.id === node.data?.id)) {
-                  return undefined;
-                }
-
-                // TODO(burdon): Use schema.
-                return node.data?.label ?? node.data?.title ?? node.data?.name ?? node.data?.id.slice(0, 8);
-              },
-            }}
-            attributes={{
-              node: (node: GraphLayoutNode<ReactiveEchoObject<any>>) => {
-                let className: string | undefined;
-                if (node.data) {
-                  const { object } = node.data;
-                  if (object) {
-                    const typename = getTypename(object);
-                    if (typename) {
-                      className = colorMap.get(typename);
-                      if (!className) {
-                        className = colors[colorMap.size % colors.length];
-                        colorMap.set(typename, className);
-                      }
-                    }
-                  }
-                }
-
-                const selected = filteredRef.current?.some((object) => object.id === node.data?.id);
-                const blur = !selected && !!filteredRef.current?.length;
-                return {
-                  class: mx(className, blur && 'opacity-70'),
-                };
-              },
-              link: () => ({
-                class: '[&>path]:!stroke-neutral-300 dark:[&>path]:!stroke-neutral-700',
-              }),
-            }}
-          />
-        </Zoom>
-      </SVG>
-    </SVGRoot>
+    <div ref={ref} className='relative grow' onClick={handleZoomToFit}>
+      <div ref={rootRef} className='absolute inset-0' />
+    </div>
   );
 };

package/src/components/Graph/graph-model.ts

@@ -21,6 +21,8 @@ export type SpaceGraphModelOptions = {
   schema?: boolean;
 };
 
+// TODO(burdon): Convert to common/graph.
+
 type SchemaGraphNode = {
   id: string;
   type: 'schema';