@dxos/plugin-explorer 0.9.1-main.c7dcc2e112 → 0.10.0

package/dist/lib/neutral/ExplorerArticle-2WPXYTXV.mjs

@@ -0,0 +1,101 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/ExplorerArticle/ExplorerArticle.tsx
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { AppSurface } from "@dxos/app-toolkit/ui";
+import { Obj } from "@dxos/echo";
+import { QueryBuilder } from "@dxos/echo-query";
+import { useObject } from "@dxos/react-client/echo";
+import { DxAnchorActivate, Icon, Panel, Toolbar } from "@dxos/react-ui";
+import { QueryEditor } from "@dxos/react-ui-components";
+import "@dxos/react-ui-graph/styles/graph.css";
+import { VARIANTS, Visualization, isVariant } from "#components";
+import { useGraphModel } from "#hooks";
+var ExplorerArticle = ({ role, subject, variant }) => {
+  const [view] = useObject(subject);
+  const [filter, setFilter] = useState();
+  const db = view && Obj.getDatabase(view);
+  const model = useGraphModel(db, filter);
+  const builder = useMemo(() => new QueryBuilder(), []);
+  const handleChange = useCallback((value) => {
+    setFilter(builder.build(value).filter);
+  }, [
+    builder
+  ]);
+  const [selected, setSelected] = useState(isVariant(variant) ? variant : "force");
+  useEffect(() => {
+    if (isVariant(variant)) {
+      setSelected(variant);
+    }
+  }, [
+    variant
+  ]);
+  const handleVariantChange = useCallback((value) => {
+    if (isVariant(value)) {
+      setSelected(value);
+    }
+  }, []);
+  const handleDismiss = useCallback(() => {
+    document.defaultView?.dispatchEvent(new DxAnchorActivate({
+      dxn: "",
+      label: "",
+      trigger: document.body,
+      state: false
+    }));
+  }, []);
+  const handleHover = useCallback((node, event) => {
+    if (!node || !event) {
+      return;
+    }
+    const obj = node.data;
+    if (!obj || !Obj.isObject(obj)) {
+      return;
+    }
+    const dxn = Obj.getURI(obj);
+    if (!dxn) {
+      return;
+    }
+    const target = event.target;
+    target.dispatchEvent(new DxAnchorActivate({
+      dxn,
+      kind: "card",
+      trigger: target,
+      label: Obj.getLabel(obj) ?? dxn
+    }));
+  }, []);
+  const showToolbar = role === AppSurface.Article.role;
+  if (!db || !model) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(Panel.Root, {
+    role
+  }, showToolbar && /* @__PURE__ */ React.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Toolbar.Root, null, /* @__PURE__ */ React.createElement(QueryEditor, {
+    db,
+    onChange: handleChange
+  }), /* @__PURE__ */ React.createElement(Toolbar.ToggleGroup, {
+    type: "single",
+    value: selected,
+    onValueChange: handleVariantChange
+  }, VARIANTS.map(({ value, icon, label }) => /* @__PURE__ */ React.createElement(Toolbar.ToggleGroupItem, {
+    key: value,
+    value,
+    "aria-label": label,
+    title: label
+  }, /* @__PURE__ */ React.createElement(Icon, {
+    icon,
+    size: 4
+  })))))), /* @__PURE__ */ React.createElement(Panel.Content, null, /* @__PURE__ */ React.createElement(Visualization.Root, {
+    classNames: "bg-base-surface",
+    variant: selected,
+    model,
+    onSurfaceClick: handleDismiss
+  }, /* @__PURE__ */ React.createElement(Visualization.Graph, {
+    onNodeHover: handleHover
+  }))));
+};
+export {
+  ExplorerArticle as default
+};
+//# sourceMappingURL=ExplorerArticle-2WPXYTXV.mjs.map

package/dist/lib/neutral/ExplorerArticle-2WPXYTXV.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ExplorerArticle/ExplorerArticle.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { AppSurface } from '@dxos/app-toolkit/ui';\nimport { type Filter, Obj, type View } from '@dxos/echo';\nimport { QueryBuilder } from '@dxos/echo-query';\nimport { useObject } from '@dxos/react-client/echo';\nimport { DxAnchorActivate, Icon, Panel, Toolbar } from '@dxos/react-ui';\nimport { QueryEditor, type QueryEditorProps } from '@dxos/react-ui-components';\nimport { type TreeNode } from '@dxos/react-ui-graph';\nimport '@dxos/react-ui-graph/styles/graph.css';\n\nimport { type ExplorerArticleVariant, VARIANTS, Visualization, isVariant } from '#components';\nimport { useGraphModel } from '#hooks';\n\nexport type { ExplorerArticleVariant } from '#components';\n\nexport type ExplorerArticleProps = AppSurface.ObjectArticleProps<View.View>;\n\nexport const ExplorerArticle = ({ role, subject, variant }: ExplorerArticleProps) => {\n  const [view] = useObject(subject);\n  const [filter, setFilter] = useState<Filter.Any>();\n\n  const db = view && Obj.getDatabase(view);\n  const model = useGraphModel(db, filter);\n\n  const builder = useMemo(() => new QueryBuilder(), []);\n  const handleChange = useCallback<NonNullable<QueryEditorProps['onChange']>>(\n    (value) => {\n      setFilter(builder.build(value).filter);\n    },\n    [builder],\n  );\n\n  const [selected, setSelected] = useState<ExplorerArticleVariant>(isVariant(variant) ? variant : 'force');\n  useEffect(() => {\n    if (isVariant(variant)) {\n      setSelected(variant);\n    }\n  }, [variant]);\n\n  const handleVariantChange = useCallback((value: string) => {\n    if (isVariant(value)) {\n      setSelected(value);\n    }\n  }, []);\n\n  // Dismiss the preview popover. The dxn/label/trigger fields are placeholders ignored on\n  // `state: false`.\n  const handleDismiss = useCallback(() => {\n    document.defaultView?.dispatchEvent(\n      new DxAnchorActivate({ dxn: '', label: '', trigger: document.body, state: false }),\n    );\n  }, []);\n\n  const handleHover = useCallback((node: TreeNode | null, event?: MouseEvent) => {\n    // Pointer left the node/label: keep the popover open so it can be hovered/interacted with.\n    // The popover is dismissed only on an explicit click on the component surface (handleDismiss).\n    if (!node || !event) {\n      return;\n    }\n    const obj = node.data;\n    if (!obj || !Obj.isObject(obj)) {\n      return;\n    }\n    const dxn = Obj.getURI(obj);\n    if (!dxn) {\n      return;\n    }\n\n    const target = event.target as HTMLElement;\n    target.dispatchEvent(\n      new DxAnchorActivate({\n        dxn,\n        kind: 'card',\n        trigger: target,\n        label: Obj.getLabel(obj) ?? dxn,\n      }),\n    );\n  }, []);\n\n  const showToolbar = role === AppSurface.Article.role;\n\n  if (!db || !model) {\n    return null;\n  }\n\n  return (\n    <Panel.Root role={role}>\n      {showToolbar && (\n        <Panel.Toolbar asChild>\n          <Toolbar.Root>\n            <QueryEditor db={db} onChange={handleChange} />\n            <Toolbar.ToggleGroup type='single' value={selected} onValueChange={handleVariantChange}>\n              {VARIANTS.map(({ value, icon, label }) => (\n                <Toolbar.ToggleGroupItem key={value} value={value} aria-label={label} title={label}>\n                  <Icon icon={icon} size={4} />\n                </Toolbar.ToggleGroupItem>\n              ))}\n            </Toolbar.ToggleGroup>\n          </Toolbar.Root>\n        </Panel.Toolbar>\n      )}\n      <Panel.Content>\n        <Visualization.Root\n          classNames='bg-base-surface'\n          variant={selected}\n          model={model}\n          onSurfaceClick={handleDismiss}\n        >\n          <Visualization.Graph onNodeHover={handleHover} />\n        </Visualization.Root>\n      </Panel.Content>\n    </Panel.Root>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["React", "useCallback", "useEffect", "useMemo", "useState", "AppSurface", "Obj", "QueryBuilder", "useObject", "DxAnchorActivate", "Icon", "Panel", "Toolbar", "QueryEditor", "VARIANTS", "Visualization", "isVariant", "useGraphModel", "ExplorerArticle", "role", "subject", "variant", "view", "filter", "setFilter", "db", "getDatabase", "model", "builder", "handleChange", "value", "build", "selected", "setSelected", "handleVariantChange", "handleDismiss", "document", "defaultView", "dispatchEvent", "dxn", "label", "trigger", "body", "state", "handleHover", "node", "event", "obj", "data", "isObject", "getURI", "target", "kind", "getLabel", "showToolbar", "Article", "Root", "asChild", "onChange", "ToggleGroup", "type", "onValueChange", "map", "icon", "ToggleGroupItem", "key", "aria-label", "title", "size", "Content", "classNames", "onSurfaceClick", "Graph", "onNodeHover"]
+}

