@dxos/plugin-explorer 0.8.4-main.2e9d522 → 0.8.4-main.406dc2a

package/dist/lib/browser/ExplorerContainer-6SHZJ6AK.mjs

@@ -0,0 +1,50 @@
+import {
+  useGraphModel
+} from "./chunk-2MKBRIUT.mjs";
+import {
+  D3ForceGraph
+} from "./chunk-NXGP6NTP.mjs";
+import "./chunk-J5LGTIGS.mjs";
+
+// src/components/ExplorerContainer.tsx
+import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
+import React, { useCallback, useMemo, useState } from "react";
+import { QueryBuilder } from "@dxos/echo-query";
+import { useGlobalSearch } from "@dxos/plugin-search";
+import { getSpace } from "@dxos/react-client/echo";
+import { Toolbar } from "@dxos/react-ui";
+import { QueryEditor } from "@dxos/react-ui-components";
+import { StackItem } from "@dxos/react-ui-stack";
+var ExplorerContainer = ({ role, view }) => {
+  var _effect = _useSignals();
+  try {
+    const space = 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));
+    }, []);
+    const showToolbar = role === "article";
+    if (!space || !model) {
+      return null;
+    }
+    return /* @__PURE__ */ React.createElement(StackItem.Content, {
+      toolbar: showToolbar
+    }, showToolbar && /* @__PURE__ */ React.createElement(Toolbar.Root, null, /* @__PURE__ */ React.createElement(QueryEditor, {
+      db: space.db,
+      onChange: handleChange
+    })), /* @__PURE__ */ React.createElement(D3ForceGraph, {
+      model,
+      match
+    }));
+  } finally {
+    _effect.f();
+  }
+};
+var ExplorerContainer_default = ExplorerContainer;
+export {
+  ExplorerContainer_default as default
+};
+//# sourceMappingURL=ExplorerContainer-6SHZJ6AK.mjs.map

package/dist/lib/browser/ExplorerContainer-6SHZJ6AK.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 Filter } from '@dxos/echo';\nimport { QueryBuilder } from '@dxos/echo-query';\nimport { useGlobalSearch } from '@dxos/plugin-search';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { Toolbar } from '@dxos/react-ui';\nimport { QueryEditor, type QueryEditorProps } from '@dxos/react-ui-components';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { type DataType } from '@dxos/schema';\n\nimport { useGraphModel } from '../hooks';\n\nimport { D3ForceGraph } from './Graph';\n\ntype ExplorerContainerProps = {\n  role: string;\n  view: DataType.View;\n};\n\nconst ExplorerContainer = ({ role, view }: ExplorerContainerProps) => {\n  const space = 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));\n  }, []);\n\n  const showToolbar = role === 'article';\n\n  if (!space || !model) {\n    return null;\n  }\n\n  return (\n    <StackItem.Content 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    </StackItem.Content>\n  );\n};\n\nexport default ExplorerContainer;\n"],
+  "mappings": ";;;;;;;;;;AAIA,OAAOA,SAASC,aAAaC,SAASC,gBAAgB;AAGtD,SAASC,oBAAoB;AAC7B,SAASC,uBAAuB;AAChC,SAASC,gBAAgB;AACzB,SAASC,eAAe;AACxB,SAASC,mBAA0C;AACnD,SAASC,iBAAiB;AAY1B,IAAMC,oBAAoB,CAAC,EAAEC,MAAMC,KAAI,MAA0B;;;AAC/D,UAAMC,QAAQC,SAASF,IAAAA;AACvB,UAAM,CAACG,QAAQC,SAAAA,IAAaC,SAAAA;AAC5B,UAAMC,QAAQC,cAAcN,OAAOE,MAAAA;AACnC,UAAM,EAAEK,MAAK,IAAKC,gBAAAA;AAElB,UAAMC,UAAUC,QAAQ,MAAM,IAAIC,aAAAA,GAAgB,CAAA,CAAE;AACpD,UAAMC,eAAeC,YAAuD,CAACC,UAAAA;AAC3EX,gBAAUM,QAAQM,MAAMD,KAAAA,CAAAA;IAC1B,GAAG,CAAA,CAAE;AAEL,UAAME,cAAclB,SAAS;AAE7B,QAAI,CAACE,SAAS,CAACK,OAAO;AACpB,aAAO;IACT;AAEA,WACE,sBAAA,cAACY,UAAUC,SAAO;MAACC,SAASH;OACzBA,eACC,sBAAA,cAACI,QAAQC,MAAI,MACX,sBAAA,cAACC,aAAAA;MAAYC,IAAIvB,MAAMuB;MAAIC,UAAUZ;SAGzC,sBAAA,cAACa,cAAAA;MAAapB;MAAcE;;;;;AAGlC;AAEA,IAAA,4BAAeV;",
+  "names": ["React", "useCallback", "useMemo", "useState", "QueryBuilder", "useGlobalSearch", "getSpace", "Toolbar", "QueryEditor", "StackItem", "ExplorerContainer", "role", "view", "space", "getSpace", "filter", "setFilter", "useState", "model", "useGraphModel", "match", "useGlobalSearch", "builder", "useMemo", "QueryBuilder", "handleChange", "useCallback", "value", "build", "showToolbar", "StackItem", "Content", "toolbar", "Toolbar", "Root", "QueryEditor", "db", "onChange", "D3ForceGraph"]
+}

