@dxos/plugin-explorer 0.8.4-main.28f8d3d → 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-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/browser/{chunk-LGK64HLU.mjs → chunk-MOM5KCKC.mjs}

@@ -10973,9 +10973,23 @@ 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,
   children: Schema.mutable(Schema.Array(Key.ObjectId)),
@@ -10995,6 +11009,244 @@ var TreeType = Schema.Struct({
   typename: "dxos.org/type/Tree",
   version: "0.1.0"
 }));
+var Tree = class _Tree {
+  get tree() {
+    return this._tree;
+  }
+  // TODO(burdon): Make reactive.
+  get size() {
+    return Object.keys(this._tree.nodes).length;
+  }
+  get root() {
+    return this.getNode(this._tree.root);
+  }
+  //
+  // Traversal
+  //
+  /**
+  * Recursively traverse the tree until the callback returns a value.
+  */
+  tranverse(callback, root = this._tree.root, depth = 0) {
+    const node = this._tree.nodes[root];
+    const result = callback(node, depth);
+    if (result !== void 0) {
+      return result;
+    }
+    for (const childId of node.children) {
+      const result2 = this.tranverse(callback, childId, depth + 1);
+      if (result2 !== void 0) {
+        return result2;
+      }
+    }
+  }
+  getNode(id) {
+    const node = this._tree.nodes[id];
+    invariant(node, void 0, {
+      F: __dxlog_file,
+      L: 98,
+      S: this,
+      A: [
+        "node",
+        ""
+      ]
+    });
+    return node;
+  }
+  /**
+  * Get the children of a node.
+  */
+  getChildNodes(node) {
+    return node.children.map((id) => this.getNode(id));
+  }
+  /**
+  * Get the parent of a node.
+  */
+  getParent(node) {
+    const parent = this.tranverse((n) => {
+      if (n.children.includes(node.id)) {
+        return n;
+      }
+    });
+    return parent ?? null;
+  }
+  /**
+  * Get the next node in the tree.
+  */
+  getNext(node, hierarchical = true) {
+    if (hierarchical && node.children.length) {
+      return this.getChildNodes(node)[0];
+    } else {
+      const parent = this.getParent(node);
+      if (parent) {
+        const idx = this.getChildNodes(parent).findIndex(({ id }) => id === node.id);
+        if (idx < parent.children.length - 1) {
+          return this.getNode(parent.children[idx + 1]);
+        } else {
+          return this.getNext(parent, false);
+        }
+      }
+    }
+  }
+  /**
+  * Get the previous node in the tree.
+  */
+  getPrevious(node, hierarchical = true) {
+    const parent = this.getParent(node);
+    const idx = this.getChildNodes(parent).findIndex(({ id }) => id === node.id);
+    if (idx === 0) {
+      if (hierarchical) {
+        return parent;
+      }
+    } else {
+      const previous = this.getNode(parent.children[idx - 1]);
+      if (hierarchical && previous.children.length) {
+        return this.getLastDescendent(previous);
+      }
+      return previous;
+    }
+  }
+  /**
+  * Get the last descendent of a node.
+  */
+  getLastDescendent(node) {
+    const children = this.getChildNodes(node);
+    const last = children.length ? children[children.length - 1] : void 0;
+    if (last) {
+      return this.getLastDescendent(last);
+    }
+    return node;
+  }
+  //
+  // Mutations
+  //
+  /**
+  * Clear tree.
+  */
+  clear() {
+    const root = this._tree.nodes[this._tree.root];
+    root.children.length = 0;
+    this._tree.nodes = {
+      [root.id]: root
+    };
+  }
+  /**
+  * Add node.
+  */
+  addNode(parent, node, index) {
+    if (!node) {
+      const id = Key.ObjectId.random();
+      node = {
+        id,
+        children: [],
+        data: {
+          text: ""
+        }
+      };
+    }
+    this._tree.nodes[node.id] = node;
+    parent.children.splice(index ?? parent.children.length, 0, node.id);
+    return node;
+  }
+  /**
+  * Delete node.
+  */
+  deleteNode(parent, id) {
+    const node = this._tree.nodes[id];
+    if (!node) {
+      return void 0;
+    }
+    delete this._tree.nodes[node.id];
+    const idx = parent.children.findIndex((child) => child === id);
+    if (idx !== -1) {
+      parent.children.splice(idx, 1);
+    }
+    return node;
+  }
+  /**
+  * Move child node.
+  */
+  moveNode(node, from, to) {
+    invariant(from >= 0 && from < node.children.length, void 0, {
+      F: __dxlog_file,
+      L: 228,
+      S: this,
+      A: [
+        "from >= 0 && from < node.children.length",
+        ""
+      ]
+    });
+    invariant(to >= 0 && to < node.children.length, void 0, {
+      F: __dxlog_file,
+      L: 229,
+      S: this,
+      A: [
+        "to >= 0 && to < node.children.length",
+        ""
+      ]
+    });
+    if (from === to) {
+      return null;
+    }
+    const child = node.children[from];
+    node.children.splice(from, 1);
+    node.children.splice(to, 0, child);
+    return this.getNode(child);
+  }
+  /**
+  * Indent node.
+  */
+  indentNode(node) {
+    const parent = this.getParent(node);
+    if (!parent) {
+      return;
+    }
+    const idx = parent.children.findIndex((child) => child === node.id);
+    if (idx < 1 || idx >= parent.children.length) {
+      return;
+    }
+    const previous = this.getNode(parent.children[idx - 1]);
+    parent.children.splice(idx, 1);
+    previous.children.push(node.id);
+  }
+  /**
+  * Unindent node.
+  */
+  unindentNode(node) {
+    const parent = this.getParent(node);
+    if (!parent) {
+      return;
+    }
+    const ancestor = this.getParent(parent);
+    if (!ancestor) {
+      return;
+    }
+    const nodeIdx = parent.children.findIndex((id) => id === node.id);
+    const [_, ...rest] = parent.children.splice(nodeIdx, parent.children.length - nodeIdx);
+    parent.children.splice(nodeIdx, parent.children.length - nodeIdx);
+    const parentIdx = this.getChildNodes(ancestor).findIndex((n) => n.id === parent.id);
+    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) => {
@@ -11022,7 +11274,7 @@ var renderers = /* @__PURE__ */ new Map([
     HierarchicalEdgeBundling_default
   ]
 ]);
-var Tree = ({ space, selected, variant = "tidy", onNodeClick }) => {
+var Tree2 = ({ space, selected, variant = "tidy", onNodeClick }) => {
   var _effect = _useSignals3();
   try {
     const [model] = useAsyncState(async () => space ? new SpaceGraphModel().open(space) : void 0, [
@@ -11040,7 +11292,7 @@ var Tree = ({ 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;
@@ -11077,13 +11329,13 @@ var Tree = ({ space, selected, variant = "tidy", onNodeClick }) => {
 
 // src/components/index.ts
 import { lazy } from "react";
-var ExplorerContainer = lazy(() => import("./ExplorerContainer-5QHLD2B2.mjs"));
+var ExplorerContainer = lazy(() => import("./ExplorerContainer-6SHZJ6AK.mjs"));
 
 export {
   Chart,
   Globe,
   defaultTreeLayoutSlots,
-  Tree,
+  Tree2 as Tree,
   ExplorerContainer
 };
-//# sourceMappingURL=chunk-LGK64HLU.mjs.map
+//# sourceMappingURL=chunk-MOM5KCKC.mjs.map