package/dist/lib/neutral/ExplorerPlugin.mjs

@@ -1,7 +1,7 @@
 import {
   ExplorerPlugin,
   ExplorerPlugin_default
-} from "./chunk-JXYIG54N.mjs";
+} from "./chunk-4F6AT7RA.mjs";
 import "./chunk-J5LGTIGS.mjs";
 export {
   ExplorerPlugin,

package/dist/lib/neutral/NeighborhoodCompanion-WC6E3YE6.mjs

@@ -0,0 +1,90 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/NeighborhoodCompanion/NeighborhoodCompanion.tsx
+import React, { useCallback, useState } from "react";
+import { Obj } from "@dxos/echo";
+import { DxAnchorActivate, Panel, Toolbar, useTranslation } from "@dxos/react-ui";
+import "@dxos/react-ui-graph/styles/graph.css";
+import { Visualization } from "#components";
+import { DEFAULT_NEIGHBORHOOD_DEPTH, useNeighborhoodModel } from "#hooks";
+import { meta } from "#meta";
+var DEPTHS = [
+  1,
+  2,
+  3
+];
+var NeighborhoodCompanion = ({ role = "article", subject }) => {
+  const { t } = useTranslation(meta.profile.key);
+  const [depth, setDepth] = useState(DEFAULT_NEIGHBORHOOD_DEPTH);
+  const model = useNeighborhoodModel(subject, depth);
+  const handleDepthChange = useCallback((value) => {
+    const next = Number.parseInt(value, 10);
+    if (Number.isFinite(next)) {
+      setDepth(next);
+    }
+  }, []);
+  const handleDismiss = useCallback(() => {
+    document.defaultView?.dispatchEvent(new DxAnchorActivate({
+      dxn: "",
+      label: "",
+      trigger: document.body,
+      state: false
+    }));
+  }, []);
+  const handleHover = useCallback((node, event) => {
+    if (!node || !event) {
+      return;
+    }
+    const obj = node.data;
+    if (!obj || !Obj.isObject(obj)) {
+      return;
+    }
+    const dxn = Obj.getURI(obj);
+    if (!dxn) {
+      return;
+    }
+    const target = event.target;
+    target.dispatchEvent(new DxAnchorActivate({
+      dxn,
+      kind: "card",
+      trigger: target,
+      label: Obj.getLabel(obj) ?? dxn
+    }));
+  }, []);
+  if (!subject || !model) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(Panel.Root, {
+    role
+  }, /* @__PURE__ */ React.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Toolbar.Root, null, /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "grow"
+  }), /* @__PURE__ */ React.createElement(Toolbar.ToggleGroup, {
+    type: "single",
+    value: String(depth),
+    onValueChange: handleDepthChange
+  }, DEPTHS.map((value) => /* @__PURE__ */ React.createElement(Toolbar.ToggleGroupItem, {
+    key: value,
+    value: String(value),
+    "aria-label": t("depth.label", {
+      count: value
+    }),
+    title: t("depth.label", {
+      count: value
+    })
+  }, value))))), /* @__PURE__ */ React.createElement(Panel.Content, null, /* @__PURE__ */ React.createElement(Visualization.Root, {
+    classNames: "bg-base-surface",
+    model,
+    variant: "neighborhood",
+    focus: subject.id,
+    onSurfaceClick: handleDismiss
+  }, /* @__PURE__ */ React.createElement(Visualization.Graph, {
+    onNodeHover: handleHover
+  }))));
+};
+export {
+  NeighborhoodCompanion as default
+};
+//# sourceMappingURL=NeighborhoodCompanion-WC6E3YE6.mjs.map

