feat(graph): Phase 6 - Graph and Mind Map Workbench

[d-oit]

Description

Modernize Graph and Mind Map with inspector panels, relation controls, and tokenized visuals.

Tasks

GraphView.tsx

• Add graph inspector panel for selected node (shows entity details, claims, links)
• Add accessible graph summary and node/edge list (text alternative)
• Tokenize node and edge colors in tokens.css
• Remove inline style={{ height: '600px', width: '100%' }} - use CSS class
• Add relation filters and focus modes
• Persist selected node and focus mode via URL or shared state

GraphControls.tsx

• Move mobile controls out of app navigation into view-level bottom sheet
• Add aria-pressed to focus mode toggles
• Add proper modal CSS for snapshot UI
• Add dialog semantics and focus management

MindMapView.tsx

• Add root entity picker
• Generate hierarchy from links instead of array order
• Add depth and relation controls
• Make node click open entity details
• Replace non-deterministic fallback IDs
• Add accessible summary for rendered structure

Acceptance Criteria

• Graph is inspectable, not only visible
• Mobile graph users can operate controls without opening app nav
• Mind map hierarchy derived from data relationships
• Screen-reader users can inspect graph/mind map through text alternatives

References

• plans/UI_MODERNIZATION_2026.md Phase 6

[github-actions]

👋 This looks like a duplicate of #80.

The canonical issue has broader scope and/or more tasks — please subscribe there for updates.

⏳ This issue will be auto-closed in 3 days unless you react with 👎 to dispute.

Detected via title similarity analysis

[google-labs-jules]

Jules is on it. When finished, you will see another comment and be able to review a PR.