@dxos/plugin-explorer 0.8.4-main.3c1ae3b → 0.8.4-main.52d7546f51

package/dist/lib/browser/ExplorerContainer-46BHUF6R.mjs

@@ -0,0 +1,45 @@
+import {
+  useGraphModel
+} from "./chunk-KIXHZZ2C.mjs";
+import {
+  D3ForceGraph
+} from "./chunk-MGBT2ZFU.mjs";
+import "./chunk-J5LGTIGS.mjs";
+
+// src/components/ExplorerContainer.tsx
+import React, { useCallback, useMemo, useState } from "react";
+import { QueryBuilder } from "@dxos/echo-query";
+import { useGlobalSearch } from "@dxos/plugin-search";
+import { getSpace, useObject } from "@dxos/react-client/echo";
+import { Layout, Toolbar } from "@dxos/react-ui";
+import { QueryEditor } from "@dxos/react-ui-components";
+var ExplorerContainer = ({ role, subject: view }) => {
+  useObject(view);
+  const space = view && getSpace(view);
+  const [filter, setFilter] = useState();
+  const model = useGraphModel(space, filter);
+  const { match } = useGlobalSearch();
+  const builder = useMemo(() => new QueryBuilder(), []);
+  const handleChange = useCallback((value) => {
+    setFilter(builder.build(value).filter);
+  }, []);
+  const showToolbar = role === "article";
+  if (!space || !model) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(Layout.Main, {
+    role,
+    toolbar: showToolbar
+  }, showToolbar && /* @__PURE__ */ React.createElement(Toolbar.Root, null, /* @__PURE__ */ React.createElement(QueryEditor, {
+    db: space.db,
+    onChange: handleChange
+  })), /* @__PURE__ */ React.createElement(D3ForceGraph, {
+    model,
+    match
+  }));
+};
+var ExplorerContainer_default = ExplorerContainer;
+export {
+  ExplorerContainer_default as default
+};
+//# sourceMappingURL=ExplorerContainer-46BHUF6R.mjs.map