package/dist/lib/neutral/NeighborhoodCompanion-WC6E3YE6.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/NeighborhoodCompanion/NeighborhoodCompanion.tsx"],
+  "sourcesContent": ["//\n// Copyright 2026 DXOS.org\n//\n\nimport React, { useCallback, useState } from 'react';\n\nimport { Obj } from '@dxos/echo';\nimport { DxAnchorActivate, Panel, Toolbar, useTranslation } from '@dxos/react-ui';\nimport { type TreeNode } from '@dxos/react-ui-graph';\nimport '@dxos/react-ui-graph/styles/graph.css';\n\nimport { Visualization } from '#components';\nimport { DEFAULT_NEIGHBORHOOD_DEPTH, useNeighborhoodModel } from '#hooks';\nimport { meta } from '#meta';\n\n/** Selectable traversal depths offered in the companion toolbar. */\nconst DEPTHS = [1, 2, 3] as const;\n\nexport type NeighborhoodCompanionProps = {\n  role?: string;\n  /** The active node whose neighbourhood is rendered (passed as the companion subject). */\n  subject: Obj.Any;\n};\n\n/**\n * Companion that renders the n-hop neighbourhood of the active node as an ego-centric radial graph,\n * with the active node at the centre. Depth (number of hops traversed) is adjustable in the toolbar.\n */\nexport const NeighborhoodCompanion = ({ role = 'article', subject }: NeighborhoodCompanionProps) => {\n  const { t } = useTranslation(meta.profile.key);\n  const [depth, setDepth] = useState<number>(DEFAULT_NEIGHBORHOOD_DEPTH);\n  const model = useNeighborhoodModel(subject, depth);\n\n  const handleDepthChange = useCallback((value: string) => {\n    const next = Number.parseInt(value, 10);\n    if (Number.isFinite(next)) {\n      setDepth(next);\n    }\n  }, []);\n\n  // Dismiss the preview popover. The dxn/label/trigger fields are placeholders ignored on `state: false`.\n  const handleDismiss = useCallback(() => {\n    document.defaultView?.dispatchEvent(\n      new DxAnchorActivate({ dxn: '', label: '', trigger: document.body, state: false }),\n    );\n  }, []);\n\n  const handleHover = useCallback((node: TreeNode | null, event?: MouseEvent) => {\n    // Pointer left the node/label: keep the popover open so it can be hovered/interacted with.\n    if (!node || !event) {\n      return;\n    }\n    const obj = node.data;\n    if (!obj || !Obj.isObject(obj)) {\n      return;\n    }\n    const dxn = Obj.getURI(obj);\n    if (!dxn) {\n      return;\n    }\n\n    const target = event.target as HTMLElement;\n    target.dispatchEvent(new DxAnchorActivate({ dxn, kind: 'card', trigger: target, label: Obj.getLabel(obj) ?? dxn }));\n  }, []);\n\n  if (!subject || !model) {\n    return null;\n  }\n\n  return (\n    <Panel.Root role={role}>\n      <Panel.Toolbar asChild>\n        <Toolbar.Root>\n          <div role='none' className='grow' />\n          <Toolbar.ToggleGroup type='single' value={String(depth)} onValueChange={handleDepthChange}>\n            {DEPTHS.map((value) => (\n              <Toolbar.ToggleGroupItem\n                key={value}\n                value={String(value)}\n                aria-label={t('depth.label', { count: value })}\n                title={t('depth.label', { count: value })}\n              >\n                {value}\n              </Toolbar.ToggleGroupItem>\n            ))}\n          </Toolbar.ToggleGroup>\n        </Toolbar.Root>\n      </Panel.Toolbar>\n      <Panel.Content>\n        <Visualization.Root\n          classNames='bg-base-surface'\n          model={model}\n          variant='neighborhood'\n          focus={subject.id}\n          onSurfaceClick={handleDismiss}\n        >\n          <Visualization.Graph onNodeHover={handleHover} />\n        </Visualization.Root>\n      </Panel.Content>\n    </Panel.Root>\n  );\n};\n"],
+  "mappings": ";;;AAIA,OAAOA,SAASC,aAAaC,gBAAgB;AAE7C,SAASC,WAAW;AACpB,SAASC,kBAAkBC,OAAOC,SAASC,sBAAsB;AAEjE,OAAO;AAEP,SAASC,qBAAqB;AAC9B,SAASC,4BAA4BC,4BAA4B;AACjE,SAASC,YAAY;AAGrB,IAAMC,SAAS;EAAC;EAAG;EAAG;;AAYf,IAAMC,wBAAwB,CAAC,EAAEC,OAAO,WAAWC,QAAO,MAA8B;AAC7F,QAAM,EAAEC,EAAC,IAAKT,eAAeI,KAAKM,QAAQC,GAAG;AAC7C,QAAM,CAACC,OAAOC,QAAAA,IAAYlB,SAAiBO,0BAAAA;AAC3C,QAAMY,QAAQX,qBAAqBK,SAASI,KAAAA;AAE5C,QAAMG,oBAAoBrB,YAAY,CAACsB,UAAAA;AACrC,UAAMC,OAAOC,OAAOC,SAASH,OAAO,EAAA;AACpC,QAAIE,OAAOE,SAASH,IAAAA,GAAO;AACzBJ,eAASI,IAAAA;IACX;EACF,GAAG,CAAA,CAAE;AAGL,QAAMI,gBAAgB3B,YAAY,MAAA;AAChC4B,aAASC,aAAaC,cACpB,IAAI3B,iBAAiB;MAAE4B,KAAK;MAAIC,OAAO;MAAIC,SAASL,SAASM;MAAMC,OAAO;IAAM,CAAA,CAAA;EAEpF,GAAG,CAAA,CAAE;AAEL,QAAMC,cAAcpC,YAAY,CAACqC,MAAuBC,UAAAA;AAEtD,QAAI,CAACD,QAAQ,CAACC,OAAO;AACnB;IACF;AACA,UAAMC,MAAMF,KAAKG;AACjB,QAAI,CAACD,OAAO,CAACrC,IAAIuC,SAASF,GAAAA,GAAM;AAC9B;IACF;AACA,UAAMR,MAAM7B,IAAIwC,OAAOH,GAAAA;AACvB,QAAI,CAACR,KAAK;AACR;IACF;AAEA,UAAMY,SAASL,MAAMK;AACrBA,WAAOb,cAAc,IAAI3B,iBAAiB;MAAE4B;MAAKa,MAAM;MAAQX,SAASU;MAAQX,OAAO9B,IAAI2C,SAASN,GAAAA,KAAQR;IAAI,CAAA,CAAA;EAClH,GAAG,CAAA,CAAE;AAEL,MAAI,CAACjB,WAAW,CAACM,OAAO;AACtB,WAAO;EACT;AAEA,SACE,sBAAA,cAAChB,MAAM0C,MAAI;IAACjC;KACV,sBAAA,cAACT,MAAMC,SAAO;IAAC0C,SAAAA;KACb,sBAAA,cAAC1C,QAAQyC,MAAI,MACX,sBAAA,cAACE,OAAAA;IAAInC,MAAK;IAAOoC,WAAU;MAC3B,sBAAA,cAAC5C,QAAQ6C,aAAW;IAACC,MAAK;IAAS7B,OAAO8B,OAAOlC,KAAAA;IAAQmC,eAAehC;KACrEV,OAAO2C,IAAI,CAAChC,UACX,sBAAA,cAACjB,QAAQkD,iBAAe;IACtBtC,KAAKK;IACLA,OAAO8B,OAAO9B,KAAAA;IACdkC,cAAYzC,EAAE,eAAe;MAAE0C,OAAOnC;IAAM,CAAA;IAC5CoC,OAAO3C,EAAE,eAAe;MAAE0C,OAAOnC;IAAM,CAAA;KAEtCA,KAAAA,CAAAA,CAAAA,CAAAA,CAAAA,GAMX,sBAAA,cAAClB,MAAMuD,SAAO,MACZ,sBAAA,cAACpD,cAAcuC,MAAI;IACjBc,YAAW;IACXxC;IACAyC,SAAQ;IACRC,OAAOhD,QAAQiD;IACfC,gBAAgBrC;KAEhB,sBAAA,cAACpB,cAAc0D,OAAK;IAACC,aAAa9B;;AAK5C;",
+  "names": ["React", "useCallback", "useState", "Obj", "DxAnchorActivate", "Panel", "Toolbar", "useTranslation", "Visualization", "DEFAULT_NEIGHBORHOOD_DEPTH", "useNeighborhoodModel", "meta", "DEPTHS", "NeighborhoodCompanion", "role", "subject", "t", "profile", "key", "depth", "setDepth", "model", "handleDepthChange", "value", "next", "Number", "parseInt", "isFinite", "handleDismiss", "document", "defaultView", "dispatchEvent", "dxn", "label", "trigger", "body", "state", "handleHover", "node", "event", "obj", "data", "isObject", "getURI", "target", "kind", "getLabel", "Root", "asChild", "div", "className", "ToggleGroup", "type", "String", "onValueChange", "map", "ToggleGroupItem", "aria-label", "count", "title", "Content", "classNames", "variant", "focus", "id", "onSurfaceClick", "Graph", "onNodeHover"]
+}

package/dist/lib/neutral/app-graph-builder-L2TJ6GNR.mjs

@@ -0,0 +1,37 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/capabilities/app-graph-builder.ts
+import * as Effect from "effect/Effect";
+import { Capability } from "@dxos/app-framework";
+import { AppCapabilities, AppNode } from "@dxos/app-toolkit";
+import { GraphBuilder, NodeMatcher } from "@dxos/plugin-graph";
+import { linkedSegment } from "@dxos/react-ui-attention";
+import { Position } from "@dxos/util";
+import { meta } from "#meta";
+var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function* () {
+  const extensions = yield* Effect.all([
+    GraphBuilder.createExtension({
+      id: "neighborhoodCompanion",
+      match: NodeMatcher.whenEchoObjectMatches,
+      connector: () => Effect.succeed([
+        AppNode.makeCompanion({
+          id: linkedSegment("neighborhood"),
+          label: [
+            "neighborhood-companion.label",
+            {
+              ns: meta.profile.key
+            }
+          ],
+          icon: "ph--share-network--regular",
+          data: "neighborhood",
+          position: Position.last
+        })
+      ])
+    })
+  ]);
+  return Capability.contributes(AppCapabilities.AppGraphBuilder, extensions);
+}));
+export {
+  app_graph_builder_default as default
+};
+//# sourceMappingURL=app-graph-builder-L2TJ6GNR.mjs.map

