feat: implement core knowledge graph UI components, extraction pipeline, and initial platform navigation pages

This commit is contained in:
RaymondVerhoef
2026-05-10 21:33:02 +02:00
parent a626042092
commit 31aacd68d5
14 changed files with 1634 additions and 480 deletions

View File

@@ -149,7 +149,7 @@ const KnowledgeGraph = () => {
<div ref={wrapperRef} className="flex-1 h-[400px] md:h-full cursor-grab active:cursor-grabbing border-r border-bg-warm">
{topics.length === 0 ? (
<div className="h-full flex items-center justify-center text-fg-muted p-8 text-center">
Nog geen kennisgraaf data. Upload eerst bronnen via het Bronmateriaal tabblad.
No knowledge graph data yet. Upload source material in the Sources tab first.
</div>
) : (
<svg ref={svgRef} className="w-full h-full" />
@@ -172,7 +172,7 @@ const KnowledgeGraph = () => {
</span>
</div>
<div>
<p className="text-xs text-fg-muted uppercase tracking-wider mb-1">Beschrijving</p>
<p className="text-xs text-fg-muted uppercase tracking-wider mb-1">Description</p>
<p className="text-sm leading-relaxed">{selectedNode.description}</p>
</div>
<div>
@@ -181,7 +181,7 @@ const KnowledgeGraph = () => {
</div>
</div>
) : (
<p className="text-sm text-fg-muted">Klik op een node in de graaf om details te bekijken.</p>
<p className="text-sm text-fg-muted">Click a node in the graph to view its details.</p>
)}
</div>
</div>