package/dist/lib/browser/ExplorerContainer-46BHUF6R.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ExplorerContainer.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useMemo, useState } from 'react';\n\nimport { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';\nimport { type Filter } from '@dxos/echo';\nimport { QueryBuilder } from '@dxos/echo-query';\nimport { useGlobalSearch } from '@dxos/plugin-search';\nimport { getSpace, useObject } from '@dxos/react-client/echo';\nimport { Layout, Toolbar } from '@dxos/react-ui';\nimport { QueryEditor, type QueryEditorProps } from '@dxos/react-ui-components';\nimport { type View } from '@dxos/schema';\n\nimport { useGraphModel } from '../hooks';\n\nimport { D3ForceGraph } from './Graph';\n\nexport type ExplorerContainerProps = SurfaceComponentProps<View.View>;\n\nconst ExplorerContainer = ({ role, subject: view }: ExplorerContainerProps) => {\n  useObject(view);\n  const space = view && getSpace(view);\n  const [filter, setFilter] = useState<Filter.Any>();\n  const model = useGraphModel(space, filter);\n  const { match } = useGlobalSearch();\n\n  const builder = useMemo(() => new QueryBuilder(), []);\n  const handleChange = useCallback<NonNullable<QueryEditorProps['onChange']>>((value) => {\n    setFilter(builder.build(value).filter);\n  }, []);\n\n  const showToolbar = role === 'article';\n\n  if (!space || !model) {\n    return null;\n  }\n\n  return (\n    <Layout.Main role={role} toolbar={showToolbar}>\n      {showToolbar && (\n        <Toolbar.Root>\n          <QueryEditor db={space.db} onChange={handleChange} />\n        </Toolbar.Root>\n      )}\n      <D3ForceGraph model={model} match={match} />\n    </Layout.Main>\n  );\n};\n\nexport default ExplorerContainer;\n"],
+  "mappings": ";;;;;;;;;AAIA,OAAOA,SAASC,aAAaC,SAASC,gBAAgB;AAItD,SAASC,oBAAoB;AAC7B,SAASC,uBAAuB;AAChC,SAASC,UAAUC,iBAAiB;AACpC,SAASC,QAAQC,eAAe;AAChC,SAASC,mBAA0C;AASnD,IAAMC,oBAAoB,CAAC,EAAEC,MAAMC,SAASC,KAAI,MAA0B;AACxEC,YAAUD,IAAAA;AACV,QAAME,QAAQF,QAAQG,SAASH,IAAAA;AAC/B,QAAM,CAACI,QAAQC,SAAAA,IAAaC,SAAAA;AAC5B,QAAMC,QAAQC,cAAcN,OAAOE,MAAAA;AACnC,QAAM,EAAEK,MAAK,IAAKC,gBAAAA;AAElB,QAAMC,UAAUC,QAAQ,MAAM,IAAIC,aAAAA,GAAgB,CAAA,CAAE;AACpD,QAAMC,eAAeC,YAAuD,CAACC,UAAAA;AAC3EX,cAAUM,QAAQM,MAAMD,KAAAA,EAAOZ,MAAM;EACvC,GAAG,CAAA,CAAE;AAEL,QAAMc,cAAcpB,SAAS;AAE7B,MAAI,CAACI,SAAS,CAACK,OAAO;AACpB,WAAO;EACT;AAEA,SACE,sBAAA,cAACY,OAAOC,MAAI;IAACtB;IAAYuB,SAASH;KAC/BA,eACC,sBAAA,cAACI,QAAQC,MAAI,MACX,sBAAA,cAACC,aAAAA;IAAYC,IAAIvB,MAAMuB;IAAIC,UAAUZ;OAGzC,sBAAA,cAACa,cAAAA;IAAapB;IAAcE;;AAGlC;AAEA,IAAA,4BAAeZ;",
+  "names": ["React", "useCallback", "useMemo", "useState", "QueryBuilder", "useGlobalSearch", "getSpace", "useObject", "Layout", "Toolbar", "QueryEditor", "ExplorerContainer", "role", "subject", "view", "useObject", "space", "getSpace", "filter", "setFilter", "useState", "model", "useGraphModel", "match", "useGlobalSearch", "builder", "useMemo", "QueryBuilder", "handleChange", "useCallback", "value", "build", "showToolbar", "Layout", "Main", "toolbar", "Toolbar", "Root", "QueryEditor", "db", "onChange", "D3ForceGraph"]
+}

package/dist/lib/browser/{chunk-P6FFFVPM.mjs → chunk-HIFLWHXR.mjs}

@@ -1,6 +1,3 @@
-import {
-  meta
-} from "./chunk-UBHZGWZQ.mjs";
 import {
   __export
 } from "./chunk-J5LGTIGS.mjs";