package/dist/lib/neutral/app-graph-builder-L2TJ6GNR.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/app-graph-builder.ts"],
+  "sourcesContent": ["//\n// Copyright 2026 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capability } from '@dxos/app-framework';\nimport { AppCapabilities, AppNode } from '@dxos/app-toolkit';\nimport { GraphBuilder, NodeMatcher } from '@dxos/plugin-graph';\nimport { linkedSegment } from '@dxos/react-ui-attention';\nimport { Position } from '@dxos/util';\n\nimport { meta } from '#meta';\n\n/**\n * Offers a \"Neighborhood\" companion on any ECHO object. The matched node is passed through as the\n * companion's `companionTo` (the active node), which the surface renders as an ego-centric graph.\n */\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* () {\n    const extensions = yield* Effect.all([\n      GraphBuilder.createExtension({\n        id: 'neighborhoodCompanion',\n        match: NodeMatcher.whenEchoObjectMatches,\n        connector: () =>\n          Effect.succeed([\n            AppNode.makeCompanion({\n              id: linkedSegment('neighborhood'),\n              label: ['neighborhood-companion.label', { ns: meta.profile.key }],\n              icon: 'ph--share-network--regular',\n              data: 'neighborhood',\n              position: Position.last,\n            }),\n          ]),\n      }),\n    ]);\n\n    return Capability.contributes(AppCapabilities.AppGraphBuilder, extensions);\n  }),\n);\n"],
+  "mappings": ";;;AAIA,YAAYA,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,iBAAiBC,eAAe;AACzC,SAASC,cAAcC,mBAAmB;AAC1C,SAASC,qBAAqB;AAC9B,SAASC,gBAAgB;AAEzB,SAASC,YAAY;AAMrB,IAAA,4BAAeP,WAAWQ,WACjBC,kBAAW,aAAA;AAChB,QAAMC,aAAa,OAAcC,WAAI;IACnCR,aAAaS,gBAAgB;MAC3BC,IAAI;MACJC,OAAOV,YAAYW;MACnBC,WAAW,MACFC,eAAQ;QACbf,QAAQgB,cAAc;UACpBL,IAAIR,cAAc,cAAA;UAClBc,OAAO;YAAC;YAAgC;cAAEC,IAAIb,KAAKc,QAAQC;YAAI;;UAC/DC,MAAM;UACNC,MAAM;UACNC,UAAUnB,SAASoB;QACrB,CAAA;OACD;IACL,CAAA;GACD;AAED,SAAO1B,WAAW2B,YAAY1B,gBAAgB2B,iBAAiBlB,UAAAA;AACjE,CAAA,CAAA;",
+  "names": ["Effect", "Capability", "AppCapabilities", "AppNode", "GraphBuilder", "NodeMatcher", "linkedSegment", "Position", "meta", "makeModule", "fnUntraced", "extensions", "all", "createExtension", "id", "match", "whenEchoObjectMatches", "connector", "succeed", "makeCompanion", "label", "ns", "profile", "key", "icon", "data", "position", "last", "contributes", "AppGraphBuilder"]
+}

package/dist/lib/neutral/capabilities/index.mjs

@@ -2,9 +2,11 @@ import "../chunk-J5LGTIGS.mjs";
 
 // src/capabilities/index.ts
 import { Capability } from "@dxos/app-framework";
-var CreateObject = Capability.lazy("CreateObject", () => import("../create-object-F6TKVAGV.mjs"));
-var ReactSurface = Capability.lazy("ReactSurface", () => import("../react-surface-APBW2VQG.mjs"));
+var AppGraphBuilder = Capability.lazy("AppGraphBuilder", () => import("../app-graph-builder-L2TJ6GNR.mjs"));
+var CreateObject = Capability.lazy("CreateObject", () => import("../create-object-WKIN3OB6.mjs"));
+var ReactSurface = Capability.lazy("ReactSurface", () => import("../react-surface-EWPG5PUQ.mjs"));
 export {
+  AppGraphBuilder,
   CreateObject,
   ReactSurface
 };

package/dist/lib/neutral/capabilities/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/capabilities/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capability } from '@dxos/app-framework';\n\nexport const CreateObject = Capability.lazy('CreateObject', () => import('./create-object'));\nexport const ReactSurface = Capability.lazy('ReactSurface', () => import('./react-surface'));\n"],
-  "mappings": ";;;AAIA,SAASA,kBAAkB;AAEpB,IAAMC,eAAeD,WAAWE,KAAK,gBAAgB,MAAM,OAAO,+BAAA,CAAA;AAClE,IAAMC,eAAeH,WAAWE,KAAK,gBAAgB,MAAM,OAAO,+BAAA,CAAA;",
-  "names": ["Capability", "CreateObject", "lazy", "ReactSurface"]
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capability } from '@dxos/app-framework';\n\nexport const AppGraphBuilder = Capability.lazy('AppGraphBuilder', () => import('./app-graph-builder'));\nexport const CreateObject = Capability.lazy('CreateObject', () => import('./create-object'));\nexport const ReactSurface = Capability.lazy('ReactSurface', () => import('./react-surface'));\n"],
+  "mappings": ";;;AAIA,SAASA,kBAAkB;AAEpB,IAAMC,kBAAkBD,WAAWE,KAAK,mBAAmB,MAAM,OAAO,mCAAA,CAAA;AACxE,IAAMC,eAAeH,WAAWE,KAAK,gBAAgB,MAAM,OAAO,+BAAA,CAAA;AAClE,IAAME,eAAeJ,WAAWE,KAAK,gBAAgB,MAAM,OAAO,+BAAA,CAAA;",
+  "names": ["Capability", "AppGraphBuilder", "lazy", "CreateObject", "ReactSurface"]
 }

package/dist/lib/neutral/{chunk-JXYIG54N.mjs → chunk-4F6AT7RA.mjs}

@@ -1,7 +1,7 @@
 // src/ExplorerPlugin.tsx
 import { Plugin } from "@dxos/app-framework";
 import { AppPlugin } from "@dxos/app-toolkit";
-import { CreateObject, ReactSurface } from "#capabilities";
+import { AppGraphBuilder, CreateObject, ReactSurface } from "#capabilities";
 import { meta } from "#meta";
 import { translations } from "#translations";
 import { Graph } from "#types";
