Plans — Logic Map

Interactive node-edge view of the plan: pieces as funnel-coloured tiles in 4 columns, edges as suggested internal links with anchor text.

What is it?

A React Flow canvas on the Plan Detail page. Pieces appear as tiles arranged in four columns (Awareness → Consideration → Decision → Conversion). Edges are the internal links proposed by Gemini at generation time, labelled with the suggested anchor text. The map updates live when you add or remove links in the Pieces tab.

When should I use it?

You want to see the cluster's link structure at a glance.
You're checking whether every pillar piece has supporting clusters linking up to it.
You want to confirm the funnel distribution looks right (rough target: 40% awareness, 35% consideration, 20% decision, 5% conversion).

How to use it

Open the plan and click the Logic Map tab.
Drag the canvas to pan, scroll to zoom, or use the Controls in the bottom-left.
Click any tile to highlight it; hover an edge to see its full anchor text (truncated to 28 chars in the label for readability).
Use the minimap in the corner to orient yourself on bigger plans.

Tips and best practices

Look for tiles with no incoming edges — they're orphaned in the cluster and may not get crawled.
Pillar tiles should be the busiest hubs; if a longtail has more edges than its pillar, the structure is upside-down.
Edit links from the Pieces tab — the map is read-only; it just reflects whatever's currently on each piece.

Gotchas and limits

The map renders piece→piece edges only. Links to existing drafts or external URLs are tracked but not visualised here yet.
Layout is deterministic per render — tile positions reset if you reload. Drag positions are not persisted in v1.
Big plans (10 pieces, many edges) can feel cluttered. The legend in the sticky right rail explains funnel colours and content-type icons.