@dxos/plugin-explorer 0.8.4-main.406dc2a → 0.8.4-main.4668b7de9b

package/dist/lib/neutral/ExplorerArticle-4I7PNGDC.mjs

@@ -0,0 +1,459 @@
+import {
+  getNodeFillForObject
+} from "./chunk-IKHJV3Q4.mjs";
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/ExplorerArticle/ExplorerArticle.tsx
+import React2, { useCallback as useCallback2, useEffect as useEffect2, useMemo as useMemo2, useState as useState2 } from "react";
+import { Obj as Obj2 } 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 { useGraphModel } from "#hooks";
+
+// src/containers/ExplorerArticle/variants.ts
+var VARIANTS = [
+  {
+    value: "force",
+    icon: "ph--graph--regular",
+    label: "Force-directed"
+  },
+  {
+    value: "cluster",
+    icon: "ph--asterisk-simple--regular",
+    label: "Radial"
+  },
+  {
+    value: "bundle",
+    icon: "ph--circles-three-plus--regular",
+    label: "Connections"
+  },
+  {
+    value: "plexus",
+    icon: "ph--share-network--regular",
+    label: "Plexus"
+  },
+  {
+    value: "lattice",
+    icon: "ph--grid-four--regular",
+    label: "Lattice"
+  },
+  {
+    value: "swarm",
+    icon: "ph--microscope--regular",
+    label: "Swarm"
+  }
+];
+var isVariant = (value) => value === "force" || value === "cluster" || value === "bundle" || value === "lattice" || value === "swarm" || value === "plexus";
+
+// src/containers/ExplorerArticle/Visualization.tsx
+import { curveCatmullRom, line as d3Line } from "d3";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Obj } from "@dxos/echo";
+import { CLUSTER_NODE_TYPE_LEAF, CLUSTER_NODE_TYPE_ROOT, GraphBundleProjector, GraphClusterProjector, GraphForceProjector, GraphLatticeProjector, GraphPlexusProjector, GraphSwarmProjector, PLEXUS_NODE_TYPE_FOCUS, PLEXUS_NODE_TYPE_RELATION, SVG, appendRadialGroupLabel, appendRadialLeafLabel, appendRootLabel } from "@dxos/react-ui-graph";
+import { mx } from "@dxos/ui-theme";
+var Visualization = ({ classNames, debug = true, variant, model, onNodeHover, onSurfaceClick }) => {
+  const svgRef = useRef(null);
+  const [projector, setProjector] = useState();
+  const projectorRef = useRef(void 0);
+  projectorRef.current = projector;
+  const [focusId, setFocusId] = useState(void 0);
+  const lastLayoutRef = useRef(void 0);
+  useEffect(() => model?.subscribe(() => void 0), [
+    model
+  ]);
+  useEffect(() => {
+    if (variant !== "plexus") {
+      setFocusId(void 0);
+    }
+  }, [
+    variant
+  ]);
+  useEffect(() => {
+    if (projectorRef.current?.layout) {
+      lastLayoutRef.current = projectorRef.current.layout;
+    }
+    if (!svgRef.current) {
+      return;
+    }
+    setProjector(createProjector(svgRef.current, variant, focusId, lastLayoutRef.current));
+  }, [
+    variant,
+    focusId
+  ]);
+  const handleSelect = useCallback((node) => {
+    if (variant !== "plexus") {
+      return;
+    }
+    if (!node.data?.data?.object) {
+      return;
+    }
+    setFocusId((current) => current === node.id ? void 0 : node.id);
+  }, [
+    variant
+  ]);
+  const renderNode = useMemo(() => createRenderNode(variant), [
+    variant
+  ]);
+  const applyNode = useMemo(() => variant === "swarm" ? applyNodeSwarm : void 0, [
+    variant
+  ]);
+  const handlePointerMove = useCallback((point) => {
+    if (projector instanceof GraphSwarmProjector) {
+      projector.setCursor(point.x, point.y);
+    }
+  }, [
+    projector
+  ]);
+  const handlePointerLeave = useCallback(() => {
+    if (projector instanceof GraphSwarmProjector) {
+      projector.setCursor(null);
+    }
+  }, [
+    projector
+  ]);
+  const handleInspect = useCallback((node, event) => {
+    if (variant === "plexus") {
+      return;
+    }
+    onNodeHover?.(node ? {
+      id: node.id,
+      data: node.data?.data?.object
+    } : null, event);
+  }, [
+    variant === "plexus" ? void 0 : onNodeHover
+  ]);
+  const swarmPointerProps = variant === "swarm" ? {
+    onPointerMove: handlePointerMove,
+    onPointerLeave: handlePointerLeave
+  } : void 0;
+  return /* @__PURE__ */ React.createElement("div", {
+    className: mx("dx-expander relative", classNames),
+    onClick: onSurfaceClick
+  }, /* @__PURE__ */ React.createElement(SVG.Root, {
+    ref: svgRef
+  }, /* @__PURE__ */ React.createElement(SVG.Zoom, {
+    extent: [
+      1 / 2,
+      2
+    ]
+  }, /* @__PURE__ */ React.createElement(SVG.Graph, {
+    model,
+    projector,
+    renderNode,
+    applyNode,
+    edgeOpacity: variant === "swarm" ? 0.3 : void 0,
+    drag: variant === "force",
+    highlightOnHover: variant === "bundle",
+    onSelect: handleSelect,
+    onInspect: handleInspect,
+    ...swarmPointerProps
+  })), debug && /* @__PURE__ */ React.createElement(SVG.FPS, null)));
+};
+var TWEEN_MS = 500;
+var LABEL_FADE_MS = 200;
+var PLEXUS_LEAF_RADIUS = 5;
+var PLEXUS_FOCUS_RADIUS = PLEXUS_LEAF_RADIUS * 2;
+var swarmTrailLine = d3Line().curve(curveCatmullRom.alpha(0.5));
+var applyNodeSwarm = (group, node) => {
+  const swarm = node;
+  const path = group.querySelector("path.dx-swarm-tail");
+  const grad = group.querySelector("linearGradient");
+  if (!path || !grad) {
+    return;
+  }
+  const history = swarm.history ?? [];
+  if (history.length === 0) {
+    path.setAttribute("d", "");
+    return;
+  }
+  const hx = swarm.x ?? 0;
+  const hy = swarm.y ?? 0;
+  const points = [
+    [
+      0,
+      0
+    ]
+  ];
+  for (let i = history.length - 1; i >= 0; i--) {
+    points.push([
+      history[i].x - hx,
+      history[i].y - hy
+    ]);
+  }
+  path.setAttribute("d", swarmTrailLine(points) ?? "");
+  const oldest = history[0];
+  grad.setAttribute("x2", String(oldest.x - hx));
+  grad.setAttribute("y2", String(oldest.y - hy));
+};
+var createProjector = (ctx, variant, focusId, prev) => {
+  switch (variant) {
+    case "force":
+      return new GraphForceProjector(ctx, void 0, void 0, prev);
+    case "swarm":
+      return new GraphSwarmProjector(ctx, void 0, void 0, prev);
+    case "lattice":
+      return new GraphLatticeProjector(ctx, {
+        duration: TWEEN_MS,
+        // Plugin-explorer overrides the projector's force-matched default (6)
+        // with a smaller node so the lattice reads as a dense matrix.
+        radius: 4,
+        // Cluster by typename first so same-type rects sit together; break ties by label.
+        sortBy: (node) => {
+          const obj = node.data?.data?.object;
+          const typename = obj ? Obj.getTypename(obj) ?? "(untyped)" : "(untyped)";
+          const label = (obj && Obj.getLabel(obj)) ?? node.data?.data?.label ?? node.id;
+          return `${typename} ${label}`;
+        }
+      }, void 0, prev);
+    case "cluster":
+      return new GraphClusterProjector(ctx, {
+        duration: TWEEN_MS,
+        groupOf: typenameGroupOf,
+        rootLabel: "Database",
+        groupLabel: shortTypename,
+        // All three node kinds share the same radius — leaves, groups, and root read
+        // as members of the same circle rather than ranked by size.
+        rootRadius: 4,
+        groupRadius: 4
+      }, void 0, prev);
+    case "bundle":
+      return new GraphBundleProjector(ctx, {
+        duration: TWEEN_MS,
+        groupOf: typenameGroupOf
+      }, void 0, prev);
+    case "plexus":
+      if (!focusId) {
+        return new GraphBundleProjector(ctx, {
+          duration: TWEEN_MS,
+          groupOf: typenameGroupOf
+        }, void 0, prev);
+      }
+      return new GraphPlexusProjector(ctx, {
+        duration: TWEEN_MS,
+        focus: focusId,
+        relationOf: plexusRelationOf,
+        leafRadius: PLEXUS_LEAF_RADIUS,
+        relationRadius: PLEXUS_LEAF_RADIUS,
+        focusRadius: PLEXUS_FOCUS_RADIUS
+      }, void 0, prev);
+  }
+};
+var plexusRelationOf = (edge, focusId) => {
+  const outgoing = edge.source.id === focusId;
+  const incoming = edge.target.id === focusId;
+  if (!outgoing && !incoming) {
+    return void 0;
+  }
+  const direction = outgoing ? "out" : "in";
+  const arrow = outgoing ? "\u2192" : "\u2190";
+  if (edge.type === "relation") {
+    const relation = edge.data?.object;
+    const typename = relation ? Obj.getTypename(relation) : void 0;
+    const name = typename ? shortTypename(typename) : "Relation";
+    return {
+      key: `relation:${direction}:${typename ?? "?"}`,
+      label: `${name} ${arrow}`
+    };
+  }
+  if (edge.type === "ref") {
+    const property = edge.data?.property;
+    const name = property ?? "References";
+    return {
+      key: `ref:${direction}:${property ?? "?"}`,
+      label: `${name} ${arrow}`
+    };
+  }
+  return void 0;
+};
+var createRenderNode = (variant) => {
+  switch (variant) {
+    case "force":
+      return (group, node) => {
+        const r = node.r ?? 6;
+        group.append("circle").attr("r", r).style("cursor", "pointer").style("fill", getNodeFillForObject(node.data?.data?.object));
+      };
+    case "swarm":
+      return (group, node) => {
+        const fill = getNodeFillForObject(node.data?.data?.object);
+        const r = node.r ?? 6;
+        const strokeWidth = Math.max(1, r * 0.6);
+        const gradId = `dx-swarm-grad-${String(node.id).replace(/[^\w-]/g, "_")}`;
+        const grad = group.append("defs").append("linearGradient").attr("id", gradId).attr("gradientUnits", "userSpaceOnUse").attr("x1", 0).attr("y1", 0).attr("x2", 0).attr("y2", 0);
+        grad.append("stop").attr("offset", 0).attr("stop-color", fill).attr("stop-opacity", 0.7);
+        grad.append("stop").attr("offset", 1).attr("stop-color", fill).attr("stop-opacity", 0);
+        group.append("path").classed("dx-swarm-tail", true).attr("fill", "none").attr("stroke", `url(#${gradId})`).attr("stroke-width", strokeWidth).attr("stroke-linecap", "round").attr("stroke-linejoin", "round").attr("pointer-events", "none");
+        group.append("circle").attr("r", r).style("cursor", "pointer").style("fill", fill);
+      };
+    case "lattice":
+      return (group, node) => {
+        const r = node.r ?? 6;
+        const sz = r * 2;
+        group.append("rect").attr("x", -r).attr("y", -r).attr("width", sz).attr("height", sz).attr("rx", r * 0.3).attr("ry", r * 0.3).style("cursor", "pointer").style("fill", getNodeFillForObject(node.data?.data?.object));
+      };
+    case "cluster":
+      return (group, node) => {
+        const obj = node.data?.data?.object;
+        const r = node.r ?? 4;
+        group.append("circle").attr("r", r).style("cursor", "pointer").style("fill", obj ? getNodeFillForObject(obj) : "var(--color-neutral-500)");
+        const labelOptions = {
+          delay: TWEEN_MS,
+          duration: LABEL_FADE_MS
+        };
+        if (node.type === CLUSTER_NODE_TYPE_LEAF) {
+          const text = labelForLeaf(node, obj);
+          if (text) {
+            appendRadialLeafLabel(group, node, text, r, labelOptions);
+          }
+        } else if (node.type === CLUSTER_NODE_TYPE_ROOT) {
+          if (node.label) {
+            appendRootLabel(group, node.label, r, labelOptions);
+          }
+        } else {
+          if (node.label) {
+            appendRadialGroupLabel(group, node, node.label, r, labelOptions);
+          }
+        }
+      };
+    case "bundle":
+      return (group, node) => {
+        const obj = node.data?.data?.object;
+        const r = node.r ?? 4;
+        group.append("circle").attr("r", r).style("cursor", "pointer").style("fill", obj ? getNodeFillForObject(obj) : "var(--color-neutral-500)");
+        const text = labelForLeaf(node, obj);
+        if (text) {
+          appendRadialLeafLabel(group, node, text, r, {
+            delay: TWEEN_MS,
+            duration: LABEL_FADE_MS
+          });
+        }
+      };
+    case "plexus":
+      return (group, node) => {
+        const obj = node.data?.data?.object;
+        const labelOptions = {
+          delay: TWEEN_MS,
+          duration: LABEL_FADE_MS
+        };
+        if (node.type === PLEXUS_NODE_TYPE_RELATION) {
+          const r2 = PLEXUS_LEAF_RADIUS;
+          group.append("circle").attr("r", r2).style("cursor", "default").style("fill", "var(--color-neutral-500)");
+          if (node.label) {
+            appendRadialGroupLabel(group, node, node.label, r2, labelOptions);
+          }
+          return;
+        }
+        const isFocus = node.type === PLEXUS_NODE_TYPE_FOCUS;
+        const r = isFocus ? PLEXUS_FOCUS_RADIUS : PLEXUS_LEAF_RADIUS;
+        group.append("circle").attr("r", r).style("cursor", "pointer").style("fill", obj ? getNodeFillForObject(obj) : "var(--color-neutral-500)");
+        const text = labelForLeaf(node, obj);
+        if (text) {
+          if (isFocus) {
+            appendRootLabel(group, text, r, labelOptions);
+          } else {
+            appendRadialLeafLabel(group, node, text, r, labelOptions);
+          }
+        }
+      };
+  }
+};
+var typenameGroupOf = (node) => {
+  const obj = node.data?.data?.object;
+  return obj ? Obj.getTypename(obj) ?? "(untyped)" : void 0;
+};
+var shortTypename = (typename) => {
+  const last = typename.split(".").pop() ?? typename;
+  return last.charAt(0).toUpperCase() + last.slice(1);
+};
+var labelForLeaf = (node, obj) => (obj && Obj.getLabel(obj)) ?? node.data?.data?.label ?? node.id;
+
+// src/containers/ExplorerArticle/ExplorerArticle.tsx
+var ExplorerArticle = ({ role, subject, variant }) => {
+  const [view] = useObject(subject);
+  const [filter, setFilter] = useState2();
+  const db = view && Obj2.getDatabase(view);
+  const model = useGraphModel(db, filter);
+  const builder = useMemo2(() => new QueryBuilder(), []);
+  const handleChange = useCallback2((value) => {
+    setFilter(builder.build(value).filter);
+  }, [
+    builder
+  ]);
+  const [selected, setSelected] = useState2(isVariant(variant) ? variant : "force");
+  useEffect2(() => {
+    if (isVariant(variant)) {
+      setSelected(variant);
+    }
+  }, [
+    variant
+  ]);
+  const handleVariantChange = useCallback2((value) => {
+    if (isVariant(value)) {
+      setSelected(value);
+    }
+  }, []);
+  const handleDismiss = useCallback2(() => {
+    document.defaultView?.dispatchEvent(new DxAnchorActivate({
+      dxn: "",
+      label: "",
+      trigger: document.body,
+      state: false
+    }));
+  }, []);
+  const handleHover = useCallback2((node, event) => {
+    if (!node || !event) {
+      return;
+    }
+    const obj = node.data;
+    if (!obj || !Obj2.isObject(obj)) {
+      return;
+    }
+    const dxn = Obj2.getURI(obj);
+    if (!dxn) {
+      return;
+    }
+    const target = event.target;
+    target.dispatchEvent(new DxAnchorActivate({
+      dxn,
+      kind: "card",
+      trigger: target,
+      label: Obj2.getLabel(obj) ?? dxn
+    }));
+  }, []);
+  const showToolbar = role === "article";
+  if (!db || !model) {
+    return null;
+  }
+  return /* @__PURE__ */ React2.createElement(Panel.Root, {
+    role
+  }, showToolbar && /* @__PURE__ */ React2.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React2.createElement(Toolbar.Root, null, /* @__PURE__ */ React2.createElement(QueryEditor, {
+    db,
+    onChange: handleChange
+  }), /* @__PURE__ */ React2.createElement(Toolbar.ToggleGroup, {
+    type: "single",
+    value: selected,
+    onValueChange: handleVariantChange
+  }, VARIANTS.map(({ value, icon, label }) => /* @__PURE__ */ React2.createElement(Toolbar.ToggleGroupItem, {
+    key: value,
+    value,
+    "aria-label": label,
+    title: label
+  }, /* @__PURE__ */ React2.createElement(Icon, {
+    icon,
+    size: 4
+  })))))), /* @__PURE__ */ React2.createElement(Panel.Content, null, /* @__PURE__ */ React2.createElement(Visualization, {
+    classNames: "bg-base-surface",
+    variant: selected,
+    model,
+    onNodeHover: handleHover,
+    onSurfaceClick: handleDismiss
+  })));
+};
+export {
+  ExplorerArticle as default
+};
+//# sourceMappingURL=ExplorerArticle-4I7PNGDC.mjs.map