@@ -12,6 +12,8 @@ var PLUGIN_default = "---\nid: org.dxos.plugin.explorer\nname: ExplorerPlugin\nv
 // src/ExplorerPlugin.tsx
 var ExplorerPlugin = Plugin.define(meta).pipe(AppPlugin.addCreateObjectModule({
   activate: CreateObject
+}), AppPlugin.addAppGraphModule({
+  activate: AppGraphBuilder
 }), AppPlugin.addSchemaModule({
   schema: [
     Graph.Graph
@@ -34,4 +36,4 @@ export {
   ExplorerPlugin,
   ExplorerPlugin_default
 };
-//# sourceMappingURL=chunk-JXYIG54N.mjs.map
+//# sourceMappingURL=chunk-4F6AT7RA.mjs.map

package/dist/lib/neutral/chunk-4F6AT7RA.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ExplorerPlugin.tsx", "raw-loader:/__w/dxos/dxos/packages/plugins/plugin-explorer/PLUGIN.mdl"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\n\nimport { AppGraphBuilder, CreateObject, ReactSurface } from '#capabilities';\nimport { meta } from '#meta';\nimport { translations } from '#translations';\nimport { Graph } from '#types';\n\n// eslint-disable-next-line import/no-relative-packages\nimport pluginSpec from '../PLUGIN.mdl?raw';\n\nexport const ExplorerPlugin = Plugin.define(meta).pipe(\n  AppPlugin.addCreateObjectModule({ activate: CreateObject }),\n  AppPlugin.addAppGraphModule({ activate: AppGraphBuilder }),\n  AppPlugin.addSchemaModule({ schema: [Graph.Graph] }),\n  AppPlugin.addSurfaceModule({ activate: ReactSurface }),\n  AppPlugin.addTranslationsModule({ translations }),\n  AppPlugin.addPluginAssetModule({\n    asset: { pluginId: meta.profile.key, path: 'PLUGIN.mdl', content: pluginSpec, mimeType: 'application/x-mdl' },\n  }),\n  Plugin.make,\n);\n\nexport default ExplorerPlugin;\n", "---\nid: org.dxos.plugin.explorer\nname: ExplorerPlugin\nversion: 0.1.0\n---\n\nAn interactive hypergraph visualization plugin for `DXOS` Composer that reveals relationships between objects in a workspace.\nThe plugin renders a live `Graph` object \u2014 backed by a `View` and a `QueryAST` query \u2014 through four switchable layout\nvariants: force-directed, radial cluster, edge bundling, and lattice.\nNode colours are derived from ECHO object types; hovering a node triggers an anchor-card preview.\n\n## Extensions\n\nThe following extension dialects are used in this document.\nEach extension is defined in the Appendix or resolved via its URI.\n\n| Term        | URI                            |\n|-------------|--------------------------------|\n| `type`      | `org.dxos.mdl.type@1.0`       |\n| `feat`      | `org.dxos.mdl.feat@1.0`       |\n| `test`      | `org.dxos.mdl.test@1.0`       |\n| `component` | `org.dxos.mdl.component@1.0`  |\n| `op`        | `org.dxos.mdl.op@1.0`         |\n\n## Types\n\n```mdl\ntype QueryInput\n  fields:\n    raw?: string               # raw query string entered by the user\n    ast: QueryAST.Query        # compiled AST produced by QueryBuilder\n```\n\n```mdl\ntype GraphObject\n  desc: ECHO-persistent object that describes a hypergraph visualisation session.\n  fields:\n    name?: string\n    view: Ref<View>            # schema view that defines visible fields\n    query: QueryInput\n```\n\n```mdl\ntype ExplorerVariant\n  literals: force | cluster | bundle | lattice\n```\n\n## Components\n\n```mdl\ncomponent ExplorerArticle\n  desc: |\n    Top-level article / section surface for a Graph object.\n    Renders one of four SVG layout variants and a toolbar for switching between them.\n  props:\n    role: article | section\n    subject: Ref<View>\n    attendableId?: string\n  state:\n    variant: ExplorerVariant        # active layout; default force\n    filter?: Filter.Any             # compiled from toolbar query input\n    model?: SpaceGraphModel         # live reactive graph built from db + filter\n  slots:\n    toolbar?: ReactNode             # shown only when role === article\n  actions:\n    setVariant(v: ExplorerVariant)\n    setFilter(raw: string)\n  layout: |\n    \u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\n    \u2502 [toolbar slot \u2014 article only]  \u2502\n    \u2502  [QueryEditor] [variant tabs]  \u2502\n    \u251C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524\n    \u2502                                \u2502\n    \u2502   SVG canvas (force / cluster  \u2502\n    \u2502   / bundle / lattice)          \u2502\n    \u2502                                \u2502\n    \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n```\n\n```mdl\ncomponent Visualization\n  desc: |\n    Internal component that owns a single persistent SVG.Graph mount.\n    Swaps the active GraphProjector when the variant changes, seeding the\n    new projector with the previous layout so node positions tween smoothly.\n  props:\n    variant: ExplorerVariant\n    model: SpaceGraphModel\n  state:\n    projector?: GraphProjector<SpaceGraphNode>\n  actions:\n    createProjector(variant: ExplorerVariant, prev?: GraphLayout) \u2192 GraphProjector\n    createRenderNode(variant: ExplorerVariant) \u2192 RenderNode\n```\n\n## Operations\n\n```mdl\nop createGraph\n  desc: |\n    Creates a new Graph object scoped to a target space or collection.\n    Derives a ViewModel from the database for the selected typename, then\n    writes the object via SpaceOperation.AddObject.\n  input:\n    name?: string\n    typename?: string            # ECHO typename used to seed the initial view\n    target: Space | Collection\n    targetNodeId?: string\n  output: GraphObject\n  effects: [echo:write]\n  note: |\n    The typename is resolved through ViewModel.makeFromDatabase; the resulting\n    View is stored as a Ref inside the Graph object.\n```\n\n```mdl\nop buildFilter\n  desc: |\n    Compiles a raw query string into a Filter via QueryBuilder.\n    Pure \u2014 no side effects; result is passed to SpaceGraphModel.setFilter.\n  input:\n    raw: string\n  output: Filter.Any\n  errors:\n    ParseError: raw string is not valid query syntax\n```\n\n## Features\n\n```mdl\nfeat F-1: Graph Object\n\n  req F-1.1: A Graph object stores a name, a View ref, and a compiled QueryAST.\n  req F-1.2:\n    when: user creates a new graph\n    then: op:createGraph derives a ViewModel from the chosen typename and writes the Graph to ECHO\n\n  req F-1.3:\n    when: Graph is persisted\n    then: it appears in the space object list and can be opened as an article\n```\n\n```mdl\nfeat F-2: Live Graph Model\n\n  req F-2.1:\n    when: ExplorerArticle mounts with a valid Graph subject\n    then: SpaceGraphModel is opened against the subject's database\n\n  req F-2.2:\n    when: user types a query in the toolbar\n    then: op:buildFilter compiles the raw string; model.setFilter applied; SVG re-renders\n\n  req F-2.3:\n    when: Graph is unmounted\n    then: SpaceGraphModel is closed and all subscriptions released\n\n  req F-2.4:\n    when: an ECHO object in the database changes\n    then: SpaceGraphModel emits an update and SVG.Graph re-renders without full remount\n    tags: [reactive, collaborative]\n```\n\n```mdl\nfeat F-3: Visualization Variants\n\n  req F-3.1:\n    when: variant tab is selected\n    then: Visualization swaps projector; previous node x/y seed the new projector so positions tween\n\n  req F-3.2:\n    when: variant is force\n    then: SVG.Zoom wrapper is mounted enabling pan/zoom drag interaction\n\n  req F-3.3:\n    when: variant is cluster or bundle\n    then: no SVG.Zoom wrapper; leaves grouped by typename; radial labels fade in after tween\n\n  req F-3.4:\n    when: variant is lattice\n    then: nodes rendered as small rounded rectangles sorted by typename then label\n\n  req F-3.5:\n    when: variant is cluster and user clicks a root or group node\n    then: subtree toggles collapsed/expanded via GraphClusterProjector.toggleCollapsed\n```\n\n```mdl\nfeat F-4: Node Interaction\n\n  req F-4.1:\n    when: pointer enters a node\n    then: DxAnchorActivate event dispatched with the object's DXN and label, kind: card\n\n  req F-4.2:\n    when: pointer leaves a node\n    then: DxAnchorActivate cleared (onNodeHover called with null)\n\n  req F-4.3:\n    when: node has no underlying ECHO object (synthetic root / group)\n    then: no preview dispatched; node rendered in neutral colour\n```\n\n## Acceptance\n\n```mdl\ntest T-1: Graph creation\n  given: user opens the object creation dialog and selects Graph\n  when: a typename is selected and the form submitted\n  then:\n    - op:createGraph runs without error\n    - new Graph object visible in space object list\n    - Graph.view references a valid View object\n```\n\n```mdl\ntest T-2: Article mounts model\n  given: a Graph with a populated query\n  when: ExplorerArticle is rendered with role === article\n  then:\n    - SpaceGraphModel is opened\n    - SVG canvas renders nodes derived from the database\n    - toolbar shows QueryEditor and variant tabs\n```\n\n```mdl\ntest T-3: Variant switch preserves positions\n  given: force variant is active with nodes positioned\n  when: user switches to cluster variant\n  then:\n    - projector is recreated from previous layout\n    - nodes tween from old positions to cluster target positions\n    - SVG.Zoom wrapper is absent in the new mount\n```\n\n```mdl\ntest T-4: Query filter updates graph\n  given: ExplorerArticle is open with all objects visible\n  when: user types a typename filter in QueryEditor\n  then:\n    - op:buildFilter returns a Filter without error\n    - SpaceGraphModel.setFilter applied\n    - only matching nodes remain visible in the SVG\n```\n\n```mdl\ntest T-5: Node hover preview\n  given: force-directed graph with at least one ECHO object node\n  when: pointer enters that node\n  then:\n    - DxAnchorActivate event fired with correct DXN\n    - kind === card\n```\n\n```mdl\ntest T-6: Lattice sort order\n  given: database contains objects of two typenames A and B\n  when: lattice variant is active\n  then:\n    - all typename-A nodes appear before typename-B nodes (or vice-versa, consistent order)\n    - within each group nodes are ordered alphabetically by label\n```\n\n```mdl\ntest T-7: Model closed on unmount\n  given: ExplorerArticle is mounted and SpaceGraphModel is open\n  when: component unmounts\n  then:\n    - SpaceGraphModel.close() is called\n    - no lingering ECHO subscriptions remain\n```\n\n---\n\n## Appendix: Extension Definitions\n\nExtension block types used in this document are defined below using\nthe core `ext` primitive \u2014 the only construct the base language provides.\n\n```mdl\next type\n  uri: org.dxos.mdl.type@1.0\n  desc: A named data structure with typed fields and optional literals.\n  fields:\n    desc?: Prose\n    fields?: FieldMap        # name[?]: TypeExpr  (# inline comment)\n    literals?: UnionList     # a | b | c\n    extends?: TypeRef[]\n```\n\n```mdl\next feat\n  uri: org.dxos.mdl.feat@1.0\n  desc: A named feature grouping one or more requirements.\n  fields:\n    desc?: Prose\n    req: RequirementList\n  nesting: self              # feat blocks may contain feat blocks\n```\n\n```mdl\next test\n  uri: org.dxos.mdl.test@1.0\n  desc: An acceptance scenario expressed as given / when / then steps.\n  fields:\n    given?: Step | Step[]\n    when?: Step | Step[]\n    then: Step | Step[]\n    tags?: TagList\n```\n\n```mdl\next component\n  uri: org.dxos.mdl.component@1.0\n  desc: A UI component with props, internal state, slots, actions, and events.\n  fields:\n    desc?: Prose\n    props?: FieldMap            # external inputs (immutable inside component)\n    state?: FieldMap            # internal reactive state\n    slots?: FieldMap            # named ReactNode injection points\n    actions?: ActionMap         # methods the component exposes or handles\n    emits?: EventMap            # events the component raises to its parent\n    layout?: CodeBlock          # ASCII sketch of visual structure (non-normative)\n```\n\n```mdl\next op\n  uri: org.dxos.mdl.op@1.0\n  desc: |\n    A named operation with typed inputs, outputs, and declared errors.\n    Pure ops have no effects or requires. Effectful ops declare both.\n  fields:\n    desc?: Prose\n    input?: FieldMap            # named input parameters\n    output?: TypeExpr           # return type\n    errors?: ErrorMap           # name: Prose  (when this error occurs)\n    effects?: EffectList        # echo:read | echo:write | http | fs | ...\n    requires?: ServiceList      # injected service dependencies\n    note?: Prose                # implementation guidance (non-normative)\n```\n"],
+  "mappings": ";AAIA,SAASA,cAAc;AACvB,SAASC,iBAAiB;AAE1B,SAASC,iBAAiBC,cAAcC,oBAAoB;AAC5D,SAASC,YAAY;AACrB,SAASC,oBAAoB;AAC7B,SAASC,aAAa;;;ACVtB;;;ADeO,IAAMC,iBAAiBC,OAAOC,OAAOC,IAAAA,EAAMC,KAChDC,UAAUC,sBAAsB;EAAEC,UAAUC;AAAa,CAAA,GACzDH,UAAUI,kBAAkB;EAAEF,UAAUG;AAAgB,CAAA,GACxDL,UAAUM,gBAAgB;EAAEC,QAAQ;IAACC,MAAMA;;AAAO,CAAA,GAClDR,UAAUS,iBAAiB;EAAEP,UAAUQ;AAAa,CAAA,GACpDV,UAAUW,sBAAsB;EAAEC;AAAa,CAAA,GAC/CZ,UAAUa,qBAAqB;EAC7BC,OAAO;IAAEC,UAAUjB,KAAKkB,QAAQC;IAAKC,MAAM;IAAcC,SAASC;IAAYC,UAAU;EAAoB;AAC9G,CAAA,GACAzB,OAAO0B,IAAI;AAGb,IAAA,yBAAe3B;",
+  "names": ["Plugin", "AppPlugin", "AppGraphBuilder", "CreateObject", "ReactSurface", "meta", "translations", "Graph", "ExplorerPlugin", "Plugin", "define", "meta", "pipe", "AppPlugin", "addCreateObjectModule", "activate", "CreateObject", "addAppGraphModule", "AppGraphBuilder", "addSchemaModule", "schema", "Graph", "addSurfaceModule", "ReactSurface", "addTranslationsModule", "translations", "addPluginAssetModule", "asset", "pluginId", "profile", "key", "path", "content", "pluginSpec", "mimeType", "make"]
+}

package/dist/lib/neutral/{chunk-7XUDLV6E.mjs → chunk-EZ52JY7X.mjs}

@@ -1,28 +1,3 @@
-// src/components/Tree/types/types.ts
-var treeTypeToTreeNode = (tree, rootId = tree.root, visited = /* @__PURE__ */ new Set()) => {
-  const node = tree.nodes[rootId];
-  if (!node) {
-    return void 0;
-  }
-  if (visited.has(rootId)) {
-    return {
-      id: rootId,
-      label: labelOf(node),
-      data: node.data
-    };
-  }
-  visited.add(rootId);
-  return {
-    id: rootId,
-    label: labelOf(node),
-    data: node.data,
-    children: node.children.map((childId) => treeTypeToTreeNode(tree, childId, visited)).filter((c) => Boolean(c))
-  };
-};
-var labelOf = (node) => {
-  return typeof node.data?.text === "string" ? node.data.text : void 0;
-};
-
 // src/components/Tree/types/tree.ts
 import * as Schema from "effect/Schema";
 import { DXN, Key, Obj, Ref, Type } from "@dxos/echo";
@@ -38,13 +13,14 @@ var TreeNodeType = Schema.Struct({
   })),
   ref: Schema.optional(Ref.Ref(TestSchema.Expando))
 }).pipe(Schema.mutable);
