@simplex-viz/react 0.1.2 → 0.2.0

package/README.md

@@ -1,3 +1,7 @@
+<p align="center">
+  <img src="https://raw.githubusercontent.com/ghackenberg/simplex-viz/main/docs/assets/logo-react.png" width="640" alt="SimplexViz / react — @simplex-viz/react" />
+</p>
+
 # @simplex-viz/react
 
 End-to-end type-safe React bindings, declarative JSX node renderers, and imperative controller hooks for `@simplex-viz/core` and `@simplex-viz/svg`.
@@ -6,7 +10,15 @@ End-to-end type-safe React bindings, declarative JSX node renderers, and imperat
 - **Source & Monorepo:** <https://github.com/ghackenberg/simplex-viz/tree/main/packages/react>
 - **Companion Packages:** [`@simplex-viz/core`](https://www.npmjs.com/package/@simplex-viz/core) · [`@simplex-viz/svg`](https://www.npmjs.com/package/@simplex-viz/svg)
 
----
+## Declarative JSX Slot Architecture
+
+In React, `<SimplexTopicGraph />` lets you drop custom JSX directly into cluster and content slots instead of hand-writing imperative SVG DOM code. The wireframe preview below illustrates how those two component slots populate a single visualization:
+
+<p align="center">
+  <img src="https://raw.githubusercontent.com/ghackenberg/simplex-viz/main/docs/assets/preview-react.png" width="100%" alt="@simplex-viz/react preview showing minimalist renderClusterNode and renderContentNode JSX slot placeholders with automatic getBBox() collision sizing" />
+</p>
+
+*Figure: Architectural slot layout rendered with `@simplex-viz/react`. Dashed topic cards illustrate the `renderClusterNode` JSX slot positioned on a subtle 60° simplex mesh, while minimalist skeleton content cards represent `renderContentNode` slots complete with color accents, type/time metadata, and interactive selection highlights (amber for pinned, cyan for hovered). Every JSX element is measured automatically via offscreen `getBBox()` so custom React SVG cards remain strictly overlap-free.*
 
 ## Features
 
@@ -17,28 +29,113 @@ End-to-end type-safe React bindings, declarative JSX node renderers, and imperat
 - **Full generic type inference**: Infers `<TItem, TContentVisual, TClusterVisual, TTagMeta, TClusterMeta>` end-to-end across `items`, `getId`, `getTags`, `deriveClusterMeta`, `visualResolver`, `renderContentNode`, `renderClusterNode`, hover events, and click targets.
 - **`useSimplexGraphController`**: Imperative hook for live item mutations (`addItems`, `removeItems`, `setItems`), camera controls (`zoomBy`, `resetCamera`), and telemetry getters.
 
----
-
 ## Installation
 
+Install `@simplex-viz/react` (`@simplex-viz/core` and `@simplex-viz/svg` are bundled as dependencies, and their views, helpers, and TypeScript types are re-exported directly from `@simplex-viz/react`; requires `react >= 18.0.0` and `react-dom >= 18.0.0`):
+
 ```bash
-npm install @simplex-viz/core @simplex-viz/svg @simplex-viz/react
+npm install @simplex-viz/react
 ```
 
-Peer dependencies: `react >= 18.0.0` and `react-dom >= 18.0.0`.
+## Quickstart (Zero-Config)
+
+Render `<SimplexTopicGraph />` with any array of `{ id, tags }` objects. Drag-to-pan, cursor wheel zoom (`onWheel="zoom-to-cursor"`), cluster click-focus (`focusOnClusterClick`), and optional hover tooltips (`tooltip`) work immediately without a `VisualResolver` or view plugins:
+
+```tsx
+import { SimplexTopicGraph } from '@simplex-viz/react';
+
+const items = [
+  { id: '1', label: 'Simplex Mesh', tags: ['geometry', 'triangulation', 'math'] },
+  { id: '2', label: 'OKLab Mixing', tags: ['color', 'geometry', 'perception'] },
+  { id: '3', label: 'SAT Solver', tags: ['collision', 'geometry'] },
+];
+
+export function QuickTopicMap() {
+  return (
+    <div style={{ width: '100%', height: 560 }}>
+      <SimplexTopicGraph items={items} preset="geometric" tooltip />
+    </div>
+  );
+}
+```
 
----
+### Switch Visual Presets & Customize Tooltips
 
-## Quickstart: Declarative JSX Node Renderers
+Swap between the three built-in presets (`'geometric'`, `'glyphs'`, or `'badges'`) with live animated morphing/crossfading, pass `getLabel` for custom records, or supply a React JSX `tooltip` renderer:
 
 ```tsx
-import { useMemo, useState } from 'react';
-import {
-  SimplexTopicGraph,
-  useSimplexGraphController,
-} from '@simplex-viz/react';
-import type { VisualResolver } from '@simplex-viz/core';
+<SimplexTopicGraph
+  items={articles}
+  getId={(a) => a.slug}
+  getTags={(a) => a.hashtags}
+  getLabel={(a) => a.title}
+  preset="glyphs"
+  tooltip={(target) =>
+    target.kind === 'content' ? (
+      <div>
+        <strong>{target.item.title}</strong>
+        <div>{`${target.item.readingMinutes} min read`}</div>
+      </div>
+    ) : (
+      <strong>{`${target.cluster.defaultLabel} (${target.cluster.members.length})`}</strong>
+    )
+  }
+/>
+```
+
+## Level 2 — Keyless Declarative JSX Renderers
+
+Want bespoke React SVG cards without writing a `VisualResolver`? Pass `renderContentNode` and/or `renderClusterNode` directly—`@simplex-viz/react` manages cache keys automatically (customizable via optional `getContentCacheKey` / `getClusterCacheKey`) and measures your JSX via offscreen `getBBox()`:
+
+```tsx
+import { SimplexTopicGraph } from '@simplex-viz/react';
 
+interface Article {
+  readonly slug: string;
+  readonly title: string;
+  readonly hashtags: readonly string[];
+}
+
+export function CardMap({ articles }: { articles: readonly Article[] }) {
+  return (
+    <SimplexTopicGraph
+      items={articles}
+      getId={(a) => a.slug}
+      getTags={(a) => a.hashtags}
+      tooltip
+      renderContentNode={(article, ctx, state) => (
+        <g>
+          <rect
+            x={-54}
+            y={-15}
+            width={108}
+            height={30}
+            rx={6}
+            fill="#0f172a"
+            stroke={state.interaction.isHovered ? '#f8fafc' : ctx.mixedColorHex}
+            strokeWidth={state.interaction.isHovered ? 2 : 1.2}
+          />
+          <text textAnchor="middle" y={4} fill="#f8fafc" fontSize={9}>
+            {article.title.slice(0, 16)}
+          </text>
+        </g>
+      )}
+    />
+  );
+}
+```
+
+Notice that you can even customize only `renderContentNode` while letting `preset="badges"` handle cluster cards automatically.
+
+## Level 3 — Full Custom `VisualResolver`, Controlled State & Imperative Hook
+
+For full control over cluster aggregation (`deriveClusterMeta`), explicit visual cache keys, pinned items, controlled cluster focus, and external camera toolbars, combine `<SimplexTopicGraph />` with `useSimplexGraphController`.
+
+### Step 1 — Define Domain, Visual, and Cluster Metadata Types
+
+Describe your domain item (`Article`), visual cache descriptors (`ArticleVisual`, `ClusterVisual`), and aggregate cluster stats (`ClusterStats`). TypeScript preserves these types across every callback prop on `<SimplexTopicGraph />`:
+
+```tsx
 interface Article {
   readonly slug: string;
   readonly title: string;
@@ -64,6 +161,77 @@ interface ClusterStats {
   readonly count: number;
   readonly avgMinutes: number;
 }
+```
+
+### Step 2 — Define Typed Declarative JSX Node Renderers
+
+Write standard SVG JSX centered around `(0, 0)` for individual items and topic clusters. `@simplex-viz/react` measures the resulting `<g>` subtree automatically via offscreen `getBBox()` whenever `getVisualCacheKey` changes, guaranteeing collision-free card placement:
+
+```tsx
+import type {
+  ClusterDescriptor,
+  ContentLayoutContext,
+  NodeRenderState,
+} from '@simplex-viz/react';
+
+const renderArticleNode = (
+  article: Article,
+  ctx: ContentLayoutContext<Article, undefined, ClusterStats>,
+  state: NodeRenderState<ArticleVisual>,
+) => (
+  <g>
+    <rect
+      x={-54}
+      y={-15}
+      width={108}
+      height={30}
+      rx={6}
+      fill="#0f172a"
+      stroke={state.interaction.isPinned ? '#f59e0b' : ctx.mixedColorHex}
+      strokeWidth={state.interaction.isHovered ? 2 : 1.2}
+    />
+    <text textAnchor="middle" y={4} fill="#f8fafc" fontSize={9}>
+      {article.title.slice(0, 16)}
+    </text>
+  </g>
+);
+
+const renderTopicCluster = (
+  cluster: ClusterDescriptor<Article, undefined, ClusterStats>,
+  state: NodeRenderState<ClusterVisual>,
+) => (
+  <g>
+    <rect
+      x={-68}
+      y={-20}
+      width={136}
+      height={40}
+      rx={8}
+      fill="#090d16"
+      stroke={state.interaction.isHovered ? '#f8fafc' : cluster.colorHex}
+      strokeWidth={1.6}
+    />
+    <text textAnchor="middle" y={-2} fill="#f8fafc" fontSize={10} fontWeight={600}>
+      {`${cluster.code} · ${cluster.defaultLabel}`}
+    </text>
+    <text textAnchor="middle" y={12} fill="#94a3b8" fontSize={8.5}>
+      {`${cluster.meta.count} items · avg ${cluster.meta.avgMinutes.toFixed(0)}m`}
+    </text>
+  </g>
+);
+```
+
+### Step 3 — Initialize State, Controller Hook & Memoized `VisualResolver`
+
+Inside your React component, set up selection state, create a typed controller handle with `useSimplexGraphController`, and memoize `visualResolver` with `useMemo` so re-renders never trigger unintended crossfade transitions:
+
+```tsx
+import { useMemo, useState } from 'react';
+import {
+  SimplexTopicGraph,
+  useSimplexGraphController,
+  type VisualResolver,
+} from '@simplex-viz/react';
 
 export function KnowledgeAtlas({ articles }: { articles: readonly Article[] }) {
   const [focusedClusterUid, setFocusedClusterUid] = useState<string | null>(null);
@@ -97,7 +265,13 @@ export function KnowledgeAtlas({ articles }: { articles: readonly Article[] }) {
     }),
     [],
   );
+```
+
+### Step 4 — Render `<SimplexTopicGraph />` with Camera Toolbar & Click Handling
 
+Finally, wire the camera toolbar (`handle.zoomBy`, `handle.resetCamera`), pass the JSX renderers from Step 2, and handle left-clicks to toggle pinned items or isolate clicked topic clusters:
+
+```tsx
   return (
     <div style={{ width: '100%', height: '640px', position: 'relative' }}>
       <div style={{ position: 'absolute', top: 12, left: 12, zIndex: 10 }}>
@@ -120,48 +294,8 @@ export function KnowledgeAtlas({ articles }: { articles: readonly Article[] }) {
         visualResolver={visualResolver}
         pinnedIds={pinnedIds}
         focusedClusterUid={focusedClusterUid}
-        renderContentNode={(article, ctx, state) => (
-          <g>
-            <rect
-              x={-54}
-              y={-15}
-              width={108}
-              height={30}
-              rx={6}
-              fill="#0f172a"
-              stroke={state.interaction.isPinned ? '#f59e0b' : ctx.mixedColorHex}
-              strokeWidth={state.interaction.isHovered ? 2 : 1.2}
-            />
-            <text
-              textAnchor="middle"
-              y={4}
-              fill="#f8fafc"
-              fontSize={9}
-            >
-              {article.title.slice(0, 16)}
-            </text>
-          </g>
-        )}
-        renderClusterNode={(cluster, state) => (
-          <g>
-            <rect
-              x={-68}
-              y={-20}
-              width={136}
-              height={40}
-              rx={8}
-              fill="#090d16"
-              stroke={state.interaction.isHovered ? '#f8fafc' : cluster.colorHex}
-              strokeWidth={1.6}
-            />
-            <text textAnchor="middle" y={-2} fill="#f8fafc" fontSize={10} fontWeight={600}>
-              {`${cluster.code} · ${cluster.defaultLabel}`}
-            </text>
-            <text textAnchor="middle" y={12} fill="#94a3b8" fontSize={8.5}>
-              {`${cluster.meta.count} items · avg ${cluster.meta.avgMinutes.toFixed(0)}m`}
-            </text>
-          </g>
-        )}
+        renderContentNode={renderArticleNode}
+        renderClusterNode={renderTopicCluster}
         onLeftClick={(target) => {
           if (target.kind === 'content') {
             setPinnedIds((prev) => {
@@ -184,27 +318,33 @@ export function KnowledgeAtlas({ articles }: { articles: readonly Article[] }) {
 }
 ```
 
----
+## Level 4 — Portable `SvgNodeView` Plugins (60 fps Without JSX Re-Renders)
 
-## Using Portable `SvgNodeView` Plugins (60 fps Without JSX Re-Renders)
-
-For larger graphs or built-in shape morphing, pass `contentView` and `clusterView` from `@simplex-viz/svg` instead of `renderContentNode` / `renderClusterNode`:
+For larger graphs or custom 64-point shape morphing without per-frame JSX overhead, instantiate `GeometricShapeSvgView` and `ClusterAnchorSvgView` (both re-exported directly from `@simplex-viz/react`) once outside the component and pass them via `contentView` and `clusterView`:
 
 ```tsx
-import { SimplexTopicGraph } from '@simplex-viz/react';
 import {
+  SimplexTopicGraph,
   GeometricShapeSvgView,
   ClusterAnchorSvgView,
   type GeometricShapeVisual,
   type ClusterAnchorVisual,
-} from '@simplex-viz/svg';
+  type VisualResolver,
+  type DefaultTaggedItem,
+} from '@simplex-viz/react';
 
 const contentView = new GeometricShapeSvgView();
 const clusterView = new ClusterAnchorSvgView();
 
-export function FastGraph({ items, visualResolver }) {
+export function FastGraph({
+  items,
+  visualResolver,
+}: {
+  items: readonly DefaultTaggedItem[];
+  visualResolver: VisualResolver<DefaultTaggedItem, GeometricShapeVisual, ClusterAnchorVisual>;
+}) {
   return (
-    <SimplexTopicGraph<MyItem, GeometricShapeVisual, ClusterAnchorVisual>
+    <SimplexTopicGraph<DefaultTaggedItem, GeometricShapeVisual, ClusterAnchorVisual>
       items={items}
       visualResolver={visualResolver}
       contentView={contentView}
@@ -214,9 +354,7 @@ export function FastGraph({ items, visualResolver }) {
 }
 ```
 
-> **Tip:** Memoize `visualResolver` (e.g., via `useMemo`) and keep `contentView` / `clusterView` instances stable outside render to avoid unnecessary crossfades. Changing `visualResolver` or switching view props intentionally triggers a smooth crossfade/morph transition.
-
----
+> **Tip:** Memoize `visualResolver` (e.g., via `useMemo`) and keep `contentView` / `clusterView` instances stable outside render to avoid unnecessary crossfades. Changing `preset`, `visualResolver`, or switching view props intentionally triggers a smooth crossfade/morph transition.
 
 ## `<SimplexTopicGraph />` Props Reference
 
@@ -226,18 +364,22 @@ export function FastGraph({ items, visualResolver }) {
 | `items` | Yes | `readonly TItem[]` — Domain items to cluster and lay out. |
 | `getId` | If `TItem` lacks `id` | `(item: TItem) => string` — Extracts a unique ID per item. |
 | `getTags` | If `TItem` lacks `tags` | `(item: TItem) => readonly string[]` — Extracts raw tag strings per item. |
+| `getLabel` | No | `(item: TItem) => string` — Optional label extractor used by presets and default hover tooltips. |
 | `normalizeTag` | No | `(rawTag: string) => string` — Custom tag normalizer (defaults to lowercase trim + `#` strip). |
 | `resolveTagMeta` | No | `(normalizedTag: string) => TTagMeta \| undefined` — Attaches domain metadata to each tag. |
 | `deriveClusterMeta` | If `TClusterMeta` is defined | `(ctx) => TClusterMeta` — Derives aggregate metadata once per cluster update. |
 
-### Visuals & Renderers
-| Prop | Description |
-| --- | --- |
-| `visualResolver` | Required `VisualResolver` mapping domain items and clusters to pure visual descriptors and cache keys. |
-| `renderContentNode` | Declarative React JSX renderer `(item, ctx, state) => ReactNode` (auto-measured via `getBBox()`). |
-| `renderClusterNode` | Declarative React JSX renderer `(cluster, state) => ReactNode` (auto-measured via `getBBox()`). |
-| `contentView` | Portable `SvgNodeView<TContentVisual>` plugin from `@simplex-viz/svg` (used when `renderContentNode` is omitted). |
-| `clusterView` | Portable `SvgNodeView<TClusterVisual>` plugin from `@simplex-viz/svg` (used when `renderClusterNode` is omitted). |
+### Visuals, Presets & Renderers
+| Prop | Default | Description |
+| --- | --- | --- |
+| `preset` | `'geometric'` | Built-in visual preset (`'geometric' \| 'glyphs' \| 'badges'`) used when custom views or `visualResolver` are omitted. |
+| `visualResolver` | Built-in preset resolver | Optional `VisualResolver` mapping items and clusters to custom descriptors and cache keys. |
+| `renderContentNode` | — | Declarative React JSX renderer `(item, ctx, state) => ReactNode` (works with or without `visualResolver`, auto-measured via `getBBox()`). |
+| `renderClusterNode` | — | Declarative React JSX renderer `(cluster, state) => ReactNode` (works with or without `visualResolver`, auto-measured via `getBBox()`). |
+| `getContentCacheKey` | Auto-generated | Optional cache key callback `(item, ctx) => string` for keyless `renderContentNode`. |
+| `getClusterCacheKey` | Auto-generated | Optional cache key callback `(cluster) => string` for keyless `renderClusterNode`. |
+| `contentView` | Preset view | Portable `SvgNodeView<TContentVisual>` plugin (used when `renderContentNode` is omitted). |
+| `clusterView` | Preset view | Portable `SvgNodeView<TClusterVisual>` plugin (used when `renderClusterNode` is omitted). |
 
 ### Mesh, Solver & Visual Emphasis
 | Prop | Default | Description |
@@ -248,23 +390,23 @@ export function FastGraph({ items, visualResolver }) {
 | `showHulls` | `false` | Renders convex bounding hull wireframes over nodes. |
 | `pinnedIds` | — | `ReadonlySet<string> \| readonly string[]` of pinned item IDs. |
 | `highlightedIds` | — | `ReadonlySet<string> \| readonly string[]` of highlighted item IDs (dims others). |
-| `focusedClusterUid` | `null` | Isolates a cluster and its members, dimming unrelated nodes. |
+| `focusedClusterUid` | `null` | Controlled cluster focus UID. When omitted (`undefined`), clicking clusters toggles focus automatically. |
 | `className` / `style` | — | Styling forwarded to the outer container `<div>` (defaults to `width: 100%; height: 100%`). |
 
-### Interactions, Telemetry & Controller
-| Prop | Description |
-| --- | --- |
-| `onContentHover` | `(event: ContentHoverEvent \| null) => void` |
-| `onClusterHover` | `(event: ClusterHoverEvent \| null) => void` |
-| `onLeftClick` | `(target: HitTarget, rawEvent: NormalizedPointerEvent) => void` |
-| `onRightClick` | `(target: HitTarget, rawEvent: NormalizedPointerEvent) => boolean \| void` (return `true` to suppress browser menu) |
-| `onWheel` | `'zoom-to-cursor' \| 'pan-vertical' \| 'none' \| ((event, camera) => void)` |
-| `onMetricsChange` | `(metrics: LayoutMetrics) => void` — Reports cluster count, scales `α`, `overlapCount`, `meshSideLength`, `areaEfficiency`. |
-| `onClustersChange` | `(clusters: readonly ClusterDescriptor[]) => void` |
-| `onFpsUpdate` | `(fps: number) => void` |
-| `controllerRef` | Ref populated with the underlying `SimplexSvgController` instance. |
-
----
+### Interactions, Tooltips, Telemetry & Controller
+| Prop | Default / Signature | Description |
+| --- | --- | --- |
+| `tooltip` | `false` | `boolean \| ((target) => ReactNode)` — Renders a built-in floating React `role="tooltip"` overlay. |
+| `focusOnClusterClick` | `true` | Automatically toggles cluster focus on click when `focusedClusterUid` and `onLeftClick` are omitted. |
+| `onContentHover` | — | `(event: ContentHoverEvent \| null) => void` |
+| `onClusterHover` | — | `(event: ClusterHoverEvent \| null) => void` |
+| `onLeftClick` | — | `(target: HitTarget, rawEvent: NormalizedPointerEvent) => void` |
+| `onRightClick` | — | `(target: HitTarget, rawEvent: NormalizedPointerEvent) => boolean \| void` (return `true` to suppress browser menu) |
+| `onWheel` | `'zoom-to-cursor'` | `'zoom-to-cursor' \| 'pan-vertical' \| 'none' \| ((event, camera) => void)` |
+| `onMetricsChange` | — | `(metrics: LayoutMetrics) => void` — Reports cluster count, scales `α`, `overlapCount`, `meshSideLength`, `areaEfficiency`. |
+| `onClustersChange` | — | `(clusters: readonly ClusterDescriptor[]) => void` |
+| `onFpsUpdate` | — | `(fps: number) => void` |
+| `controllerRef` | — | Ref populated with the underlying `SimplexSvgController` instance. |
 
 ## `useSimplexGraphController()` Hook
 
@@ -279,8 +421,6 @@ Returns `{ controllerRef, handle }`:
 - `handle.getClusters()` — Returns current `ClusterDescriptor[]`.
 - `handle.getRawController()` — Returns the underlying `SimplexSvgController | null`.
 
----
-
 ## License
 
 MIT — see [LICENSE](https://github.com/ghackenberg/simplex-viz/blob/main/LICENSE).

package/dist/SimplexTopicGraph.d.ts

@@ -1,13 +1,37 @@
 import type { ClusterDescriptor, ClusterHoverEvent, ClusterMetaConfig, ContentHoverEvent, ContentLayoutContext, DefaultTaggedItem, HitTarget, ItemIdentityConfig, LayoutMetrics, LayoutSolverOptions, MeshOptions, NodeRenderState, NormalizedPointerEvent, VisualResolver, WheelBehavior } from '@simplex-viz/core';
-import { SimplexSvgController, type SvgNodeView } from '@simplex-viz/svg';
+import { SimplexSvgController, type DefaultClusterPresetVisual, type DefaultContentPresetVisual, type SimplexVisualPreset, type SvgNodeView } from '@simplex-viz/svg';
 import { type CSSProperties, type MutableRefObject, type ReactNode } from 'react';
+/**
+ * Union payload passed to a custom React `tooltip` formatter on `<SimplexTopicGraph />`.
+ */
+export type SimplexReactTooltipTarget<TItem = DefaultTaggedItem, TContentVisual = DefaultContentPresetVisual, TClusterVisual = DefaultClusterPresetVisual, TTagMeta = undefined, TClusterMeta = undefined> = ({
+    readonly kind: 'content';
+} & ContentHoverEvent<TItem, TContentVisual, TTagMeta, TClusterMeta>) | ({
+    readonly kind: 'cluster';
+} & ClusterHoverEvent<TItem, TClusterVisual, TTagMeta, TClusterMeta>);
 /**
  * Props for `<SimplexTopicGraph />`, preserving end-to-end generic inference across
  * `TItem`, `TContentVisual`, `TClusterVisual`, `TTagMeta`, and `TClusterMeta`.
+ *
+ * Works zero-config with `<SimplexTopicGraph items={items} />` via built-in presets,
+ * or with keyless declarative JSX renderers (`renderContentNode` / `renderClusterNode`),
+ * or with full `VisualResolver` + `SvgNodeView` customization.
  */
-export type SimplexTopicGraphProps<TItem = DefaultTaggedItem, TContentVisual = unknown, TClusterVisual = unknown, TTagMeta = undefined, TClusterMeta = undefined> = ItemIdentityConfig<TItem> & ClusterMetaConfig<TItem, TTagMeta, TClusterMeta> & {
+export type SimplexTopicGraphProps<TItem = DefaultTaggedItem, TContentVisual = DefaultContentPresetVisual, TClusterVisual = DefaultClusterPresetVisual, TTagMeta = undefined, TClusterMeta = undefined> = ItemIdentityConfig<TItem> & ClusterMetaConfig<TItem, TTagMeta, TClusterMeta> & {
     readonly items: readonly TItem[];
-    readonly visualResolver: VisualResolver<TItem, TContentVisual, TClusterVisual, TTagMeta, TClusterMeta>;
+    /** Built-in visual preset used when custom views / `visualResolver` are omitted. Default: `'geometric'`. */
+    readonly preset?: SimplexVisualPreset;
+    /** Optional label extractor for built-in presets and default hover tooltips. */
+    readonly getLabel?: (item: TItem) => string;
+    /**
+     * Optional `VisualResolver` mapping items and clusters to pure visual descriptors.
+     * Optional in both zero-config preset mode and declarative JSX renderer mode.
+     */
+    readonly visualResolver?: VisualResolver<TItem, TContentVisual, TClusterVisual, TTagMeta, TClusterMeta>;
+    /** Optional cache key override when using `renderContentNode` without `visualResolver`. */
+    readonly getContentCacheKey?: (item: TItem, ctx: ContentLayoutContext<TItem, TTagMeta, TClusterMeta>) => string;
+    /** Optional cache key override when using `renderClusterNode` without `visualResolver`. */
+    readonly getClusterCacheKey?: (cluster: ClusterDescriptor<TItem, TTagMeta, TClusterMeta>) => string;
     /** Portable `@simplex-viz/svg` view plugin for content items. */
     readonly contentView?: SvgNodeView<TContentVisual>;
     /** Portable `@simplex-viz/svg` view plugin for topic clusters. */
@@ -25,6 +49,16 @@ export type SimplexTopicGraphProps<TItem = DefaultTaggedItem, TContentVisual = u
     readonly pinnedIds?: ReadonlySet<string> | readonly string[];
     readonly highlightedIds?: ReadonlySet<string> | readonly string[];
     readonly focusedClusterUid?: string | null;
+    /**
+     * Enables built-in cluster focus toggle on click when `focusedClusterUid` and `onLeftClick`
+     * are not controlled externally. Default: `true`.
+     */
+    readonly focusOnClusterClick?: boolean;
+    /**
+     * Enables a built-in floating hover tooltip, or accepts a custom `(target) => ReactNode` formatter.
+     * Default: `false`.
+     */
+    readonly tooltip?: boolean | ((target: SimplexReactTooltipTarget<TItem, TContentVisual, TClusterVisual, TTagMeta, TClusterMeta>) => ReactNode);
     readonly onContentHover?: (event: ContentHoverEvent<TItem, TContentVisual, TTagMeta, TClusterMeta> | null) => void;
     readonly onClusterHover?: (event: ClusterHoverEvent<TItem, TClusterVisual, TTagMeta, TClusterMeta> | null) => void;
     readonly onLeftClick?: (target: HitTarget<TItem, TContentVisual, TClusterVisual, TTagMeta, TClusterMeta>, rawEvent: NormalizedPointerEvent) => void;
@@ -40,5 +74,5 @@ export type SimplexTopicGraphProps<TItem = DefaultTaggedItem, TContentVisual = u
 /**
  * Type-safe React visualization component wrapping `@simplex-viz/core` and `@simplex-viz/svg`.
  */
-export declare function SimplexTopicGraph<TItem = DefaultTaggedItem, TContentVisual = unknown, TClusterVisual = unknown, TTagMeta = undefined, TClusterMeta = undefined>(props: SimplexTopicGraphProps<TItem, TContentVisual, TClusterVisual, TTagMeta, TClusterMeta>): import("react").JSX.Element;
+export declare function SimplexTopicGraph<TItem = DefaultTaggedItem, TContentVisual = DefaultContentPresetVisual, TClusterVisual = DefaultClusterPresetVisual, TTagMeta = undefined, TClusterMeta = undefined>(props: SimplexTopicGraphProps<TItem, TContentVisual, TClusterVisual, TTagMeta, TClusterMeta>): import("react").JSX.Element;
 //# sourceMappingURL=SimplexTopicGraph.d.ts.map

package/dist/SimplexTopicGraph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SimplexTopicGraph.d.ts","sourceRoot":"","sources":["../src/SimplexTopicGraph.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SimplexTopicGraph.d.ts","sourceRoot":"","sources":["../src/SimplexTopicGraph.tsx"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 export * from './ReactJsxSvgView';
 export * from './useSimplexGraphController';
 export * from './SimplexTopicGraph';
+export { BadgeClusterSvgView, ClusterAnchorSvgView, GeometricShapeSvgView, MultiSectorGlyphSvgView, SimplexSvgController, createSimplexSvg, type BadgeClusterVisual, type ClusterAnchorVisual, type DefaultClusterPresetVisual, type DefaultContentPresetVisual, type GeometricShapeVisual, type MultiSectorGlyphVisual, type SimplexVisualPreset, type SvgNodeView, } from '@simplex-viz/svg';
+export { solveSimplexSnapshot, computeConvexHull, rectToConvexPolygon, regularPolygon, starConvexHull, type CameraController, type CameraState, type ClusterDescriptor, type ClusterHoverEvent, type ContentHoverEvent, type ContentLayoutContext, type ConvexGeometry, type DefaultTaggedItem, type HitTarget, type LayoutMetrics, type LayoutSolverOptions, type MeshOptions, type NodeRenderState, type SimplexLayoutSnapshot, type SimplexSnapshotOptions, type VisualResolver, } from '@simplex-viz/core';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AAGpC,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,uBAAuB,EACvB,oBAAoB,EACpB,gBAAgB,EAChB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,KAAK,0BAA0B,EAC/B,KAAK,0BAA0B,EAC/B,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,EACxB,KAAK,WAAW,GACjB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAChB,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EACzB,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACd,KAAK,aAAa,EAClB,KAAK,mBAAmB,EACxB,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,EAC3B,KAAK,cAAc,GACpB,MAAM,mBAAmB,CAAC"}

package/dist/index.js

@@ -1,9 +1,11 @@
 import { rectToConvexPolygon } from '@simplex-viz/core';
-import { SVG_NS, SimplexSvgController } from '@simplex-viz/svg';
+export { computeConvexHull, rectToConvexPolygon, regularPolygon, solveSimplexSnapshot, starConvexHull } from '@simplex-viz/core';
+import { SVG_NS, SimplexSvgController, createPresetVisualResolver, createPresetViews, extractDefaultItemLabel } from '@simplex-viz/svg';
+export { BadgeClusterSvgView, ClusterAnchorSvgView, GeometricShapeSvgView, MultiSectorGlyphSvgView, SimplexSvgController, createSimplexSvg } from '@simplex-viz/svg';
 import { createRoot } from 'react-dom/client';
 import { renderToStaticMarkup } from 'react-dom/server';
-import { useRef, useCallback, useEffect } from 'react';
-import { jsx } from 'react/jsx-runtime';
+import { useRef, useCallback, useState, useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/ReactJsxSvgView.ts
 var ReactJsxSvgView = class {
@@ -170,9 +172,14 @@ function useSimplexGraphController() {
     }
   };
 }
+function isAutoKeyVisual(v) {
+  return typeof v === "object" && v !== null && "__svAutoKey" in v && typeof v.__svAutoKey === "string";
+}
 function SimplexTopicGraph(props) {
   const containerRef = useRef(null);
   const ctrlRef = useRef(null);
+  const [hoveredTarget, setHoveredTarget] = useState(null);
+  const internalFocusedUidRef = useRef(null);
   const contentDomainByKeyRef = useRef(
     /* @__PURE__ */ new Map()
   );
@@ -183,30 +190,87 @@ function SimplexTopicGraph(props) {
   const jsxClusterViewRef = useRef(null);
   const latestPropsRef = useRef(props);
   latestPropsRef.current = props;
-  const buildWrappedResolver = (base) => ({
-    resolveContentVisual: (item, ctx) => {
-      const visual = base.resolveContentVisual(item, ctx);
-      const key = base.getVisualCacheKey(visual);
-      contentDomainByKeyRef.current.set(key, { item, ctx });
-      return visual;
-    },
-    resolveClusterVisual: (cluster) => {
-      const visual = base.resolveClusterVisual(cluster);
-      const key = base.getVisualCacheKey(visual);
-      clusterDomainByKeyRef.current.set(key, cluster);
-      return visual;
-    },
-    getVisualCacheKey: (visual) => base.getVisualCacheKey(visual)
-  });
-  const resolveActiveViews = () => {
+  const resolveEffectiveResolver = () => {
+    const p = latestPropsRef.current;
+    const preset = p.preset ?? "geometric";
+    const presetResolver = createPresetVisualResolver(
+      preset,
+      (item) => {
+        const curGetLabel = latestPropsRef.current.getLabel;
+        if (curGetLabel) return curGetLabel(item);
+        if (typeof item === "object" && item !== null) {
+          if ("label" in item && typeof item.label === "string" && item.label.length > 0) {
+            return item.label;
+          }
+          if ("title" in item && typeof item.title === "string" && item.title.length > 0) {
+            return item.title;
+          }
+          if ("headline" in item && typeof item.headline === "string" && item.headline.length > 0) {
+            return item.headline;
+          }
+          if ("name" in item && typeof item.name === "string" && item.name.length > 0) {
+            return item.name;
+          }
+        }
+        return "";
+      }
+    );
+    const base = p.visualResolver;
+    const getKey = (visual) => {
+      if (isAutoKeyVisual(visual)) {
+        return visual.__svAutoKey;
+      }
+      if (base) {
+        return base.getVisualCacheKey(visual);
+      }
+      return presetResolver.getVisualCacheKey(
+        visual
+      );
+    };
+    return {
+      resolveContentVisual: (item, ctx) => {
+        const cur = latestPropsRef.current;
+        let visual;
+        if (base) {
+          visual = base.resolveContentVisual(item, ctx);
+        } else if (cur.renderContentNode) {
+          const autoKey = cur.getContentCacheKey ? cur.getContentCacheKey(item, ctx) : `${ctx.id}:${ctx.mixedColorHex}:${ctx.tags.map((t) => t.tag).join(",")}`;
+          visual = { __svAutoKey: autoKey };
+        } else {
+          visual = presetResolver.resolveContentVisual(item, ctx);
+        }
+        const key = getKey(visual);
+        contentDomainByKeyRef.current.set(key, { item, ctx });
+        return visual;
+      },
+      resolveClusterVisual: (cluster) => {
+        const cur = latestPropsRef.current;
+        let visual;
+        if (base) {
+          visual = base.resolveClusterVisual(cluster);
+        } else if (cur.renderClusterNode) {
+          const autoKey = cur.getClusterCacheKey ? cur.getClusterCacheKey(cluster) : `${cluster.clusterUid}:${cluster.defaultLabel}:${cluster.members.length}:${cluster.colorHex}`;
+          visual = { __svAutoKey: autoKey };
+        } else {
+          visual = presetResolver.resolveClusterVisual(cluster);
+        }
+        const key = getKey(visual);
+        clusterDomainByKeyRef.current.set(key, cluster);
+        return visual;
+      },
+      getVisualCacheKey: getKey
+    };
+  };
+  const resolveActiveViews = (activeResolver) => {
     const p = latestPropsRef.current;
+    const presetViews = createPresetViews(p.preset ?? "geometric");
     let contentView;
     if (p.renderContentNode) {
       const renderFn = p.renderContentNode;
       jsxContentViewRef.current?.dispose();
       const jsxView = new ReactJsxSvgView({
         renderFn: (domain, state) => renderFn(domain.item, domain.ctx, state),
-        getKey: (v) => p.visualResolver.getVisualCacheKey(v),
+        getKey: (v) => activeResolver.getVisualCacheKey(v),
         domainByKey: contentDomainByKeyRef.current
       });
       jsxContentViewRef.current = jsxView;
@@ -216,19 +280,9 @@ function SimplexTopicGraph(props) {
       jsxContentViewRef.current = null;
       contentView = p.contentView;
     } else {
-      contentView = {
-        measureConvexHull: () => ({ kind: "circle", radius: 10 }),
-        mountOrUpdate: (groupEl, _visual, state) => {
-          const doc = groupEl.ownerDocument;
-          let circle = groupEl.querySelector("circle");
-          if (!circle) {
-            circle = doc.createElementNS("http://www.w3.org/2000/svg", "circle");
-            circle.setAttribute("r", "9");
-            groupEl.appendChild(circle);
-          }
-          circle.setAttribute("fill", state.interaction.isHovered ? "#22d3ee" : "#64748b");
-        }
-      };
+      jsxContentViewRef.current?.dispose();
+      jsxContentViewRef.current = null;
+      contentView = presetViews.contentView;
     }
     let clusterView;
     if (p.renderClusterNode) {
@@ -236,7 +290,7 @@ function SimplexTopicGraph(props) {
       jsxClusterViewRef.current?.dispose();
       const jsxView = new ReactJsxSvgView({
         renderFn: (cluster, state) => renderFn(cluster, state),
-        getKey: (v) => p.visualResolver.getVisualCacheKey(v),
+        getKey: (v) => activeResolver.getVisualCacheKey(v),
         domainByKey: clusterDomainByKeyRef.current
       });
       jsxClusterViewRef.current = jsxView;
@@ -246,21 +300,9 @@ function SimplexTopicGraph(props) {
       jsxClusterViewRef.current = null;
       clusterView = p.clusterView;
     } else {
-      clusterView = {
-        measureConvexHull: () => ({ kind: "circle", radius: 22 }),
-        mountOrUpdate: (groupEl, _visual, state) => {
-          const doc = groupEl.ownerDocument;
-          let circle = groupEl.querySelector("circle");
-          if (!circle) {
-            circle = doc.createElementNS("http://www.w3.org/2000/svg", "circle");
-            circle.setAttribute("r", "20");
-            circle.setAttribute("fill", "#0f172a");
-            circle.setAttribute("stroke-width", "1.5");
-            groupEl.appendChild(circle);
-          }
-          circle.setAttribute("stroke", state.interaction.isHovered ? "#f8fafc" : "#38bdf8");
-        }
-      };
+      jsxClusterViewRef.current?.dispose();
+      jsxClusterViewRef.current = null;
+      clusterView = presetViews.clusterView;
     }
     return { contentView, clusterView };
   };
@@ -268,13 +310,16 @@ function SimplexTopicGraph(props) {
     const el = containerRef.current;
     if (!el) return;
     const p = latestPropsRef.current;
-    const { contentView, clusterView } = resolveActiveViews();
+    const effectiveResolver = resolveEffectiveResolver();
+    const { contentView, clusterView } = resolveActiveViews(effectiveResolver);
     const ctrl = SimplexSvgController.createFromResolved(el, {
       items: p.items,
       getId: p.getId,
       getTags: p.getTags,
+      getLabel: p.getLabel,
       deriveClusterMeta: p.deriveClusterMeta,
-      visualResolver: buildWrappedResolver(p.visualResolver),
+      preset: p.preset,
+      visualResolver: effectiveResolver,
       contentView,
       clusterView,
       normalizeTag: p.normalizeTag,
@@ -285,10 +330,37 @@ function SimplexTopicGraph(props) {
         sizeMultiplier: p.sizeMultiplier ?? p.layoutOptions?.sizeMultiplier ?? 1
       },
       showHulls: p.showHulls,
+      focusOnClusterClick: false,
       interactions: {
-        onContentHover: (ev) => latestPropsRef.current.onContentHover?.(ev),
-        onClusterHover: (ev) => latestPropsRef.current.onClusterHover?.(ev),
-        onLeftClick: (t, raw) => latestPropsRef.current.onLeftClick?.(t, raw),
+        onContentHover: (ev) => {
+          latestPropsRef.current.onContentHover?.(ev);
+          if (latestPropsRef.current.tooltip) {
+            setHoveredTarget(ev ? { kind: "content", ...ev } : null);
+          }
+        },
+        onClusterHover: (ev) => {
+          latestPropsRef.current.onClusterHover?.(ev);
+          if (latestPropsRef.current.tooltip) {
+            setHoveredTarget(ev ? { kind: "cluster", ...ev } : null);
+          }
+        },
+        onLeftClick: (target, raw) => {
+          const cur = latestPropsRef.current;
+          if (cur.onLeftClick) {
+            cur.onLeftClick(target, raw);
+            return;
+          }
+          if (cur.focusedClusterUid === void 0 && (cur.focusOnClusterClick ?? true)) {
+            if (target.kind === "cluster") {
+              const next = internalFocusedUidRef.current === target.cluster.clusterUid ? null : target.cluster.clusterUid;
+              internalFocusedUidRef.current = next;
+              ctrlRef.current?.setFocusedClusterUid(next);
+            } else if (target.kind === "background" && internalFocusedUidRef.current !== null) {
+              internalFocusedUidRef.current = null;
+              ctrlRef.current?.setFocusedClusterUid(null);
+            }
+          }
+        },
         onRightClick: (t, raw) => latestPropsRef.current.onRightClick?.(t, raw),
         onWheel: (ev, cam) => {
           const policy = latestPropsRef.current.onWheel ?? "zoom-to-cursor";
@@ -331,10 +403,12 @@ function SimplexTopicGraph(props) {
   useEffect(() => {
     const ctrl = ctrlRef.current;
     if (!ctrl) return;
-    const { contentView, clusterView } = resolveActiveViews();
+    const effectiveResolver = resolveEffectiveResolver();
+    const { contentView, clusterView } = resolveActiveViews(effectiveResolver);
     ctrl.setViews({ contentView, clusterView });
-    ctrl.setVisualResolver(buildWrappedResolver(props.visualResolver));
+    ctrl.setVisualResolver(effectiveResolver);
   }, [
+    props.preset,
     props.visualResolver,
     props.contentView,
     props.clusterView,
@@ -363,9 +437,62 @@ function SimplexTopicGraph(props) {
   }, [props.highlightedIds]);
   useEffect(() => {
     if (props.focusedClusterUid !== void 0) {
+      internalFocusedUidRef.current = props.focusedClusterUid;
       ctrlRef.current?.setFocusedClusterUid(props.focusedClusterUid);
     }
   }, [props.focusedClusterUid]);
+  useEffect(() => {
+    if (!props.tooltip) {
+      setHoveredTarget(null);
+    }
+  }, [props.tooltip]);
+  const renderBuiltInTooltip = () => {
+    if (!props.tooltip || !hoveredTarget) return null;
+    const containerW = containerRef.current?.clientWidth || 960;
+    const containerH = containerRef.current?.clientHeight || 600;
+    const left = Math.min(
+      Math.max(8, Math.round(hoveredTarget.screenPosition.x + 14)),
+      Math.max(8, containerW - 256)
+    );
+    const top = Math.min(
+      Math.max(8, Math.round(hoveredTarget.screenPosition.y + 14)),
+      Math.max(8, containerH - 80)
+    );
+    const content = typeof props.tooltip === "function" ? props.tooltip(hoveredTarget) : hoveredTarget.kind === "content" ? /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("div", { style: { fontWeight: 600, color: "#f8fafc" }, children: extractDefaultItemLabel(
+        hoveredTarget.item,
+        hoveredTarget.layoutContext.id,
+        props.getLabel
+      ) }),
+      hoveredTarget.layoutContext.tags.length > 0 && /* @__PURE__ */ jsx("div", { style: { marginTop: 3, fontSize: 11, color: "#94a3b8" }, children: hoveredTarget.layoutContext.tags.map((t) => `#${t.tag}`).slice(0, 5).join(" \xB7 ") })
+    ] }) : /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("div", { style: { fontWeight: 600, color: hoveredTarget.cluster.colorHex }, children: `${hoveredTarget.cluster.code} \xB7 ${hoveredTarget.cluster.defaultLabel}` }),
+      /* @__PURE__ */ jsx("div", { style: { marginTop: 3, fontSize: 11, color: "#94a3b8" }, children: `${hoveredTarget.cluster.members.length} ${hoveredTarget.cluster.members.length === 1 ? "item" : "items"}` })
+    ] });
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "tooltip",
+        style: {
+          position: "absolute",
+          left,
+          top,
+          zIndex: 20,
+          maxWidth: 244,
+          padding: "7px 10px",
+          borderRadius: 8,
+          background: "rgba(9, 13, 22, 0.94)",
+          border: "1px solid rgba(51, 65, 85, 0.85)",
+          color: "#f1f5f9",
+          fontSize: 12,
+          lineHeight: 1.4,
+          pointerEvents: "none",
+          boxShadow: "0 10px 24px rgba(0, 0, 0, 0.45)"
+        },
+        children: content
+      }
+    );
+  };
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -377,7 +504,8 @@ function SimplexTopicGraph(props) {
         height: "100%",
         overflow: "hidden",
         ...props.style
-      }
+      },
+      children: renderBuiltInTooltip()
     }
   );
 }

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ReactJsxSvgView.ts","../src/useSimplexGraphController.ts","../src/SimplexTopicGraph.tsx"],"names":["jsx","useRef"],"mappings":"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","file":"index.js","sourcesContent":["import {\n  rectToConvexPolygon,\n  type ClusterDescriptor,\n  type ContentLayoutContext,\n  type ConvexGeometry,\n  type NodeRenderState,\n} from '@simplex-viz/core';\nimport { SVG_NS, type SvgNodeView } from '@simplex-viz/svg';\nimport type { ReactNode } from 'react';\nimport { createRoot, type Root } from 'react-dom/client';\nimport { renderToStaticMarkup } from 'react-dom/server';\n\nexport interface ContentDomainRecord<TItem, TTagMeta, TClusterMeta> {\n  readonly item: TItem;\n  readonly ctx: ContentLayoutContext<TItem, TTagMeta, TClusterMeta>;\n}\n\n/**\n * Bridges a declarative React JSX render function into an `@simplex-viz/svg` `SvgNodeView`\n * with automatic offscreen `getBBox()` convex hull measurement and cached DOM updates.\n */\nexport class ReactJsxSvgView<TVisual, TDomain> implements SvgNodeView<TVisual> {\n  private readonly renderFn: (\n    domain: TDomain,\n    state: NodeRenderState<TVisual>,\n  ) => ReactNode;\n  private readonly getKey: (visual: TVisual) => string;\n  private readonly domainByKey: ReadonlyMap<string, TDomain>;\n  private readonly rootsByGroup = new WeakMap<SVGGElement, Root>();\n  private readonly activeRoots = new Set<Root>();\n  private measureGroup: SVGGElement | null = null;\n\n  constructor(params: {\n    readonly renderFn: (domain: TDomain, state: NodeRenderState<TVisual>) => ReactNode;\n    readonly getKey: (visual: TVisual) => string;\n    readonly domainByKey: ReadonlyMap<string, TDomain>;\n  }) {\n    this.renderFn = params.renderFn;\n    this.getKey = params.getKey;\n    this.domainByKey = params.domainByKey;\n  }\n\n  measureConvexHull(visual: TVisual, measureSvg: SVGSVGElement): ConvexGeometry {\n    const key = this.getKey(visual);\n    const domain = this.domainByKey.get(key);\n    if (!domain) {\n      return rectToConvexPolygon(48, 28, 6);\n    }\n\n    const doc = measureSvg.ownerDocument;\n    let bin = measureSvg.querySelector<SVGGElement>('g.sv-measure-bin');\n    if (!bin) {\n      bin = doc.createElementNS(SVG_NS, 'g');\n      bin.setAttribute('class', 'sv-measure-bin');\n      bin.setAttribute('visibility', 'hidden');\n      bin.setAttribute('pointer-events', 'none');\n      bin.setAttribute('transform', 'translate(-99999, -99999)');\n      measureSvg.appendChild(bin);\n    }\n\n    if (!this.measureGroup || this.measureGroup.parentNode !== bin) {\n      this.measureGroup = doc.createElementNS(SVG_NS, 'g');\n      bin.appendChild(this.measureGroup);\n    }\n\n    const dummyState: NodeRenderState<TVisual> = {\n      id: '__measure__',\n      x: 0,\n      y: 0,\n      scale: 1,\n      opacity: 1,\n      visual,\n      hull: { kind: 'circle', radius: 16 },\n      cacheKey: key,\n      interaction: {\n        isHovered: false,\n        isPinned: false,\n        isDimmed: false,\n        isHighlighted: false,\n      },\n      transition: null,\n    };\n\n    const jsx = this.renderFn(domain, dummyState);\n    const markup = renderToStaticMarkup(jsx);\n    // Parse JSX markup into SVG namespace inside the offscreen measurement group\n    const wrapperSvg = doc.createElementNS(SVG_NS, 'svg');\n    wrapperSvg.innerHTML = markup;\n    while (this.measureGroup.firstChild) {\n      this.measureGroup.removeChild(this.measureGroup.firstChild);\n    }\n    while (wrapperSvg.firstChild) {\n      this.measureGroup.appendChild(wrapperSvg.firstChild);\n    }\n\n    let width = 0;\n    let height = 0;\n    try {\n      if (typeof this.measureGroup.getBBox === 'function') {\n        const bbox = this.measureGroup.getBBox();\n        width = bbox.width;\n        height = bbox.height;\n      }\n    } catch {\n      // Headless DOM without layout engine\n    }\n\n    if (width <= 1 || height <= 1) {\n      let maxHalfW = 0;\n      let maxHalfH = 0;\n      this.measureGroup.querySelectorAll('rect, circle, text').forEach((el) => {\n        const tag = el.tagName.toLowerCase();\n        if (tag === 'rect') {\n          const w = parseFloat(el.getAttribute('width') ?? '0');\n          const h = parseFloat(el.getAttribute('height') ?? '0');\n          maxHalfW = Math.max(maxHalfW, w / 2);\n          maxHalfH = Math.max(maxHalfH, h / 2);\n        } else if (tag === 'circle') {\n          const r = parseFloat(el.getAttribute('r') ?? '0');\n          maxHalfW = Math.max(maxHalfW, r);\n          maxHalfH = Math.max(maxHalfH, r);\n        } else if (tag === 'text') {\n          const len = (el.textContent ?? '').length;\n          const fs = parseFloat(el.getAttribute('font-size') ?? '11');\n          maxHalfW = Math.max(maxHalfW, (len * fs * 0.56) / 2);\n          maxHalfH = Math.max(maxHalfH, fs * 0.75);\n        }\n      });\n      width = Math.max(24, maxHalfW * 2);\n      height = Math.max(20, maxHalfH * 2);\n    }\n\n    return rectToConvexPolygon(width + 4, height + 4, 6);\n  }\n\n  mountOrUpdate(\n    groupEl: SVGGElement,\n    visual: TVisual,\n    state: NodeRenderState<TVisual>,\n  ): void {\n    const key = this.getKey(visual);\n    const domain = this.domainByKey.get(key);\n    if (!domain) return;\n\n    let root = this.rootsByGroup.get(groupEl);\n    if (!root) {\n      while (groupEl.firstChild) groupEl.removeChild(groupEl.firstChild);\n      root = createRoot(groupEl);\n      this.rootsByGroup.set(groupEl, root);\n      this.activeRoots.add(root);\n    }\n\n    root.render(this.renderFn(domain, state));\n  }\n\n  dispose(): void {\n    const roots = [...this.activeRoots];\n    this.activeRoots.clear();\n    this.measureGroup = null;\n    queueMicrotask(() => {\n      for (const r of roots) {\n        r.unmount();\n      }\n    });\n  }\n}\n\nexport type ContentJsxRenderFn<TItem, TContentVisual, TTagMeta, TClusterMeta> = (\n  item: TItem,\n  ctx: ContentLayoutContext<TItem, TTagMeta, TClusterMeta>,\n  state: NodeRenderState<TContentVisual>,\n) => ReactNode;\n\nexport type ClusterJsxRenderFn<TItem, TClusterVisual, TTagMeta, TClusterMeta> = (\n  cluster: ClusterDescriptor<TItem, TTagMeta, TClusterMeta>,\n  state: NodeRenderState<TClusterVisual>,\n) => ReactNode;\n","import type {\n  CameraController,\n  ClusterDescriptor,\n  DefaultTaggedItem,\n  LayoutMetrics,\n} from '@simplex-viz/core';\nimport type { SimplexSvgController } from '@simplex-viz/svg';\nimport { useCallback, useRef } from 'react';\n\n/**\n * Imperative handle bound to `<SimplexTopicGraph controllerRef={...} />`.\n */\nexport interface SimplexGraphHandle<\n  TItem = DefaultTaggedItem,\n  TContentVisual = unknown,\n  TClusterVisual = unknown,\n  TTagMeta = undefined,\n  TClusterMeta = undefined,\n> {\n  addItems(items: TItem | readonly TItem[]): void;\n  removeItems(ids: string | readonly string[]): void;\n  setItems(items: readonly TItem[]): void;\n  resetCamera(): void;\n  zoomBy(factor: number): void;\n  getMetrics(): LayoutMetrics | null;\n  getClusters(): readonly ClusterDescriptor<TItem, TTagMeta, TClusterMeta>[];\n  getRawController(): SimplexSvgController<\n    TItem,\n    TContentVisual,\n    TClusterVisual,\n    TTagMeta,\n    TClusterMeta\n  > | null;\n}\n\n/**\n * React hook returning a stable `controllerRef` and imperative transaction helpers\n * (`addItems`, `removeItems`, `setItems`, camera controls, and live telemetry getters).\n */\nexport function useSimplexGraphController<\n  TItem = DefaultTaggedItem,\n  TContentVisual = unknown,\n  TClusterVisual = unknown,\n  TTagMeta = undefined,\n  TClusterMeta = undefined,\n>(): {\n  readonly controllerRef: React.MutableRefObject<SimplexSvgController<\n    TItem,\n    TContentVisual,\n    TClusterVisual,\n    TTagMeta,\n    TClusterMeta\n  > | null>;\n  readonly handle: SimplexGraphHandle<\n    TItem,\n    TContentVisual,\n    TClusterVisual,\n    TTagMeta,\n    TClusterMeta\n  >;\n} {\n  const controllerRef = useRef<SimplexSvgController<\n    TItem,\n    TContentVisual,\n    TClusterVisual,\n    TTagMeta,\n    TClusterMeta\n  > | null>(null);\n\n  const addItems = useCallback((items: TItem | readonly TItem[]) => {\n    controllerRef.current?.addItems(items);\n  }, []);\n\n  const removeItems = useCallback((ids: string | readonly string[]) => {\n    controllerRef.current?.removeItems(ids);\n  }, []);\n\n  const setItems = useCallback((items: readonly TItem[]) => {\n    controllerRef.current?.setItems(items);\n  }, []);\n\n  const resetCamera = useCallback(() => {\n    controllerRef.current?.camera.reset();\n  }, []);\n\n  const zoomBy = useCallback((factor: number) => {\n    const ctrl = controllerRef.current;\n    if (!ctrl) return;\n    const svg = ctrl.getSvgElement();\n    const rect = svg.getBoundingClientRect();\n    const cam: CameraController = ctrl.camera;\n    cam.zoomToCursor(rect.width / 2, rect.height / 2, factor);\n  }, []);\n\n  const getMetrics = useCallback(() => {\n    return controllerRef.current?.getMetrics() ?? null;\n  }, []);\n\n  const getClusters = useCallback(() => {\n    return controllerRef.current?.getClusters() ?? [];\n  }, []);\n\n  const getRawController = useCallback(() => {\n    return controllerRef.current;\n  }, []);\n\n  return {\n    controllerRef,\n    handle: {\n      addItems,\n      removeItems,\n      setItems,\n      resetCamera,\n      zoomBy,\n      getMetrics,\n      getClusters,\n      getRawController,\n    },\n  };\n}\n","import type {\n  ClusterDescriptor,\n  ClusterHoverEvent,\n  ClusterMetaConfig,\n  ContentHoverEvent,\n  ContentLayoutContext,\n  DefaultTaggedItem,\n  HitTarget,\n  ItemIdentityConfig,\n  LayoutMetrics,\n  LayoutSolverOptions,\n  MeshOptions,\n  NodeRenderState,\n  NormalizedPointerEvent,\n  VisualResolver,\n  WheelBehavior,\n} from '@simplex-viz/core';\nimport {\n  SimplexSvgController,\n  type SvgNodeView,\n} from '@simplex-viz/svg';\nimport {\n  useEffect,\n  useRef,\n  type CSSProperties,\n  type MutableRefObject,\n  type ReactNode,\n} from 'react';\nimport {\n  ReactJsxSvgView,\n  type ContentDomainRecord,\n} from './ReactJsxSvgView';\n\n/**\n * Props for `<SimplexTopicGraph />`, preserving end-to-end generic inference across\n * `TItem`, `TContentVisual`, `TClusterVisual`, `TTagMeta`, and `TClusterMeta`.\n */\nexport type SimplexTopicGraphProps<\n  TItem = DefaultTaggedItem,\n  TContentVisual = unknown,\n  TClusterVisual = unknown,\n  TTagMeta = undefined,\n  TClusterMeta = undefined,\n> = ItemIdentityConfig<TItem> &\n  ClusterMetaConfig<TItem, TTagMeta, TClusterMeta> & {\n    readonly items: readonly TItem[];\n    readonly visualResolver: VisualResolver<\n      TItem,\n      TContentVisual,\n      TClusterVisual,\n      TTagMeta,\n      TClusterMeta\n    >;\n    /** Portable `@simplex-viz/svg` view plugin for content items. */\n    readonly contentView?: SvgNodeView<TContentVisual>;\n    /** Portable `@simplex-viz/svg` view plugin for topic clusters. */\n    readonly clusterView?: SvgNodeView<TClusterVisual>;\n    /** Optional declarative React JSX renderer for content items (auto-measured via `getBBox()`). */\n    readonly renderContentNode?: (\n      item: TItem,\n      ctx: ContentLayoutContext<TItem, TTagMeta, TClusterMeta>,\n      state: NodeRenderState<TContentVisual>,\n    ) => ReactNode;\n    /** Optional declarative React JSX renderer for topic clusters (auto-measured via `getBBox()`). */\n    readonly renderClusterNode?: (\n      cluster: ClusterDescriptor<TItem, TTagMeta, TClusterMeta>,\n      state: NodeRenderState<TClusterVisual>,\n    ) => ReactNode;\n    readonly normalizeTag?: (rawTag: string) => string;\n    readonly resolveTagMeta?: (normalizedTag: string) => TTagMeta | undefined;\n    readonly meshOptions?: MeshOptions;\n    readonly layoutOptions?: LayoutSolverOptions;\n    readonly sizeMultiplier?: number;\n    readonly showHulls?: boolean;\n    readonly pinnedIds?: ReadonlySet<string> | readonly string[];\n    readonly highlightedIds?: ReadonlySet<string> | readonly string[];\n    readonly focusedClusterUid?: string | null;\n    readonly onContentHover?: (\n      event: ContentHoverEvent<TItem, TContentVisual, TTagMeta, TClusterMeta> | null,\n    ) => void;\n    readonly onClusterHover?: (\n      event: ClusterHoverEvent<TItem, TClusterVisual, TTagMeta, TClusterMeta> | null,\n    ) => void;\n    readonly onLeftClick?: (\n      target: HitTarget<TItem, TContentVisual, TClusterVisual, TTagMeta, TClusterMeta>,\n      rawEvent: NormalizedPointerEvent,\n    ) => void;\n    readonly onRightClick?: (\n      target: HitTarget<TItem, TContentVisual, TClusterVisual, TTagMeta, TClusterMeta>,\n      rawEvent: NormalizedPointerEvent,\n    ) => boolean | void;\n    readonly onWheel?: WheelBehavior;\n    readonly onMetricsChange?: (metrics: LayoutMetrics) => void;\n    readonly onClustersChange?: (\n      clusters: readonly ClusterDescriptor<TItem, TTagMeta, TClusterMeta>[],\n    ) => void;\n    readonly onFpsUpdate?: (fps: number) => void;\n    readonly controllerRef?: MutableRefObject<SimplexSvgController<\n      TItem,\n      TContentVisual,\n      TClusterVisual,\n      TTagMeta,\n      TClusterMeta\n    > | null>;\n    readonly className?: string;\n    readonly style?: CSSProperties;\n  };\n\n/**\n * Type-safe React visualization component wrapping `@simplex-viz/core` and `@simplex-viz/svg`.\n */\nexport function SimplexTopicGraph<\n  TItem = DefaultTaggedItem,\n  TContentVisual = unknown,\n  TClusterVisual = unknown,\n  TTagMeta = undefined,\n  TClusterMeta = undefined,\n>(\n  props: SimplexTopicGraphProps<\n    TItem,\n    TContentVisual,\n    TClusterVisual,\n    TTagMeta,\n    TClusterMeta\n  >,\n) {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const ctrlRef = useRef<SimplexSvgController<\n    TItem,\n    TContentVisual,\n    TClusterVisual,\n    TTagMeta,\n    TClusterMeta\n  > | null>(null);\n\n  const contentDomainByKeyRef = useRef(\n    new Map<string, ContentDomainRecord<TItem, TTagMeta, TClusterMeta>>(),\n  );\n  const clusterDomainByKeyRef = useRef(\n    new Map<string, ClusterDescriptor<TItem, TTagMeta, TClusterMeta>>(),\n  );\n  const jsxContentViewRef = useRef<ReactJsxSvgView<\n    TContentVisual,\n    ContentDomainRecord<TItem, TTagMeta, TClusterMeta>\n  > | null>(null);\n  const jsxClusterViewRef = useRef<ReactJsxSvgView<\n    TClusterVisual,\n    ClusterDescriptor<TItem, TTagMeta, TClusterMeta>\n  > | null>(null);\n\n  const latestPropsRef = useRef(props);\n  latestPropsRef.current = props;\n\n  const buildWrappedResolver = (\n    base: VisualResolver<TItem, TContentVisual, TClusterVisual, TTagMeta, TClusterMeta>,\n  ): VisualResolver<TItem, TContentVisual, TClusterVisual, TTagMeta, TClusterMeta> => ({\n    resolveContentVisual: (item, ctx) => {\n      const visual = base.resolveContentVisual(item, ctx);\n      const key = base.getVisualCacheKey(visual);\n      contentDomainByKeyRef.current.set(key, { item, ctx });\n      return visual;\n    },\n    resolveClusterVisual: (cluster) => {\n      const visual = base.resolveClusterVisual(cluster);\n      const key = base.getVisualCacheKey(visual);\n      clusterDomainByKeyRef.current.set(key, cluster);\n      return visual;\n    },\n    getVisualCacheKey: (visual) => base.getVisualCacheKey(visual),\n  });\n\n  const resolveActiveViews = (): {\n    contentView: SvgNodeView<TContentVisual>;\n    clusterView: SvgNodeView<TClusterVisual>;\n  } => {\n    const p = latestPropsRef.current;\n\n    let contentView: SvgNodeView<TContentVisual>;\n    if (p.renderContentNode) {\n      const renderFn = p.renderContentNode;\n      jsxContentViewRef.current?.dispose();\n      const jsxView = new ReactJsxSvgView<\n        TContentVisual,\n        ContentDomainRecord<TItem, TTagMeta, TClusterMeta>\n      >({\n        renderFn: (domain, state) => renderFn(domain.item, domain.ctx, state),\n        getKey: (v) => p.visualResolver.getVisualCacheKey(v),\n        domainByKey: contentDomainByKeyRef.current,\n      });\n      jsxContentViewRef.current = jsxView;\n      contentView = jsxView;\n    } else if (p.contentView) {\n      jsxContentViewRef.current?.dispose();\n      jsxContentViewRef.current = null;\n      contentView = p.contentView;\n    } else {\n      contentView = {\n        measureConvexHull: () => ({ kind: 'circle', radius: 10 }),\n        mountOrUpdate: (groupEl, _visual, state) => {\n          const doc = groupEl.ownerDocument;\n          let circle = groupEl.querySelector('circle');\n          if (!circle) {\n            circle = doc.createElementNS('http://www.w3.org/2000/svg', 'circle');\n            circle.setAttribute('r', '9');\n            groupEl.appendChild(circle);\n          }\n          circle.setAttribute('fill', state.interaction.isHovered ? '#22d3ee' : '#64748b');\n        },\n      };\n    }\n\n    let clusterView: SvgNodeView<TClusterVisual>;\n    if (p.renderClusterNode) {\n      const renderFn = p.renderClusterNode;\n      jsxClusterViewRef.current?.dispose();\n      const jsxView = new ReactJsxSvgView<\n        TClusterVisual,\n        ClusterDescriptor<TItem, TTagMeta, TClusterMeta>\n      >({\n        renderFn: (cluster, state) => renderFn(cluster, state),\n        getKey: (v) => p.visualResolver.getVisualCacheKey(v),\n        domainByKey: clusterDomainByKeyRef.current,\n      });\n      jsxClusterViewRef.current = jsxView;\n      clusterView = jsxView;\n    } else if (p.clusterView) {\n      jsxClusterViewRef.current?.dispose();\n      jsxClusterViewRef.current = null;\n      clusterView = p.clusterView;\n    } else {\n      clusterView = {\n        measureConvexHull: () => ({ kind: 'circle', radius: 22 }),\n        mountOrUpdate: (groupEl, _visual, state) => {\n          const doc = groupEl.ownerDocument;\n          let circle = groupEl.querySelector('circle');\n          if (!circle) {\n            circle = doc.createElementNS('http://www.w3.org/2000/svg', 'circle');\n            circle.setAttribute('r', '20');\n            circle.setAttribute('fill', '#0f172a');\n            circle.setAttribute('stroke-width', '1.5');\n            groupEl.appendChild(circle);\n          }\n          circle.setAttribute('stroke', state.interaction.isHovered ? '#f8fafc' : '#38bdf8');\n        },\n      };\n    }\n\n    return { contentView, clusterView };\n  };\n\n  // Mount controller once on container\n  useEffect(() => {\n    const el = containerRef.current;\n    if (!el) return;\n\n    const p = latestPropsRef.current;\n    const { contentView, clusterView } = resolveActiveViews();\n\n    const ctrl = SimplexSvgController.createFromResolved(el, {\n      items: p.items,\n      getId: p.getId,\n      getTags: p.getTags,\n      deriveClusterMeta: p.deriveClusterMeta,\n      visualResolver: buildWrappedResolver(p.visualResolver),\n      contentView,\n      clusterView,\n      normalizeTag: p.normalizeTag,\n      resolveTagMeta: p.resolveTagMeta,\n      meshOptions: p.meshOptions,\n      layoutOptions: {\n        ...p.layoutOptions,\n        sizeMultiplier: p.sizeMultiplier ?? p.layoutOptions?.sizeMultiplier ?? 1,\n      },\n      showHulls: p.showHulls,\n      interactions: {\n        onContentHover: (ev) => latestPropsRef.current.onContentHover?.(ev),\n        onClusterHover: (ev) => latestPropsRef.current.onClusterHover?.(ev),\n        onLeftClick: (t, raw) => latestPropsRef.current.onLeftClick?.(t, raw),\n        onRightClick: (t, raw) => latestPropsRef.current.onRightClick?.(t, raw),\n        onWheel: (ev, cam) => {\n          const policy = latestPropsRef.current.onWheel ?? 'zoom-to-cursor';\n          if (policy === 'none') return;\n          if (typeof policy === 'function') {\n            policy(ev, cam);\n            return;\n          }\n          if (policy === 'pan-vertical') {\n            cam.panBy(-ev.deltaX, -ev.deltaY);\n            return;\n          }\n          const factor = Math.exp(-ev.deltaY * 0.0014);\n          cam.zoomToCursor(ev.screenX, ev.screenY, factor);\n        },\n      },\n      onMetricsChange: (m) => latestPropsRef.current.onMetricsChange?.(m),\n      onClustersChange: (c) => latestPropsRef.current.onClustersChange?.(c),\n      onFpsUpdate: (fps) => latestPropsRef.current.onFpsUpdate?.(fps),\n    });\n    ctrlRef.current = ctrl;\n    if (p.controllerRef) {\n      p.controllerRef.current = ctrl;\n    }\n\n    return () => {\n      ctrl.destroy();\n      ctrlRef.current = null;\n      if (latestPropsRef.current.controllerRef) {\n        latestPropsRef.current.controllerRef.current = null;\n      }\n      jsxContentViewRef.current?.dispose();\n      jsxClusterViewRef.current?.dispose();\n      jsxContentViewRef.current = null;\n      jsxClusterViewRef.current = null;\n    };\n  }, []);\n\n  // Sync items\n  useEffect(() => {\n    ctrlRef.current?.setItems(props.items);\n  }, [props.items]);\n\n  // Sync views & visual resolver (triggers smooth crossfade / morph!)\n  useEffect(() => {\n    const ctrl = ctrlRef.current;\n    if (!ctrl) return;\n    const { contentView, clusterView } = resolveActiveViews();\n    ctrl.setViews({ contentView, clusterView });\n    ctrl.setVisualResolver(buildWrappedResolver(props.visualResolver));\n  }, [\n    props.visualResolver,\n    props.contentView,\n    props.clusterView,\n    props.renderContentNode,\n    props.renderClusterNode,\n  ]);\n\n  // Sync sizeMultiplier\n  useEffect(() => {\n    if (props.sizeMultiplier !== undefined) {\n      ctrlRef.current?.setSizeMultiplier(props.sizeMultiplier);\n    }\n  }, [props.sizeMultiplier]);\n\n  // Sync showHulls\n  useEffect(() => {\n    if (props.showHulls !== undefined) {\n      ctrlRef.current?.setShowHulls(props.showHulls);\n    }\n  }, [props.showHulls]);\n\n  // Sync pinned / highlighted / focused cluster\n  useEffect(() => {\n    if (props.pinnedIds !== undefined) {\n      ctrlRef.current?.setPinnedIds(props.pinnedIds);\n    }\n  }, [props.pinnedIds]);\n\n  useEffect(() => {\n    if (props.highlightedIds !== undefined) {\n      ctrlRef.current?.setHighlightedIds(props.highlightedIds);\n    }\n  }, [props.highlightedIds]);\n\n  useEffect(() => {\n    if (props.focusedClusterUid !== undefined) {\n      ctrlRef.current?.setFocusedClusterUid(props.focusedClusterUid);\n    }\n  }, [props.focusedClusterUid]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={props.className}\n      style={{\n        position: 'relative',\n        width: '100%',\n        height: '100%',\n        overflow: 'hidden',\n        ...props.style,\n      }}\n    />\n  );\n}\n"]}
+{"version":3,"sources":["../src/ReactJsxSvgView.ts","../src/useSimplexGraphController.ts","../src/SimplexTopicGraph.tsx"],"names":["jsx","useRef"],"mappings":"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","file":"index.js","sourcesContent":["import {\n  rectToConvexPolygon,\n  type ClusterDescriptor,\n  type ContentLayoutContext,\n  type ConvexGeometry,\n  type NodeRenderState,\n} from '@simplex-viz/core';\nimport { SVG_NS, type SvgNodeView } from '@simplex-viz/svg';\nimport type { ReactNode } from 'react';\nimport { createRoot, type Root } from 'react-dom/client';\nimport { renderToStaticMarkup } from 'react-dom/server';\n\nexport interface ContentDomainRecord<TItem, TTagMeta, TClusterMeta> {\n  readonly item: TItem;\n  readonly ctx: ContentLayoutContext<TItem, TTagMeta, TClusterMeta>;\n}\n\n/**\n * Bridges a declarative React JSX render function into an `@simplex-viz/svg` `SvgNodeView`\n * with automatic offscreen `getBBox()` convex hull measurement and cached DOM updates.\n */\nexport class ReactJsxSvgView<TVisual, TDomain> implements SvgNodeView<TVisual> {\n  private readonly renderFn: (\n    domain: TDomain,\n    state: NodeRenderState<TVisual>,\n  ) => ReactNode;\n  private readonly getKey: (visual: TVisual) => string;\n  private readonly domainByKey: ReadonlyMap<string, TDomain>;\n  private readonly rootsByGroup = new WeakMap<SVGGElement, Root>();\n  private readonly activeRoots = new Set<Root>();\n  private measureGroup: SVGGElement | null = null;\n\n  constructor(params: {\n    readonly renderFn: (domain: TDomain, state: NodeRenderState<TVisual>) => ReactNode;\n    readonly getKey: (visual: TVisual) => string;\n    readonly domainByKey: ReadonlyMap<string, TDomain>;\n  }) {\n    this.renderFn = params.renderFn;\n    this.getKey = params.getKey;\n    this.domainByKey = params.domainByKey;\n  }\n\n  measureConvexHull(visual: TVisual, measureSvg: SVGSVGElement): ConvexGeometry {\n    const key = this.getKey(visual);\n    const domain = this.domainByKey.get(key);\n    if (!domain) {\n      return rectToConvexPolygon(48, 28, 6);\n    }\n\n    const doc = measureSvg.ownerDocument;\n    let bin = measureSvg.querySelector<SVGGElement>('g.sv-measure-bin');\n    if (!bin) {\n      bin = doc.createElementNS(SVG_NS, 'g');\n      bin.setAttribute('class', 'sv-measure-bin');\n      bin.setAttribute('visibility', 'hidden');\n      bin.setAttribute('pointer-events', 'none');\n      bin.setAttribute('transform', 'translate(-99999, -99999)');\n      measureSvg.appendChild(bin);\n    }\n\n    if (!this.measureGroup || this.measureGroup.parentNode !== bin) {\n      this.measureGroup = doc.createElementNS(SVG_NS, 'g');\n      bin.appendChild(this.measureGroup);\n    }\n\n    const dummyState: NodeRenderState<TVisual> = {\n      id: '__measure__',\n      x: 0,\n      y: 0,\n      scale: 1,\n      opacity: 1,\n      visual,\n      hull: { kind: 'circle', radius: 16 },\n      cacheKey: key,\n      interaction: {\n        isHovered: false,\n        isPinned: false,\n        isDimmed: false,\n        isHighlighted: false,\n      },\n      transition: null,\n    };\n\n    const jsx = this.renderFn(domain, dummyState);\n    const markup = renderToStaticMarkup(jsx);\n    // Parse JSX markup into SVG namespace inside the offscreen measurement group\n    const wrapperSvg = doc.createElementNS(SVG_NS, 'svg');\n    wrapperSvg.innerHTML = markup;\n    while (this.measureGroup.firstChild) {\n      this.measureGroup.removeChild(this.measureGroup.firstChild);\n    }\n    while (wrapperSvg.firstChild) {\n      this.measureGroup.appendChild(wrapperSvg.firstChild);\n    }\n\n    let width = 0;\n    let height = 0;\n    try {\n      if (typeof this.measureGroup.getBBox === 'function') {\n        const bbox = this.measureGroup.getBBox();\n        width = bbox.width;\n        height = bbox.height;\n      }\n    } catch {\n      // Headless DOM without layout engine\n    }\n\n    if (width <= 1 || height <= 1) {\n      let maxHalfW = 0;\n      let maxHalfH = 0;\n      this.measureGroup.querySelectorAll('rect, circle, text').forEach((el) => {\n        const tag = el.tagName.toLowerCase();\n        if (tag === 'rect') {\n          const w = parseFloat(el.getAttribute('width') ?? '0');\n          const h = parseFloat(el.getAttribute('height') ?? '0');\n          maxHalfW = Math.max(maxHalfW, w / 2);\n          maxHalfH = Math.max(maxHalfH, h / 2);\n        } else if (tag === 'circle') {\n          const r = parseFloat(el.getAttribute('r') ?? '0');\n          maxHalfW = Math.max(maxHalfW, r);\n          maxHalfH = Math.max(maxHalfH, r);\n        } else if (tag === 'text') {\n          const len = (el.textContent ?? '').length;\n          const fs = parseFloat(el.getAttribute('font-size') ?? '11');\n          maxHalfW = Math.max(maxHalfW, (len * fs * 0.56) / 2);\n          maxHalfH = Math.max(maxHalfH, fs * 0.75);\n        }\n      });\n      width = Math.max(24, maxHalfW * 2);\n      height = Math.max(20, maxHalfH * 2);\n    }\n\n    return rectToConvexPolygon(width + 4, height + 4, 6);\n  }\n\n  mountOrUpdate(\n    groupEl: SVGGElement,\n    visual: TVisual,\n    state: NodeRenderState<TVisual>,\n  ): void {\n    const key = this.getKey(visual);\n    const domain = this.domainByKey.get(key);\n    if (!domain) return;\n\n    let root = this.rootsByGroup.get(groupEl);\n    if (!root) {\n      while (groupEl.firstChild) groupEl.removeChild(groupEl.firstChild);\n      root = createRoot(groupEl);\n      this.rootsByGroup.set(groupEl, root);\n      this.activeRoots.add(root);\n    }\n\n    root.render(this.renderFn(domain, state));\n  }\n\n  dispose(): void {\n    const roots = [...this.activeRoots];\n    this.activeRoots.clear();\n    this.measureGroup = null;\n    queueMicrotask(() => {\n      for (const r of roots) {\n        r.unmount();\n      }\n    });\n  }\n}\n\nexport type ContentJsxRenderFn<TItem, TContentVisual, TTagMeta, TClusterMeta> = (\n  item: TItem,\n  ctx: ContentLayoutContext<TItem, TTagMeta, TClusterMeta>,\n  state: NodeRenderState<TContentVisual>,\n) => ReactNode;\n\nexport type ClusterJsxRenderFn<TItem, TClusterVisual, TTagMeta, TClusterMeta> = (\n  cluster: ClusterDescriptor<TItem, TTagMeta, TClusterMeta>,\n  state: NodeRenderState<TClusterVisual>,\n) => ReactNode;\n","import type {\n  CameraController,\n  ClusterDescriptor,\n  DefaultTaggedItem,\n  LayoutMetrics,\n} from '@simplex-viz/core';\nimport type { SimplexSvgController } from '@simplex-viz/svg';\nimport { useCallback, useRef } from 'react';\n\n/**\n * Imperative handle bound to `<SimplexTopicGraph controllerRef={...} />`.\n */\nexport interface SimplexGraphHandle<\n  TItem = DefaultTaggedItem,\n  TContentVisual = unknown,\n  TClusterVisual = unknown,\n  TTagMeta = undefined,\n  TClusterMeta = undefined,\n> {\n  addItems(items: TItem | readonly TItem[]): void;\n  removeItems(ids: string | readonly string[]): void;\n  setItems(items: readonly TItem[]): void;\n  resetCamera(): void;\n  zoomBy(factor: number): void;\n  getMetrics(): LayoutMetrics | null;\n  getClusters(): readonly ClusterDescriptor<TItem, TTagMeta, TClusterMeta>[];\n  getRawController(): SimplexSvgController<\n    TItem,\n    TContentVisual,\n    TClusterVisual,\n    TTagMeta,\n    TClusterMeta\n  > | null;\n}\n\n/**\n * React hook returning a stable `controllerRef` and imperative transaction helpers\n * (`addItems`, `removeItems`, `setItems`, camera controls, and live telemetry getters).\n */\nexport function useSimplexGraphController<\n  TItem = DefaultTaggedItem,\n  TContentVisual = unknown,\n  TClusterVisual = unknown,\n  TTagMeta = undefined,\n  TClusterMeta = undefined,\n>(): {\n  readonly controllerRef: React.MutableRefObject<SimplexSvgController<\n    TItem,\n    TContentVisual,\n    TClusterVisual,\n    TTagMeta,\n    TClusterMeta\n  > | null>;\n  readonly handle: SimplexGraphHandle<\n    TItem,\n    TContentVisual,\n    TClusterVisual,\n    TTagMeta,\n    TClusterMeta\n  >;\n} {\n  const controllerRef = useRef<SimplexSvgController<\n    TItem,\n    TContentVisual,\n    TClusterVisual,\n    TTagMeta,\n    TClusterMeta\n  > | null>(null);\n\n  const addItems = useCallback((items: TItem | readonly TItem[]) => {\n    controllerRef.current?.addItems(items);\n  }, []);\n\n  const removeItems = useCallback((ids: string | readonly string[]) => {\n    controllerRef.current?.removeItems(ids);\n  }, []);\n\n  const setItems = useCallback((items: readonly TItem[]) => {\n    controllerRef.current?.setItems(items);\n  }, []);\n\n  const resetCamera = useCallback(() => {\n    controllerRef.current?.camera.reset();\n  }, []);\n\n  const zoomBy = useCallback((factor: number) => {\n    const ctrl = controllerRef.current;\n    if (!ctrl) return;\n    const svg = ctrl.getSvgElement();\n    const rect = svg.getBoundingClientRect();\n    const cam: CameraController = ctrl.camera;\n    cam.zoomToCursor(rect.width / 2, rect.height / 2, factor);\n  }, []);\n\n  const getMetrics = useCallback(() => {\n    return controllerRef.current?.getMetrics() ?? null;\n  }, []);\n\n  const getClusters = useCallback(() => {\n    return controllerRef.current?.getClusters() ?? [];\n  }, []);\n\n  const getRawController = useCallback(() => {\n    return controllerRef.current;\n  }, []);\n\n  return {\n    controllerRef,\n    handle: {\n      addItems,\n      removeItems,\n      setItems,\n      resetCamera,\n      zoomBy,\n      getMetrics,\n      getClusters,\n      getRawController,\n    },\n  };\n}\n","import type {\n  ClusterDescriptor,\n  ClusterHoverEvent,\n  ClusterMetaConfig,\n  ContentHoverEvent,\n  ContentLayoutContext,\n  DefaultTaggedItem,\n  HitTarget,\n  ItemIdentityConfig,\n  LayoutMetrics,\n  LayoutSolverOptions,\n  MeshOptions,\n  NodeRenderState,\n  NormalizedPointerEvent,\n  VisualResolver,\n  WheelBehavior,\n} from '@simplex-viz/core';\nimport {\n  SimplexSvgController,\n  createPresetViews,\n  createPresetVisualResolver,\n  extractDefaultItemLabel,\n  type DefaultClusterPresetVisual,\n  type DefaultContentPresetVisual,\n  type SimplexVisualPreset,\n  type SvgNodeView,\n} from '@simplex-viz/svg';\nimport {\n  useEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type MutableRefObject,\n  type ReactNode,\n} from 'react';\nimport {\n  ReactJsxSvgView,\n  type ContentDomainRecord,\n} from './ReactJsxSvgView';\n\n/**\n * Union payload passed to a custom React `tooltip` formatter on `<SimplexTopicGraph />`.\n */\nexport type SimplexReactTooltipTarget<\n  TItem = DefaultTaggedItem,\n  TContentVisual = DefaultContentPresetVisual,\n  TClusterVisual = DefaultClusterPresetVisual,\n  TTagMeta = undefined,\n  TClusterMeta = undefined,\n> =\n  | ({ readonly kind: 'content' } & ContentHoverEvent<\n      TItem,\n      TContentVisual,\n      TTagMeta,\n      TClusterMeta\n    >)\n  | ({ readonly kind: 'cluster' } & ClusterHoverEvent<\n      TItem,\n      TClusterVisual,\n      TTagMeta,\n      TClusterMeta\n    >);\n\n/**\n * Props for `<SimplexTopicGraph />`, preserving end-to-end generic inference across\n * `TItem`, `TContentVisual`, `TClusterVisual`, `TTagMeta`, and `TClusterMeta`.\n *\n * Works zero-config with `<SimplexTopicGraph items={items} />` via built-in presets,\n * or with keyless declarative JSX renderers (`renderContentNode` / `renderClusterNode`),\n * or with full `VisualResolver` + `SvgNodeView` customization.\n */\nexport type SimplexTopicGraphProps<\n  TItem = DefaultTaggedItem,\n  TContentVisual = DefaultContentPresetVisual,\n  TClusterVisual = DefaultClusterPresetVisual,\n  TTagMeta = undefined,\n  TClusterMeta = undefined,\n> = ItemIdentityConfig<TItem> &\n  ClusterMetaConfig<TItem, TTagMeta, TClusterMeta> & {\n    readonly items: readonly TItem[];\n    /** Built-in visual preset used when custom views / `visualResolver` are omitted. Default: `'geometric'`. */\n    readonly preset?: SimplexVisualPreset;\n    /** Optional label extractor for built-in presets and default hover tooltips. */\n    readonly getLabel?: (item: TItem) => string;\n    /**\n     * Optional `VisualResolver` mapping items and clusters to pure visual descriptors.\n     * Optional in both zero-config preset mode and declarative JSX renderer mode.\n     */\n    readonly visualResolver?: VisualResolver<\n      TItem,\n      TContentVisual,\n      TClusterVisual,\n      TTagMeta,\n      TClusterMeta\n    >;\n    /** Optional cache key override when using `renderContentNode` without `visualResolver`. */\n    readonly getContentCacheKey?: (\n      item: TItem,\n      ctx: ContentLayoutContext<TItem, TTagMeta, TClusterMeta>,\n    ) => string;\n    /** Optional cache key override when using `renderClusterNode` without `visualResolver`. */\n    readonly getClusterCacheKey?: (\n      cluster: ClusterDescriptor<TItem, TTagMeta, TClusterMeta>,\n    ) => string;\n    /** Portable `@simplex-viz/svg` view plugin for content items. */\n    readonly contentView?: SvgNodeView<TContentVisual>;\n    /** Portable `@simplex-viz/svg` view plugin for topic clusters. */\n    readonly clusterView?: SvgNodeView<TClusterVisual>;\n    /** Optional declarative React JSX renderer for content items (auto-measured via `getBBox()`). */\n    readonly renderContentNode?: (\n      item: TItem,\n      ctx: ContentLayoutContext<TItem, TTagMeta, TClusterMeta>,\n      state: NodeRenderState<TContentVisual>,\n    ) => ReactNode;\n    /** Optional declarative React JSX renderer for topic clusters (auto-measured via `getBBox()`). */\n    readonly renderClusterNode?: (\n      cluster: ClusterDescriptor<TItem, TTagMeta, TClusterMeta>,\n      state: NodeRenderState<TClusterVisual>,\n    ) => ReactNode;\n    readonly normalizeTag?: (rawTag: string) => string;\n    readonly resolveTagMeta?: (normalizedTag: string) => TTagMeta | undefined;\n    readonly meshOptions?: MeshOptions;\n    readonly layoutOptions?: LayoutSolverOptions;\n    readonly sizeMultiplier?: number;\n    readonly showHulls?: boolean;\n    readonly pinnedIds?: ReadonlySet<string> | readonly string[];\n    readonly highlightedIds?: ReadonlySet<string> | readonly string[];\n    readonly focusedClusterUid?: string | null;\n    /**\n     * Enables built-in cluster focus toggle on click when `focusedClusterUid` and `onLeftClick`\n     * are not controlled externally. Default: `true`.\n     */\n    readonly focusOnClusterClick?: boolean;\n    /**\n     * Enables a built-in floating hover tooltip, or accepts a custom `(target) => ReactNode` formatter.\n     * Default: `false`.\n     */\n    readonly tooltip?:\n      | boolean\n      | ((\n          target: SimplexReactTooltipTarget<\n            TItem,\n            TContentVisual,\n            TClusterVisual,\n            TTagMeta,\n            TClusterMeta\n          >,\n        ) => ReactNode);\n    readonly onContentHover?: (\n      event: ContentHoverEvent<TItem, TContentVisual, TTagMeta, TClusterMeta> | null,\n    ) => void;\n    readonly onClusterHover?: (\n      event: ClusterHoverEvent<TItem, TClusterVisual, TTagMeta, TClusterMeta> | null,\n    ) => void;\n    readonly onLeftClick?: (\n      target: HitTarget<TItem, TContentVisual, TClusterVisual, TTagMeta, TClusterMeta>,\n      rawEvent: NormalizedPointerEvent,\n    ) => void;\n    readonly onRightClick?: (\n      target: HitTarget<TItem, TContentVisual, TClusterVisual, TTagMeta, TClusterMeta>,\n      rawEvent: NormalizedPointerEvent,\n    ) => boolean | void;\n    readonly onWheel?: WheelBehavior;\n    readonly onMetricsChange?: (metrics: LayoutMetrics) => void;\n    readonly onClustersChange?: (\n      clusters: readonly ClusterDescriptor<TItem, TTagMeta, TClusterMeta>[],\n    ) => void;\n    readonly onFpsUpdate?: (fps: number) => void;\n    readonly controllerRef?: MutableRefObject<SimplexSvgController<\n      TItem,\n      TContentVisual,\n      TClusterVisual,\n      TTagMeta,\n      TClusterMeta\n    > | null>;\n    readonly className?: string;\n    readonly style?: CSSProperties;\n  };\n\ninterface AutoKeyVisual {\n  readonly __svAutoKey: string;\n}\n\nfunction isAutoKeyVisual(v: unknown): v is AutoKeyVisual {\n  return (\n    typeof v === 'object' &&\n    v !== null &&\n    '__svAutoKey' in v &&\n    typeof (v as AutoKeyVisual).__svAutoKey === 'string'\n  );\n}\n\n/**\n * Type-safe React visualization component wrapping `@simplex-viz/core` and `@simplex-viz/svg`.\n */\nexport function SimplexTopicGraph<\n  TItem = DefaultTaggedItem,\n  TContentVisual = DefaultContentPresetVisual,\n  TClusterVisual = DefaultClusterPresetVisual,\n  TTagMeta = undefined,\n  TClusterMeta = undefined,\n>(\n  props: SimplexTopicGraphProps<\n    TItem,\n    TContentVisual,\n    TClusterVisual,\n    TTagMeta,\n    TClusterMeta\n  >,\n) {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const ctrlRef = useRef<SimplexSvgController<\n    TItem,\n    TContentVisual,\n    TClusterVisual,\n    TTagMeta,\n    TClusterMeta\n  > | null>(null);\n\n  const [hoveredTarget, setHoveredTarget] = useState<SimplexReactTooltipTarget<\n    TItem,\n    TContentVisual,\n    TClusterVisual,\n    TTagMeta,\n    TClusterMeta\n  > | null>(null);\n\n  const internalFocusedUidRef = useRef<string | null>(null);\n\n  const contentDomainByKeyRef = useRef(\n    new Map<string, ContentDomainRecord<TItem, TTagMeta, TClusterMeta>>(),\n  );\n  const clusterDomainByKeyRef = useRef(\n    new Map<string, ClusterDescriptor<TItem, TTagMeta, TClusterMeta>>(),\n  );\n  const jsxContentViewRef = useRef<ReactJsxSvgView<\n    TContentVisual,\n    ContentDomainRecord<TItem, TTagMeta, TClusterMeta>\n  > | null>(null);\n  const jsxClusterViewRef = useRef<ReactJsxSvgView<\n    TClusterVisual,\n    ClusterDescriptor<TItem, TTagMeta, TClusterMeta>\n  > | null>(null);\n\n  const latestPropsRef = useRef(props);\n  latestPropsRef.current = props;\n\n  const resolveEffectiveResolver = (): VisualResolver<\n    TItem,\n    TContentVisual,\n    TClusterVisual,\n    TTagMeta,\n    TClusterMeta\n  > => {\n    const p = latestPropsRef.current;\n    const preset: SimplexVisualPreset = p.preset ?? 'geometric';\n    const presetResolver = createPresetVisualResolver<TItem, TTagMeta, TClusterMeta>(\n      preset,\n      (item) => {\n        const curGetLabel = latestPropsRef.current.getLabel;\n        if (curGetLabel) return curGetLabel(item);\n        if (typeof item === 'object' && item !== null) {\n          if ('label' in item && typeof item.label === 'string' && item.label.length > 0) {\n            return item.label;\n          }\n          if ('title' in item && typeof item.title === 'string' && item.title.length > 0) {\n            return item.title;\n          }\n          if ('headline' in item && typeof item.headline === 'string' && item.headline.length > 0) {\n            return item.headline;\n          }\n          if ('name' in item && typeof item.name === 'string' && item.name.length > 0) {\n            return item.name;\n          }\n        }\n        return '';\n      },\n    );\n    const base = p.visualResolver;\n\n    const getKey = (visual: TContentVisual | TClusterVisual): string => {\n      if (isAutoKeyVisual(visual)) {\n        return visual.__svAutoKey;\n      }\n      if (base) {\n        return base.getVisualCacheKey(visual);\n      }\n      return presetResolver.getVisualCacheKey(\n        visual as unknown as DefaultContentPresetVisual | DefaultClusterPresetVisual,\n      );\n    };\n\n    return {\n      resolveContentVisual: (item, ctx) => {\n        const cur = latestPropsRef.current;\n        let visual: TContentVisual;\n        if (base) {\n          visual = base.resolveContentVisual(item, ctx);\n        } else if (cur.renderContentNode) {\n          const autoKey = cur.getContentCacheKey\n            ? cur.getContentCacheKey(item, ctx)\n            : `${ctx.id}:${ctx.mixedColorHex}:${ctx.tags.map((t) => t.tag).join(',')}`;\n          visual = { __svAutoKey: autoKey } as unknown as TContentVisual;\n        } else {\n          visual = presetResolver.resolveContentVisual(item, ctx) as unknown as TContentVisual;\n        }\n        const key = getKey(visual);\n        contentDomainByKeyRef.current.set(key, { item, ctx });\n        return visual;\n      },\n      resolveClusterVisual: (cluster) => {\n        const cur = latestPropsRef.current;\n        let visual: TClusterVisual;\n        if (base) {\n          visual = base.resolveClusterVisual(cluster);\n        } else if (cur.renderClusterNode) {\n          const autoKey = cur.getClusterCacheKey\n            ? cur.getClusterCacheKey(cluster)\n            : `${cluster.clusterUid}:${cluster.defaultLabel}:${cluster.members.length}:${cluster.colorHex}`;\n          visual = { __svAutoKey: autoKey } as unknown as TClusterVisual;\n        } else {\n          visual = presetResolver.resolveClusterVisual(cluster) as unknown as TClusterVisual;\n        }\n        const key = getKey(visual);\n        clusterDomainByKeyRef.current.set(key, cluster);\n        return visual;\n      },\n      getVisualCacheKey: getKey,\n    };\n  };\n\n  const resolveActiveViews = (\n    activeResolver: VisualResolver<\n      TItem,\n      TContentVisual,\n      TClusterVisual,\n      TTagMeta,\n      TClusterMeta\n    >,\n  ): {\n    contentView: SvgNodeView<TContentVisual>;\n    clusterView: SvgNodeView<TClusterVisual>;\n  } => {\n    const p = latestPropsRef.current;\n    const presetViews = createPresetViews(p.preset ?? 'geometric');\n\n    let contentView: SvgNodeView<TContentVisual>;\n    if (p.renderContentNode) {\n      const renderFn = p.renderContentNode;\n      jsxContentViewRef.current?.dispose();\n      const jsxView = new ReactJsxSvgView<\n        TContentVisual,\n        ContentDomainRecord<TItem, TTagMeta, TClusterMeta>\n      >({\n        renderFn: (domain, state) => renderFn(domain.item, domain.ctx, state),\n        getKey: (v) => activeResolver.getVisualCacheKey(v),\n        domainByKey: contentDomainByKeyRef.current,\n      });\n      jsxContentViewRef.current = jsxView;\n      contentView = jsxView;\n    } else if (p.contentView) {\n      jsxContentViewRef.current?.dispose();\n      jsxContentViewRef.current = null;\n      contentView = p.contentView;\n    } else {\n      jsxContentViewRef.current?.dispose();\n      jsxContentViewRef.current = null;\n      contentView = presetViews.contentView as unknown as SvgNodeView<TContentVisual>;\n    }\n\n    let clusterView: SvgNodeView<TClusterVisual>;\n    if (p.renderClusterNode) {\n      const renderFn = p.renderClusterNode;\n      jsxClusterViewRef.current?.dispose();\n      const jsxView = new ReactJsxSvgView<\n        TClusterVisual,\n        ClusterDescriptor<TItem, TTagMeta, TClusterMeta>\n      >({\n        renderFn: (cluster, state) => renderFn(cluster, state),\n        getKey: (v) => activeResolver.getVisualCacheKey(v),\n        domainByKey: clusterDomainByKeyRef.current,\n      });\n      jsxClusterViewRef.current = jsxView;\n      clusterView = jsxView;\n    } else if (p.clusterView) {\n      jsxClusterViewRef.current?.dispose();\n      jsxClusterViewRef.current = null;\n      clusterView = p.clusterView;\n    } else {\n      jsxClusterViewRef.current?.dispose();\n      jsxClusterViewRef.current = null;\n      clusterView = presetViews.clusterView as unknown as SvgNodeView<TClusterVisual>;\n    }\n\n    return { contentView, clusterView };\n  };\n\n  // Mount controller once on container\n  useEffect(() => {\n    const el = containerRef.current;\n    if (!el) return;\n\n    const p = latestPropsRef.current;\n    const effectiveResolver = resolveEffectiveResolver();\n    const { contentView, clusterView } = resolveActiveViews(effectiveResolver);\n\n    const ctrl = SimplexSvgController.createFromResolved(el, {\n      items: p.items,\n      getId: p.getId,\n      getTags: p.getTags,\n      getLabel: p.getLabel,\n      deriveClusterMeta: p.deriveClusterMeta,\n      preset: p.preset,\n      visualResolver: effectiveResolver,\n      contentView,\n      clusterView,\n      normalizeTag: p.normalizeTag,\n      resolveTagMeta: p.resolveTagMeta,\n      meshOptions: p.meshOptions,\n      layoutOptions: {\n        ...p.layoutOptions,\n        sizeMultiplier: p.sizeMultiplier ?? p.layoutOptions?.sizeMultiplier ?? 1,\n      },\n      showHulls: p.showHulls,\n      focusOnClusterClick: false,\n      interactions: {\n        onContentHover: (ev) => {\n          latestPropsRef.current.onContentHover?.(ev);\n          if (latestPropsRef.current.tooltip) {\n            setHoveredTarget(ev ? { kind: 'content', ...ev } : null);\n          }\n        },\n        onClusterHover: (ev) => {\n          latestPropsRef.current.onClusterHover?.(ev);\n          if (latestPropsRef.current.tooltip) {\n            setHoveredTarget(ev ? { kind: 'cluster', ...ev } : null);\n          }\n        },\n        onLeftClick: (target, raw) => {\n          const cur = latestPropsRef.current;\n          if (cur.onLeftClick) {\n            cur.onLeftClick(target, raw);\n            return;\n          }\n          if (cur.focusedClusterUid === undefined && (cur.focusOnClusterClick ?? true)) {\n            if (target.kind === 'cluster') {\n              const next =\n                internalFocusedUidRef.current === target.cluster.clusterUid\n                  ? null\n                  : target.cluster.clusterUid;\n              internalFocusedUidRef.current = next;\n              ctrlRef.current?.setFocusedClusterUid(next);\n            } else if (\n              target.kind === 'background' &&\n              internalFocusedUidRef.current !== null\n            ) {\n              internalFocusedUidRef.current = null;\n              ctrlRef.current?.setFocusedClusterUid(null);\n            }\n          }\n        },\n        onRightClick: (t, raw) => latestPropsRef.current.onRightClick?.(t, raw),\n        onWheel: (ev, cam) => {\n          const policy = latestPropsRef.current.onWheel ?? 'zoom-to-cursor';\n          if (policy === 'none') return;\n          if (typeof policy === 'function') {\n            policy(ev, cam);\n            return;\n          }\n          if (policy === 'pan-vertical') {\n            cam.panBy(-ev.deltaX, -ev.deltaY);\n            return;\n          }\n          const factor = Math.exp(-ev.deltaY * 0.0014);\n          cam.zoomToCursor(ev.screenX, ev.screenY, factor);\n        },\n      },\n      onMetricsChange: (m) => latestPropsRef.current.onMetricsChange?.(m),\n      onClustersChange: (c) => latestPropsRef.current.onClustersChange?.(c),\n      onFpsUpdate: (fps) => latestPropsRef.current.onFpsUpdate?.(fps),\n    });\n    ctrlRef.current = ctrl;\n    if (p.controllerRef) {\n      p.controllerRef.current = ctrl;\n    }\n\n    return () => {\n      ctrl.destroy();\n      ctrlRef.current = null;\n      if (latestPropsRef.current.controllerRef) {\n        latestPropsRef.current.controllerRef.current = null;\n      }\n      jsxContentViewRef.current?.dispose();\n      jsxClusterViewRef.current?.dispose();\n      jsxContentViewRef.current = null;\n      jsxClusterViewRef.current = null;\n    };\n  }, []);\n\n  // Sync items\n  useEffect(() => {\n    ctrlRef.current?.setItems(props.items);\n  }, [props.items]);\n\n  // Sync views, presets & visual resolver (triggers smooth crossfade / morph!)\n  useEffect(() => {\n    const ctrl = ctrlRef.current;\n    if (!ctrl) return;\n    const effectiveResolver = resolveEffectiveResolver();\n    const { contentView, clusterView } = resolveActiveViews(effectiveResolver);\n    ctrl.setViews({ contentView, clusterView });\n    ctrl.setVisualResolver(effectiveResolver);\n  }, [\n    props.preset,\n    props.visualResolver,\n    props.contentView,\n    props.clusterView,\n    props.renderContentNode,\n    props.renderClusterNode,\n  ]);\n\n  // Sync sizeMultiplier\n  useEffect(() => {\n    if (props.sizeMultiplier !== undefined) {\n      ctrlRef.current?.setSizeMultiplier(props.sizeMultiplier);\n    }\n  }, [props.sizeMultiplier]);\n\n  // Sync showHulls\n  useEffect(() => {\n    if (props.showHulls !== undefined) {\n      ctrlRef.current?.setShowHulls(props.showHulls);\n    }\n  }, [props.showHulls]);\n\n  // Sync pinned / highlighted / focused cluster\n  useEffect(() => {\n    if (props.pinnedIds !== undefined) {\n      ctrlRef.current?.setPinnedIds(props.pinnedIds);\n    }\n  }, [props.pinnedIds]);\n\n  useEffect(() => {\n    if (props.highlightedIds !== undefined) {\n      ctrlRef.current?.setHighlightedIds(props.highlightedIds);\n    }\n  }, [props.highlightedIds]);\n\n  useEffect(() => {\n    if (props.focusedClusterUid !== undefined) {\n      internalFocusedUidRef.current = props.focusedClusterUid;\n      ctrlRef.current?.setFocusedClusterUid(props.focusedClusterUid);\n    }\n  }, [props.focusedClusterUid]);\n\n  // Clear built-in tooltip if prop toggled off\n  useEffect(() => {\n    if (!props.tooltip) {\n      setHoveredTarget(null);\n    }\n  }, [props.tooltip]);\n\n  const renderBuiltInTooltip = () => {\n    if (!props.tooltip || !hoveredTarget) return null;\n\n    const containerW = containerRef.current?.clientWidth || 960;\n    const containerH = containerRef.current?.clientHeight || 600;\n    const left = Math.min(\n      Math.max(8, Math.round(hoveredTarget.screenPosition.x + 14)),\n      Math.max(8, containerW - 256),\n    );\n    const top = Math.min(\n      Math.max(8, Math.round(hoveredTarget.screenPosition.y + 14)),\n      Math.max(8, containerH - 80),\n    );\n\n    const content =\n      typeof props.tooltip === 'function' ? (\n        props.tooltip(hoveredTarget)\n      ) : hoveredTarget.kind === 'content' ? (\n        <div>\n          <div style={{ fontWeight: 600, color: '#f8fafc' }}>\n            {extractDefaultItemLabel(\n              hoveredTarget.item,\n              hoveredTarget.layoutContext.id,\n              props.getLabel,\n            )}\n          </div>\n          {hoveredTarget.layoutContext.tags.length > 0 && (\n            <div style={{ marginTop: 3, fontSize: 11, color: '#94a3b8' }}>\n              {hoveredTarget.layoutContext.tags\n                .map((t) => `#${t.tag}`)\n                .slice(0, 5)\n                .join(' · ')}\n            </div>\n          )}\n        </div>\n      ) : (\n        <div>\n          <div style={{ fontWeight: 600, color: hoveredTarget.cluster.colorHex }}>\n            {`${hoveredTarget.cluster.code} · ${hoveredTarget.cluster.defaultLabel}`}\n          </div>\n          <div style={{ marginTop: 3, fontSize: 11, color: '#94a3b8' }}>\n            {`${hoveredTarget.cluster.members.length} ${\n              hoveredTarget.cluster.members.length === 1 ? 'item' : 'items'\n            }`}\n          </div>\n        </div>\n      );\n\n    return (\n      <div\n        role=\"tooltip\"\n        style={{\n          position: 'absolute',\n          left,\n          top,\n          zIndex: 20,\n          maxWidth: 244,\n          padding: '7px 10px',\n          borderRadius: 8,\n          background: 'rgba(9, 13, 22, 0.94)',\n          border: '1px solid rgba(51, 65, 85, 0.85)',\n          color: '#f1f5f9',\n          fontSize: 12,\n          lineHeight: 1.4,\n          pointerEvents: 'none',\n          boxShadow: '0 10px 24px rgba(0, 0, 0, 0.45)',\n        }}\n      >\n        {content}\n      </div>\n    );\n  };\n\n  return (\n    <div\n      ref={containerRef}\n      className={props.className}\n      style={{\n        position: 'relative',\n        width: '100%',\n        height: '100%',\n        overflow: 'hidden',\n        ...props.style,\n      }}\n    >\n      {renderBuiltInTooltip()}\n    </div>\n  );\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplex-viz/react",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "End-to-end type-safe React bindings, declarative JSX node renderers, and hooks for @simplex-viz/core and @simplex-viz/svg.",
   "license": "MIT",
   "type": "module",
@@ -20,8 +20,8 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@simplex-viz/core": "^0.1.2",
-    "@simplex-viz/svg": "^0.1.2"
+    "@simplex-viz/core": "^0.2.0",
+    "@simplex-viz/svg": "^0.2.0"
   },
   "peerDependencies": {
     "react": ">=18.0.0",