package/dist/lib/browser/{chunk-UL5EDJPE.mjs → chunk-2DGFNLRO.mjs}

@@ -1,7 +1,6 @@
 // src/meta.ts
-var EXPLORER_PLUGIN = "dxos.org/plugin/explorer";
 var meta = {
-  id: EXPLORER_PLUGIN,
+  id: "dxos.org/plugin/explorer",
   name: "Explorer",
   description: "Install this plugin to view a hypergraph of all objects inside of your Space.",
   icon: "ph--graph--regular",
@@ -15,7 +14,6 @@ var meta = {
 };
 
 export {
-  EXPLORER_PLUGIN,
   meta
 };
-//# sourceMappingURL=chunk-UL5EDJPE.mjs.map
+//# sourceMappingURL=chunk-2DGFNLRO.mjs.map

package/dist/lib/browser/chunk-2DGFNLRO.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const meta: PluginMeta = {\n  id: 'dxos.org/plugin/explorer',\n  name: 'Explorer',\n  description: 'Install this plugin to view a hypergraph of all objects inside of your Space.',\n  icon: 'ph--graph--regular',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-explorer',\n  tags: ['labs'],\n  screenshots: ['https://dxos.network/plugin-details-explorer-dark.png'],\n};\n"],
+  "mappings": ";AAMO,IAAMA,OAAmB;EAC9BC,IAAI;EACJC,MAAM;EACNC,aAAa;EACbC,MAAM;EACNC,QAAQ;EACRC,MAAM;IAAC;;EACPC,aAAa;IAAC;;AAChB;",
+  "names": ["meta", "id", "name", "description", "icon", "source", "tags", "screenshots"]
+}

package/dist/lib/browser/{chunk-OAOY7SHY.mjs → chunk-2MKBRIUT.mjs}

@@ -1,7 +1,7 @@
 // src/hooks/useGraphModel.ts
 import { useEffect, useState } from "react";
 import { SpaceGraphModel } from "@dxos/schema";
-var useGraphModel = (space, filter, options) => {
+var useGraphModel = (space, filter, options, queue) => {
   const [model, setModel] = useState(void 0);
   useEffect(() => {
     if (!space) {
@@ -9,9 +9,9 @@ var useGraphModel = (space, filter, options) => {
       setModel(void 0);
       return;
     }
-    if (!model) {
+    if (!model || model.queue !== queue) {
       const model2 = new SpaceGraphModel().setFilter(filter).setOptions(options);
-      void model2.open(space);
+      void model2.open(space, queue);
       setModel(model2);
     } else {
       model.setFilter(filter).setOptions(options);
@@ -19,7 +19,8 @@ var useGraphModel = (space, filter, options) => {
   }, [
     space,
     filter,
-    options
+    options,
+    queue
   ]);
   return model;
 };
@@ -27,4 +28,4 @@ var useGraphModel = (space, filter, options) => {
 export {
   useGraphModel
 };
-//# sourceMappingURL=chunk-OAOY7SHY.mjs.map
+//# sourceMappingURL=chunk-2MKBRIUT.mjs.map

package/dist/lib/browser/chunk-2MKBRIUT.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useGraphModel.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { useEffect, useState } from 'react';\n\nimport { type Filter, type Queue, type Space } from '@dxos/client/echo';\nimport { SpaceGraphModel, type SpaceGraphModelOptions } from '@dxos/schema';\n\n// TODO(burdon): Factor out.\nexport const useGraphModel = (\n  space: Space | undefined,\n  filter?: Filter.Any | undefined,\n  options?: SpaceGraphModelOptions,\n  queue?: Queue,\n): SpaceGraphModel | undefined => {\n  const [model, setModel] = useState<SpaceGraphModel | undefined>(undefined);\n  useEffect(() => {\n    if (!space) {\n      void model?.close();\n      setModel(undefined);\n      return;\n    }\n\n    // TODO(burdon): Does this need to be a dependency?\n    if (!model || model.queue !== queue) {\n      const model = new SpaceGraphModel().setFilter(filter).setOptions(options);\n      void model.open(space, queue);\n      setModel(model);\n    } else {\n      model.setFilter(filter).setOptions(options);\n    }\n  }, [space, filter, options, queue]);\n\n  return model;\n};\n"],
+  "mappings": ";AAIA,SAASA,WAAWC,gBAAgB;AAGpC,SAASC,uBAAoD;AAGtD,IAAMC,gBAAgB,CAC3BC,OACAC,QACAC,SACAC,UAAAA;AAEA,QAAM,CAACC,OAAOC,QAAAA,IAAYC,SAAsCC,MAAAA;AAChEC,YAAU,MAAA;AACR,QAAI,CAACR,OAAO;AACV,WAAKI,OAAOK,MAAAA;AACZJ,eAASE,MAAAA;AACT;IACF;AAGA,QAAI,CAACH,SAASA,MAAMD,UAAUA,OAAO;AACnC,YAAMC,SAAQ,IAAIM,gBAAAA,EAAkBC,UAAUV,MAAAA,EAAQW,WAAWV,OAAAA;AACjE,WAAKE,OAAMS,KAAKb,OAAOG,KAAAA;AACvBE,eAASD,MAAAA;IACX,OAAO;AACLA,YAAMO,UAAUV,MAAAA,EAAQW,WAAWV,OAAAA;IACrC;EACF,GAAG;IAACF;IAAOC;IAAQC;IAASC;GAAM;AAElC,SAAOC;AACT;",
+  "names": ["useEffect", "useState", "SpaceGraphModel", "useGraphModel", "space", "filter", "options", "queue", "model", "setModel", "useState", "undefined", "useEffect", "close", "SpaceGraphModel", "setFilter", "setOptions", "open"]
+}

package/dist/lib/browser/chunk-BZ65T5M3.mjs

@@ -0,0 +1,79 @@
+import {
+  meta
+} from "./chunk-2DGFNLRO.mjs";
+import {
+  __export
+} from "./chunk-J5LGTIGS.mjs";
+
+// src/types/ExplorerAction.ts
+var ExplorerAction_exports = {};
+__export(ExplorerAction_exports, {
+  CreateGraph: () => CreateGraph,
+  GraphProps: () => GraphProps
+});
+import * as Schema from "effect/Schema";
+import { SpaceSchema } from "@dxos/react-client/echo";
+import { DataType, TypenameAnnotationId } from "@dxos/schema";
+var EXPLORER_ACTION = `${meta.id}/action`;
+var GraphProps = Schema.Struct({
+  name: Schema.optional(Schema.String),
+  typename: Schema.String.annotations({
+    [TypenameAnnotationId]: [
+      "used-static",
+      "dynamic"
+    ],
+    title: "Select graph record type"
+  })
+});
+var CreateGraph = class extends Schema.TaggedClass()(`${EXPLORER_ACTION}/create-graph`, {
+  input: Schema.Struct({
+    space: SpaceSchema
+  }).pipe(Schema.extend(GraphProps)),
+  output: Schema.Struct({
+    object: DataType.View
+  })
+}) {
+};
+
+// src/types/Graph.ts
+var Graph_exports = {};
+__export(Graph_exports, {
+  Graph: () => Graph,
+  make: () => make,
+  makeView: () => makeView
+});
+import * as Schema2 from "effect/Schema";
+import { Filter, Obj, Query, QueryAST, Type } from "@dxos/echo";
+import { LabelAnnotation, ViewAnnotation } from "@dxos/echo/internal";
+import { createViewFromSpace } from "@dxos/schema";
+var Graph = Schema2.Struct({
+  name: Schema2.optional(Schema2.String),
+  query: Schema2.Struct({
+    raw: Schema2.optional(Schema2.String),
+    ast: QueryAST.Query
+  }).pipe(Schema2.mutable)
+}).pipe(Type.Obj({
+  typename: "dxos.org/type/Graph",
+  version: "0.1.0"
+}), LabelAnnotation.set([
+  "name"
+]), ViewAnnotation.set(true));
+var make = (props = {
+  query: {
+    raw: "",
+    ast: Query.select(Filter.nothing()).ast
+  }
+}) => Obj.make(Graph, props);
+var makeView = async ({ presentation, ...props }) => {
+  const graph = make(presentation);
+  return createViewFromSpace({
+    ...props,
+    presentation: graph
+  });
+};
+
+export {
+  ExplorerAction_exports,
+  Graph_exports
+};
+//# sourceMappingURL=chunk-BZ65T5M3.mjs.map

package/dist/lib/browser/chunk-BZ65T5M3.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 { SpaceSchema } from '@dxos/react-client/echo';\nimport { DataType, TypenameAnnotationId } from '@dxos/schema';\n\nimport { meta } from '../meta';\n\nconst EXPLORER_ACTION = `${meta.id}/action`;\n\nexport const GraphProps = Schema.Struct({\n  name: Schema.optional(Schema.String),\n  typename: Schema.String.annotations({\n    [TypenameAnnotationId]: ['used-static', 'dynamic'],\n    title: 'Select graph record type',\n  }),\n});\n\nexport class CreateGraph extends Schema.TaggedClass<CreateGraph>()(`${EXPLORER_ACTION}/create-graph`, {\n  input: Schema.Struct({\n    space: SpaceSchema,\n  }).pipe(Schema.extend(GraphProps)),\n  output: Schema.Struct({\n    object: DataType.View,\n  }),\n}) {}\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { Filter, Obj, Query, QueryAST, Type } from '@dxos/echo';\nimport { LabelAnnotation, ViewAnnotation } from '@dxos/echo/internal';\nimport { type CreateViewFromSpaceProps, createViewFromSpace } from '@dxos/schema';\n\nexport const Graph = Schema.Struct({\n  name: Schema.optional(Schema.String),\n  query: Schema.Struct({\n    raw: Schema.optional(Schema.String),\n    ast: QueryAST.Query,\n  }).pipe(Schema.mutable),\n}).pipe(\n  Type.Obj({\n    typename: 'dxos.org/type/Graph',\n    version: '0.1.0',\n  }),\n  LabelAnnotation.set(['name']),\n  ViewAnnotation.set(true),\n);\n\nexport type Graph = Schema.Schema.Type<typeof Graph>;\n\n/**\n * Make a graph object.\n */\nexport const make = (\n  props: Obj.MakeProps<typeof Graph> = { query: { raw: '', ast: Query.select(Filter.nothing()).ast } },\n) => Obj.make(Graph, props);\n\ntype MakeViewProps = Omit<CreateViewFromSpaceProps, 'presentation'> & {\n  presentation?: Omit<Obj.MakeProps<typeof Graph>, 'name'>;\n};\n\n/**\n * Make a graph as a view of a data set.\n */\nexport const makeView = async ({ presentation, ...props }: MakeViewProps) => {\n  const graph = make(presentation);\n  return createViewFromSpace({ ...props, presentation: graph });\n};\n"],
+  "mappings": ";;;;;;;;AAAA;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,mBAAmB;AAC5B,SAASC,UAAUC,4BAA4B;AAI/C,IAAMC,kBAAkB,GAAGC,KAAKC,EAAE;AAE3B,IAAMC,aAAoBC,cAAO;EACtCC,MAAaC,gBAAgBC,aAAM;EACnCC,UAAiBD,cAAOE,YAAY;IAClC,CAACC,oBAAAA,GAAuB;MAAC;MAAe;;IACxCC,OAAO;EACT,CAAA;AACF,CAAA;AAEO,IAAMC,cAAN,cAAiCC,mBAAW,EAAgB,GAAGb,eAAAA,iBAAgC;EACpGc,OAAcV,cAAO;IACnBW,OAAOC;EACT,CAAA,EAAGC,KAAYC,cAAOf,UAAAA,CAAAA;EACtBgB,QAAef,cAAO;IACpBgB,QAAQC,SAASC;EACnB,CAAA;AACF,CAAA,EAAA;AAAI;;;AC5BJ;;;;;;AAIA,YAAYC,aAAY;AAExB,SAASC,QAAQC,KAAKC,OAAOC,UAAUC,YAAY;AACnD,SAASC,iBAAiBC,sBAAsB;AAChD,SAAwCC,2BAA2B;AAE5D,IAAMC,QAAeC,eAAO;EACjCC,MAAaC,iBAAgBC,cAAM;EACnCC,OAAcJ,eAAO;IACnBK,KAAYH,iBAAgBC,cAAM;IAClCG,KAAKC,SAASC;EAChB,CAAA,EAAGC,KAAYC,eAAO;AACxB,CAAA,EAAGD,KACDE,KAAKC,IAAI;EACPC,UAAU;EACVC,SAAS;AACX,CAAA,GACAC,gBAAgBC,IAAI;EAAC;CAAO,GAC5BC,eAAeD,IAAI,IAAA,CAAA;AAQd,IAAME,OAAO,CAClBC,QAAqC;EAAEf,OAAO;IAAEC,KAAK;IAAIC,KAAKE,MAAMY,OAAOC,OAAOC,QAAO,CAAA,EAAIhB;EAAI;AAAE,MAChGM,IAAIM,KAAKnB,OAAOoB,KAAAA;AASd,IAAMI,WAAW,OAAO,EAAEC,cAAc,GAAGL,MAAAA,MAAsB;AACtE,QAAMM,QAAQP,KAAKM,YAAAA;AACnB,SAAOE,oBAAoB;IAAE,GAAGP;IAAOK,cAAcC;EAAM,CAAA;AAC7D;",
+  "names": ["Schema", "SpaceSchema", "DataType", "TypenameAnnotationId", "EXPLORER_ACTION", "meta", "id", "GraphProps", "Struct", "name", "optional", "String", "typename", "annotations", "TypenameAnnotationId", "title", "CreateGraph", "TaggedClass", "input", "space", "SpaceSchema", "pipe", "extend", "output", "object", "DataType", "View", "Schema", "Filter", "Obj", "Query", "QueryAST", "Type", "LabelAnnotation", "ViewAnnotation", "createViewFromSpace", "Graph", "Struct", "name", "optional", "String", "query", "raw", "ast", "QueryAST", "Query", "pipe", "mutable", "Type", "Obj", "typename", "version", "LabelAnnotation", "set", "ViewAnnotation", "make", "props", "select", "Filter", "nothing", "makeView", "presentation", "graph", "createViewFromSpace"]
+}

package/dist/lib/browser/chunk-J5LGTIGS.mjs

@@ -0,0 +1,10 @@
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+export {
+  __export
+};
+//# sourceMappingURL=chunk-J5LGTIGS.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/lib/{node-esm/chunk-S5A2EUSJ.mjs → browser/chunk-MOM5KCKC.mjs}

@@ -1,5 +1,3 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-
 // src/components/Chart/Chart.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 import * as Plot from "@observablehq/plot";
@@ -10975,9 +10973,22 @@ var TidyTree = (s, data, options) => {
 var TidyTree_default = TidyTree;
 
 // src/components/Tree/types/tree.ts
-import { Schema } from "effect";
+import * as Schema from "effect/Schema";
 import { Key, Obj, Type } from "@dxos/echo";
 import { invariant } from "@dxos/invariant";
+function _define_property(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
 var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-explorer/src/components/Tree/types/tree.ts";
 var TreeNodeType = Schema.Struct({
   id: Key.ObjectId,
@@ -10999,26 +11010,6 @@ var TreeType = Schema.Struct({
   version: "0.1.0"
 }));
 var Tree = class _Tree {
-  static {
-    this.create = () => {
-      const id = Key.ObjectId.random();
-      return Obj.make(TreeType, {
-        root: id,
-        nodes: {
-          [id]: {
-            id,
-            children: [],
-            data: {
-              text: ""
-            }
-          }
-        }
-      });
-    };
-  }
-  constructor(tree3) {
-    this._tree = tree3 ?? _Tree.create();
-  }
   get tree() {
     return this._tree;
   }
@@ -11236,7 +11227,26 @@ var Tree = class _Tree {
     ancestor.children.splice(parentIdx + 1, 0, node.id);
     node.children.push(...rest);
   }
+  constructor(tree3) {
+    _define_property(this, "_tree", void 0);
+    this._tree = tree3 ?? _Tree.create();
+  }
 };
+_define_property(Tree, "create", () => {
+  const id = Key.ObjectId.random();
+  return Obj.make(TreeType, {
+    root: id,
+    nodes: {
+      [id]: {
+        id,
+        children: [],
+        data: {
+          text: ""
+        }
+      }
+    }
+  });
+});
 
 // src/components/Tree/types/types.ts
 var mapGraphToTreeData = (model, maxDepth = 8) => {
@@ -11282,7 +11292,7 @@ var Tree2 = ({ space, selected, variant = "tidy", onNodeClick }) => {
     ]);
     const context = useRef(null);
     useEffect3(() => {
-      if (context.current) {
+      if (context.current?.size) {
         const { width, height } = context.current.size;
         const size = Math.min(width, height);
         const radius = size * 0.4;
@@ -11319,7 +11329,7 @@ var Tree2 = ({ space, selected, variant = "tidy", onNodeClick }) => {
 
 // src/components/index.ts
 import { lazy } from "react";
-var ExplorerContainer = lazy(() => import("./ExplorerContainer-6ON5NA2P.mjs"));
+var ExplorerContainer = lazy(() => import("./ExplorerContainer-6SHZJ6AK.mjs"));
 
 export {
   Chart,
@@ -11328,4 +11338,4 @@ export {
   Tree2 as Tree,
   ExplorerContainer
 };
-//# sourceMappingURL=chunk-S5A2EUSJ.mjs.map
+//# sourceMappingURL=chunk-MOM5KCKC.mjs.map