-var TreeType = Schema.Struct({
+var TreeType = class extends Type.makeObject(DXN.make("org.dxos.type.tree", "0.1.0"))(Schema.Struct({
   root: Key.EntityId,
   nodes: Schema.mutable(Schema.Record({
     key: Key.EntityId,
     value: TreeNodeType
   }))
-}).pipe(Type.makeObject(DXN.make("org.dxos.type.tree", "0.1.0")));
+})) {
+};
 var Tree = class _Tree {
   static create = () => {
     const id = Key.EntityId.random();
@@ -96,7 +72,7 @@ var Tree = class _Tree {
   }
   getNode(id) {
     const node = this._tree.nodes[id];
-    invariant(node, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 77, S: this, A: ["node", ""] });
+    invariant(node, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 78, S: this, A: ["node", ""] });
     return node;
   }
   /**
@@ -222,8 +198,8 @@ var Tree = class _Tree {
   * Move child node.
   */
   moveNode(node, from, to) {
-    invariant(from >= 0 && from < node.children.length, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 197, S: this, A: ["from >= 0 && from < node.children.length", ""] });
-    invariant(to >= 0 && to < node.children.length, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 198, S: this, A: ["to >= 0 && to < node.children.length", ""] });
+    invariant(from >= 0 && from < node.children.length, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 198, S: this, A: ["from >= 0 && from < node.children.length", ""] });
+    invariant(to >= 0 && to < node.children.length, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 199, S: this, A: ["to >= 0 && to < node.children.length", ""] });
     if (from === to) {
       return null;
     }
@@ -280,8 +256,35 @@ var Tree = class _Tree {
   }
 };
 
+// src/components/Tree/types/types.ts
+var treeTypeToTreeNode = (tree, rootId = tree.root, visited = /* @__PURE__ */ new Set()) => {
+  const node = tree.nodes[rootId];
+  if (!node) {
+    return void 0;
+  }
+  if (visited.has(rootId)) {
+    return {
+      id: rootId,
+      label: labelOf(node),
+      data: node.data
+    };
+  }
+  visited.add(rootId);
+  return {
+    id: rootId,
+    label: labelOf(node),
+    data: node.data,
+    children: node.children.map((childId) => treeTypeToTreeNode(tree, childId, visited)).filter((c) => Boolean(c))
+  };
+};
+var labelOf = (node) => {
+  return typeof node.data?.text === "string" ? node.data.text : void 0;
+};
+
 export {
+  TreeNodeType,
+  TreeType,
   Tree,
   treeTypeToTreeNode
 };
-//# sourceMappingURL=chunk-7XUDLV6E.mjs.map
+//# sourceMappingURL=chunk-EZ52JY7X.mjs.map

