@dxos/plugin-explorer 0.8.4-main.ae835ea → 0.8.4-main.bc2380dfbc

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { type SpaceGraphModel } from '@dxos/schema';
+export type CanvasForceGraphProps = {
+    model?: SpaceGraphModel;
+    match?: RegExp;
+};
+/**
+ * More performance optimized version of the ForceGraph.
+ */
+export declare const CanvasForceGraph: React.ForwardRefExoticComponent<Omit<CanvasForceGraphProps, "className"> & {
+    classNames?: import("@dxos/ui-types").ClassNameValue;
+} & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=CanvasForceGraph.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasForceGraph.d.ts","sourceRoot":"","sources":["../../../../../src/components/Graph/CanvasForceGraph.tsx"],"names":[],"mappings":"AAMA,OAAO,KAQN,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAKpD,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB;;2HAqF5B,CAAC"}

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

@@ -0,0 +1,17 @@
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Omit<import("./CanvasForceGraph").CanvasForceGraphProps, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    render: () => React.JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=CanvasForceGraph.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasForceGraph.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Graph/CanvasForceGraph.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAkC1B,QAAA,MAAM,IAAI;;;;;;;;QAkCN,MAAM;;CAE+B,CAAC;eAE3B,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

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

@@ -1,8 +1,15 @@
-import { type FC } from 'react';
-import { type SpaceGraphModel } from '@dxos/schema';
+import React from 'react';
+import { SelectionModel } from '@dxos/graph';
+import { type GraphProps } from '@dxos/react-ui-graph';
+import { type SpaceGraphEdge, type SpaceGraphModel, type SpaceGraphNode } from '@dxos/schema';
+import '@dxos/react-ui-graph/styles/graph.css';
 export type ForceGraphProps = {
     model?: SpaceGraphModel;
-    match?: RegExp;
-};
-export declare const ForceGraph: FC<ForceGraphProps>;
+    grid?: boolean;
+    selection?: SelectionModel;
+    onInspect?: GraphProps<SpaceGraphNode, SpaceGraphEdge>['onInspect'];
+} & Pick<GraphProps, 'drag'>;
+export declare const ForceGraph: React.ForwardRefExoticComponent<Omit<ForceGraphProps, "className"> & {
+    classNames?: import("@dxos/ui-types").ClassNameValue;
+} & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=ForceGraph.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ForceGraph.d.ts","sourceRoot":"","sources":["../../../../../src/components/Graph/ForceGraph.tsx"],"names":[],"mappings":"AAMA,OAAc,EAAE,KAAK,EAAE,EAA+B,MAAM,OAAO,CAAC;AAIpE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAIpD,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAwE1C,CAAC"}
+{"version":3,"file":"ForceGraph.d.ts","sourceRoot":"","sources":["../../../../../src/components/Graph/ForceGraph.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAGjF,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAIL,KAAK,UAAU,EAGhB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9F,OAAO,uCAAuC,CAAC;AAI/C,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,SAAS,CAAC,EAAE,UAAU,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC,WAAW,CAAC,CAAC;CACrE,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAE7B,eAAO,MAAM,UAAU;;2HAgFtB,CAAC"}

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

@@ -2,8 +2,10 @@ import { type StoryObj } from '@storybook/react-vite';
 import React from 'react';
 declare const meta: {
     title: string;
-    component: React.FC<import("./ForceGraph").ForceGraphProps>;
-    render: (args: unknown) => React.JSX.Element;
+    component: React.ForwardRefExoticComponent<Omit<import("./ForceGraph").ForceGraphProps, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    render: () => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
     parameters: {
         layout: string;

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

@@ -1 +1 @@
-{"version":3,"file":"ForceGraph.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Graph/ForceGraph.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AA4CxC,QAAA,MAAM,IAAI;;;;;;;;CAqByB,CAAC;AAEpC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}
+{"version":3,"file":"ForceGraph.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Graph/ForceGraph.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,KAA+B,MAAM,OAAO,CAAC;AAgEpD,QAAA,MAAM,IAAI;;;;;;;;QAoCN,MAAM;;CAEyB,CAAC;eAErB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/types/src/components/Graph/{adapter.d.ts → graph-adapter.d.ts}

@@ -17,8 +17,8 @@ export declare class GraphAdapter implements GraphData {
     private readonly graph;
     private readonly _nodes;
     private readonly _links;
-    constructor(graph: Graph);
+    constructor(graph: Graph.Any);
     get nodes(): GraphNode[];
     get links(): GraphLink[];
 }
-//# sourceMappingURL=adapter.d.ts.map
+//# sourceMappingURL=graph-adapter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"graph-adapter.d.ts","sourceRoot":"","sources":["../../../../../src/components/Graph/graph-adapter.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,KAAK,EAAE,SAAS,EAAE,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,qBAAa,YAAa,YAAW,SAAS;IAIhC,OAAO,CAAC,QAAQ,CAAC,KAAK;IAHlC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAmB;IAC1C,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAmB;IAE1C,YAA6B,KAAK,EAAE,KAAK,CAAC,GAAG,EAmB5C;IAED,IAAI,KAAK,gBAER;IAED,IAAI,KAAK,gBAER;CACF"}

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

@@ -1,3 +1,3 @@
-export * from './D3ForceGraph';
+export * from './CanvasForceGraph';
 export * from './ForceGraph';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Graph/index.ts"],"names":[],"mappings":"AAIA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Graph/index.ts"],"names":[],"mappings":"AAIA,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC"}

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

@@ -0,0 +1,21 @@
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+import { type TreeComponentProps } from './Tree';
+declare const meta: {
+    title: string;
+    component: any;
+    render: ({ variant, tension }: {
+        variant?: TreeComponentProps['variant'];
+        tension?: number;
+    }) => React.JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Tidy: Story;
+export declare const Radial: Story;
+//# sourceMappingURL=EdgeBundling.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EdgeBundling.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/EdgeBundling.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,KAAuC,MAAM,OAAO,CAAC;AAa5D,OAAO,EAAQ,KAAK,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAuEvD,QAAA,MAAM,IAAI;;eAEW,GAAG;mCAlE6B;QAAE,OAAO,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE;;;QA6F9G,MAAM;;CAE2B,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAIlB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC"}

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

@@ -1,27 +1,24 @@
 import React from 'react';
-import { type Space } from '@dxos/client/echo';
+import { type ThemedClassName } from '@dxos/react-ui';
+import { type BundleEdge, type TreeLayoutSlots } from './layout';
+import { type TreeNode } from './types';
 export type LayoutVariant = 'tidy' | 'radial' | 'edge';
-export type TreeLayoutSlots = {
-    node?: string;
-    path?: string;
-    text?: string;
-};
-export type TreeOptions = {
-    label: (d: any) => string;
-    slots?: TreeLayoutSlots;
-    radius?: number;
-    width: number;
-    height: number;
-    margin?: number;
-    padding?: number;
-    r?: number;
-};
-export declare const defaultTreeLayoutSlots: TreeLayoutSlots;
-export type TreeComponentProps<N = unknown> = {
-    space: Space;
-    selected?: string;
+export type TreeComponentProps = ThemedClassName<{
+    data: TreeNode;
+    /** Optional edges for the `edge` variant (hierarchical edge bundling). */
+    edges?: BundleEdge[];
     variant?: LayoutVariant;
-    onNodeClick?: (node?: N) => void;
-};
-export declare const Tree: <N>({ space, selected, variant, onNodeClick }: TreeComponentProps<N>) => React.JSX.Element;
+    label?: (node: TreeNode) => string;
+    slots?: TreeLayoutSlots;
+    initialCollapsed?: Iterable<string>;
+    onNodeClick?: (node: TreeNode) => void;
+    onNodeHover?: (node: TreeNode | null, event?: MouseEvent) => void;
+}>;
+/**
+ * Tree visualization wrapping the three layout variants.
+ * - `tidy`   — horizontal tidy tree (collapsible)
+ * - `radial` — radial tree         (collapsible)
+ * - `edge`   — hierarchical edge bundling (`edges` connect leaves)
+ */
+export declare const Tree: ({ classNames, data, edges, variant, label, slots, initialCollapsed, onNodeClick, onNodeHover, }: TreeComponentProps) => 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":"AAIA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,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,EAAG,2CAAoD,kBAAkB,CAAC,CAAC,CAAC,sBA2CjG,CAAC"}
+{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/Tree.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,OAAO,EAAE,KAAK,UAAU,EAAkD,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AACjH,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEvD,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC;IAC/C,IAAI,EAAE,QAAQ,CAAC;IACf,0EAA0E;IAC1E,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC;IACnC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,gBAAgB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,EAAE,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACnE,CAAC,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,IAAI,oGAUd,kBAAkB,sBAuCpB,CAAC"}

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

@@ -1,16 +1,9 @@
-import { type StoryObj } from '@storybook/react-vite';
-import React from 'react';
-declare const meta: {
-    title: string;
-    component: any;
-    render: () => React.JSX.Element;
-    decorators: import("@storybook/react").Decorator[];
-    parameters: {
-        layout: string;
-    };
-};
+import { type Meta, type StoryObj } from '@storybook/react-vite';
+import { type TreeComponentProps } from './Tree';
+type StoryArgs = Pick<TreeComponentProps, 'variant'>;
+declare const meta: Meta<StoryArgs>;
 export default meta;
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<StoryArgs>;
 export declare const Tidy: Story;
 export declare const Radial: Story;
 export declare const Edge: Story;

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,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAA8B,MAAM,OAAO,CAAC;AAuCnD,QAAA,MAAM,IAAI;;eAEW,GAAG;;;;;;CAMa,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,IAAI,EAAE,KAIlB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAIlB,CAAC"}
+{"version":3,"file":"Tree.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/Tree.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAOjE,OAAO,EAAQ,KAAK,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAKvD,KAAK,SAAS,GAAG,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;AAWrD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,SAAS,CAOzB,CAAC;eAEa,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;AAEjC,eAAO,MAAM,IAAI,EAAE,KAIlB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAIlB,CAAC"}

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

@@ -1,2 +1,5 @@
 export * from './Tree';
+export * from './layout';
+export * from './space-graph-adapter';
+export { type TreeNode, treeTypeToTreeNode } from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/index.ts"],"names":[],"mappings":"AAIA,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/index.ts"],"names":[],"mappings":"AAIA,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,KAAK,QAAQ,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}

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

@@ -1,5 +1,38 @@
-import { type TreeOptions } from '../Tree';
+import React from 'react';
+import { type ThemedClassName } from '@dxos/react-ui';
 import { type TreeNode } from '../types';
-declare const HierarchicalEdgeBundling: (s: SVGSVGElement, data: TreeNode, options: TreeOptions) => void;
+import { type TreeLayoutSlots } from './slots';
+/** A directed edge between two leaves of the hierarchy, identified by node id. */
+export type BundleEdge = {
+    source: string;
+    target: string;
+    kind?: string;
+};
+export type HierarchicalEdgeBundlingProps = ThemedClassName<{
+    /** Hierarchical data; leaves are the connectable entities. */
+    data: TreeNode;
+    /** Edges between leaves (by id). Bundled through the hierarchy. */
+    edges?: BundleEdge[];
+    /** Label accessor for leaf nodes. */
+    label?: (d: TreeNode) => string;
+    /** Padding (in screen pixels) reserved around the radial layout. */
+    padding?: number;
+    /** Bundling tension; 0 = straight, 1 = maximally bundled. */
+    tension?: number;
+    slots?: TreeLayoutSlots;
+    /**
+     * Called when the user hovers a leaf node (with the event so callers can dispatch
+     * `DxAnchorActivate` for previews). Receives `null` on leave.
+     */
+    onNodeHover?: (node: TreeNode | null, event?: MouseEvent) => void;
+}>;
+/**
+ * Hierarchical edge bundling.
+ * https://observablehq.com/@d3/hierarchical-edge-bundling?intent=fork
+ *
+ * Leaves are placed on a circle, grouped by their parent in the hierarchy.
+ * Edges between leaves are drawn as bundled curves that route through their lowest common ancestor.
+ */
+export declare const HierarchicalEdgeBundling: ({ classNames, data, edges, label, padding, tension, slots, onNodeHover, }: HierarchicalEdgeBundlingProps) => React.JSX.Element;
 export default HierarchicalEdgeBundling;
 //# sourceMappingURL=HierarchicalEdgeBundling.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HierarchicalEdgeBundling.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tree/layout/HierarchicalEdgeBundling.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AASzC,QAAA,MAAM,wBAAwB,GAAI,GAAG,aAAa,EAAE,MAAM,QAAQ,EAAE,SAAS,WAAW,SAuFvF,CAAC;AAwDF,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"HierarchicalEdgeBundling.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tree/layout/HierarchicalEdgeBundling.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGtD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,KAAK,eAAe,EAA0B,MAAM,SAAS,CAAC;AAKvE,kFAAkF;AAClF,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG,eAAe,CAAC;IAC1D,8DAA8D;IAC9D,IAAI,EAAE,QAAQ,CAAC;IACf,mEAAmE;IACnE,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,qCAAqC;IACrC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,MAAM,CAAC;IAChC,oEAAoE;IACpE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,EAAE,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACnE,CAAC,CAAC;AAEH;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,8EASlC,6BAA6B,sBAsC/B,CAAC;eAkLa,wBAAwB"}

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

@@ -1,4 +1,37 @@
-import { type TreeOptions } from '../Tree';
-declare const RadialTree: (s: SVGSVGElement, data: any, options: TreeOptions) => SVGSVGElement | null;
+import React from 'react';
+import { type ThemedClassName } from '@dxos/react-ui';
+import { type TreeNode } from '../types';
+import { type TreeLayoutSlots } from './slots';
+export type RadialTreeProps = ThemedClassName<{
+    data: TreeNode;
+    label?: (d: TreeNode) => string;
+    slots?: TreeLayoutSlots;
+    /** Node radius. */
+    r?: number;
+    /** Optional padding (in screen pixels) reserved around the radial layout. */
+    padding?: number;
+    /** Initial set of collapsed node ids. */
+    initialCollapsed?: Iterable<string>;
+    /**
+     * Use `d3.cluster` (all leaves equidistant from center) instead of `d3.tree`.
+     * Matches https://observablehq.com/@d3/radial-cluster.
+     */
+    cluster?: boolean;
+    /** Notified when the user clicks a node. */
+    onNodeClick?: (node: TreeNode) => void;
+    /**
+     * Notified on pointerenter (and `null` on pointerleave) for nodes. Used to wire previews
+     * (dispatch `DxAnchorActivate`). The event target on enter is the hovered circle — dispatch
+     * from it so the preview anchors there.
+     */
+    onNodeHover?: (node: TreeNode | null, event?: MouseEvent) => void;
+}>;
+/**
+ * Radial tree layout based on the D3 reference component.
+ * https://observablehq.com/@d3/radial-tree-component
+ *
+ * Click a node with children to toggle collapse / expand.
+ */
+export declare const RadialTree: ({ classNames, data, label, slots, r, padding, initialCollapsed, cluster, onNodeClick, onNodeHover, }: RadialTreeProps) => React.JSX.Element;
 export default RadialTree;
 //# sourceMappingURL=RadialTree.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadialTree.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tree/layout/RadialTree.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAK3C,QAAA,MAAM,UAAU,GAAI,GAAG,aAAa,EAAE,MAAM,GAAG,EAAE,SAAS,WAAW,yBA+EpE,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"RadialTree.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tree/layout/RadialTree.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAEjF,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGtD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,OAAO,EAAE,KAAK,eAAe,EAA0B,MAAM,SAAS,CAAC;AAKvE,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC;IAC5C,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,MAAM,CAAC;IAChC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,mBAAmB;IACnB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yCAAyC;IACzC,gBAAgB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IACpC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,EAAE,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACnE,CAAC,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,UAAU,yGAWpB,eAAe,sBA6DjB,CAAC;eAmHa,UAAU"}

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

@@ -1,4 +1,26 @@
-import { type TreeOptions } from '../Tree';
-declare const TidyTree: (s: SVGSVGElement, data: any, options: TreeOptions) => void;
+import React from 'react';
+import { type ThemedClassName } from '@dxos/react-ui';
+import { type TreeNode } from '../types';
+import { type TreeLayoutSlots } from './slots';
+export type TidyTreeProps = ThemedClassName<{
+    data: TreeNode;
+    label?: (d: TreeNode) => string;
+    slots?: TreeLayoutSlots;
+    /** Node radius. */
+    r?: number;
+    /** Margin in screen pixels reserved around the layout. */
+    margin?: number;
+    /** Initial set of collapsed node ids. */
+    initialCollapsed?: Iterable<string>;
+    /** Notified when the user clicks a node. */
+    onNodeClick?: (node: TreeNode) => void;
+}>;
+/**
+ * Tidy (horizontal) tree layout based on the D3 reference component.
+ * https://observablehq.com/@d3/tree-component
+ *
+ * Click a node with children to toggle collapse / expand.
+ */
+export declare const TidyTree: ({ classNames, data, label, slots, r, margin, initialCollapsed, onNodeClick, }: TidyTreeProps) => React.JSX.Element;
 export default TidyTree;
 //# sourceMappingURL=TidyTree.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TidyTree.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tree/layout/TidyTree.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C,QAAA,MAAM,QAAQ,GAAI,GAAG,aAAa,EAAE,MAAM,GAAG,EAAE,SAAS,WAAW,SAuFlE,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"TidyTree.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tree/layout/TidyTree.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAEjF,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGtD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,OAAO,EAAE,KAAK,eAAe,EAA0B,MAAM,SAAS,CAAC;AAKvE,MAAM,MAAM,aAAa,GAAG,eAAe,CAAC;IAC1C,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,MAAM,CAAC;IAChC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,mBAAmB;IACnB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yCAAyC;IACzC,gBAAgB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IACpC,4CAA4C;IAC5C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACxC,CAAC,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,kFASlB,aAAa,sBA0Df,CAAC;eA4Ia,QAAQ"}

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

@@ -0,0 +1,17 @@
+import { type HierarchyNode } from 'd3';
+import { type TreeNode } from '../types';
+/**
+ * Build a d3 hierarchy from a TreeNode, pruning children of nodes whose ids are in `collapsed`.
+ * Nodes that have children but are collapsed retain their identity in the hierarchy and can be
+ * distinguished by `node._children` (the original list).
+ */
+export declare const buildHierarchy: (data: TreeNode, collapsed?: Set<string>) => HierarchyNode<TreeNode>;
+/**
+ * True when the node has children that have been hidden via collapse.
+ */
+export declare const isCollapsed: (data: TreeNode, collapsed: Set<string>) => boolean;
+/**
+ * True when the node has no children at all (a real leaf, not a collapsed branch).
+ */
+export declare const isLeaf: (data: TreeNode) => boolean;
+//# sourceMappingURL=hierarchy.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hierarchy.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tree/layout/hierarchy.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,aAAa,EAA4B,MAAM,IAAI,CAAC;AAElE,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC;;;;GAIG;AACH,eAAO,MAAM,cAAc,SAAU,QAAQ,cAAa,GAAG,CAAC,MAAM,CAAC,KAAe,aAAa,CAAC,QAAQ,CAOzG,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,SAAU,QAAQ,aAAa,GAAG,CAAC,MAAM,CAAC,KAAG,OACX,CAAC;AAE3D;;GAEG;AACH,eAAO,MAAM,MAAM,SAAU,QAAQ,KAAG,OAAiC,CAAC"}

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

@@ -1,5 +1,6 @@
-import HierarchicalEdgeBundling from './HierarchicalEdgeBundling';
-import RadialTree from './RadialTree';
-import TidyTree from './TidyTree';
-export { HierarchicalEdgeBundling, RadialTree, TidyTree };
+export * from './HierarchicalEdgeBundling';
+export * from './RadialTree';
+export * from './TidyTree';
+export * from './hierarchy';
+export * from './slots';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tree/layout/index.ts"],"names":[],"mappings":"AAIA,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAClE,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,OAAO,EAAE,wBAAwB,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tree/layout/index.ts"],"names":[],"mappings":"AAIA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,7 @@
+export type TreeLayoutSlots = {
+    node?: string;
+    path?: string;
+    text?: string;
+};
+export declare const defaultTreeLayoutSlots: TreeLayoutSlots;
+//# sourceMappingURL=slots.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slots.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tree/layout/slots.ts"],"names":[],"mappings":"AAIA,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,eAAO,MAAM,sBAAsB,EAAE,eAQpC,CAAC"}

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

@@ -0,0 +1,15 @@
+/**
+ * Track an element's content-box size via ResizeObserver.
+ * Returns the most recently observed `{ width, height }` plus a callback ref to attach to the element.
+ *
+ * Why not `react-resize-detector` directly: its `targetRef` API doesn't pick up a ref whose
+ * `.current` is set later than the hook runs, and the returned-`ref` API forces the consumer to
+ * forward a callback ref through their own component — which is awkward for class refs.
+ * This hook returns a setter so the consumer assigns it directly to `<div ref={setRef}>`.
+ */
+export declare const useContainerSize: () => {
+    setRef: (el: HTMLDivElement | null) => void;
+    width: number;
+    height: number;
+};
+//# sourceMappingURL=useContainerSize.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useContainerSize.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tree/layout/useContainerSize.ts"],"names":[],"mappings":"AAMA;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,QAAO;IAClC,MAAM,EAAE,CAAC,EAAE,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAwBhB,CAAC"}

package/dist/types/src/components/Tree/space-graph-adapter.d.ts

@@ -0,0 +1,32 @@
+import { Obj } from '@dxos/echo';
+import { type SpaceGraphModel } from '@dxos/schema';
+import { type BundleEdge } from './layout';
+import { type TreeNode } from './types';
+export type SpaceGraphHierarchy = {
+    /** Hierarchy where leaves carry the underlying ECHO object on `node.data`. */
+    tree: TreeNode<Obj.Unknown>;
+    /** Edges between leaf objects derived from relations and refs in the graph. */
+    edges: BundleEdge[];
+};
+export type SpaceGraphHierarchyOptions = {
+    rootLabel?: string;
+    rootId?: string;
+};
+/**
+ * Convert a {@link SpaceGraphModel} graph into a hierarchy suitable for the cluster / bundling layouts:
+ *
+ *     Root (db)
+ *     ├── Schema A
+ *     │   ├── Object a1
+ *     │   └── Object a2
+ *     └── Schema B
+ *         └── Object b1
+ *
+ * Leaves are ECHO objects. Their schema typename is the intermediate group.
+ * `rootLabel` is shown on the root node (typically the database name or "Space").
+ *
+ * `edges` exposes object-to-object edges (relations + refs) so the bundling
+ * layout can route bundled curves between leaves through their common ancestor.
+ */
+export declare const spaceGraphToHierarchy: (model: SpaceGraphModel, { rootLabel, rootId }?: SpaceGraphHierarchyOptions) => SpaceGraphHierarchy;
+//# sourceMappingURL=space-graph-adapter.d.ts.map

package/dist/types/src/components/Tree/space-graph-adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"space-graph-adapter.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/space-graph-adapter.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAuB,KAAK,eAAe,EAAuB,MAAM,cAAc,CAAC;AAE9F,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAC;AASxC,MAAM,MAAM,mBAAmB,GAAG;IAChC,8EAA8E;IAC9E,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAC5B,+EAA+E;IAC/E,KAAK,EAAE,UAAU,EAAE,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,qBAAqB,UACzB,eAAe,0BACwB,0BAA0B,KACvE,mBAyCF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"generator.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tree/testing/generator.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,IAAI,EAAqB,MAAM,UAAU,CAAC;AAEnD,KAAK,mBAAmB,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AAI7C;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,OAAM,mBAAmB,EAAO,EAAE,aAAa,MAAM,MAAM,KAAG,IA6BxF,CAAC"}
+{"version":3,"file":"generator.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tree/testing/generator.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,IAAI,EAAqB,MAAM,UAAU,CAAC;AAEnD,KAAK,mBAAmB,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AAI7C;;GAEG;AACH,eAAO,MAAM,UAAU,UAAU,mBAAmB,EAAE,eAAoB,MAAM,MAAM,KAAG,IA+BxF,CAAC"}

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

@@ -1,2 +1,3 @@
 export * from './generator';
+export * from './relations';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tree/testing/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tree/testing/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}

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

@@ -0,0 +1,47 @@
+import { type Space } from '@dxos/client/echo';
+import { Obj } from '@dxos/echo';
+import { type TypeSpec, type ValueGenerator } from '@dxos/schema/testing';
+import { type BundleEdge } from '../layout';
+import { type TreeNode } from '../types';
+export type ConnectedOrgsResult = {
+    organizations: Obj.Any[];
+    people: Obj.Any[];
+    connections: Obj.Any[];
+};
+export type ConnectedOrgsOptions = {
+    organizationCount?: number;
+    personCount?: number;
+    connectionCount?: number;
+};
+/**
+ * Populate a space with Organizations, People, and HasConnection relations between organizations.
+ * Uses `createObjectFactory` to generate Org/Person properties from their `GeneratorAnnotation`s,
+ * then layers manual HasConnection relations on top — the connection schema is fixed
+ * (Org→Org) so it isn't a fit for the generator's reference inference.
+ */
+export declare const generateConnectedOrgs: (space: Space, generator: ValueGenerator, { organizationCount, personCount, connectionCount }?: ConnectedOrgsOptions) => Promise<ConnectedOrgsResult>;
+/**
+ * Build a TreeNode hierarchy: Root → Sector → Organization (leaf).
+ * Organizations are deterministically bucketed into `SECTORS` so the demo has visible groups.
+ */
+export declare const buildOrgHierarchy: (organizations: Obj.Any[], sectors?: readonly string[]) => TreeNode;
+export type GenerateOptions = {
+    spec?: TypeSpec[];
+    relations?: {
+        count: number;
+        kind: string;
+    };
+};
+/**
+ * Populate a space with a mixed dataset (Orgs, Pipelines, People) plus
+ * `HasRelationship` edges between random pairs of People.
+ *
+ * Used by the force-directed and canvas-force graph stories that want a
+ * heterogeneous typed dataset without caring about the precise shape of relations.
+ */
+export declare const generate: (space: Space, generator: ValueGenerator, { spec, relations }?: GenerateOptions) => Promise<void>;
+/**
+ * Convert HasConnection relations into bundle edges between organization ids.
+ */
+export declare const connectionsToEdges: (connections: Obj.Any[]) => BundleEdge[];
+//# sourceMappingURL=relations.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"relations.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tree/testing/relations.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,GAAG,EAAmB,MAAM,YAAY,CAAC;AAClD,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAuB,MAAM,sBAAsB,CAAC;AAI/F,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAOzC,MAAM,MAAM,mBAAmB,GAAG;IAChC,aAAa,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC;IAClB,WAAW,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,UACzB,KAAK,aACD,cAAc,wDAC2C,oBAAoB,KACvF,OAAO,CAAC,mBAAmB,CAqC7B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,kBAAmB,GAAG,CAAC,GAAG,EAAE,YAAW,SAAS,MAAM,EAAE,KAAa,QAyBlG,CAAC;AAQF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE;QACV,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH,CAAC;AAOF;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,UACZ,KAAK,aACD,cAAc,wBAC8C,eAAe,kBAsBvF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,gBAAiB,GAAG,CAAC,GAAG,EAAE,KAAG,UAAU,EAerE,CAAC"}

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

@@ -1,28 +1,30 @@
 import * as Schema from 'effect/Schema';
-import { Key, Type } from '@dxos/echo';
+import { Key, Ref, Type } from '@dxos/echo';
 export declare const TreeNodeType: Schema.mutable<Schema.Struct<{
     id: import("@dxos/keys").ObjectIdClass;
     children: Schema.mutable<Schema.Array$<import("@dxos/keys").ObjectIdClass>>;
     data: Schema.mutable<Schema.Record$<typeof Schema.String, typeof Schema.Any>>;
-    ref: Schema.optional<Type.ref<Schema.Schema<Type.Expando, {
-        [x: string]: any;
-        id: string;
-    }, never>>>;
+    ref: Schema.optional<Ref.RefSchema<import("@dxos/echo/Entity").OfKind<import("@dxos/echo/internal").EntityKind.Object> & {
+        readonly [x: string]: any;
+    }>>;
 }>>;
 export interface TreeNodeType extends Schema.Schema.Type<typeof TreeNodeType> {
 }
-export declare const TreeType: Type.obj<Schema.Struct<{
-    root: import("@dxos/keys").ObjectIdClass;
-    nodes: Schema.mutable<Schema.Record$<import("@dxos/keys").ObjectIdClass, Schema.mutable<Schema.Struct<{
-        id: import("@dxos/keys").ObjectIdClass;
-        children: Schema.mutable<Schema.Array$<import("@dxos/keys").ObjectIdClass>>;
-        data: Schema.mutable<Schema.Record$<typeof Schema.String, typeof Schema.Any>>;
-        ref: Schema.optional<Type.ref<Schema.Schema<Type.Expando, {
-            [x: string]: any;
+export declare const TreeType: Type.Obj<{
+    readonly root: string;
+    readonly nodes: {
+        [x: string]: {
             id: string;
-        }, never>>>;
-    }>>>>;
-}>>;
+            children: string[];
+            data: {
+                [x: string]: any;
+            };
+            ref?: import("@dxos/echo/internal").Ref<import("@dxos/echo/Entity").OfKind<import("@dxos/echo/internal").EntityKind.Object> & {
+                readonly [x: string]: any;
+            }> | undefined;
+        };
+    };
+}, Schema.Struct.Fields>;
 export interface TreeType extends Schema.Schema.Type<typeof TreeType> {
 }
 /**