@@ -8,12 +5,28 @@ import {
 // src/types/ExplorerAction.ts
 var ExplorerAction_exports = {};
 __export(ExplorerAction_exports, {
-  CreateGraph: () => CreateGraph,
   GraphProps: () => GraphProps
 });
-import * as Schema2 from "effect/Schema";
+import * as Schema from "effect/Schema";
 import { TypeInputOptionsAnnotation } from "@dxos/plugin-space/types";
-import { SpaceSchema } from "@dxos/react-client/echo";
+var GraphProps = Schema.Struct({
+  name: Schema.optional(Schema.String),
+  // TODO(wittjosiah): This should be a query input instead.
+  typename: Schema.String.pipe(Schema.annotations({
+    title: "Select type"
+  }), TypeInputOptionsAnnotation.set({
+    location: [
+      "database",
+      "runtime"
+    ],
+    kind: [
+      "user"
+    ],
+    registered: [
+      "registered"
+    ]
+  }), Schema.optional)
+});
 
 // src/types/Graph.ts
 var Graph_exports = {};
@@ -22,18 +35,18 @@ __export(Graph_exports, {
   GraphV1: () => GraphV1,
   make: () => make
 });
-import * as Schema from "effect/Schema";
+import * as Schema2 from "effect/Schema";
 import { Filter, Obj, Query, QueryAST, Ref, Type } from "@dxos/echo";
 import { FormInputAnnotation, LabelAnnotation } from "@dxos/echo/internal";
 import { View, ViewAnnotation } from "@dxos/schema";
-var GraphSchema = Schema.Struct({
-  name: Schema.optional(Schema.String),
+var GraphSchema = Schema2.Struct({
+  name: Schema2.optional(Schema2.String),
   view: Type.Ref(View.View).pipe(FormInputAnnotation.set(false)),
-  query: Schema.Struct({
-    raw: Schema.optional(Schema.String),
+  query: Schema2.Struct({
+    raw: Schema2.optional(Schema2.String),
     ast: QueryAST.Query
-  }).pipe(Schema.mutable, FormInputAnnotation.set(false))
-}).pipe(Type.Obj({
+  }).pipe(FormInputAnnotation.set(false))
+}).pipe(Type.object({
   typename: "dxos.org/type/Graph",
   version: "0.2.0"
 }), LabelAnnotation.set([
@@ -50,51 +63,21 @@ var make = ({ name, query = {
     query
   });
 };
-var GraphV1 = Schema.Struct({
-  name: Schema.optional(Schema.String),
-  query: Schema.Struct({
-    raw: Schema.optional(Schema.String),
+var GraphV1 = Schema2.Struct({
+  name: Schema2.optional(Schema2.String),
+  query: Schema2.Struct({
+    raw: Schema2.optional(Schema2.String),
     ast: QueryAST.Query
-  }).pipe(Schema.mutable)
-}).pipe(Type.Obj({
+  })
+}).pipe(Type.object({
   typename: "dxos.org/type/Graph",
   version: "0.1.0"
 }), LabelAnnotation.set([
   "name"
 ]));
 
-// src/types/ExplorerAction.ts
-var EXPLORER_ACTION = `${meta.id}/action`;
-var GraphProps = Schema2.Struct({
-  name: Schema2.optional(Schema2.String),
-  // TODO(wittjosiah): This should be a query input instead.
-  typename: Schema2.String.pipe(Schema2.annotations({
-    title: "Select type"
-  }), TypeInputOptionsAnnotation.set({
-    location: [
-      "database",
-      "runtime"
-    ],
-    kind: [
-      "user"
-    ],
-    registered: [
-      "registered"
-    ]
-  }), Schema2.optional)
-});
-var CreateGraph = class extends Schema2.TaggedClass()(`${EXPLORER_ACTION}/create-graph`, {
-  input: Schema2.Struct({
-    space: SpaceSchema
-  }).pipe(Schema2.extend(GraphProps)),
-  output: Schema2.Struct({
-    object: Graph
-  })
-}) {
-};
-
 export {
-  Graph_exports,
-  ExplorerAction_exports
+  ExplorerAction_exports,
+  Graph_exports
 };
-//# sourceMappingURL=chunk-P6FFFVPM.mjs.map
+//# sourceMappingURL=chunk-HIFLWHXR.mjs.map

package/dist/lib/browser/chunk-HIFLWHXR.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/ExplorerAction.ts", "../../../src/types/Graph.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { TypeInputOptionsAnnotation } from '@dxos/plugin-space/types';\n\nexport const GraphProps = Schema.Struct({\n  name: Schema.optional(Schema.String),\n  // TODO(wittjosiah): This should be a query input instead.\n  typename: Schema.String.pipe(\n    Schema.annotations({ title: 'Select type' }),\n    TypeInputOptionsAnnotation.set({\n      location: ['database', 'runtime'],\n      kind: ['user'],\n      registered: ['registered'],\n    }),\n    Schema.optional,\n  ),\n});\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { Filter, Obj, Query, QueryAST, Ref, Type } from '@dxos/echo';\nimport { FormInputAnnotation, LabelAnnotation } from '@dxos/echo/internal';\nimport { View, ViewAnnotation } from '@dxos/schema';\n\nconst GraphSchema = Schema.Struct({\n  name: Schema.optional(Schema.String),\n\n  view: Type.Ref(View.View).pipe(FormInputAnnotation.set(false)),\n\n  query: Schema.Struct({\n    raw: Schema.optional(Schema.String),\n    ast: QueryAST.Query,\n  }).pipe(FormInputAnnotation.set(false)),\n}).pipe(\n  Type.object({\n    typename: 'dxos.org/type/Graph',\n    version: '0.2.0',\n  }),\n  LabelAnnotation.set(['name']),\n  ViewAnnotation.set(true),\n);\nexport interface Graph extends Schema.Schema.Type<typeof GraphSchema> {}\nexport const Graph: Type.Obj<Graph> = GraphSchema as any;\n\ntype MakeProps = Omit<Partial<Obj.MakeProps<typeof Graph>>, 'view'> & {\n  view: View.View;\n};\n\n/**\n * Make a graph as a view of a data set.\n */\nexport const make = ({\n  name,\n  query = { raw: '', ast: Query.select(Filter.nothing()).ast },\n  view,\n}: MakeProps): Graph => {\n  return Obj.make(Graph, { name, view: Ref.make(view), query });\n};\n\n//\n// V1\n//\n\nexport const GraphV1 = Schema.Struct({\n  name: Schema.optional(Schema.String),\n  query: Schema.Struct({\n    raw: Schema.optional(Schema.String),\n    ast: QueryAST.Query,\n  }),\n}).pipe(\n  Type.object({\n    typename: 'dxos.org/type/Graph',\n    version: '0.1.0',\n  }),\n  LabelAnnotation.set(['name']),\n);\n"],
+  "mappings": ";;;;;AAAA;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,kCAAkC;AAEpC,IAAMC,aAAoBC,cAAO;EACtCC,MAAaC,gBAAgBC,aAAM;;EAEnCC,UAAiBD,cAAOE,KACfC,mBAAY;IAAEC,OAAO;EAAc,CAAA,GAC1CC,2BAA2BC,IAAI;IAC7BC,UAAU;MAAC;MAAY;;IACvBC,MAAM;MAAC;;IACPC,YAAY;MAAC;;EACf,CAAA,GACOV,eAAQ;AAEnB,CAAA;;;ACpBA;;;;;;AAIA,YAAYW,aAAY;AAExB,SAASC,QAAQC,KAAKC,OAAOC,UAAUC,KAAKC,YAAY;AACxD,SAASC,qBAAqBC,uBAAuB;AACrD,SAASC,MAAMC,sBAAsB;AAErC,IAAMC,cAAqBC,eAAO;EAChCC,MAAaC,iBAAgBC,cAAM;EAEnCC,MAAMC,KAAKC,IAAIC,KAAKA,IAAI,EAAEC,KAAKC,oBAAoBC,IAAI,KAAA,CAAA;EAEvDC,OAAcX,eAAO;IACnBY,KAAYV,iBAAgBC,cAAM;IAClCU,KAAKC,SAASC;EAChB,CAAA,EAAGP,KAAKC,oBAAoBC,IAAI,KAAA,CAAA;AAClC,CAAA,EAAGF,KACDH,KAAKW,OAAO;EACVC,UAAU;EACVC,SAAS;AACX,CAAA,GACAC,gBAAgBT,IAAI;EAAC;CAAO,GAC5BU,eAAeV,IAAI,IAAA,CAAA;AAGd,IAAMW,QAAyBtB;AAS/B,IAAMuB,OAAO,CAAC,EACnBrB,MACAU,QAAQ;EAAEC,KAAK;EAAIC,KAAKE,MAAMQ,OAAOC,OAAOC,QAAO,CAAA,EAAIZ;AAAI,GAC3DT,KAAI,MACM;AACV,SAAOsB,IAAIJ,KAAKD,OAAO;IAAEpB;IAAMG,MAAME,IAAIgB,KAAKlB,IAAAA;IAAOO;EAAM,CAAA;AAC7D;AAMO,IAAMgB,UAAiB3B,eAAO;EACnCC,MAAaC,iBAAgBC,cAAM;EACnCQ,OAAcX,eAAO;IACnBY,KAAYV,iBAAgBC,cAAM;IAClCU,KAAKC,SAASC;EAChB,CAAA;AACF,CAAA,EAAGP,KACDH,KAAKW,OAAO;EACVC,UAAU;EACVC,SAAS;AACX,CAAA,GACAC,gBAAgBT,IAAI;EAAC;CAAO,CAAA;",
+  "names": ["Schema", "TypeInputOptionsAnnotation", "GraphProps", "Struct", "name", "optional", "String", "typename", "pipe", "annotations", "title", "TypeInputOptionsAnnotation", "set", "location", "kind", "registered", "Schema", "Filter", "Obj", "Query", "QueryAST", "Ref", "Type", "FormInputAnnotation", "LabelAnnotation", "View", "ViewAnnotation", "GraphSchema", "Struct", "name", "optional", "String", "view", "Type", "Ref", "View", "pipe", "FormInputAnnotation", "set", "query", "raw", "ast", "QueryAST", "Query", "object", "typename", "version", "LabelAnnotation", "ViewAnnotation", "Graph", "make", "select", "Filter", "nothing", "Obj", "GraphV1"]
+}

package/dist/lib/browser/{chunk-ARBGXQFH.mjs → chunk-JZSBQYJQ.mjs}

@@ -1,5 +1,4 @@
 // src/components/Chart/Chart.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 import * as Plot from "@observablehq/plot";
 import React, { useEffect } from "react";
 import { useResizeDetector } from "react-resize-detector";
@@ -17,49 +16,43 @@ var defaultOptions = {
   fillOpacity: 0.2
 };
 var Chart = ({ items = [], accessor, options = defaultOptions }) => {
-  var _effect = _useSignals();
-  try {
-    const { ref: containerRef, width = 0, height = 0 } = useResizeDetector({
-      refreshRate: 200
-    });
-    useEffect(() => {
-      if (!width || !height) {
-        return;
-      }
-      const plot3 = Plot.plot({
-        grid: true,
-        width,
-        height,
-        style: {
-          background: "transparent"
-        },
-        marks: [
-          Plot.frame(),
-          Plot.dot(items, {
-            x: createAdapter("x", accessor),
-            y: createAdapter("y", accessor),
-            ...options
-          })
-        ]
-      });
-      containerRef.current.append(plot3);
-      return () => plot3?.remove();
-    }, [
-      items,
+  const { ref: containerRef, width = 0, height = 0 } = useResizeDetector({
+    refreshRate: 200
+  });
+  useEffect(() => {
+    if (!width || !height) {
+      return;
+    }
+    const plot3 = Plot.plot({
+      grid: true,
       width,
-      height
-    ]);
-    return /* @__PURE__ */ React.createElement("div", {
-      ref: containerRef,
-      className: "grow"
+      height,
+      style: {
+        background: "transparent"
+      },
+      marks: [
+        Plot.frame(),
+        Plot.dot(items, {
+          x: createAdapter("x", accessor),
+          y: createAdapter("y", accessor),
+          ...options
+        })
+      ]
     });
-  } finally {
-    _effect.f();
-  }
+    containerRef.current.append(plot3);
+    return () => plot3?.remove();
+  }, [
+    items,
+    width,
+    height
+  ]);
+  return /* @__PURE__ */ React.createElement("div", {
+    ref: containerRef,
+    className: "grow"
+  });
 };
 
 // src/components/Globe/Globe.tsx
-import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
 import * as Plot2 from "@observablehq/plot";
 import React2, { useEffect as useEffect2 } from "react";
 import { useResizeDetector as useResizeDetector2 } from "react-resize-detector";
@@ -10773,68 +10766,63 @@ var defaultOptions2 = {
   fill: "#003300"
 };
 var Globe = ({ items = [], accessor, projection = "orthographic", options = defaultOptions2 }) => {
-  var _effect = _useSignals2();
-  try {
-    const { ref: containerRef, width = 0, height = 0 } = useResizeDetector2({
-      refreshRate: 200
-    });
-    const land = topojson.feature(countries_110m_default, countries_110m_default.objects.land);
-    useEffect2(() => {
-      if (!width || !height) {
-        return;
-      }
-      const plot3 = Plot2.plot({
-        // https://observablehq.com/plot/features/projections
-        projection: {
-          type: projection,
-          rotate: [
-            -100,
-            -20
-          ]
-        },
-        // projection: { type: 'equirectangular', rotate: [-140, -30] },
-        width,
-        height,
-        style: {
-          background: "transparent"
-        },
-        // TODO(burdon): Create simple wrapper for Plot with good defaults.
-        marks: [
-          Plot2.sphere({
-            fill: "lightblue",
-            fillOpacity: 0.5
-          }),
-          Plot2.geo(land, {
-            fill: "darkgreen",
-            fillOpacity: 0.5
-          }),
-          Plot2.graticule(),
-          Plot2.dot(items, {
-            x: createAdapter("lat", accessor),
-            y: createAdapter("lng", accessor),
-            ...options
-          })
+  const { ref: containerRef, width = 0, height = 0 } = useResizeDetector2({
+    refreshRate: 200
+  });
+  const land = topojson.feature(countries_110m_default, countries_110m_default.objects.land);
+  useEffect2(() => {
+    if (!width || !height) {
+      return;
+    }
+    const plot3 = Plot2.plot({
+      // https://observablehq.com/plot/features/projections
+      projection: {
+        type: projection,
+        rotate: [
+          -100,
+          -20
         ]
-      });
-      containerRef.current.append(plot3);
-      return () => plot3?.remove();
-    }, [
-      items,
+      },
+      // projection: { type: 'equirectangular', rotate: [-140, -30] },
       width,
-      height
-    ]);
-    return /* @__PURE__ */ React2.createElement("div", {
-      ref: containerRef,
-      className: "grow p-4"
+      height,
+      style: {
+        background: "transparent"
+      },
+      // TODO(burdon): Create simple wrapper for Plot with good defaults.
+      marks: [
+        Plot2.sphere({
+          fill: "lightblue",
+          fillOpacity: 0.5
+        }),
+        Plot2.geo(land, {
+          fill: "darkgreen",
+          fillOpacity: 0.5
+        }),
+        Plot2.graticule(),
+        Plot2.dot(items, {
+          x: createAdapter("lat", accessor),
+          y: createAdapter("lng", accessor),
+          ...options
+        })
+      ]
     });
-  } finally {
-    _effect.f();
-  }
+    containerRef.current.append(plot3);
+    return () => plot3?.remove();
+  }, [
+    items,
+    width,
+    height
+  ]);
+  return /* @__PURE__ */ React2.createElement("div", {
+    ref: containerRef,
+    className: "grow p-4"
+  });
 };
 
 // src/components/Tree/Tree.tsx
-import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
-import React3, { useEffect as useEffect3, useRef, useState } from "react";
+import { RegistryContext } from "@effect-atom/atom-react";
+import React3, { useContext, useEffect as useEffect3, useRef, useState } from "react";
 import { useAsyncState } from "@dxos/react-ui";
 import { SVG } from "@dxos/react-ui-graph";
 import { SpaceGraphModel } from "@dxos/schema";
@@ -10975,6 +10963,7 @@ var TidyTree_default = TidyTree;
 // src/components/Tree/types/tree.ts
 import * as Schema from "effect/Schema";
 import { Key, Obj, Type } from "@dxos/echo";
+import { TestSchema } from "@dxos/echo/testing";
 import { invariant } from "@dxos/invariant";
 var TreeNodeType = Schema.Struct({
   id: Key.ObjectId,
@@ -10983,7 +10972,7 @@ var TreeNodeType = Schema.Struct({
     key: Schema.String,
     value: Schema.Any
   })),
-  ref: Schema.optional(Type.Ref(Type.Expando))
+  ref: Schema.optional(Type.Ref(TestSchema.Expando))
 }).pipe(Schema.mutable);
 var TreeType = Schema.Struct({
   root: Key.ObjectId,
@@ -10991,7 +10980,7 @@ var TreeType = Schema.Struct({
     key: Key.ObjectId,
     value: TreeNodeType
   }))
-}).pipe(Type.Obj({
+}).pipe(Type.object({
   typename: "dxos.org/type/Tree",
   version: "0.1.0"
 }));
@@ -11023,61 +11012,59 @@ var renderers = /* @__PURE__ */ new Map([
   ]
 ]);
 var Tree = ({ space, selected, variant = "tidy", onNodeClick }) => {
-  var _effect = _useSignals3();
-  try {
-    const [model] = useAsyncState(async () => space ? new SpaceGraphModel().open(space) : void 0, [
-      space,
-      selected
-    ]);
-    const [tree3, setTree] = useState();
-    useEffect3(() => {
-      return model?.subscribe(() => {
-        const tree4 = mapGraphToTreeData(model);
-        setTree(tree4);
-      }, true);
-    }, [
-      model
-    ]);
-    const context = useRef(null);
-    useEffect3(() => {
-      if (context.current?.size) {
-        const { width, height } = context.current.size;
-        const size = Math.min(width, height);
-        const radius = size * 0.4;
-        const options = {
-          // TODO(burdon): Type.
-          label: (d) => d.label ?? d.id,
-          width,
-          height,
-          radius,
-          marginLeft: (width - radius * 2) / 2,
-          marginRight: (width - radius * 2) / 2,
-          marginTop: (height - radius * 2) / 2,
-          marginBottom: (height - radius * 2) / 2,
-          slots: defaultTreeLayoutSlots
-        };
-        if (tree3) {
-          const renderer = renderers.get(variant);
-          renderer?.(context.current.svg, tree3, options);
-        }
+  const registry = useContext(RegistryContext);
+  const [model] = useAsyncState(async () => space ? new SpaceGraphModel(registry).open(space.db) : void 0, [
+    space,
+    selected,
+    registry
+  ]);
+  const [tree3, setTree] = useState();
+  useEffect3(() => {
+    return model?.subscribe(() => {
+      const tree4 = mapGraphToTreeData(model);
+      setTree(tree4);
+    }, true);
+  }, [
+    model
+  ]);
+  const context = useRef(null);
+  useEffect3(() => {
+    if (context.current?.size) {
+      const { width, height } = context.current.size;
+      const size = Math.min(width, height);
+      const radius = size * 0.4;
+      const options = {
+        // TODO(burdon): Type.
+        label: (d) => d.label ?? d.id,
+        width,
+        height,
+        radius,
+        marginLeft: (width - radius * 2) / 2,
+        marginRight: (width - radius * 2) / 2,
+        marginTop: (height - radius * 2) / 2,
+        marginBottom: (height - radius * 2) / 2,
+        slots: defaultTreeLayoutSlots
+      };
+      if (tree3) {
+        const renderer = renderers.get(variant);
+        renderer?.(context.current.svg, tree3, options);
       }
-    }, [
-      context.current,
-      tree3
-    ]);
-    return /* @__PURE__ */ React3.createElement("div", {
-      onClick: () => onNodeClick?.()
-    }, /* @__PURE__ */ React3.createElement(SVG.Root, {
-      ref: context
-    }));
-  } finally {
-    _effect.f();
-  }
+    }
+  }, [
+    context.current,
+    tree3
+  ]);
+  return /* @__PURE__ */ React3.createElement("div", {
+    className: "grow",
+    onClick: () => onNodeClick?.()
+  }, /* @__PURE__ */ React3.createElement(SVG.Root, {
+    ref: context
+  }));
 };
 
 // src/components/index.ts
 import { lazy } from "react";
-var ExplorerContainer = lazy(() => import("./ExplorerContainer-NOLLVUTE.mjs"));
+var ExplorerContainer = lazy(() => import("./ExplorerContainer-46BHUF6R.mjs"));
 
 export {
   Chart,
@@ -11086,4 +11073,4 @@ export {
   Tree,
   ExplorerContainer
 };
-//# sourceMappingURL=chunk-ARBGXQFH.mjs.map
+//# sourceMappingURL=chunk-JZSBQYJQ.mjs.map