package/dist/lib/neutral/ExplorerArticle-4I7PNGDC.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ExplorerArticle/ExplorerArticle.tsx", "../../../src/containers/ExplorerArticle/variants.ts", "../../../src/containers/ExplorerArticle/Visualization.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { type 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 '@dxos/react-ui-graph/styles/graph.css';\n\nimport { type TreeNode } from '#components';\nimport { useGraphModel } from '#hooks';\n\nimport { type ExplorerArticleVariant, VARIANTS, isVariant } from './variants';\nimport { Visualization } from './Visualization';\n\nexport type { ExplorerArticleVariant } from './variants';\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 === 'article';\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\n          classNames='bg-base-surface'\n          variant={selected}\n          model={model}\n          onNodeHover={handleHover}\n          onSurfaceClick={handleDismiss}\n        />\n      </Panel.Content>\n    </Panel.Root>\n  );\n};\n", "//\n// Copyright 2026 DXOS.org\n//\n\n/** Visualization variants exposed by `ExplorerArticle`. */\nexport type ExplorerArticleVariant = 'force' | 'cluster' | 'bundle' | 'lattice' | 'swarm' | 'plexus';\n\nexport const VARIANTS: { value: ExplorerArticleVariant; icon: string; label: string }[] = [\n  {\n    value: 'force',\n    icon: 'ph--graph--regular',\n    label: 'Force-directed',\n  },\n  {\n    value: 'cluster',\n    icon: 'ph--asterisk-simple--regular',\n    label: 'Radial',\n  },\n  {\n    value: 'bundle',\n    icon: 'ph--circles-three-plus--regular',\n    label: 'Connections',\n  },\n  {\n    value: 'plexus',\n    icon: 'ph--share-network--regular',\n    label: 'Plexus',\n  },\n  {\n    value: 'lattice',\n    icon: 'ph--grid-four--regular',\n    label: 'Lattice',\n  },\n  {\n    value: 'swarm',\n    icon: 'ph--microscope--regular',\n    label: 'Swarm',\n  },\n];\n\nexport const isVariant = (value: unknown): value is ExplorerArticleVariant =>\n  value === 'force' ||\n  value === 'cluster' ||\n  value === 'bundle' ||\n  value === 'lattice' ||\n  value === 'swarm' ||\n  value === 'plexus';\n", "//\n// Copyright 2026 DXOS.org\n//\n\nimport { curveCatmullRom, line as d3Line } from 'd3';\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { Obj } from '@dxos/echo';\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport {\n  CLUSTER_NODE_TYPE_LEAF,\n  CLUSTER_NODE_TYPE_ROOT,\n  GraphBundleProjector,\n  GraphClusterProjector,\n  GraphForceProjector,\n  type GraphLayout,\n  type GraphLayoutNode,\n  GraphLatticeProjector,\n  type GraphLayoutEdge,\n  GraphPlexusProjector,\n  type GraphProjector,\n  GraphSwarmProjector,\n  type ModelPoint,\n  PLEXUS_NODE_TYPE_FOCUS,\n  PLEXUS_NODE_TYPE_RELATION,\n  type PlexusRelation,\n  type RenderNode,\n  SVG,\n  type SVGContext,\n  type SwarmNode,\n  appendRadialGroupLabel,\n  appendRadialLeafLabel,\n  appendRootLabel,\n} from '@dxos/react-ui-graph';\nimport { type SpaceGraphEdge, type SpaceGraphModel, type SpaceGraphNode } from '@dxos/schema';\nimport { mx } from '@dxos/ui-theme';\n\nimport { type TreeNode } from '#components';\n\nimport { getNodeFillForObject } from '../../util';\nimport { type ExplorerArticleVariant } from './variants';\n\nexport type VisualizationProps = ThemedClassName<{\n  debug?: boolean;\n  variant: ExplorerArticleVariant;\n  model: SpaceGraphModel;\n  onNodeHover?: (node: TreeNode | null, event?: MouseEvent) => void;\n  /** Called when the user clicks the visualization surface (e.g. to dismiss a node preview). */\n  onSurfaceClick?: () => void;\n}>;\n\n/**\n * Renders the active visualization variant.\n */\nexport const Visualization = ({\n  classNames,\n  debug = true,\n  variant,\n  model,\n  onNodeHover,\n  onSurfaceClick,\n}: VisualizationProps) => {\n  const svgRef = useRef<SVGContext>(null);\n  const [projector, setProjector] = useState<GraphProjector<SpaceGraphNode> | undefined>();\n  const projectorRef = useRef<GraphProjector<SpaceGraphNode> | undefined>(undefined);\n  projectorRef.current = projector;\n\n  // Plexus focus — single source of truth for both the bundle→plexus dispatch and re-focus.\n  // `undefined` means \"no node focused\", which dispatches to the bundle projector.\n  const [focusId, setFocusId] = useState<string | undefined>(undefined);\n\n  // Latest layout we hand to the next SVG projector as `prev`. Captured from the live\n  // projector when the variant changes so node x/y survive the swap.\n  const lastLayoutRef = useRef<GraphLayout<SpaceGraphNode> | undefined>(undefined);\n\n  // Subscribe to the graph atom — keeps it alive across child unmounts (effect-atom\n  // disposes atoms with no subscribers) and triggers re-renders when query results land.\n  useEffect(() => model?.subscribe(() => undefined), [model]);\n\n  // Clear any focus when leaving plexus so returning to it starts from the bundle layout.\n  useEffect(() => {\n    if (variant !== 'plexus') {\n      setFocusId(undefined);\n    }\n  }, [variant]);\n\n  // Recreate the projector when the variant or focus changes; snapshot the live layout\n  // first so the next projector animates from where the previous one left off.\n  useEffect(() => {\n    if (projectorRef.current?.layout) {\n      lastLayoutRef.current = projectorRef.current.layout as GraphLayout<SpaceGraphNode>;\n    }\n    if (!svgRef.current) {\n      return;\n    }\n\n    setProjector(createProjector(svgRef.current, variant, focusId, lastLayoutRef.current));\n  }, [variant, focusId]);\n\n  // Plexus: clicking an object node re-focuses on it; clicking the current focus clears it\n  // (back to the bundle layout). Relation nodes carry no ECHO object, so their clicks are ignored.\n  const handleSelect = useCallback(\n    (node: GraphLayoutNode<SpaceGraphNode>) => {\n      if (variant !== 'plexus') {\n        return;\n      }\n      if (!node.data?.data?.object) {\n        return;\n      }\n      setFocusId((current) => (current === node.id ? undefined : node.id));\n    },\n    [variant],\n  );\n\n  const renderNode = useMemo(() => createRenderNode(variant), [variant]);\n\n  // Per-tick swarm tail update. Receives the dx-node `<g>` after its transform is set,\n  // so the polyline points + gradient axis can live in node-local coordinates.\n  const applyNode = useMemo(() => (variant === 'swarm' ? applyNodeSwarm : undefined), [variant]);\n\n  // Cursor avoidance for the SVG swarm. The Graph component hands us pre-transformed\n  // SVG model coordinates — same space the boids live in.\n  const handlePointerMove = useCallback(\n    (point: ModelPoint) => {\n      if (projector instanceof GraphSwarmProjector) {\n        projector.setCursor(point.x, point.y);\n      }\n    },\n    [projector],\n  );\n\n  const handlePointerLeave = useCallback(() => {\n    if (projector instanceof GraphSwarmProjector) {\n      projector.setCursor(null);\n    }\n  }, [projector]);\n\n  const handleInspect = useCallback(\n    (node: GraphLayoutNode<SpaceGraphNode> | null, event: MouseEvent) => {\n      if (variant === 'plexus') {\n        return;\n      }\n\n      onNodeHover?.(node ? { id: node.id, data: node.data?.data?.object } : null, event);\n    },\n    [variant === 'plexus' ? undefined : onNodeHover],\n  );\n\n  // Only attach pointer handlers when the SVG swarm is active — other variants don't\n  // need them and we want to avoid the per-move CTM math when it'd be a no-op.\n  const swarmPointerProps =\n    variant === 'swarm' ? { onPointerMove: handlePointerMove, onPointerLeave: handlePointerLeave } : undefined;\n\n  return (\n    <div className={mx('dx-expander relative', classNames)} onClick={onSurfaceClick}>\n      <SVG.Root ref={svgRef}>\n        <SVG.Zoom extent={[1 / 2, 2]}>\n          <SVG.Graph<SpaceGraphNode, SpaceGraphEdge>\n            model={model}\n            projector={projector}\n            renderNode={renderNode}\n            applyNode={applyNode}\n            edgeOpacity={variant === 'swarm' ? 0.3 : undefined}\n            drag={variant === 'force'}\n            highlightOnHover={variant === 'bundle'}\n            onSelect={handleSelect}\n            onInspect={handleInspect}\n            {...swarmPointerProps}\n          />\n        </SVG.Zoom>\n        {debug && <SVG.FPS />}\n      </SVG.Root>\n    </div>\n  );\n};\n\n/** Cross-variant tween duration. Matches the renderer's edge fade timing so node movement and edge enter/exit complete together. */\nconst TWEEN_MS = 500;\n\n/** Fade-in duration applied to labels after the layout tween completes. */\nconst LABEL_FADE_MS = 200;\n\n/** Base radius shared by all plexus leaf + relation nodes; the focus node is double. */\nconst PLEXUS_LEAF_RADIUS = 5;\nconst PLEXUS_FOCUS_RADIUS = PLEXUS_LEAF_RADIUS * 2;\n\n/**\n * Catmull-Rom curve generator (α=0.5, \"centripetal\") for swarm boid trails.\n * Passes through every point and avoids the looping/overshoot artifacts a plain\n * cardinal spline produces when consecutive history samples land close together.\n */\nconst swarmTrailLine = d3Line<[number, number]>().curve(curveCatmullRom.alpha(0.5));\n\n/**\n * Per-tick swarm tail update. The dx-node `<g>` transform has just been written, so we work\n * in node-local coordinates: head at (0,0), history deltas trailing behind. The single\n * `<path>` is stroked with a per-boid `<linearGradient>` whose endpoints we sync to the\n * tail axis so the fade tracks the direction of travel.\n */\nconst applyNodeSwarm = (group: SVGGElement, node: GraphLayoutNode<SpaceGraphNode>): void => {\n  const swarm = node as SwarmNode;\n  const path = group.querySelector('path.dx-swarm-tail') as SVGPathElement | null;\n  const grad = group.querySelector('linearGradient') as SVGLinearGradientElement | null;\n  if (!path || !grad) {\n    return;\n  }\n  const history = swarm.history ?? [];\n  if (history.length === 0) {\n    path.setAttribute('d', '');\n    return;\n  }\n\n  const hx = swarm.x ?? 0;\n  const hy = swarm.y ?? 0;\n  // Build local-space points head → most-recent → … → oldest (history is push-at-end so\n  // we walk it backwards), then run them through a Catmull-Rom curve generator so the\n  // trail reads as a smooth arc rather than a polyline. The gradient axis below is still\n  // head → oldest, so the fade stays aligned with travel direction.\n  const points: Array<[number, number]> = [[0, 0]];\n  for (let i = history.length - 1; i >= 0; i--) {\n    points.push([history[i].x - hx, history[i].y - hy]);\n  }\n  path.setAttribute('d', swarmTrailLine(points) ?? '');\n  const oldest = history[0];\n  grad.setAttribute('x2', String(oldest.x - hx));\n  grad.setAttribute('y2', String(oldest.y - hy));\n};\n\nconst createProjector = (\n  ctx: SVGContext,\n  variant: ExplorerArticleVariant,\n  focusId: string | undefined,\n  prev?: GraphLayout<SpaceGraphNode>,\n): GraphProjector<SpaceGraphNode> => {\n  switch (variant) {\n    case 'force':\n      // Force has no `duration` — its own simulation drives motion via ticks.\n      return new GraphForceProjector<SpaceGraphNode>(ctx, undefined, undefined, prev);\n\n    case 'swarm':\n      // Swarm in SVG: a per-tick projector mirroring force's emit-positions pattern.\n      return new GraphSwarmProjector<SpaceGraphNode>(ctx, undefined, undefined, prev);\n\n    case 'lattice':\n      return new GraphLatticeProjector<SpaceGraphNode>(\n        ctx,\n        {\n          duration: TWEEN_MS,\n          // Plugin-explorer overrides the projector's force-matched default (6)\n          // with a smaller node so the lattice reads as a dense matrix.\n          radius: 4,\n          // Cluster by typename first so same-type rects sit together; break ties by label.\n          sortBy: (node: GraphLayoutNode<SpaceGraphNode>) => {\n            const obj = node.data?.data?.object;\n            const typename = obj ? (Obj.getTypename(obj) ?? '(untyped)') : '(untyped)';\n            const label = (obj && Obj.getLabel(obj)) ?? node.data?.data?.label ?? node.id;\n            return `${typename} ${label}`;\n          },\n        },\n        undefined,\n        prev,\n      );\n\n    case 'cluster':\n      return new GraphClusterProjector<SpaceGraphNode>(\n        ctx,\n        {\n          duration: TWEEN_MS,\n          groupOf: typenameGroupOf,\n          rootLabel: 'Database',\n          groupLabel: shortTypename,\n          // All three node kinds share the same radius — leaves, groups, and root read\n          // as members of the same circle rather than ranked by size.\n          rootRadius: 4,\n          groupRadius: 4,\n        },\n        undefined,\n        prev,\n      );\n\n    case 'bundle':\n      return new GraphBundleProjector<SpaceGraphNode>(\n        ctx,\n        {\n          duration: TWEEN_MS,\n          groupOf: typenameGroupOf,\n        },\n        undefined,\n        prev,\n      );\n\n    case 'plexus':\n      // No focus → dispatch to the bundle projector (the unfocused overview). Once a node is\n      // focused, switch to the focus-centric plexus layout; both receive `prev` so the swap\n      // (and every re-focus) animates from the previous node positions.\n      if (!focusId) {\n        return new GraphBundleProjector<SpaceGraphNode>(\n          ctx,\n          {\n            duration: TWEEN_MS,\n            groupOf: typenameGroupOf,\n          },\n          undefined,\n          prev,\n        );\n      }\n      return new GraphPlexusProjector<SpaceGraphNode>(\n        ctx,\n        {\n          duration: TWEEN_MS,\n          focus: focusId,\n          relationOf: plexusRelationOf,\n          leafRadius: PLEXUS_LEAF_RADIUS,\n          relationRadius: PLEXUS_LEAF_RADIUS,\n          focusRadius: PLEXUS_FOCUS_RADIUS,\n        },\n        undefined,\n        prev,\n      );\n  }\n};\n\n/**\n * Classify an edge incident to the focus into a relation group. Each relation/property gets two\n * possible nodes: one for the outgoing direction (focus is the edge source, arrow `→`) and one\n * for the incoming direction (focus is the edge target, arrow `←`), so both sides of a relation\n * fan out separately. Relations group by relation typename; references group by their top-level\n * property name. Edges not incident to the focus are ignored.\n */\nconst plexusRelationOf = (edge: GraphLayoutEdge<SpaceGraphNode>, focusId: string): PlexusRelation | undefined => {\n  const outgoing = edge.source.id === focusId;\n  const incoming = edge.target.id === focusId;\n  if (!outgoing && !incoming) {\n    return undefined;\n  }\n  const direction = outgoing ? 'out' : 'in';\n  const arrow = outgoing ? '→' : '←';\n\n  if (edge.type === 'relation') {\n    const relation = (edge.data as any)?.object as Obj.Unknown | undefined;\n    const typename = relation ? Obj.getTypename(relation) : undefined;\n    const name = typename ? shortTypename(typename) : 'Relation';\n    return { key: `relation:${direction}:${typename ?? '?'}`, label: `${name} ${arrow}` };\n  }\n\n  if (edge.type === 'ref') {\n    const property = (edge.data as any)?.property as string | undefined;\n    const name = property ?? 'References';\n    return { key: `ref:${direction}:${property ?? '?'}`, label: `${name} ${arrow}` };\n  }\n\n  return undefined;\n};\n\nconst createRenderNode = (variant: ExplorerArticleVariant): RenderNode<SpaceGraphNode> | undefined => {\n  switch (variant) {\n    case 'force':\n      return (group, node) => {\n        const r = node.r ?? 6;\n        group\n          .append('circle')\n          .attr('r', r)\n          .style('cursor', 'pointer')\n          .style('fill', getNodeFillForObject(node.data?.data?.object as Obj.Unknown | undefined));\n      };\n\n    case 'swarm':\n      // Match the force variant's shape so identity-by-id transitions read continuously.\n      // The tail is a SINGLE `<path>` traced through head + history points; its stroke\n      // uses a per-boid `<linearGradient>` that fades head → tail. Done this way (rather\n      // than as N overlapping `<line>` segments) so coincident segment endpoints don't\n      // compound their alpha and read as a striped trail.\n      return (group, node) => {\n        const fill = getNodeFillForObject(node.data?.data?.object as Obj.Unknown | undefined);\n        const r = node.r ?? 6;\n        const strokeWidth = Math.max(1, r * 0.6);\n        // Gradient id must be unique document-wide. node.id is the DXN, which contains\n        // characters (`:`, `/`, etc.) that aren't valid in NCName-style ids, so sanitize.\n        const gradId = `dx-swarm-grad-${String(node.id).replace(/[^\\w-]/g, '_')}`;\n        const grad = group\n          .append('defs')\n          .append('linearGradient')\n          .attr('id', gradId)\n          // userSpaceOnUse so x1/y1/x2/y2 are interpreted in the dx-node's local coord space\n          // (head at 0,0). The applyNode hook overwrites them per tick to align with the\n          // path's head → tail axis.\n          .attr('gradientUnits', 'userSpaceOnUse')\n          .attr('x1', 0)\n          .attr('y1', 0)\n          .attr('x2', 0)\n          .attr('y2', 0);\n        grad.append('stop').attr('offset', 0).attr('stop-color', fill).attr('stop-opacity', 0.7);\n        grad.append('stop').attr('offset', 1).attr('stop-color', fill).attr('stop-opacity', 0);\n        // Path first so the head circle sits on top.\n        group\n          .append('path')\n          .classed('dx-swarm-tail', true)\n          .attr('fill', 'none')\n          .attr('stroke', `url(#${gradId})`)\n          .attr('stroke-width', strokeWidth)\n          .attr('stroke-linecap', 'round')\n          .attr('stroke-linejoin', 'round')\n          .attr('pointer-events', 'none');\n        group.append('circle').attr('r', r).style('cursor', 'pointer').style('fill', fill);\n      };\n\n    case 'lattice':\n      return (group, node) => {\n        const r = node.r ?? 6;\n        const sz = r * 2;\n        group\n          .append('rect')\n          .attr('x', -r)\n          .attr('y', -r)\n          .attr('width', sz)\n          .attr('height', sz)\n          .attr('rx', r * 0.3)\n          .attr('ry', r * 0.3)\n          .style('cursor', 'pointer')\n          .style('fill', getNodeFillForObject(node.data?.data?.object as Obj.Unknown | undefined));\n      };\n\n    case 'cluster':\n      return (group, node) => {\n        const obj = node.data?.data?.object as Obj.Unknown | undefined;\n        const r = node.r ?? 4;\n        // Synthetic root / group nodes have no underlying ECHO object; render them as\n        // smaller, neutral circles so the hierarchy reads as \"structure + leaves\".\n        group\n          .append('circle')\n          .attr('r', r)\n          .style('cursor', 'pointer')\n          .style('fill', obj ? getNodeFillForObject(obj) : 'var(--color-neutral-500)');\n        const labelOptions = { delay: TWEEN_MS, duration: LABEL_FADE_MS };\n        if (node.type === CLUSTER_NODE_TYPE_LEAF) {\n          const text = labelForLeaf(node, obj);\n          if (text) {\n            appendRadialLeafLabel(group, node, text, r, labelOptions);\n          }\n        } else if (node.type === CLUSTER_NODE_TYPE_ROOT) {\n          if (node.label) {\n            appendRootLabel(group, node.label, r, labelOptions);\n          }\n        } else {\n          if (node.label) {\n            appendRadialGroupLabel(group, node, node.label, r, labelOptions);\n          }\n        }\n      };\n\n    case 'bundle':\n      // Bundle layout renders ONLY leaves (root/group are invisible routing anchors).\n      return (group, node) => {\n        const obj = node.data?.data?.object as Obj.Unknown | undefined;\n        const r = node.r ?? 4;\n        group\n          .append('circle')\n          .attr('r', r)\n          .style('cursor', 'pointer')\n          .style('fill', obj ? getNodeFillForObject(obj) : 'var(--color-neutral-500)');\n        const text = labelForLeaf(node, obj);\n        if (text) {\n          appendRadialLeafLabel(group, node, text, r, { delay: TWEEN_MS, duration: LABEL_FADE_MS });\n        }\n      };\n\n    case 'plexus':\n      // Three node kinds: the focus at the centre (larger, object fill), synthetic relation\n      // nodes on the inner ring (neutral, labelled by relation/property), and object leaves on\n      // the outer ring (object fill). Type tags are set by the projector.\n      return (group, node) => {\n        const obj = node.data?.data?.object as Obj.Unknown | undefined;\n        const labelOptions = { delay: TWEEN_MS, duration: LABEL_FADE_MS };\n\n        // Size by node type (not node.r): the renderer bakes the circle radius at enter time\n        // from the tween's start value, so a node.r fallback would inherit the previous\n        // variant's radius. All leaves + relations share the base size; the focus is double.\n        if (node.type === PLEXUS_NODE_TYPE_RELATION) {\n          const r = PLEXUS_LEAF_RADIUS;\n          group.append('circle').attr('r', r).style('cursor', 'default').style('fill', 'var(--color-neutral-500)');\n          if (node.label) {\n            appendRadialGroupLabel(group, node, node.label, r, labelOptions);\n          }\n          return;\n        }\n\n        const isFocus = node.type === PLEXUS_NODE_TYPE_FOCUS;\n        const r = isFocus ? PLEXUS_FOCUS_RADIUS : PLEXUS_LEAF_RADIUS;\n        group\n          .append('circle')\n          .attr('r', r)\n          .style('cursor', 'pointer')\n          .style('fill', obj ? getNodeFillForObject(obj) : 'var(--color-neutral-500)');\n        const text = labelForLeaf(node, obj);\n        if (text) {\n          if (isFocus) {\n            appendRootLabel(group, text, r, labelOptions);\n          } else {\n            appendRadialLeafLabel(group, node, text, r, labelOptions);\n          }\n        }\n      };\n  }\n};\n\n/**\n * Group leaves by typename so same-type leaves cluster together — used by both the\n * cluster (visible structural nodes) and bundle (invisible routing anchors) projectors.\n */\nconst typenameGroupOf = (node: GraphLayoutNode<SpaceGraphNode>): string | undefined => {\n  const obj = node.data?.data?.object;\n  return obj ? (Obj.getTypename(obj) ?? '(untyped)') : undefined;\n};\n\n/** Drop the package prefix from a typename for display: `org.dxos.type.Person` → `Person`. */\nconst shortTypename = (typename: string): string => {\n  const last = typename.split('.').pop() ?? typename;\n  return last.charAt(0).toUpperCase() + last.slice(1);\n};\n\n/** Resolve a leaf's display label from its ECHO object, falling back to node-level metadata. */\nconst labelForLeaf = (node: GraphLayoutNode<SpaceGraphNode>, obj: Obj.Unknown | undefined): string | undefined =>\n  (obj && Obj.getLabel(obj)) ?? node.data?.data?.label ?? node.id;\n"],
+  "mappings": "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",
+  "names": ["React", "useCallback", "useEffect", "useMemo", "useState", "Obj", "QueryBuilder", "useObject", "DxAnchorActivate", "Icon", "Panel", "Toolbar", "QueryEditor", "useGraphModel", "VARIANTS", "value", "icon", "label", "isVariant", "curveCatmullRom", "line", "d3Line", "React", "useCallback", "useEffect", "useMemo", "useRef", "useState", "Obj", "CLUSTER_NODE_TYPE_LEAF", "CLUSTER_NODE_TYPE_ROOT", "GraphBundleProjector", "GraphClusterProjector", "GraphForceProjector", "GraphLatticeProjector", "GraphPlexusProjector", "GraphSwarmProjector", "PLEXUS_NODE_TYPE_FOCUS", "PLEXUS_NODE_TYPE_RELATION", "SVG", "appendRadialGroupLabel", "appendRadialLeafLabel", "appendRootLabel", "mx", "Visualization", "classNames", "debug", "variant", "model", "onNodeHover", "onSurfaceClick", "svgRef", "useRef", "projector", "setProjector", "useState", "projectorRef", "undefined", "current", "focusId", "setFocusId", "lastLayoutRef", "useEffect", "subscribe", "layout", "createProjector", "handleSelect", "useCallback", "node", "data", "object", "id", "renderNode", "useMemo", "createRenderNode", "applyNode", "applyNodeSwarm", "handlePointerMove", "point", "GraphSwarmProjector", "setCursor", "x", "y", "handlePointerLeave", "handleInspect", "event", "swarmPointerProps", "onPointerMove", "onPointerLeave", "div", "className", "mx", "onClick", "SVG", "Root", "ref", "Zoom", "extent", "Graph", "edgeOpacity", "drag", "highlightOnHover", "onSelect", "onInspect", "FPS", "TWEEN_MS", "LABEL_FADE_MS", "PLEXUS_LEAF_RADIUS", "PLEXUS_FOCUS_RADIUS", "swarmTrailLine", "d3Line", "curve", "curveCatmullRom", "alpha", "group", "swarm", "path", "querySelector", "grad", "history", "length", "setAttribute", "hx", "hy", "points", "i", "push", "oldest", "String", "ctx", "prev", "GraphForceProjector", "GraphLatticeProjector", "duration", "radius", "sortBy", "obj", "typename", "Obj", "getTypename", "label", "getLabel", "GraphClusterProjector", "groupOf", "typenameGroupOf", "rootLabel", "groupLabel", "shortTypename", "rootRadius", "groupRadius", "GraphBundleProjector", "GraphPlexusProjector", "focus", "relationOf", "plexusRelationOf", "leafRadius", "relationRadius", "focusRadius", "edge", "outgoing", "source", "incoming", "target", "direction", "arrow", "type", "relation", "name", "key", "property", "r", "append", "attr", "style", "getNodeFillForObject", "fill", "strokeWidth", "Math", "max", "gradId", "replace", "classed", "sz", "labelOptions", "delay", "CLUSTER_NODE_TYPE_LEAF", "text", "labelForLeaf", "appendRadialLeafLabel", "CLUSTER_NODE_TYPE_ROOT", "appendRootLabel", "appendRadialGroupLabel", "PLEXUS_NODE_TYPE_RELATION", "isFocus", "PLEXUS_NODE_TYPE_FOCUS", "last", "split", "pop", "charAt", "toUpperCase", "slice", "ExplorerArticle", "role", "subject", "variant", "view", "useObject", "filter", "setFilter", "useState", "db", "Obj", "getDatabase", "model", "useGraphModel", "builder", "useMemo", "QueryBuilder", "handleChange", "useCallback", "value", "build", "selected", "setSelected", "isVariant", "useEffect", "handleVariantChange", "handleDismiss", "document", "defaultView", "dispatchEvent", "DxAnchorActivate", "dxn", "label", "trigger", "body", "state", "handleHover", "node", "event", "obj", "data", "isObject", "getURI", "target", "kind", "getLabel", "showToolbar", "React", "Panel", "Root", "Toolbar", "asChild", "QueryEditor", "onChange", "ToggleGroup", "type", "onValueChange", "VARIANTS", "map", "icon", "ToggleGroupItem", "key", "aria-label", "title", "Icon", "size", "Content", "Visualization", "classNames", "onNodeHover", "onSurfaceClick"]
+}

