feat(ui): Data Flow tab — live lineage graph + PII overlay + movement triggers

New DataFlowView (topology-style): nodes positioned from /api/dataflow with
measured-anchor SVG edges and animated particles (active CDC + running
movements). PII overlay shows shield badges + per-column detail inspector.
Bottom strip triggers ETL movements and toggles the ETL agent. Wired into
SideNav (Data Flow) and App routing; added types + api helpers.
This commit is contained in:
mo
2026-06-27 02:09:38 +02:00
parent ee9357aa31
commit 6f20e24b8b
5 changed files with 539 additions and 1 deletions
+3
View File
@@ -19,6 +19,7 @@ import { StorageView } from './components/features/StorageView'
import { HdfsView } from './components/features/HdfsView'
import { DataGenView } from './components/features/DataGenView'
import { ChangesView } from './components/features/ChangesView'
import { DataFlowView } from './components/features/DataFlowView'
import { SearchView } from './components/features/SearchView'
import { SshTerminal } from './components/features/SshTerminal'
import { TerminalDock } from './components/features/TerminalDock'
@@ -131,6 +132,8 @@ export default function App() {
<DataGenView onPulse={cc.pulseFlow} onOpenPlatform={() => cc.setMainView('platform')} />
) : cc.mainView === 'changes' ? (
<ChangesView liveChanges={cc.changes} />
) : cc.mainView === 'dataflow' ? (
<DataFlowView />
) : cc.mainView === 'presentation' ? (
<PresentationView />
) : cc.mainView === 'dataquality' ? (