package/dist/lib/neutral/chunk-EZ52JY7X.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/Tree/types/tree.ts", "../../../src/components/Tree/types/types.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { DXN, Key, Obj, Ref, Type } from '@dxos/echo';\nimport { TestSchema } from '@dxos/echo/testing';\nimport { invariant } from '@dxos/invariant';\n\n// TODO(burdon): Reconcile with @dxos/graph (i.e., common types).\n\nexport const TreeNodeType = Schema.Struct({\n  id: Key.EntityId,\n  children: Schema.mutable(Schema.Array(Key.EntityId)),\n  data: Schema.mutable(Schema.Record({ key: Schema.String, value: Schema.Any })),\n  ref: Schema.optional(Ref.Ref(TestSchema.Expando)),\n}).pipe(Schema.mutable);\n\nexport type TreeNodeType = Schema.Schema.Type<typeof TreeNodeType>;\n\nexport class TreeType extends Type.makeObject<TreeType>(DXN.make('org.dxos.type.tree', '0.1.0'))(\n  Schema.Struct({\n    root: Key.EntityId,\n    nodes: Schema.mutable(Schema.Record({ key: Key.EntityId, value: TreeNodeType })),\n  }),\n) {}\n\n/**\n * Wrapper object for tree.\n */\nexport class Tree {\n  static create = (): TreeType => {\n    const id = Key.EntityId.random();\n    return Obj.make(TreeType, {\n      root: id,\n      nodes: {\n        [id]: {\n          id,\n          children: [],\n          data: { text: '' }, // TODO(burdon): Generic.\n        },\n      },\n    });\n  };\n\n  private _tree: TreeType;\n\n  constructor(tree?: TreeType) {\n    this._tree = tree ?? Tree.create();\n  }\n\n  get tree() {\n    return this._tree;\n  }\n\n  // TODO(burdon): Make reactive.\n  get size() {\n    return Object.keys(this._tree.nodes).length;\n  }\n\n  get root() {\n    return this.getNode(this._tree.root);\n  }\n\n  //\n  // Traversal\n  //\n\n  /**\n   * Recursively traverse the tree until the callback returns a value.\n   */\n  tranverse<T>(\n    callback: (node: TreeNodeType, depth: number) => T | void,\n    root: Key.EntityId = this._tree.root,\n    depth = 0,\n  ): T | void {\n    const node = this._tree.nodes[root];\n    const result = callback(node, depth);\n    if (result !== undefined) {\n      return result;\n    }\n\n    for (const childId of node.children) {\n      const result = this.tranverse(callback, childId, depth + 1);\n      if (result !== undefined) {\n        return result;\n      }\n    }\n  }\n\n  getNode(id: Key.EntityId): TreeNodeType {\n    const node = this._tree.nodes[id];\n    invariant(node);\n    return node;\n  }\n\n  /**\n   * Get the children of a node.\n   */\n  getChildNodes(node: TreeNodeType): Array<TreeNodeType> {\n    return node.children.map((id) => this.getNode(id));\n  }\n\n  /**\n   * Get the parent of a node.\n   */\n  getParent(node: TreeNodeType): TreeNodeType | null {\n    const parent = this.tranverse((n) => {\n      if (n.children.includes(node.id)) {\n        return n;\n      }\n    });\n\n    return parent ?? null;\n  }\n\n  /**\n   * Get the next node in the tree.\n   */\n  getNext(node: TreeNodeType, hierarchical = true): TreeNodeType | undefined {\n    if (hierarchical && node.children.length) {\n      // First child.\n      return this.getChildNodes(node)[0];\n    } else {\n      const parent = this.getParent(node);\n      if (parent) {\n        const idx = this.getChildNodes(parent).findIndex(({ id }) => id === node.id);\n        if (idx < parent.children.length - 1) {\n          // Next sibling.\n          return this.getNode(parent.children[idx + 1]);\n        } else {\n          // Get parent's next sibling.\n          return this.getNext(parent, false);\n        }\n      }\n    }\n  }\n\n  /**\n   * Get the previous node in the tree.\n   */\n  getPrevious(node: TreeNodeType, hierarchical = true): TreeNodeType | undefined {\n    const parent = this.getParent(node)!;\n    const idx = this.getChildNodes(parent).findIndex(({ id }) => id === node.id);\n    if (idx === 0) {\n      if (hierarchical) {\n        return parent;\n      }\n    } else {\n      const previous = this.getNode(parent.children[idx - 1]);\n      if (hierarchical && previous.children.length) {\n        return this.getLastDescendent(previous);\n      }\n\n      return previous;\n    }\n  }\n\n  /**\n   * Get the last descendent of a node.\n   */\n  getLastDescendent(node: TreeNodeType): TreeNodeType | undefined {\n    const children = this.getChildNodes(node);\n    const last = children.length ? children[children.length - 1] : undefined;\n    if (last) {\n      return this.getLastDescendent(last);\n    }\n\n    return node;\n  }\n\n  //\n  // Mutations\n  //\n\n  /**\n   * Clear tree.\n   */\n  clear(): void {\n    const root = this._tree.nodes[this._tree.root];\n    root.children.length = 0;\n    Obj.update(this._tree, (obj) => {\n      obj.nodes = {\n        [root.id]: root,\n      };\n    });\n  }\n\n  /**\n   * Add node.\n   */\n  addNode(parent: TreeNodeType, node?: TreeNodeType, index?: number): TreeNodeType {\n    if (!node) {\n      const id = Key.EntityId.random();\n      node = { id, children: [], data: { text: '' } }; // TODO(burdon): Generic.\n    }\n\n    const nodeToAdd = node;\n    Obj.update(this._tree, (obj) => {\n      obj.nodes[nodeToAdd.id] = nodeToAdd;\n      parent.children.splice(index ?? parent.children.length, 0, nodeToAdd.id);\n    });\n    return node;\n  }\n\n  /**\n   * Delete node.\n   */\n  deleteNode(parent: TreeNodeType, id: Key.EntityId): TreeNodeType | undefined {\n    const node = this._tree.nodes[id];\n    if (!node) {\n      return undefined;\n    }\n\n    Obj.update(this._tree, (obj) => {\n      delete obj.nodes[node.id];\n    });\n    const idx = parent.children.findIndex((child) => child === id);\n    if (idx !== -1) {\n      Obj.update(this._tree, () => {\n        parent.children.splice(idx, 1);\n      });\n    }\n\n    return node;\n  }\n\n  /**\n   * Move child node.\n   */\n  moveNode(node: TreeNodeType, from: number, to: number): TreeNodeType | null {\n    invariant(from >= 0 && from < node.children.length);\n    invariant(to >= 0 && to < node.children.length);\n    if (from === to) {\n      return null;\n    }\n\n    const child = node.children[from];\n    Obj.update(this._tree, () => {\n      node.children.splice(from, 1);\n      node.children.splice(to, 0, child);\n    });\n    return this.getNode(child);\n  }\n\n  /**\n   * Indent node.\n   */\n  indentNode(node: TreeNodeType): void {\n    const parent = this.getParent(node);\n    if (!parent) {\n      return;\n    }\n\n    const idx = parent.children.findIndex((child) => child === node.id);\n    if (idx < 1 || idx >= parent.children.length) {\n      return;\n    }\n\n    const previous = this.getNode(parent.children[idx - 1]);\n    Obj.update(this._tree, () => {\n      parent.children.splice(idx, 1);\n      previous.children.push(node.id);\n    });\n  }\n\n  /**\n   * Unindent node.\n   */\n  unindentNode(node: TreeNodeType): void {\n    const parent = this.getParent(node);\n    if (!parent) {\n      return;\n    }\n\n    const ancestor = this.getParent(parent);\n    if (!ancestor) {\n      return;\n    }\n\n    // Remove node from parent and get following siblings.\n    const nodeIdx = parent.children.findIndex((id) => id === node.id);\n    let rest: Key.EntityId[] = [];\n    Obj.update(this._tree, () => {\n      const removed = parent.children.splice(nodeIdx, parent.children.length - nodeIdx);\n      rest = removed.slice(1); // Skip the node itself.\n    });\n\n    // Add to ancestor.\n    const parentIdx = this.getChildNodes(ancestor).findIndex((n) => n.id === parent.id);\n    Obj.update(this._tree, () => {\n      ancestor.children.splice(parentIdx + 1, 0, node.id);\n    });\n\n    // Transplant following siblings to current node.\n    Obj.update(this._tree, () => {\n      node.children.push(...rest);\n    });\n  }\n}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Key } from '@dxos/echo';\nimport { type TreeNode } from '@dxos/react-ui-graph';\n\nimport { type TreeType } from './tree';\n\n/**\n * Convert an ECHO `TreeType` (id-keyed node map) into a nested `TreeNode` hierarchy.\n * Returns `undefined` if the root id is missing — the tree is then incomplete and shouldn't render.\n */\nexport const treeTypeToTreeNode = (\n  tree: TreeType,\n  rootId: Key.EntityId = tree.root,\n  visited: Set<string> = new Set(),\n): TreeNode | undefined => {\n  const node = tree.nodes[rootId];\n  if (!node) {\n    return undefined;\n  }\n  if (visited.has(rootId)) {\n    return { id: rootId, label: labelOf(node), data: node.data };\n  }\n  visited.add(rootId);\n\n  return {\n    id: rootId,\n    label: labelOf(node),\n    data: node.data,\n    children: node.children\n      .map((childId) => treeTypeToTreeNode(tree, childId, visited))\n      .filter((c): c is TreeNode => Boolean(c)),\n  };\n};\n\nconst labelOf = (node: { data: Record<string, any> }): string | undefined => {\n  return typeof node.data?.text === 'string' ? node.data.text : undefined;\n};\n"],
+  "mappings": "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",
+  "names": ["Schema", "DXN", "Key", "Obj", "Ref", "Type", "TestSchema", "invariant", "children", "data", "String", "ref", "optional", "pipe", "TreeType", "makeObject", "make", "EntityId", "nodes", "Record", "key", "TreeNodeType", "id", "root", "_tree", "tree", "result", "callback", "node", "depth", "undefined", "childId", "getNode", "n", "getChildNodes", "parent", "getParent", "idx", "hierarchical", "getLastDescendent", "previous", "length", "last", "update", "obj", "nodeToAdd", "splice", "index", "findIndex", "to", "from", "child", "push", "removed", "rest", "slice", "ancestor", "parentIdx", "treeTypeToTreeNode", "tree", "rootId", "root", "visited", "Set", "node", "nodes", "undefined", "has", "id", "label", "labelOf", "data", "add", "children", "map", "childId", "filter", "c", "Boolean", "text"]
+}