package/dist/lib/neutral/ExplorerPlugin.mjs

@@ -0,0 +1,10 @@
+import {
+  ExplorerPlugin,
+  ExplorerPlugin_default
+} from "./chunk-3D7BYXOR.mjs";
+import "./chunk-J5LGTIGS.mjs";
+export {
+  ExplorerPlugin,
+  ExplorerPlugin_default as default
+};
+//# sourceMappingURL=ExplorerPlugin.mjs.map

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

@@ -0,0 +1,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"));
+export {
+  CreateObject,
+  ReactSurface
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +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"]
+}

package/dist/lib/neutral/chunk-3D7BYXOR.mjs

@@ -0,0 +1,37 @@
+// src/ExplorerPlugin.tsx
+import { Plugin } from "@dxos/app-framework";
+import { AppPlugin } from "@dxos/app-toolkit";
+import { CreateObject, ReactSurface } from "#capabilities";
+import { meta } from "#meta";
+import { translations } from "#translations";
+import { Graph } from "#types";
+
+// raw-loader:/__w/dxos/dxos/packages/plugins/plugin-explorer/PLUGIN.mdl?raw
+var PLUGIN_default = "---\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";
+
+// src/ExplorerPlugin.tsx
+var ExplorerPlugin = Plugin.define(meta).pipe(AppPlugin.addCreateObjectModule({
+  activate: CreateObject
+}), AppPlugin.addSchemaModule({
+  schema: [
+    Graph.Graph
+  ]
+}), AppPlugin.addSurfaceModule({
+  activate: ReactSurface
+}), AppPlugin.addTranslationsModule({
+  translations
+}), AppPlugin.addPluginAssetModule({
+  asset: {
+    pluginId: meta.id,
+    path: "PLUGIN.mdl",
+    content: PLUGIN_default,
+    mimeType: "application/x-mdl"
+  }
+}), Plugin.make);
+var ExplorerPlugin_default = ExplorerPlugin;
+
+export {
+  ExplorerPlugin,
+  ExplorerPlugin_default
+};
+//# sourceMappingURL=chunk-3D7BYXOR.mjs.map