package/dist/lib/neutral/{chunk-YBCHBVCJ.mjs → chunk-TTFPTHAQ.mjs}

@@ -32,12 +32,12 @@ __export(Graph_exports, {
   make: () => make
 });
 import * as Schema2 from "effect/Schema";
-import { DXN, Annotation, Filter, Obj, Query, QueryAST, Ref, Type, View } from "@dxos/echo";
+import { Annotation, DXN, Filter, Obj, Query, QueryAST, Ref, Type, View } from "@dxos/echo";
 import { FormInputAnnotation, LabelAnnotation } from "@dxos/echo/Annotation";
 import { ViewAnnotation } from "@dxos/schema";
-var GraphSchema = Schema2.Struct({
+var Graph = class extends Type.makeObject(DXN.make("org.dxos.type.graph", "0.1.0"))(Schema2.Struct({
   name: Schema2.optional(Schema2.String),
-  view: Ref.Ref(View.View).pipe(FormInputAnnotation.set(false)),
+  view: Ref.Ref(View.View).pipe(FormInputAnnotation.set(false), Schema2.optional),
   query: Schema2.Struct({
     raw: Schema2.optional(Schema2.String),
     ast: QueryAST.Query
@@ -49,15 +49,15 @@ var GraphSchema = Schema2.Struct({
 ]), Annotation.IconAnnotation.set({
   icon: "ph--graph--regular",
   hue: "green"
-}), Type.makeObject(DXN.make("org.dxos.type.graph", "0.1.0")));
-var Graph = GraphSchema;
+}))) {
+};
 var make = ({ name, query = {
   raw: "",
   ast: Query.select(Filter.nothing()).ast
-}, view }) => {
+}, view } = {}) => {
   return Obj.make(Graph, {
     name,
-    view: Ref.make(view),
+    view: view && Ref.make(view),
     query
   });
 };
@@ -66,4 +66,4 @@ export {
   ExplorerAction_exports,
   Graph_exports
 };
-//# sourceMappingURL=chunk-YBCHBVCJ.mjs.map
+//# sourceMappingURL=chunk-TTFPTHAQ.mjs.map

package/dist/lib/neutral/chunk-TTFPTHAQ.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';\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    }),\n    Schema.optional,\n  ),\n});\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { Annotation, DXN, Filter, Obj, Query, QueryAST, Ref, Type, View } from '@dxos/echo';\nimport { FormInputAnnotation, LabelAnnotation } from '@dxos/echo/Annotation';\nimport { ViewAnnotation } from '@dxos/schema';\n\nexport class Graph extends Type.makeObject<Graph>(DXN.make('org.dxos.type.graph', '0.1.0'))(\n  Schema.Struct({\n    name: Schema.optional(Schema.String),\n    view: Ref.Ref(View.View).pipe(FormInputAnnotation.set(false), Schema.optional),\n    query: Schema.Struct({\n      raw: Schema.optional(Schema.String),\n      ast: QueryAST.Query,\n    }).pipe(FormInputAnnotation.set(false)),\n  }).pipe(\n    LabelAnnotation.set(['name']),\n    ViewAnnotation.set(['view']),\n    Annotation.IconAnnotation.set({ icon: 'ph--graph--regular', hue: 'green' }),\n  ),\n) {}\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: view && Ref.make(view), query });\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,GAC1CT,2BAA2BU,IAAI;IAC7BC,UAAU;MAAC;MAAY;;IACvBC,MAAM;MAAC;;EACT,CAAA,GACOR,eAAQ;AAEnB,CAAA;;;ACnBA;;;;;AAIA,YAAYS,aAAY;AAExB,SAASC,YAAYC,KAAKC,QAAQC,KAAKC,OAAOC,UAAUC,KAAKC,MAAMC,YAAY;AAC/E,SAASC,qBAAqBC,uBAAuB;AACrD,SAASC,sBAAsB;AAExB,IAAMC,QAAN,cAAoBL,KAAKM,WAAkBZ,IAAIa,KAAK,uBAAuB,OAAA,CAAA,EACzEC,eAAO;EACZC,MAAaC,iBAAgBC,cAAM;EACnCC,MAAMb,IAAIA,IAAIE,KAAKA,IAAI,EAAEY,KAAKX,oBAAoBY,IAAI,KAAA,GAAeJ,gBAAQ;EAC7EK,OAAcP,eAAO;IACnBQ,KAAYN,iBAAgBC,cAAM;IAClCM,KAAKnB,SAASD;EAChB,CAAA,EAAGgB,KAAKX,oBAAoBY,IAAI,KAAA,CAAA;AAClC,CAAA,EAAGD,KACDV,gBAAgBW,IAAI;EAAC;CAAO,GAC5BV,eAAeU,IAAI;EAAC;CAAO,GAC3BrB,WAAWyB,eAAeJ,IAAI;EAAEK,MAAM;EAAsBC,KAAK;AAAQ,CAAA,CAAA,CAAA,EAAA;AAE1E;AASI,IAAMb,OAAO,CAAC,EACnBE,MACAM,QAAQ;EAAEC,KAAK;EAAIC,KAAKpB,MAAMwB,OAAO1B,OAAO2B,QAAO,CAAA,EAAIL;AAAI,GAC3DL,KAAI,IACS,CAAC,MAAC;AACf,SAAOhB,IAAIW,KAAKF,OAAO;IAAEI;IAAMG,MAAMA,QAAQb,IAAIQ,KAAKK,IAAAA;IAAOG;EAAM,CAAA;AACrE;",
+  "names": ["Schema", "TypeInputOptionsAnnotation", "GraphProps", "Struct", "name", "optional", "String", "typename", "pipe", "annotations", "title", "set", "location", "kind", "Schema", "Annotation", "DXN", "Filter", "Obj", "Query", "QueryAST", "Ref", "Type", "View", "FormInputAnnotation", "LabelAnnotation", "ViewAnnotation", "Graph", "makeObject", "make", "Struct", "name", "optional", "String", "view", "pipe", "set", "query", "raw", "ast", "IconAnnotation", "icon", "hue", "select", "nothing"]
+}