feat: Netzwerkanalyse-Feature (Wissensgraph)
Neues Feature zur Visualisierung von Entitäten und Beziehungen aus ausgewählten Lagen als interaktiver d3.js-Netzwerkgraph. - Haiku extrahiert Entitäten (Person, Organisation, Ort, Ereignis, Militär) - Opus analysiert Beziehungen und korrigiert Haiku-Fehler - 6 neue DB-Tabellen (network_analyses, _entities, _relations, etc.) - REST-API: CRUD + Generierung + Export (JSON/CSV) - d3.js Force-Directed Graph mit Zoom, Filter, Suche, Export - WebSocket-Events für Live-Progress während Generierung - Sidebar-Integration mit Netzwerkanalysen-Sektion Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Dieser Commit ist enthalten in:
Claude Dev
746
src/agents/entity_extractor.py
Normale Datei
746
src/agents/entity_extractor.py
Normale Datei
@@ -0,0 +1,746 @@
|
||||
"""Netzwerkanalyse: Entity-Extraktion (Haiku) + Beziehungsanalyse (Opus)."""
|
||||
import asyncio
|
||||
import hashlib
|
||||
import json
|
||||
import logging
|
||||
import re
|
||||
from datetime import datetime
|
||||
from typing import Optional
|
||||
|
||||
from agents.claude_client import call_claude, ClaudeUsage, UsageAccumulator
|
||||
from config import CLAUDE_MODEL_FAST, TIMEZONE
|
||||
|
||||
logger = logging.getLogger("osint.entity_extractor")
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# Prompts
|
||||
# ---------------------------------------------------------------------------
|
||||
|
||||
ENTITY_EXTRACTION_PROMPT = """Du bist ein OSINT-Analyst für ein Lagemonitoring-System.
|
||||
AUFGABE: Extrahiere ALLE relevanten Entitäten aus den folgenden Nachrichtenartikeln.
|
||||
|
||||
ARTIKEL:
|
||||
{articles_text}
|
||||
|
||||
REGELN:
|
||||
- Extrahiere JEDE genannte Person, Organisation, Ort, Ereignis und militärische Einheit
|
||||
- Normalisiere Namen: "Wladimir Putin", "Putin", "V. Putin" -> eine Entität
|
||||
- Aliase erfassen: Alle Namensvarianten einer Entität als aliases[]
|
||||
- mention_count: Wie oft wird die Entität insgesamt in allen Artikeln erwähnt?
|
||||
- Beschreibung: Kurze Einordnung, wer/was die Entität ist (1 Satz)
|
||||
- KEINE Duplikate: Gleiche Entitäten zusammenfassen
|
||||
|
||||
ENTITY-TYPEN:
|
||||
- "person": Individuelle Personen (Politiker, Militärs, Journalisten etc.)
|
||||
- "organisation": Organisationen, Parteien, Behörden, Unternehmen, NGOs
|
||||
- "location": Länder, Städte, Regionen, Gebiete
|
||||
- "event": Konkrete Ereignisse (Wahlen, Anschläge, Konferenzen etc.)
|
||||
- "military": Militärische Einheiten, Waffensysteme, Operationen
|
||||
|
||||
AUSGABEFORMAT — Antworte AUSSCHLIESSLICH mit diesem JSON:
|
||||
{{
|
||||
"entities": [
|
||||
{{
|
||||
"name": "Vollständiger Name",
|
||||
"name_normalized": "vollständiger name",
|
||||
"type": "person|organisation|location|event|military",
|
||||
"description": "Kurze Einordnung (1 Satz)",
|
||||
"aliases": ["Alias1", "Alias2"],
|
||||
"mention_count": 5
|
||||
}}
|
||||
]
|
||||
}}"""
|
||||
|
||||
|
||||
RELATIONSHIP_ANALYSIS_PROMPT = """Du bist ein Senior OSINT-Analyst für ein Lagemonitoring-System.
|
||||
AUFGABE: Analysiere die Beziehungen zwischen den extrahierten Entitäten und korrigiere ggf. Fehler.
|
||||
|
||||
EXTRAHIERTE ENTITÄTEN:
|
||||
{entities_json}
|
||||
|
||||
QUELLMATERIAL:
|
||||
{source_texts}
|
||||
|
||||
TEIL 1 — KORREKTUREN (optional):
|
||||
Prüfe die extrahierten Entitäten auf Fehler:
|
||||
- "name_fix": Name ist falsch geschrieben oder unvollständig
|
||||
- "merge": Zwei Entitäten sind dieselbe -> zusammenführen
|
||||
- "add": Wichtige Entität fehlt komplett
|
||||
|
||||
TEIL 2 — BEZIEHUNGEN:
|
||||
Identifiziere ALLE relevanten Beziehungen zwischen den Entitäten.
|
||||
|
||||
BEZIEHUNGS-KATEGORIEN:
|
||||
- "alliance": Bündnis, Kooperation, Unterstützung, Partnerschaft
|
||||
- "conflict": Konflikt, Krieg, Feindschaft, Sanktionen, Opposition
|
||||
- "diplomacy": Diplomatische Beziehungen, Verhandlungen, Abkommen
|
||||
- "economic": Wirtschaftsbeziehungen, Handel, Investitionen
|
||||
- "legal": Rechtliche Beziehungen, Klagen, Verurteilungen
|
||||
- "neutral": Sonstige Beziehung, Erwähnung, Verbindung
|
||||
|
||||
REGELN:
|
||||
- weight: 1 (schwach/indirekt) bis 5 (stark/direkt)
|
||||
- evidence[]: Stichpunkte aus dem Quellmaterial die die Beziehung belegen
|
||||
- status: "active" (aktuell), "historical" (vergangen), "emerging" (sich entwickelnd)
|
||||
- source und target: Exakt die Namen aus der Entitäten-Liste verwenden
|
||||
|
||||
AUSGABEFORMAT — Antworte AUSSCHLIESSLICH mit diesem JSON:
|
||||
{{
|
||||
"corrections": [
|
||||
{{"type": "name_fix", "entity_name": "Falscher Name", "corrected_name": "Korrekter Name"}},
|
||||
{{"type": "merge", "entity_name": "Behalten", "merge_with": "Duplikat löschen"}},
|
||||
{{"type": "add", "entity_name": "Neuer Name", "entity_type": "person", "description": "Einordnung"}}
|
||||
],
|
||||
"relations": [
|
||||
{{
|
||||
"source": "Entität A",
|
||||
"target": "Entität B",
|
||||
"category": "alliance|conflict|diplomacy|economic|legal|neutral",
|
||||
"label": "Kurzes Label (2-4 Wörter)",
|
||||
"description": "Beschreibung (1-2 Sätze)",
|
||||
"weight": 3,
|
||||
"status": "active|historical|emerging",
|
||||
"evidence": ["Beleg 1", "Beleg 2"]
|
||||
}}
|
||||
]
|
||||
}}"""
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# Hilfsfunktionen
|
||||
# ---------------------------------------------------------------------------
|
||||
|
||||
async def _broadcast(ws_manager, msg_type: str, data: dict):
|
||||
"""Sendet eine WebSocket-Nachricht, falls ws_manager vorhanden."""
|
||||
if ws_manager:
|
||||
try:
|
||||
await ws_manager.broadcast({"type": msg_type, **data})
|
||||
except Exception:
|
||||
pass
|
||||
|
||||
|
||||
def _parse_json_response(text: str) -> Optional[dict]:
|
||||
"""Parst JSON aus Claude-Antwort. Handhabt Markdown-Fences."""
|
||||
if not text:
|
||||
return None
|
||||
# Direkt
|
||||
try:
|
||||
return json.loads(text)
|
||||
except json.JSONDecodeError:
|
||||
pass
|
||||
# Markdown-Fences
|
||||
fence_match = re.search(r'```(?:json)?\s*\n?(.*?)\n?\s*```', text, re.DOTALL)
|
||||
if fence_match:
|
||||
try:
|
||||
return json.loads(fence_match.group(1))
|
||||
except json.JSONDecodeError:
|
||||
pass
|
||||
# Erstes JSON-Objekt
|
||||
obj_match = re.search(r'\{.*\}', text, re.DOTALL)
|
||||
if obj_match:
|
||||
try:
|
||||
return json.loads(obj_match.group())
|
||||
except json.JSONDecodeError:
|
||||
pass
|
||||
logger.warning("JSON-Parse fehlgeschlagen")
|
||||
return None
|
||||
|
||||
|
||||
async def _check_analysis_exists(db, analysis_id: int) -> bool:
|
||||
"""Prüft ob die Analyse noch existiert."""
|
||||
cursor = await db.execute(
|
||||
"SELECT id FROM network_analyses WHERE id = ?", (analysis_id,)
|
||||
)
|
||||
return await cursor.fetchone() is not None
|
||||
|
||||
|
||||
def _compute_data_hash(article_ids, factcheck_ids, article_ts, factcheck_ts) -> str:
|
||||
"""SHA256-Hash über sortierte IDs und Timestamps."""
|
||||
parts = []
|
||||
for aid, ats in sorted(zip(article_ids, article_ts)):
|
||||
parts.append(f"a:{aid}:{ats}")
|
||||
for fid, fts in sorted(zip(factcheck_ids, factcheck_ts)):
|
||||
parts.append(f"f:{fid}:{fts}")
|
||||
return hashlib.sha256("|".join(parts).encode("utf-8")).hexdigest()
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# Phase 1: Entity-Extraktion (Haiku)
|
||||
# ---------------------------------------------------------------------------
|
||||
|
||||
async def _phase1_extract_entities(
|
||||
db, analysis_id: int, tenant_id: int,
|
||||
articles: list[dict], factchecks: list[dict],
|
||||
usage_acc: UsageAccumulator, ws_manager=None,
|
||||
) -> list[dict]:
|
||||
"""Extrahiert Entitäten aus Artikeln via Haiku in Batches."""
|
||||
logger.info(f"Phase 1: {len(articles)} Artikel, {len(factchecks)} Faktenchecks")
|
||||
|
||||
all_texts = []
|
||||
for art in articles:
|
||||
headline = art.get("headline_de") or art.get("headline") or ""
|
||||
content = art.get("content_de") or art.get("content_original") or ""
|
||||
source = art.get("source") or ""
|
||||
# Inhalt kürzen falls sehr lang
|
||||
if len(content) > 2000:
|
||||
content = content[:2000] + "..."
|
||||
all_texts.append(f"[{source}] {headline}\n{content}")
|
||||
|
||||
for fc in factchecks:
|
||||
claim = fc.get("claim") or ""
|
||||
evidence = fc.get("evidence") or ""
|
||||
status = fc.get("status") or ""
|
||||
all_texts.append(f"[Faktencheck] {claim} (Status: {status})\n{evidence}")
|
||||
|
||||
if not all_texts:
|
||||
logger.warning(f"Analyse {analysis_id}: Keine Texte vorhanden")
|
||||
return []
|
||||
|
||||
# Batching
|
||||
batch_size = 30
|
||||
batches = [all_texts[i:i + batch_size] for i in range(0, len(all_texts), batch_size)]
|
||||
logger.info(f"{len(all_texts)} Texte in {len(batches)} Batches")
|
||||
|
||||
entity_map: dict[tuple[str, str], dict] = {}
|
||||
|
||||
for batch_idx, batch in enumerate(batches):
|
||||
articles_text = "\n\n---\n\n".join(batch)
|
||||
prompt = ENTITY_EXTRACTION_PROMPT.format(articles_text=articles_text)
|
||||
|
||||
try:
|
||||
result_text, usage = await call_claude(prompt, tools=None, model=CLAUDE_MODEL_FAST)
|
||||
usage_acc.add(usage)
|
||||
except Exception as e:
|
||||
logger.error(f"Haiku Batch {batch_idx + 1}/{len(batches)} fehlgeschlagen: {e}")
|
||||
continue
|
||||
|
||||
parsed = _parse_json_response(result_text)
|
||||
if not parsed or "entities" not in parsed:
|
||||
logger.warning(f"Batch {batch_idx + 1}: Kein gültiges JSON")
|
||||
continue
|
||||
|
||||
entities = parsed["entities"]
|
||||
if not isinstance(entities, list):
|
||||
continue
|
||||
|
||||
for ent in entities:
|
||||
if not isinstance(ent, dict):
|
||||
continue
|
||||
name = (ent.get("name") or "").strip()
|
||||
if not name:
|
||||
continue
|
||||
|
||||
name_normalized = (ent.get("name_normalized") or name.lower()).strip().lower()
|
||||
entity_type = (ent.get("type") or "organisation").lower().strip()
|
||||
valid_types = {"person", "organisation", "location", "event", "military"}
|
||||
if entity_type not in valid_types:
|
||||
entity_type = "organisation"
|
||||
|
||||
key = (name_normalized, entity_type)
|
||||
|
||||
if key in entity_map:
|
||||
existing = entity_map[key]
|
||||
aliases = set(existing.get("aliases", []))
|
||||
for alias in ent.get("aliases", []):
|
||||
if alias and alias.strip():
|
||||
aliases.add(alias.strip())
|
||||
if name != existing["name"]:
|
||||
aliases.add(name)
|
||||
existing["aliases"] = list(aliases)
|
||||
existing["mention_count"] = existing.get("mention_count", 1) + ent.get("mention_count", 1)
|
||||
new_desc = ent.get("description", "")
|
||||
if len(new_desc) > len(existing.get("description", "")):
|
||||
existing["description"] = new_desc
|
||||
else:
|
||||
entity_map[key] = {
|
||||
"name": name,
|
||||
"name_normalized": name_normalized,
|
||||
"type": entity_type,
|
||||
"description": ent.get("description", ""),
|
||||
"aliases": [a.strip() for a in ent.get("aliases", []) if a and a.strip()],
|
||||
"mention_count": ent.get("mention_count", 1),
|
||||
}
|
||||
|
||||
logger.info(f"Batch {batch_idx + 1}/{len(batches)}: {len(entity_map)} Entitäten gesamt")
|
||||
|
||||
await _broadcast(ws_manager, "network_status", {
|
||||
"analysis_id": analysis_id,
|
||||
"phase": "entity_extraction",
|
||||
"progress": int((batch_idx + 1) / len(batches) * 100),
|
||||
})
|
||||
|
||||
# In DB speichern
|
||||
all_entities = list(entity_map.values())
|
||||
|
||||
for ent in all_entities:
|
||||
try:
|
||||
cursor = await db.execute(
|
||||
"""INSERT OR IGNORE INTO network_entities
|
||||
(network_analysis_id, name, name_normalized, entity_type,
|
||||
description, aliases, mention_count, tenant_id)
|
||||
VALUES (?, ?, ?, ?, ?, ?, ?, ?)""",
|
||||
(
|
||||
analysis_id, ent["name"], ent["name_normalized"], ent["type"],
|
||||
ent.get("description", ""),
|
||||
json.dumps(ent.get("aliases", []), ensure_ascii=False),
|
||||
ent.get("mention_count", 1),
|
||||
tenant_id,
|
||||
),
|
||||
)
|
||||
ent["db_id"] = cursor.lastrowid
|
||||
except Exception as e:
|
||||
logger.warning(f"Entity speichern fehlgeschlagen '{ent['name']}': {e}")
|
||||
|
||||
await db.commit()
|
||||
logger.info(f"Phase 1 abgeschlossen: {len(all_entities)} Entitäten gespeichert")
|
||||
return all_entities
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# Phase 2: Beziehungsanalyse (Opus)
|
||||
# ---------------------------------------------------------------------------
|
||||
|
||||
async def _phase2_analyze_relationships(
|
||||
db, analysis_id: int, tenant_id: int,
|
||||
entities: list[dict], articles: list[dict], factchecks: list[dict],
|
||||
usage_acc: UsageAccumulator, ws_manager=None,
|
||||
) -> list[dict]:
|
||||
"""Analysiert Beziehungen via Opus und wendet Korrekturen an."""
|
||||
if not entities:
|
||||
return []
|
||||
|
||||
logger.info(f"Phase 2: {len(entities)} Entitäten, Beziehungsanalyse")
|
||||
|
||||
await _broadcast(ws_manager, "network_status", {
|
||||
"analysis_id": analysis_id,
|
||||
"phase": "relationship_extraction",
|
||||
"progress": 0,
|
||||
})
|
||||
|
||||
# Entitäten für Prompt
|
||||
entities_for_prompt = [
|
||||
{"name": e["name"], "type": e["type"],
|
||||
"description": e.get("description", ""), "aliases": e.get("aliases", [])}
|
||||
for e in entities
|
||||
]
|
||||
entities_json = json.dumps(entities_for_prompt, ensure_ascii=False, indent=2)
|
||||
|
||||
# Quelltexte
|
||||
source_parts = []
|
||||
for art in articles:
|
||||
headline = art.get("headline_de") or art.get("headline") or ""
|
||||
content = art.get("content_de") or art.get("content_original") or ""
|
||||
source = art.get("source") or ""
|
||||
source_parts.append(f"[{source}] {headline}\n{content}")
|
||||
|
||||
for fc in factchecks:
|
||||
claim = fc.get("claim") or ""
|
||||
evidence = fc.get("evidence") or ""
|
||||
source_parts.append(f"[Faktencheck] {claim}\n{evidence}")
|
||||
|
||||
source_texts = "\n\n---\n\n".join(source_parts)
|
||||
|
||||
# Kürzen falls zu lang
|
||||
if len(source_texts) > 150_000:
|
||||
logger.info(f"Quelltexte zu lang ({len(source_texts)} Zeichen), kürze")
|
||||
short_parts = []
|
||||
for art in articles:
|
||||
headline = art.get("headline_de") or art.get("headline") or ""
|
||||
content = art.get("content_de") or art.get("content_original") or ""
|
||||
short = content[:500] + "..." if len(content) > 500 else content
|
||||
short_parts.append(f"[{art.get('source', '')}] {headline}: {short}")
|
||||
for fc in factchecks:
|
||||
short_parts.append(f"[Faktencheck] {fc.get('claim', '')} (Status: {fc.get('status', '')})")
|
||||
source_texts = "\n\n".join(short_parts)
|
||||
|
||||
prompt = RELATIONSHIP_ANALYSIS_PROMPT.format(
|
||||
entities_json=entities_json, source_texts=source_texts,
|
||||
)
|
||||
|
||||
try:
|
||||
result_text, usage = await call_claude(prompt, tools=None, model=None)
|
||||
usage_acc.add(usage)
|
||||
except Exception as e:
|
||||
logger.error(f"Opus Beziehungsanalyse fehlgeschlagen: {e}")
|
||||
return []
|
||||
|
||||
parsed = _parse_json_response(result_text)
|
||||
if not parsed:
|
||||
logger.warning("Kein gültiges JSON von Opus")
|
||||
return []
|
||||
|
||||
# Korrekturen anwenden
|
||||
corrections = parsed.get("corrections", [])
|
||||
if corrections and isinstance(corrections, list):
|
||||
await _broadcast(ws_manager, "network_status", {
|
||||
"analysis_id": analysis_id,
|
||||
"phase": "correction",
|
||||
"progress": 0,
|
||||
})
|
||||
await _apply_corrections(db, analysis_id, tenant_id, entities, corrections)
|
||||
|
||||
# Beziehungen speichern
|
||||
relations = parsed.get("relations", [])
|
||||
if not isinstance(relations, list):
|
||||
return []
|
||||
|
||||
name_to_id = _build_entity_name_map(entities)
|
||||
valid_categories = {"alliance", "conflict", "diplomacy", "economic", "legal", "neutral"}
|
||||
saved_relations = []
|
||||
|
||||
for rel in relations:
|
||||
if not isinstance(rel, dict):
|
||||
continue
|
||||
|
||||
source_name = (rel.get("source") or "").strip()
|
||||
target_name = (rel.get("target") or "").strip()
|
||||
if not source_name or not target_name:
|
||||
continue
|
||||
|
||||
source_id = name_to_id.get(source_name.lower())
|
||||
target_id = name_to_id.get(target_name.lower())
|
||||
if not source_id or not target_id or source_id == target_id:
|
||||
continue
|
||||
|
||||
category = (rel.get("category") or "neutral").lower().strip()
|
||||
if category not in valid_categories:
|
||||
category = "neutral"
|
||||
|
||||
weight = rel.get("weight", 3)
|
||||
try:
|
||||
weight = max(1, min(5, int(weight)))
|
||||
except (ValueError, TypeError):
|
||||
weight = 3
|
||||
|
||||
status = (rel.get("status") or "active").lower().strip()
|
||||
if status not in {"active", "historical", "emerging"}:
|
||||
status = "active"
|
||||
|
||||
evidence = rel.get("evidence", [])
|
||||
if not isinstance(evidence, list):
|
||||
evidence = []
|
||||
|
||||
try:
|
||||
cursor = await db.execute(
|
||||
"""INSERT INTO network_relations
|
||||
(network_analysis_id, source_entity_id, target_entity_id,
|
||||
category, label, description, weight, status, evidence, tenant_id)
|
||||
VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?)""",
|
||||
(
|
||||
analysis_id, source_id, target_id, category,
|
||||
rel.get("label", ""), rel.get("description", ""),
|
||||
weight, status,
|
||||
json.dumps(evidence, ensure_ascii=False),
|
||||
tenant_id,
|
||||
),
|
||||
)
|
||||
saved_relations.append({"id": cursor.lastrowid})
|
||||
except Exception as e:
|
||||
logger.warning(f"Beziehung speichern fehlgeschlagen: {e}")
|
||||
|
||||
await db.commit()
|
||||
logger.info(f"Phase 2 abgeschlossen: {len(corrections)} Korrekturen, {len(saved_relations)} Beziehungen")
|
||||
|
||||
await _broadcast(ws_manager, "network_status", {
|
||||
"analysis_id": analysis_id,
|
||||
"phase": "relationship_extraction",
|
||||
"progress": 100,
|
||||
})
|
||||
|
||||
return saved_relations
|
||||
|
||||
|
||||
def _build_entity_name_map(entities: list[dict]) -> dict[str, int]:
|
||||
"""Mapping: normalisierter Name/Alias -> DB-ID."""
|
||||
name_to_id: dict[str, int] = {}
|
||||
for ent in entities:
|
||||
db_id = ent.get("db_id")
|
||||
if not db_id:
|
||||
continue
|
||||
name_to_id[ent["name"].lower()] = db_id
|
||||
name_to_id[ent["name_normalized"]] = db_id
|
||||
for alias in ent.get("aliases", []):
|
||||
if alias and alias.strip():
|
||||
name_to_id[alias.strip().lower()] = db_id
|
||||
return name_to_id
|
||||
|
||||
|
||||
async def _apply_corrections(db, analysis_id, tenant_id, entities, corrections):
|
||||
"""Wendet Opus-Korrekturen auf Entitäten an."""
|
||||
for corr in corrections:
|
||||
if not isinstance(corr, dict):
|
||||
continue
|
||||
corr_type = corr.get("type", "")
|
||||
|
||||
try:
|
||||
if corr_type == "name_fix":
|
||||
entity_name = (corr.get("entity_name") or "").strip()
|
||||
corrected_name = (corr.get("corrected_name") or "").strip()
|
||||
if not entity_name or not corrected_name:
|
||||
continue
|
||||
|
||||
for ent in entities:
|
||||
if ent["name"].lower() == entity_name.lower() or \
|
||||
ent["name_normalized"] == entity_name.lower():
|
||||
old_name = ent["name"]
|
||||
ent["name"] = corrected_name
|
||||
ent["name_normalized"] = corrected_name.lower().strip()
|
||||
ent.setdefault("aliases", [])
|
||||
if old_name not in ent["aliases"]:
|
||||
ent["aliases"].append(old_name)
|
||||
|
||||
if ent.get("db_id"):
|
||||
await db.execute(
|
||||
"""UPDATE network_entities
|
||||
SET name = ?, name_normalized = ?, aliases = ?, corrected_by_opus = 1
|
||||
WHERE id = ?""",
|
||||
(corrected_name, corrected_name.lower().strip(),
|
||||
json.dumps(ent["aliases"], ensure_ascii=False), ent["db_id"]),
|
||||
)
|
||||
break
|
||||
|
||||
elif corr_type == "merge":
|
||||
keep_name = (corr.get("entity_name") or "").strip()
|
||||
merge_name = (corr.get("merge_with") or "").strip()
|
||||
if not keep_name or not merge_name:
|
||||
continue
|
||||
|
||||
keep_ent = merge_ent = None
|
||||
for ent in entities:
|
||||
nl = ent["name"].lower()
|
||||
nn = ent["name_normalized"]
|
||||
if nl == keep_name.lower() or nn == keep_name.lower():
|
||||
keep_ent = ent
|
||||
elif nl == merge_name.lower() or nn == merge_name.lower():
|
||||
merge_ent = ent
|
||||
|
||||
if keep_ent and merge_ent and keep_ent.get("db_id") and merge_ent.get("db_id"):
|
||||
aliases = set(keep_ent.get("aliases", []))
|
||||
aliases.add(merge_ent["name"])
|
||||
for a in merge_ent.get("aliases", []):
|
||||
if a and a.strip():
|
||||
aliases.add(a.strip())
|
||||
keep_ent["aliases"] = list(aliases)
|
||||
keep_ent["mention_count"] = keep_ent.get("mention_count", 0) + merge_ent.get("mention_count", 0)
|
||||
|
||||
# Mentions übertragen
|
||||
await db.execute(
|
||||
"UPDATE network_entity_mentions SET entity_id = ? WHERE entity_id = ?",
|
||||
(keep_ent["db_id"], merge_ent["db_id"]),
|
||||
)
|
||||
await db.execute(
|
||||
"""UPDATE network_entities SET aliases = ?, mention_count = ?, corrected_by_opus = 1
|
||||
WHERE id = ?""",
|
||||
(json.dumps(keep_ent["aliases"], ensure_ascii=False),
|
||||
keep_ent["mention_count"], keep_ent["db_id"]),
|
||||
)
|
||||
await db.execute("DELETE FROM network_entities WHERE id = ?", (merge_ent["db_id"],))
|
||||
entities.remove(merge_ent)
|
||||
|
||||
elif corr_type == "add":
|
||||
entity_name = (corr.get("entity_name") or "").strip()
|
||||
entity_type = (corr.get("entity_type") or "organisation").lower().strip()
|
||||
description = corr.get("description", "")
|
||||
if not entity_name:
|
||||
continue
|
||||
|
||||
valid_types = {"person", "organisation", "location", "event", "military"}
|
||||
if entity_type not in valid_types:
|
||||
entity_type = "organisation"
|
||||
|
||||
name_norm = entity_name.lower().strip()
|
||||
if any(e["name_normalized"] == name_norm and e["type"] == entity_type for e in entities):
|
||||
continue
|
||||
|
||||
cursor = await db.execute(
|
||||
"""INSERT OR IGNORE INTO network_entities
|
||||
(network_analysis_id, name, name_normalized, entity_type,
|
||||
description, aliases, mention_count, corrected_by_opus, tenant_id)
|
||||
VALUES (?, ?, ?, ?, ?, '[]', 1, 1, ?)""",
|
||||
(analysis_id, entity_name, name_norm, entity_type, description, tenant_id),
|
||||
)
|
||||
if cursor.lastrowid:
|
||||
entities.append({
|
||||
"name": entity_name, "name_normalized": name_norm,
|
||||
"type": entity_type, "description": description,
|
||||
"aliases": [], "mention_count": 1, "db_id": cursor.lastrowid,
|
||||
})
|
||||
|
||||
except Exception as e:
|
||||
logger.warning(f"Korrektur fehlgeschlagen ({corr_type}): {e}")
|
||||
|
||||
await db.commit()
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# Phase 3: Finalisierung
|
||||
# ---------------------------------------------------------------------------
|
||||
|
||||
async def _phase3_finalize(
|
||||
db, analysis_id, tenant_id, entity_count, relation_count,
|
||||
article_ids, factcheck_ids, article_ts, factcheck_ts,
|
||||
usage_acc, ws_manager=None,
|
||||
):
|
||||
"""Finalisiert: Zähler, Hash, Log, Status."""
|
||||
data_hash = _compute_data_hash(article_ids, factcheck_ids, article_ts, factcheck_ts)
|
||||
now = datetime.now(TIMEZONE).strftime("%Y-%m-%d %H:%M:%S")
|
||||
|
||||
await db.execute(
|
||||
"""UPDATE network_analyses
|
||||
SET entity_count = ?, relation_count = ?, status = 'ready',
|
||||
last_generated_at = ?, data_hash = ?
|
||||
WHERE id = ?""",
|
||||
(entity_count, relation_count, now, data_hash, analysis_id),
|
||||
)
|
||||
|
||||
await db.execute(
|
||||
"""INSERT INTO network_generation_log
|
||||
(network_analysis_id, completed_at, status, input_tokens, output_tokens,
|
||||
cache_creation_tokens, cache_read_tokens, total_cost_usd, api_calls,
|
||||
entity_count, relation_count, tenant_id)
|
||||
VALUES (?, ?, 'completed', ?, ?, ?, ?, ?, ?, ?, ?, ?)""",
|
||||
(analysis_id, now, usage_acc.input_tokens, usage_acc.output_tokens,
|
||||
usage_acc.cache_creation_tokens, usage_acc.cache_read_tokens,
|
||||
usage_acc.total_cost_usd, usage_acc.call_count,
|
||||
entity_count, relation_count, tenant_id),
|
||||
)
|
||||
|
||||
await db.commit()
|
||||
|
||||
logger.info(f"Analyse {analysis_id} finalisiert: {entity_count} Entitäten, "
|
||||
f"{relation_count} Beziehungen, ${usage_acc.total_cost_usd:.4f}")
|
||||
|
||||
await _broadcast(ws_manager, "network_complete", {
|
||||
"analysis_id": analysis_id,
|
||||
"entity_count": entity_count,
|
||||
"relation_count": relation_count,
|
||||
"cost_usd": round(usage_acc.total_cost_usd, 4),
|
||||
})
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# Hauptfunktion
|
||||
# ---------------------------------------------------------------------------
|
||||
|
||||
async def extract_and_relate_entities(analysis_id: int, tenant_id: int, ws_manager=None):
|
||||
"""Hauptfunktion: Entity-Extraktion + Beziehungsanalyse.
|
||||
|
||||
Phase 1: Haiku extrahiert Entitäten aus Artikeln
|
||||
Phase 2: Opus analysiert Beziehungen und korrigiert Haiku-Fehler
|
||||
Phase 3: Finalisierung (Zähler, Hash, Log)
|
||||
"""
|
||||
from database import get_db
|
||||
|
||||
db = await get_db()
|
||||
usage_acc = UsageAccumulator()
|
||||
|
||||
try:
|
||||
if not await _check_analysis_exists(db, analysis_id):
|
||||
logger.warning(f"Analyse {analysis_id} existiert nicht")
|
||||
return
|
||||
|
||||
await db.execute(
|
||||
"UPDATE network_analyses SET status = 'generating' WHERE id = ?",
|
||||
(analysis_id,),
|
||||
)
|
||||
await db.commit()
|
||||
|
||||
# Incident-IDs laden
|
||||
cursor = await db.execute(
|
||||
"SELECT incident_id FROM network_analysis_incidents WHERE network_analysis_id = ?",
|
||||
(analysis_id,),
|
||||
)
|
||||
incident_ids = [row["incident_id"] for row in await cursor.fetchall()]
|
||||
|
||||
if not incident_ids:
|
||||
logger.warning(f"Analyse {analysis_id}: Keine Lagen verknüpft")
|
||||
await db.execute("UPDATE network_analyses SET status = 'error' WHERE id = ?", (analysis_id,))
|
||||
await db.commit()
|
||||
await _broadcast(ws_manager, "network_error", {
|
||||
"analysis_id": analysis_id, "error": "Keine Lagen verknüpft",
|
||||
})
|
||||
return
|
||||
|
||||
# Artikel laden
|
||||
placeholders = ",".join("?" * len(incident_ids))
|
||||
cursor = await db.execute(
|
||||
f"""SELECT id, incident_id, headline, headline_de, source, source_url,
|
||||
content_original, content_de, collected_at
|
||||
FROM articles WHERE incident_id IN ({placeholders})""",
|
||||
incident_ids,
|
||||
)
|
||||
article_rows = await cursor.fetchall()
|
||||
articles = []
|
||||
article_ids = []
|
||||
article_ts = []
|
||||
for r in article_rows:
|
||||
articles.append({
|
||||
"id": r["id"], "incident_id": r["incident_id"],
|
||||
"headline": r["headline"], "headline_de": r["headline_de"],
|
||||
"source": r["source"], "source_url": r["source_url"],
|
||||
"content_original": r["content_original"], "content_de": r["content_de"],
|
||||
})
|
||||
article_ids.append(r["id"])
|
||||
article_ts.append(r["collected_at"] or "")
|
||||
|
||||
# Faktenchecks laden
|
||||
cursor = await db.execute(
|
||||
f"""SELECT id, incident_id, claim, status, evidence, checked_at
|
||||
FROM fact_checks WHERE incident_id IN ({placeholders})""",
|
||||
incident_ids,
|
||||
)
|
||||
fc_rows = await cursor.fetchall()
|
||||
factchecks = []
|
||||
factcheck_ids = []
|
||||
factcheck_ts = []
|
||||
for r in fc_rows:
|
||||
factchecks.append({
|
||||
"id": r["id"], "incident_id": r["incident_id"],
|
||||
"claim": r["claim"], "status": r["status"], "evidence": r["evidence"],
|
||||
})
|
||||
factcheck_ids.append(r["id"])
|
||||
factcheck_ts.append(r["checked_at"] or "")
|
||||
|
||||
logger.info(f"Analyse {analysis_id}: {len(articles)} Artikel, "
|
||||
f"{len(factchecks)} Faktenchecks aus {len(incident_ids)} Lagen")
|
||||
|
||||
# Phase 1
|
||||
if not await _check_analysis_exists(db, analysis_id):
|
||||
return
|
||||
|
||||
entities = await _phase1_extract_entities(
|
||||
db, analysis_id, tenant_id, articles, factchecks, usage_acc, ws_manager,
|
||||
)
|
||||
|
||||
# Phase 2
|
||||
if not await _check_analysis_exists(db, analysis_id):
|
||||
return
|
||||
|
||||
relations = await _phase2_analyze_relationships(
|
||||
db, analysis_id, tenant_id, entities, articles, factchecks, usage_acc, ws_manager,
|
||||
)
|
||||
|
||||
# Phase 3
|
||||
if not await _check_analysis_exists(db, analysis_id):
|
||||
return
|
||||
|
||||
await _phase3_finalize(
|
||||
db, analysis_id, tenant_id,
|
||||
entity_count=len(entities), relation_count=len(relations),
|
||||
article_ids=article_ids, factcheck_ids=factcheck_ids,
|
||||
article_ts=article_ts, factcheck_ts=factcheck_ts,
|
||||
usage_acc=usage_acc, ws_manager=ws_manager,
|
||||
)
|
||||
|
||||
except Exception as e:
|
||||
logger.error(f"Entity-Extraktion fehlgeschlagen (Analyse {analysis_id}): {e}", exc_info=True)
|
||||
try:
|
||||
await db.execute("UPDATE network_analyses SET status = 'error' WHERE id = ?", (analysis_id,))
|
||||
await db.commit()
|
||||
except Exception:
|
||||
pass
|
||||
await _broadcast(ws_manager, "network_error", {
|
||||
"analysis_id": analysis_id, "error": str(e),
|
||||
})
|
||||
finally:
|
||||
await db.close()
|
||||
@@ -217,6 +217,88 @@ CREATE TABLE IF NOT EXISTS user_excluded_domains (
|
||||
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
UNIQUE(user_id, domain)
|
||||
);
|
||||
|
||||
CREATE TABLE IF NOT EXISTS network_analyses (
|
||||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||||
name TEXT NOT NULL,
|
||||
status TEXT DEFAULT 'pending',
|
||||
entity_count INTEGER DEFAULT 0,
|
||||
relation_count INTEGER DEFAULT 0,
|
||||
data_hash TEXT,
|
||||
last_generated_at TIMESTAMP,
|
||||
tenant_id INTEGER REFERENCES organizations(id),
|
||||
created_by INTEGER REFERENCES users(id),
|
||||
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
|
||||
);
|
||||
|
||||
CREATE TABLE IF NOT EXISTS network_analysis_incidents (
|
||||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||||
network_analysis_id INTEGER NOT NULL REFERENCES network_analyses(id) ON DELETE CASCADE,
|
||||
incident_id INTEGER NOT NULL REFERENCES incidents(id) ON DELETE CASCADE,
|
||||
UNIQUE(network_analysis_id, incident_id)
|
||||
);
|
||||
CREATE INDEX IF NOT EXISTS idx_network_analysis_incidents_analysis ON network_analysis_incidents(network_analysis_id);
|
||||
|
||||
CREATE TABLE IF NOT EXISTS network_entities (
|
||||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||||
network_analysis_id INTEGER NOT NULL REFERENCES network_analyses(id) ON DELETE CASCADE,
|
||||
name TEXT NOT NULL,
|
||||
name_normalized TEXT NOT NULL,
|
||||
entity_type TEXT NOT NULL,
|
||||
description TEXT DEFAULT '',
|
||||
aliases TEXT DEFAULT '[]',
|
||||
metadata TEXT DEFAULT '{}',
|
||||
mention_count INTEGER DEFAULT 0,
|
||||
corrected_by_opus INTEGER DEFAULT 0,
|
||||
tenant_id INTEGER REFERENCES organizations(id),
|
||||
UNIQUE(network_analysis_id, name_normalized, entity_type)
|
||||
);
|
||||
CREATE INDEX IF NOT EXISTS idx_network_entities_analysis ON network_entities(network_analysis_id);
|
||||
|
||||
CREATE TABLE IF NOT EXISTS network_entity_mentions (
|
||||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||||
entity_id INTEGER NOT NULL REFERENCES network_entities(id) ON DELETE CASCADE,
|
||||
article_id INTEGER REFERENCES articles(id) ON DELETE CASCADE,
|
||||
incident_id INTEGER REFERENCES incidents(id) ON DELETE CASCADE,
|
||||
source_text TEXT,
|
||||
tenant_id INTEGER REFERENCES organizations(id)
|
||||
);
|
||||
CREATE INDEX IF NOT EXISTS idx_network_entity_mentions_entity ON network_entity_mentions(entity_id);
|
||||
|
||||
CREATE TABLE IF NOT EXISTS network_relations (
|
||||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||||
network_analysis_id INTEGER NOT NULL REFERENCES network_analyses(id) ON DELETE CASCADE,
|
||||
source_entity_id INTEGER NOT NULL REFERENCES network_entities(id) ON DELETE CASCADE,
|
||||
target_entity_id INTEGER NOT NULL REFERENCES network_entities(id) ON DELETE CASCADE,
|
||||
category TEXT NOT NULL,
|
||||
label TEXT NOT NULL,
|
||||
description TEXT DEFAULT '',
|
||||
weight INTEGER DEFAULT 1,
|
||||
status TEXT DEFAULT '',
|
||||
evidence TEXT DEFAULT '[]',
|
||||
tenant_id INTEGER REFERENCES organizations(id)
|
||||
);
|
||||
CREATE INDEX IF NOT EXISTS idx_network_relations_analysis ON network_relations(network_analysis_id);
|
||||
CREATE INDEX IF NOT EXISTS idx_network_relations_source ON network_relations(source_entity_id);
|
||||
CREATE INDEX IF NOT EXISTS idx_network_relations_target ON network_relations(target_entity_id);
|
||||
|
||||
CREATE TABLE IF NOT EXISTS network_generation_log (
|
||||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||||
network_analysis_id INTEGER NOT NULL REFERENCES network_analyses(id) ON DELETE CASCADE,
|
||||
started_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
completed_at TIMESTAMP,
|
||||
status TEXT DEFAULT 'running',
|
||||
input_tokens INTEGER DEFAULT 0,
|
||||
output_tokens INTEGER DEFAULT 0,
|
||||
cache_creation_tokens INTEGER DEFAULT 0,
|
||||
cache_read_tokens INTEGER DEFAULT 0,
|
||||
total_cost_usd REAL DEFAULT 0.0,
|
||||
api_calls INTEGER DEFAULT 0,
|
||||
entity_count INTEGER DEFAULT 0,
|
||||
relation_count INTEGER DEFAULT 0,
|
||||
error_message TEXT,
|
||||
tenant_id INTEGER REFERENCES organizations(id)
|
||||
);
|
||||
"""
|
||||
|
||||
|
||||
|
||||
@@ -332,6 +332,7 @@ from routers.notifications import router as notifications_router
|
||||
from routers.feedback import router as feedback_router
|
||||
from routers.public_api import router as public_api_router
|
||||
from routers.chat import router as chat_router
|
||||
from routers.network_analysis import router as network_analysis_router
|
||||
|
||||
app.include_router(auth_router)
|
||||
app.include_router(incidents_router)
|
||||
@@ -340,6 +341,7 @@ app.include_router(notifications_router)
|
||||
app.include_router(feedback_router)
|
||||
app.include_router(public_api_router)
|
||||
app.include_router(chat_router, prefix="/api/chat")
|
||||
app.include_router(network_analysis_router)
|
||||
|
||||
|
||||
@app.websocket("/api/ws")
|
||||
|
||||
59
src/models_network.py
Normale Datei
59
src/models_network.py
Normale Datei
@@ -0,0 +1,59 @@
|
||||
"""Pydantic Models für Netzwerkanalyse Request/Response Schemas."""
|
||||
from pydantic import BaseModel, Field
|
||||
from typing import Optional
|
||||
|
||||
|
||||
class NetworkAnalysisCreate(BaseModel):
|
||||
name: str = Field(min_length=1, max_length=200)
|
||||
incident_ids: list[int] = Field(min_length=1)
|
||||
|
||||
|
||||
class NetworkAnalysisUpdate(BaseModel):
|
||||
name: Optional[str] = Field(default=None, max_length=200)
|
||||
incident_ids: Optional[list[int]] = None
|
||||
|
||||
|
||||
class NetworkEntityResponse(BaseModel):
|
||||
id: int
|
||||
name: str
|
||||
name_normalized: str
|
||||
entity_type: str
|
||||
description: str = ""
|
||||
aliases: list[str] = []
|
||||
mention_count: int = 0
|
||||
corrected_by_opus: bool = False
|
||||
metadata: dict = {}
|
||||
|
||||
|
||||
class NetworkRelationResponse(BaseModel):
|
||||
id: int
|
||||
source_entity_id: int
|
||||
target_entity_id: int
|
||||
category: str
|
||||
label: str
|
||||
description: str = ""
|
||||
weight: int = 1
|
||||
status: str = ""
|
||||
evidence: list[str] = []
|
||||
|
||||
|
||||
class NetworkAnalysisResponse(BaseModel):
|
||||
id: int
|
||||
name: str
|
||||
status: str
|
||||
entity_count: int = 0
|
||||
relation_count: int = 0
|
||||
has_update: bool = False
|
||||
incident_ids: list[int] = []
|
||||
incident_titles: list[str] = []
|
||||
data_hash: Optional[str] = None
|
||||
last_generated_at: Optional[str] = None
|
||||
created_by: int = 0
|
||||
created_by_username: str = ""
|
||||
created_at: str = ""
|
||||
|
||||
|
||||
class NetworkGraphResponse(BaseModel):
|
||||
analysis: NetworkAnalysisResponse
|
||||
entities: list[NetworkEntityResponse] = []
|
||||
relations: list[NetworkRelationResponse] = []
|
||||
406
src/routers/network_analysis.py
Normale Datei
406
src/routers/network_analysis.py
Normale Datei
@@ -0,0 +1,406 @@
|
||||
"""Router für Netzwerkanalyse CRUD-Operationen."""
|
||||
|
||||
import hashlib
|
||||
import json
|
||||
import csv
|
||||
import io
|
||||
from datetime import datetime
|
||||
from typing import Optional
|
||||
|
||||
import aiosqlite
|
||||
from fastapi import APIRouter, BackgroundTasks, Depends, HTTPException, Query
|
||||
from fastapi.responses import StreamingResponse
|
||||
|
||||
from auth import get_current_user
|
||||
from database import db_dependency, get_db
|
||||
from middleware.license_check import require_writable_license
|
||||
from models_network import (
|
||||
NetworkAnalysisCreate,
|
||||
NetworkAnalysisUpdate,
|
||||
)
|
||||
from config import TIMEZONE
|
||||
|
||||
router = APIRouter(prefix="/api/network-analyses", tags=["network-analyses"])
|
||||
|
||||
|
||||
async def _check_analysis_access(
|
||||
db: aiosqlite.Connection, analysis_id: int, tenant_id: int
|
||||
) -> dict:
|
||||
"""Analyse laden und Tenant-Zugriff prüfen."""
|
||||
cursor = await db.execute(
|
||||
"SELECT * FROM network_analyses WHERE id = ? AND tenant_id = ?",
|
||||
(analysis_id, tenant_id),
|
||||
)
|
||||
row = await cursor.fetchone()
|
||||
if not row:
|
||||
raise HTTPException(status_code=404, detail="Netzwerkanalyse nicht gefunden")
|
||||
return dict(row)
|
||||
|
||||
|
||||
async def _enrich_analysis(db: aiosqlite.Connection, analysis: dict) -> dict:
|
||||
"""Analyse mit Incident-IDs, Titeln und Ersteller-Name anreichern."""
|
||||
analysis_id = analysis["id"]
|
||||
|
||||
cursor = await db.execute(
|
||||
"""SELECT nai.incident_id, i.title
|
||||
FROM network_analysis_incidents nai
|
||||
LEFT JOIN incidents i ON i.id = nai.incident_id
|
||||
WHERE nai.network_analysis_id = ?""",
|
||||
(analysis_id,),
|
||||
)
|
||||
rows = await cursor.fetchall()
|
||||
analysis["incident_ids"] = [r["incident_id"] for r in rows]
|
||||
analysis["incident_titles"] = [r["title"] or "" for r in rows]
|
||||
|
||||
cursor = await db.execute(
|
||||
"SELECT email FROM users WHERE id = ?", (analysis.get("created_by"),)
|
||||
)
|
||||
user_row = await cursor.fetchone()
|
||||
analysis["created_by_username"] = user_row["email"] if user_row else "Unbekannt"
|
||||
analysis["created_at"] = analysis.get("created_at", "")
|
||||
analysis["has_update"] = False
|
||||
return analysis
|
||||
|
||||
|
||||
async def _calculate_data_hash(db: aiosqlite.Connection, analysis_id: int) -> str:
|
||||
"""SHA-256 über verknüpfte Artikel- und Factcheck-Daten."""
|
||||
cursor = await db.execute(
|
||||
"""SELECT DISTINCT a.id, a.collected_at
|
||||
FROM network_analysis_incidents nai
|
||||
JOIN articles a ON a.incident_id = nai.incident_id
|
||||
WHERE nai.network_analysis_id = ?
|
||||
ORDER BY a.id""",
|
||||
(analysis_id,),
|
||||
)
|
||||
article_rows = await cursor.fetchall()
|
||||
|
||||
cursor = await db.execute(
|
||||
"""SELECT DISTINCT fc.id, fc.checked_at
|
||||
FROM network_analysis_incidents nai
|
||||
JOIN fact_checks fc ON fc.incident_id = nai.incident_id
|
||||
WHERE nai.network_analysis_id = ?
|
||||
ORDER BY fc.id""",
|
||||
(analysis_id,),
|
||||
)
|
||||
fc_rows = await cursor.fetchall()
|
||||
|
||||
parts = []
|
||||
for r in article_rows:
|
||||
parts.append(f"a:{r['id']}:{r['collected_at']}")
|
||||
for r in fc_rows:
|
||||
parts.append(f"fc:{r['id']}:{r['checked_at']}")
|
||||
|
||||
return hashlib.sha256("|".join(parts).encode("utf-8")).hexdigest()
|
||||
|
||||
|
||||
# --- Endpoints ---
|
||||
|
||||
@router.get("")
|
||||
async def list_network_analyses(
|
||||
db: aiosqlite.Connection = Depends(db_dependency),
|
||||
current_user: dict = Depends(get_current_user),
|
||||
):
|
||||
"""Alle Netzwerkanalysen des Tenants auflisten."""
|
||||
tenant_id = current_user["tenant_id"]
|
||||
cursor = await db.execute(
|
||||
"SELECT * FROM network_analyses WHERE tenant_id = ? ORDER BY created_at DESC",
|
||||
(tenant_id,),
|
||||
)
|
||||
rows = await cursor.fetchall()
|
||||
results = []
|
||||
for row in rows:
|
||||
results.append(await _enrich_analysis(db, dict(row)))
|
||||
return results
|
||||
|
||||
|
||||
@router.post("", status_code=201, dependencies=[Depends(require_writable_license)])
|
||||
async def create_network_analysis(
|
||||
body: NetworkAnalysisCreate,
|
||||
background_tasks: BackgroundTasks,
|
||||
db: aiosqlite.Connection = Depends(db_dependency),
|
||||
current_user: dict = Depends(get_current_user),
|
||||
):
|
||||
"""Neue Netzwerkanalyse erstellen und Generierung starten."""
|
||||
from agents.entity_extractor import extract_and_relate_entities
|
||||
from main import ws_manager
|
||||
|
||||
tenant_id = current_user["tenant_id"]
|
||||
user_id = current_user["id"]
|
||||
|
||||
if not body.incident_ids:
|
||||
raise HTTPException(status_code=400, detail="Mindestens eine Lage auswählen")
|
||||
|
||||
# Prüfen ob alle Incidents dem Tenant gehören
|
||||
placeholders = ",".join("?" for _ in body.incident_ids)
|
||||
cursor = await db.execute(
|
||||
f"SELECT id FROM incidents WHERE id IN ({placeholders}) AND tenant_id = ?",
|
||||
(*body.incident_ids, tenant_id),
|
||||
)
|
||||
found_ids = {r["id"] for r in await cursor.fetchall()}
|
||||
missing = set(body.incident_ids) - found_ids
|
||||
if missing:
|
||||
raise HTTPException(
|
||||
status_code=400,
|
||||
detail=f"Lagen nicht gefunden: {', '.join(str(i) for i in missing)}"
|
||||
)
|
||||
|
||||
# Analyse anlegen
|
||||
cursor = await db.execute(
|
||||
"""INSERT INTO network_analyses (name, status, tenant_id, created_by)
|
||||
VALUES (?, 'generating', ?, ?)""",
|
||||
(body.name, tenant_id, user_id),
|
||||
)
|
||||
analysis_id = cursor.lastrowid
|
||||
|
||||
for incident_id in body.incident_ids:
|
||||
await db.execute(
|
||||
"INSERT INTO network_analysis_incidents (network_analysis_id, incident_id) VALUES (?, ?)",
|
||||
(analysis_id, incident_id),
|
||||
)
|
||||
await db.commit()
|
||||
|
||||
# Hintergrund-Generierung starten
|
||||
background_tasks.add_task(extract_and_relate_entities, analysis_id, tenant_id, ws_manager)
|
||||
|
||||
cursor = await db.execute("SELECT * FROM network_analyses WHERE id = ?", (analysis_id,))
|
||||
row = await cursor.fetchone()
|
||||
return await _enrich_analysis(db, dict(row))
|
||||
|
||||
|
||||
@router.get("/{analysis_id}")
|
||||
async def get_network_analysis(
|
||||
analysis_id: int,
|
||||
db: aiosqlite.Connection = Depends(db_dependency),
|
||||
current_user: dict = Depends(get_current_user),
|
||||
):
|
||||
"""Einzelne Netzwerkanalyse abrufen."""
|
||||
tenant_id = current_user["tenant_id"]
|
||||
analysis = await _check_analysis_access(db, analysis_id, tenant_id)
|
||||
return await _enrich_analysis(db, analysis)
|
||||
|
||||
|
||||
@router.get("/{analysis_id}/graph")
|
||||
async def get_network_graph(
|
||||
analysis_id: int,
|
||||
db: aiosqlite.Connection = Depends(db_dependency),
|
||||
current_user: dict = Depends(get_current_user),
|
||||
):
|
||||
"""Volle Graphdaten (Entities + Relations)."""
|
||||
tenant_id = current_user["tenant_id"]
|
||||
analysis = await _check_analysis_access(db, analysis_id, tenant_id)
|
||||
analysis = await _enrich_analysis(db, analysis)
|
||||
|
||||
cursor = await db.execute(
|
||||
"SELECT * FROM network_entities WHERE network_analysis_id = ?", (analysis_id,)
|
||||
)
|
||||
entities_raw = await cursor.fetchall()
|
||||
entities = []
|
||||
for e in entities_raw:
|
||||
ed = dict(e)
|
||||
# JSON-Felder parsen
|
||||
try:
|
||||
ed["aliases"] = json.loads(ed.get("aliases", "[]"))
|
||||
except (json.JSONDecodeError, TypeError):
|
||||
ed["aliases"] = []
|
||||
try:
|
||||
ed["metadata"] = json.loads(ed.get("metadata", "{}"))
|
||||
except (json.JSONDecodeError, TypeError):
|
||||
ed["metadata"] = {}
|
||||
ed["corrected_by_opus"] = bool(ed.get("corrected_by_opus", 0))
|
||||
entities.append(ed)
|
||||
|
||||
cursor = await db.execute(
|
||||
"SELECT * FROM network_relations WHERE network_analysis_id = ?", (analysis_id,)
|
||||
)
|
||||
relations_raw = await cursor.fetchall()
|
||||
relations = []
|
||||
for r in relations_raw:
|
||||
rd = dict(r)
|
||||
try:
|
||||
rd["evidence"] = json.loads(rd.get("evidence", "[]"))
|
||||
except (json.JSONDecodeError, TypeError):
|
||||
rd["evidence"] = []
|
||||
relations.append(rd)
|
||||
|
||||
return {"analysis": analysis, "entities": entities, "relations": relations}
|
||||
|
||||
|
||||
@router.post("/{analysis_id}/regenerate", dependencies=[Depends(require_writable_license)])
|
||||
async def regenerate_network(
|
||||
analysis_id: int,
|
||||
background_tasks: BackgroundTasks,
|
||||
db: aiosqlite.Connection = Depends(db_dependency),
|
||||
current_user: dict = Depends(get_current_user),
|
||||
):
|
||||
"""Analyse neu generieren."""
|
||||
from agents.entity_extractor import extract_and_relate_entities
|
||||
from main import ws_manager
|
||||
|
||||
tenant_id = current_user["tenant_id"]
|
||||
await _check_analysis_access(db, analysis_id, tenant_id)
|
||||
|
||||
# Bestehende Daten löschen
|
||||
await db.execute(
|
||||
"DELETE FROM network_relations WHERE network_analysis_id = ?", (analysis_id,)
|
||||
)
|
||||
await db.execute(
|
||||
"""DELETE FROM network_entity_mentions WHERE entity_id IN
|
||||
(SELECT id FROM network_entities WHERE network_analysis_id = ?)""",
|
||||
(analysis_id,),
|
||||
)
|
||||
await db.execute(
|
||||
"DELETE FROM network_entities WHERE network_analysis_id = ?", (analysis_id,)
|
||||
)
|
||||
await db.execute(
|
||||
"""UPDATE network_analyses
|
||||
SET status = 'generating', entity_count = 0, relation_count = 0, data_hash = NULL
|
||||
WHERE id = ?""",
|
||||
(analysis_id,),
|
||||
)
|
||||
await db.commit()
|
||||
|
||||
background_tasks.add_task(extract_and_relate_entities, analysis_id, tenant_id, ws_manager)
|
||||
return {"status": "generating", "message": "Neugenerierung gestartet"}
|
||||
|
||||
|
||||
@router.get("/{analysis_id}/check-update")
|
||||
async def check_network_update(
|
||||
analysis_id: int,
|
||||
db: aiosqlite.Connection = Depends(db_dependency),
|
||||
current_user: dict = Depends(get_current_user),
|
||||
):
|
||||
"""Prüft ob neue Daten verfügbar (Hash-Vergleich)."""
|
||||
tenant_id = current_user["tenant_id"]
|
||||
analysis = await _check_analysis_access(db, analysis_id, tenant_id)
|
||||
|
||||
current_hash = await _calculate_data_hash(db, analysis_id)
|
||||
stored_hash = analysis.get("data_hash")
|
||||
has_update = stored_hash is not None and current_hash != stored_hash
|
||||
|
||||
return {"has_update": has_update}
|
||||
|
||||
|
||||
@router.put("/{analysis_id}", dependencies=[Depends(require_writable_license)])
|
||||
async def update_network_analysis(
|
||||
analysis_id: int,
|
||||
body: NetworkAnalysisUpdate,
|
||||
db: aiosqlite.Connection = Depends(db_dependency),
|
||||
current_user: dict = Depends(get_current_user),
|
||||
):
|
||||
"""Name oder Lagen aktualisieren."""
|
||||
tenant_id = current_user["tenant_id"]
|
||||
user_id = current_user["id"]
|
||||
analysis = await _check_analysis_access(db, analysis_id, tenant_id)
|
||||
|
||||
if analysis["created_by"] != user_id:
|
||||
raise HTTPException(status_code=403, detail="Nur der Ersteller kann bearbeiten")
|
||||
|
||||
if body.name is not None:
|
||||
await db.execute(
|
||||
"UPDATE network_analyses SET name = ? WHERE id = ?",
|
||||
(body.name, analysis_id),
|
||||
)
|
||||
|
||||
if body.incident_ids is not None:
|
||||
if len(body.incident_ids) < 1:
|
||||
raise HTTPException(status_code=400, detail="Mindestens eine Lage auswählen")
|
||||
|
||||
placeholders = ",".join("?" for _ in body.incident_ids)
|
||||
cursor = await db.execute(
|
||||
f"SELECT id FROM incidents WHERE id IN ({placeholders}) AND tenant_id = ?",
|
||||
(*body.incident_ids, tenant_id),
|
||||
)
|
||||
found_ids = {r["id"] for r in await cursor.fetchall()}
|
||||
missing = set(body.incident_ids) - found_ids
|
||||
if missing:
|
||||
raise HTTPException(status_code=400, detail=f"Lagen nicht gefunden: {', '.join(str(i) for i in missing)}")
|
||||
|
||||
await db.execute(
|
||||
"DELETE FROM network_analysis_incidents WHERE network_analysis_id = ?",
|
||||
(analysis_id,),
|
||||
)
|
||||
for iid in body.incident_ids:
|
||||
await db.execute(
|
||||
"INSERT INTO network_analysis_incidents (network_analysis_id, incident_id) VALUES (?, ?)",
|
||||
(analysis_id, iid),
|
||||
)
|
||||
|
||||
await db.commit()
|
||||
|
||||
cursor = await db.execute("SELECT * FROM network_analyses WHERE id = ?", (analysis_id,))
|
||||
row = await cursor.fetchone()
|
||||
return await _enrich_analysis(db, dict(row))
|
||||
|
||||
|
||||
@router.delete("/{analysis_id}", dependencies=[Depends(require_writable_license)])
|
||||
async def delete_network_analysis(
|
||||
analysis_id: int,
|
||||
db: aiosqlite.Connection = Depends(db_dependency),
|
||||
current_user: dict = Depends(get_current_user),
|
||||
):
|
||||
"""Analyse löschen (CASCADE räumt auf)."""
|
||||
tenant_id = current_user["tenant_id"]
|
||||
user_id = current_user["id"]
|
||||
analysis = await _check_analysis_access(db, analysis_id, tenant_id)
|
||||
|
||||
if analysis["created_by"] != user_id:
|
||||
raise HTTPException(status_code=403, detail="Nur der Ersteller kann löschen")
|
||||
|
||||
await db.execute("DELETE FROM network_analyses WHERE id = ?", (analysis_id,))
|
||||
await db.commit()
|
||||
return {"message": "Netzwerkanalyse gelöscht"}
|
||||
|
||||
|
||||
@router.get("/{analysis_id}/export")
|
||||
async def export_network(
|
||||
analysis_id: int,
|
||||
format: str = Query("json", pattern="^(json|csv)$"),
|
||||
db: aiosqlite.Connection = Depends(db_dependency),
|
||||
current_user: dict = Depends(get_current_user),
|
||||
):
|
||||
"""Export als JSON oder CSV."""
|
||||
tenant_id = current_user["tenant_id"]
|
||||
analysis = await _check_analysis_access(db, analysis_id, tenant_id)
|
||||
analysis = await _enrich_analysis(db, analysis)
|
||||
|
||||
cursor = await db.execute(
|
||||
"SELECT * FROM network_entities WHERE network_analysis_id = ?", (analysis_id,)
|
||||
)
|
||||
entities = [dict(r) for r in await cursor.fetchall()]
|
||||
|
||||
cursor = await db.execute(
|
||||
"SELECT * FROM network_relations WHERE network_analysis_id = ?", (analysis_id,)
|
||||
)
|
||||
relations = [dict(r) for r in await cursor.fetchall()]
|
||||
|
||||
entity_map = {e["id"]: e for e in entities}
|
||||
safe_name = (analysis.get("name", "export") or "export").replace(" ", "_")
|
||||
|
||||
if format == "json":
|
||||
content = json.dumps(
|
||||
{"analysis": analysis, "entities": entities, "relations": relations},
|
||||
ensure_ascii=False, indent=2, default=str,
|
||||
)
|
||||
return StreamingResponse(
|
||||
io.BytesIO(content.encode("utf-8")),
|
||||
media_type="application/json",
|
||||
headers={"Content-Disposition": f'attachment; filename="netzwerk_{safe_name}.json"'},
|
||||
)
|
||||
|
||||
output = io.StringIO()
|
||||
writer = csv.writer(output)
|
||||
writer.writerow(["source", "target", "category", "label", "weight", "description"])
|
||||
for rel in relations:
|
||||
src = entity_map.get(rel.get("source_entity_id"), {})
|
||||
tgt = entity_map.get(rel.get("target_entity_id"), {})
|
||||
writer.writerow([
|
||||
src.get("name", ""), tgt.get("name", ""),
|
||||
rel.get("category", ""), rel.get("label", ""),
|
||||
rel.get("weight", 1), rel.get("description", ""),
|
||||
])
|
||||
|
||||
return StreamingResponse(
|
||||
io.BytesIO(output.getvalue().encode("utf-8")),
|
||||
media_type="text/csv",
|
||||
headers={"Content-Disposition": f'attachment; filename="netzwerk_{safe_name}.csv"'},
|
||||
)
|
||||
667
src/static/css/network.css
Normale Datei
667
src/static/css/network.css
Normale Datei
@@ -0,0 +1,667 @@
|
||||
/* === Netzwerkanalyse Styles === */
|
||||
|
||||
/* --- Sidebar: Netzwerkanalysen-Sektion --- */
|
||||
.sidebar-network-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--sp-md);
|
||||
padding: 6px 12px;
|
||||
cursor: pointer;
|
||||
border-radius: var(--radius);
|
||||
transition: background 0.15s;
|
||||
font-size: 13px;
|
||||
color: var(--sidebar-text);
|
||||
}
|
||||
|
||||
.sidebar-network-item:hover {
|
||||
background: var(--sidebar-hover-bg);
|
||||
}
|
||||
|
||||
.sidebar-network-item.active {
|
||||
background: var(--tint-accent);
|
||||
color: var(--sidebar-active);
|
||||
}
|
||||
|
||||
.sidebar-network-item .network-icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
flex-shrink: 0;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.sidebar-network-item .network-item-name {
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.sidebar-network-item .network-item-count {
|
||||
font-size: 11px;
|
||||
color: var(--text-tertiary);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.sidebar-network-item .network-status-dot {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
border-radius: 50%;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.sidebar-network-item .network-status-dot.generating {
|
||||
background: var(--warning);
|
||||
animation: pulse-dot 1.5s infinite;
|
||||
}
|
||||
|
||||
.sidebar-network-item .network-status-dot.ready {
|
||||
background: var(--success);
|
||||
}
|
||||
|
||||
.sidebar-network-item .network-status-dot.error {
|
||||
background: var(--error);
|
||||
}
|
||||
|
||||
@keyframes pulse-dot {
|
||||
0%, 100% { opacity: 1; }
|
||||
50% { opacity: 0.3; }
|
||||
}
|
||||
|
||||
/* --- Typ-Badge für Netzwerk --- */
|
||||
.incident-type-badge.type-network {
|
||||
background: rgba(99, 102, 241, 0.15);
|
||||
color: #818CF8;
|
||||
border: 1px solid rgba(99, 102, 241, 0.3);
|
||||
}
|
||||
|
||||
/* --- Network View Layout --- */
|
||||
#network-view {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* --- Header Strip --- */
|
||||
.network-header-strip {
|
||||
padding: var(--sp-xl) var(--sp-3xl);
|
||||
border-bottom: 1px solid var(--border);
|
||||
background: var(--bg-card);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.network-header-row1 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: var(--sp-xl);
|
||||
}
|
||||
|
||||
.network-header-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--sp-lg);
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.network-header-title {
|
||||
font-family: var(--font-title);
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
color: var(--text-primary);
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.network-header-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--sp-md);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.network-header-meta {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--sp-xl);
|
||||
margin-top: var(--sp-md);
|
||||
font-size: 12px;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
.network-header-meta span {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--sp-xs);
|
||||
}
|
||||
|
||||
/* --- Update-Badge --- */
|
||||
.network-update-badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: var(--sp-xs);
|
||||
padding: 2px 10px;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
border-radius: 9999px;
|
||||
background: rgba(245, 158, 11, 0.15);
|
||||
color: #F59E0B;
|
||||
border: 1px solid rgba(245, 158, 11, 0.3);
|
||||
cursor: pointer;
|
||||
transition: background 0.15s;
|
||||
}
|
||||
|
||||
.network-update-badge:hover {
|
||||
background: rgba(245, 158, 11, 0.25);
|
||||
}
|
||||
|
||||
/* --- Progress Bar (3 Schritte) --- */
|
||||
.network-progress {
|
||||
padding: var(--sp-lg) var(--sp-3xl);
|
||||
background: var(--bg-secondary);
|
||||
border-bottom: 1px solid var(--border);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.network-progress-steps {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--sp-md);
|
||||
margin-bottom: var(--sp-md);
|
||||
}
|
||||
|
||||
.network-progress-step {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--sp-sm);
|
||||
font-size: 12px;
|
||||
color: var(--text-disabled);
|
||||
transition: color 0.3s;
|
||||
}
|
||||
|
||||
.network-progress-step.active {
|
||||
color: var(--accent);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.network-progress-step.done {
|
||||
color: var(--success);
|
||||
}
|
||||
|
||||
.network-progress-step-dot {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
background: var(--text-disabled);
|
||||
transition: background 0.3s;
|
||||
}
|
||||
|
||||
.network-progress-step.active .network-progress-step-dot {
|
||||
background: var(--accent);
|
||||
box-shadow: 0 0 6px var(--accent);
|
||||
}
|
||||
|
||||
.network-progress-step.done .network-progress-step-dot {
|
||||
background: var(--success);
|
||||
}
|
||||
|
||||
.network-progress-connector {
|
||||
flex: 1;
|
||||
height: 2px;
|
||||
background: var(--border);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.network-progress-connector.done {
|
||||
background: var(--success);
|
||||
}
|
||||
|
||||
.network-progress-track {
|
||||
height: 3px;
|
||||
background: var(--border);
|
||||
border-radius: 2px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.network-progress-fill {
|
||||
height: 100%;
|
||||
background: var(--accent);
|
||||
border-radius: 2px;
|
||||
transition: width 0.5s ease;
|
||||
width: 0%;
|
||||
}
|
||||
|
||||
.network-progress-label {
|
||||
font-size: 12px;
|
||||
color: var(--text-secondary);
|
||||
margin-top: var(--sp-sm);
|
||||
}
|
||||
|
||||
/* --- Main Content Area --- */
|
||||
.network-content {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* --- Graph Area --- */
|
||||
.network-graph-area {
|
||||
flex: 1;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background: var(--bg-primary);
|
||||
}
|
||||
|
||||
.network-graph-area svg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* --- Rechte Sidebar --- */
|
||||
.network-sidebar {
|
||||
width: 300px;
|
||||
border-left: 1px solid var(--border);
|
||||
background: var(--bg-card);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.network-sidebar-section {
|
||||
padding: var(--sp-lg) var(--sp-xl);
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
|
||||
.network-sidebar-section-title {
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
color: var(--text-secondary);
|
||||
margin-bottom: var(--sp-md);
|
||||
}
|
||||
|
||||
/* Suche */
|
||||
.network-search-input {
|
||||
width: 100%;
|
||||
background: var(--input-bg);
|
||||
border: 1px solid var(--input-border);
|
||||
border-radius: var(--radius);
|
||||
padding: var(--sp-md) var(--sp-lg);
|
||||
font-size: 13px;
|
||||
color: var(--text-primary);
|
||||
font-family: var(--font-body);
|
||||
}
|
||||
|
||||
.network-search-input:focus {
|
||||
outline: 2px solid var(--accent);
|
||||
outline-offset: -2px;
|
||||
border-color: var(--accent);
|
||||
}
|
||||
|
||||
.network-search-input::placeholder {
|
||||
color: var(--text-disabled);
|
||||
}
|
||||
|
||||
/* Typ-Filter */
|
||||
.network-type-filters {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: var(--sp-sm);
|
||||
}
|
||||
|
||||
.network-type-filter {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--sp-xs);
|
||||
padding: 2px 8px;
|
||||
font-size: 11px;
|
||||
border-radius: var(--radius);
|
||||
cursor: pointer;
|
||||
border: 1px solid var(--border);
|
||||
background: transparent;
|
||||
color: var(--text-secondary);
|
||||
transition: all 0.15s;
|
||||
}
|
||||
|
||||
.network-type-filter.active {
|
||||
border-color: currentColor;
|
||||
background: currentColor;
|
||||
}
|
||||
|
||||
.network-type-filter.active span {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.network-type-filter[data-type="person"] { color: #60A5FA; }
|
||||
.network-type-filter[data-type="organisation"] { color: #C084FC; }
|
||||
.network-type-filter[data-type="location"] { color: #34D399; }
|
||||
.network-type-filter[data-type="event"] { color: #FBBF24; }
|
||||
.network-type-filter[data-type="military"] { color: #F87171; }
|
||||
|
||||
.network-type-filter .type-dot {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
background: currentColor;
|
||||
}
|
||||
|
||||
/* Gewicht-Slider */
|
||||
.network-weight-slider {
|
||||
width: 100%;
|
||||
accent-color: var(--accent);
|
||||
}
|
||||
|
||||
.network-weight-labels {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 10px;
|
||||
color: var(--text-disabled);
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
/* Detail-Panel */
|
||||
.network-detail-panel {
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
padding: var(--sp-xl);
|
||||
}
|
||||
|
||||
.network-detail-empty {
|
||||
padding: var(--sp-3xl) var(--sp-xl);
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
color: var(--text-disabled);
|
||||
}
|
||||
|
||||
.network-detail-name {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: var(--text-primary);
|
||||
margin-bottom: var(--sp-sm);
|
||||
}
|
||||
|
||||
.network-detail-type {
|
||||
display: inline-block;
|
||||
font-size: 10px;
|
||||
font-weight: 600;
|
||||
padding: 1px 8px;
|
||||
border-radius: 9999px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.03em;
|
||||
margin-bottom: var(--sp-lg);
|
||||
}
|
||||
|
||||
.network-detail-type.type-person { background: rgba(96, 165, 250, 0.15); color: #60A5FA; }
|
||||
.network-detail-type.type-organisation { background: rgba(192, 132, 252, 0.15); color: #C084FC; }
|
||||
.network-detail-type.type-location { background: rgba(52, 211, 153, 0.15); color: #34D399; }
|
||||
.network-detail-type.type-event { background: rgba(251, 191, 36, 0.15); color: #FBBF24; }
|
||||
.network-detail-type.type-military { background: rgba(248, 113, 113, 0.15); color: #F87171; }
|
||||
|
||||
.network-detail-desc {
|
||||
font-size: 13px;
|
||||
color: var(--text-secondary);
|
||||
line-height: 1.5;
|
||||
margin-bottom: var(--sp-lg);
|
||||
}
|
||||
|
||||
.network-detail-section {
|
||||
margin-top: var(--sp-xl);
|
||||
}
|
||||
|
||||
.network-detail-section-title {
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
color: var(--text-secondary);
|
||||
margin-bottom: var(--sp-md);
|
||||
}
|
||||
|
||||
.network-detail-aliases {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: var(--sp-xs);
|
||||
}
|
||||
|
||||
.network-detail-alias {
|
||||
font-size: 11px;
|
||||
padding: 1px 6px;
|
||||
border-radius: var(--radius);
|
||||
background: var(--bg-secondary);
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
.network-detail-stat {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 12px;
|
||||
padding: var(--sp-xs) 0;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
.network-detail-stat strong {
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
.network-opus-badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 3px;
|
||||
font-size: 10px;
|
||||
padding: 1px 6px;
|
||||
border-radius: var(--radius);
|
||||
background: rgba(99, 102, 241, 0.15);
|
||||
color: #818CF8;
|
||||
margin-left: var(--sp-sm);
|
||||
}
|
||||
|
||||
/* Relation-Items im Detail-Panel */
|
||||
.network-relation-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 2px;
|
||||
padding: var(--sp-md);
|
||||
border-radius: var(--radius);
|
||||
background: var(--bg-secondary);
|
||||
margin-bottom: var(--sp-sm);
|
||||
font-size: 12px;
|
||||
cursor: pointer;
|
||||
transition: background 0.15s;
|
||||
}
|
||||
|
||||
.network-relation-item:hover {
|
||||
background: var(--bg-hover);
|
||||
}
|
||||
|
||||
.network-relation-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--sp-sm);
|
||||
}
|
||||
|
||||
.network-relation-category {
|
||||
font-size: 10px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.03em;
|
||||
padding: 0 5px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.network-relation-category.cat-alliance { background: rgba(52, 211, 153, 0.15); color: #34D399; }
|
||||
.network-relation-category.cat-conflict { background: rgba(239, 68, 68, 0.15); color: #EF4444; }
|
||||
.network-relation-category.cat-diplomacy { background: rgba(251, 191, 36, 0.15); color: #FBBF24; }
|
||||
.network-relation-category.cat-economic { background: rgba(96, 165, 250, 0.15); color: #60A5FA; }
|
||||
.network-relation-category.cat-legal { background: rgba(192, 132, 252, 0.15); color: #C084FC; }
|
||||
.network-relation-category.cat-neutral { background: rgba(107, 114, 128, 0.15); color: #6B7280; }
|
||||
|
||||
.network-relation-target {
|
||||
color: var(--text-primary);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.network-relation-label {
|
||||
color: var(--text-secondary);
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.network-relation-weight {
|
||||
font-size: 10px;
|
||||
color: var(--text-disabled);
|
||||
}
|
||||
|
||||
/* --- Graph Tooltip --- */
|
||||
.network-tooltip {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
background: var(--bg-elevated);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--radius);
|
||||
padding: var(--sp-md) var(--sp-lg);
|
||||
font-size: 12px;
|
||||
color: var(--text-primary);
|
||||
box-shadow: var(--shadow-md);
|
||||
z-index: 100;
|
||||
max-width: 300px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.network-tooltip-title {
|
||||
font-weight: 600;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
.network-tooltip-desc {
|
||||
color: var(--text-secondary);
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
/* --- Graph SVG Styles --- */
|
||||
.network-graph-area .node-label {
|
||||
font-size: 10px;
|
||||
fill: var(--text-secondary);
|
||||
text-anchor: middle;
|
||||
pointer-events: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.network-graph-area .node-circle {
|
||||
cursor: pointer;
|
||||
stroke: var(--bg-primary);
|
||||
stroke-width: 2;
|
||||
transition: stroke-width 0.15s;
|
||||
}
|
||||
|
||||
.network-graph-area .node-circle:hover {
|
||||
stroke-width: 3;
|
||||
stroke: var(--text-primary);
|
||||
}
|
||||
|
||||
.network-graph-area .node-circle.selected {
|
||||
stroke-width: 3;
|
||||
stroke: var(--accent);
|
||||
}
|
||||
|
||||
.network-graph-area .node-circle.dimmed {
|
||||
opacity: 0.15;
|
||||
}
|
||||
|
||||
.network-graph-area .node-circle.highlighted {
|
||||
filter: drop-shadow(0 0 8px currentColor);
|
||||
}
|
||||
|
||||
.network-graph-area .node-label.dimmed {
|
||||
opacity: 0.1;
|
||||
}
|
||||
|
||||
.network-graph-area .edge-line {
|
||||
fill: none;
|
||||
pointer-events: stroke;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.network-graph-area .edge-line.dimmed {
|
||||
opacity: 0.05 !important;
|
||||
}
|
||||
|
||||
.network-graph-area .edge-line:hover {
|
||||
stroke-width: 3 !important;
|
||||
}
|
||||
|
||||
/* --- Modal: Neue Netzwerkanalyse --- */
|
||||
.network-incident-list {
|
||||
max-height: 300px;
|
||||
overflow-y: auto;
|
||||
border: 1px solid var(--input-border);
|
||||
border-radius: var(--radius);
|
||||
background: var(--input-bg);
|
||||
}
|
||||
|
||||
.network-incident-search {
|
||||
width: 100%;
|
||||
padding: var(--sp-md) var(--sp-lg);
|
||||
border: none;
|
||||
border-bottom: 1px solid var(--input-border);
|
||||
background: var(--input-bg);
|
||||
color: var(--text-primary);
|
||||
font-size: 13px;
|
||||
font-family: var(--font-body);
|
||||
}
|
||||
|
||||
.network-incident-search:focus {
|
||||
outline: none;
|
||||
border-bottom-color: var(--accent);
|
||||
}
|
||||
|
||||
.network-incident-search::placeholder {
|
||||
color: var(--text-disabled);
|
||||
}
|
||||
|
||||
.network-incident-option {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--sp-md);
|
||||
padding: var(--sp-md) var(--sp-lg);
|
||||
cursor: pointer;
|
||||
transition: background 0.1s;
|
||||
font-size: 13px;
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
.network-incident-option:hover {
|
||||
background: var(--bg-hover);
|
||||
}
|
||||
|
||||
.network-incident-option input[type="checkbox"] {
|
||||
accent-color: var(--accent);
|
||||
}
|
||||
|
||||
.network-incident-option .incident-option-type {
|
||||
font-size: 10px;
|
||||
color: var(--text-disabled);
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
/* --- Leerer Graph-Zustand --- */
|
||||
.network-empty-state {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
gap: var(--sp-lg);
|
||||
color: var(--text-disabled);
|
||||
}
|
||||
|
||||
.network-empty-state-icon {
|
||||
font-size: 48px;
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
.network-empty-state-text {
|
||||
font-size: 14px;
|
||||
}
|
||||
@@ -16,6 +16,7 @@
|
||||
<link rel="stylesheet" href="/static/vendor/leaflet.css">
|
||||
<link rel="stylesheet" href="/static/vendor/MarkerCluster.css">
|
||||
<link rel="stylesheet" href="/static/vendor/MarkerCluster.Default.css">
|
||||
<link rel="stylesheet" href="/static/css/network.css?v=20260316a">
|
||||
<link rel="stylesheet" href="/static/css/style.css?v=20260304h">
|
||||
</head>
|
||||
<body>
|
||||
@@ -93,6 +94,16 @@
|
||||
</h2>
|
||||
<div id="archived-incidents" aria-live="polite" style="display:none;"></div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-section">
|
||||
<button class="btn btn-primary btn-full btn-small" id="new-network-btn" onclick="App.openNetworkModal()" style="margin-bottom:8px;">+ Neue Netzwerkanalyse</button>
|
||||
<h2 class="sidebar-section-title collapsible" onclick="App.toggleSidebarSection('network-analyses-list')" role="button" tabindex="0" aria-expanded="true">
|
||||
<span class="sidebar-chevron" id="chevron-network-analyses-list" aria-hidden="true">▾</span>
|
||||
Netzwerkanalysen
|
||||
<span class="sidebar-section-count" id="count-network-analyses"></span>
|
||||
</h2>
|
||||
<div id="network-analyses-list" aria-live="polite"></div>
|
||||
</div>
|
||||
<div class="sidebar-sources-link">
|
||||
<button class="btn btn-secondary btn-full btn-small" onclick="App.openSourceManagement()">Quellen verwalten</button>
|
||||
<button class="btn btn-secondary btn-full btn-small sidebar-feedback-btn" onclick="App.openFeedback()">Feedback senden</button>
|
||||
@@ -110,6 +121,99 @@
|
||||
<div class="empty-state-text">Erstelle eine neue Lage oder wähle einen bestehenden Vorfall aus der Seitenleiste.</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Netzwerkanalyse View (hidden by default) -->
|
||||
<div id="network-view" style="display:none;">
|
||||
<!-- Header Strip -->
|
||||
<div class="network-header-strip">
|
||||
<div class="network-header-row1">
|
||||
<div class="network-header-left">
|
||||
<span class="incident-type-badge type-network">Netzwerk</span>
|
||||
<h2 class="network-header-title" id="network-title"></h2>
|
||||
<span class="network-update-badge" id="network-update-badge" style="display:none;" onclick="App.regenerateNetwork()">Aktualisierung verfügbar</span>
|
||||
</div>
|
||||
<div class="network-header-actions">
|
||||
<button class="btn btn-primary btn-small" onclick="App.regenerateNetwork()">Neu generieren</button>
|
||||
<div class="export-dropdown">
|
||||
<button class="btn btn-secondary btn-small" onclick="this.nextElementSibling.classList.toggle('show')" aria-haspopup="true">Exportieren ▾</button>
|
||||
<div class="export-dropdown-menu" role="menu">
|
||||
<button class="export-dropdown-item" role="menuitem" onclick="App.exportNetwork('json')">JSON</button>
|
||||
<button class="export-dropdown-item" role="menuitem" onclick="App.exportNetwork('csv')">CSV (Kantenliste)</button>
|
||||
<hr class="export-dropdown-divider" role="separator">
|
||||
<button class="export-dropdown-item" role="menuitem" onclick="App.exportNetwork('png')">PNG Screenshot</button>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-danger btn-small" onclick="App.deleteNetworkAnalysis()">Löschen</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="network-header-meta">
|
||||
<span id="network-entity-count"></span>
|
||||
<span id="network-relation-count"></span>
|
||||
<span id="network-last-generated"></span>
|
||||
<span id="network-incident-list-text" style="opacity:0.7;"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Progress Bar -->
|
||||
<div class="network-progress" id="network-progress-bar" style="display:none;">
|
||||
<div class="network-progress-steps">
|
||||
<div class="network-progress-step" data-step="entity_extraction">
|
||||
<div class="network-progress-step-dot"></div>
|
||||
<span>Entitäten</span>
|
||||
</div>
|
||||
<div class="network-progress-connector"></div>
|
||||
<div class="network-progress-step" data-step="relationship_extraction">
|
||||
<div class="network-progress-step-dot"></div>
|
||||
<span>Beziehungen</span>
|
||||
</div>
|
||||
<div class="network-progress-connector"></div>
|
||||
<div class="network-progress-step" data-step="correction">
|
||||
<div class="network-progress-step-dot"></div>
|
||||
<span>Korrekturen</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="network-progress-track">
|
||||
<div class="network-progress-fill" id="network-progress-fill"></div>
|
||||
</div>
|
||||
<div class="network-progress-label" id="network-progress-label">Wird verarbeitet...</div>
|
||||
</div>
|
||||
|
||||
<!-- Graph + Sidebar -->
|
||||
<div class="network-content">
|
||||
<div class="network-graph-area" id="network-graph-area">
|
||||
<div class="network-empty-state">
|
||||
<div class="network-empty-state-icon">☉</div>
|
||||
<div class="network-empty-state-text">Graph wird geladen...</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="network-sidebar">
|
||||
<div class="network-sidebar-section">
|
||||
<div class="network-sidebar-section-title">Suche</div>
|
||||
<input type="text" class="network-search-input" id="network-search" placeholder="Entität suchen...">
|
||||
</div>
|
||||
<div class="network-sidebar-section">
|
||||
<div class="network-sidebar-section-title">Typ-Filter</div>
|
||||
<div class="network-type-filters" id="network-type-filter-container"></div>
|
||||
</div>
|
||||
<div class="network-sidebar-section">
|
||||
<div class="network-sidebar-section-title">Min. Gewicht: <strong id="network-weight-value">1</strong></div>
|
||||
<input type="range" class="network-weight-slider" id="network-weight-slider" min="1" max="5" value="1" step="1">
|
||||
<div class="network-weight-labels"><span>1</span><span>5</span></div>
|
||||
</div>
|
||||
<div class="network-sidebar-section" style="border-bottom:none;">
|
||||
<button class="btn btn-secondary btn-small btn-full" onclick="App.resetNetworkView()" style="margin-bottom:6px;">Filter zurücksetzen</button>
|
||||
<button class="btn btn-secondary btn-small btn-full" onclick="App.isolateNetworkCluster()">Cluster isolieren</button>
|
||||
</div>
|
||||
<div class="network-detail-panel" id="network-detail-panel">
|
||||
<div class="network-detail-empty">Klicke auf einen Knoten für Details</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Tooltip -->
|
||||
<div class="network-tooltip" id="network-tooltip"></div>
|
||||
</div>
|
||||
|
||||
<!-- Lagebild (hidden by default) -->
|
||||
<div id="incident-view" style="display:none;">
|
||||
<!-- Header Strip -->
|
||||
@@ -607,9 +711,40 @@
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Modal: Neue Netzwerkanalyse -->
|
||||
<div class="modal-overlay" id="modal-network-new" role="dialog" aria-modal="true" aria-labelledby="modal-network-new-title">
|
||||
<div class="modal">
|
||||
<div class="modal-header">
|
||||
<div class="modal-title" id="modal-network-new-title">Neue Netzwerkanalyse</div>
|
||||
<button class="modal-close" onclick="closeModal('modal-network-new')" aria-label="Schließen">×</button>
|
||||
</div>
|
||||
<form onsubmit="App.submitNetworkAnalysis(event); return false;">
|
||||
<div class="modal-body">
|
||||
<div class="form-group">
|
||||
<label for="network-name">Name der Analyse</label>
|
||||
<input type="text" id="network-name" required placeholder="z.B. Irankonflikt-Netzwerk">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Lagen auswählen</label>
|
||||
<div class="network-incident-list">
|
||||
<input type="text" class="network-incident-search" id="network-incident-search" placeholder="Lagen durchsuchen...">
|
||||
<div id="network-incident-options"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" onclick="closeModal('modal-network-new')">Abbrechen</button>
|
||||
<button type="submit" class="btn btn-primary" id="network-submit-btn">Analyse starten</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Toast Container -->
|
||||
<div class="toast-container" id="toast-container" aria-live="polite" aria-atomic="true"></div>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/d3@7/dist/d3.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/gridstack@12/dist/gridstack-all.js"></script>
|
||||
<script src="/static/vendor/leaflet.js"></script>
|
||||
<script src="/static/vendor/leaflet.markercluster.js"></script>
|
||||
@@ -618,6 +753,9 @@
|
||||
<script src="/static/js/components.js?v=20260304h"></script>
|
||||
<script src="/static/js/layout.js?v=20260304h"></script>
|
||||
<script src="/static/js/app.js?v=20260304h"></script>
|
||||
<script src="/static/js/api_network.js?v=20260316a"></script>
|
||||
<script src="/static/js/network-graph.js?v=20260316a"></script>
|
||||
<script src="/static/js/app_network.js?v=20260316a"></script>
|
||||
<script src="/static/js/chat.js?v=20260315b"></script>
|
||||
<script>document.addEventListener("DOMContentLoaded",function(){Chat.init()});</script>
|
||||
|
||||
|
||||
43
src/static/js/api_network.js
Normale Datei
43
src/static/js/api_network.js
Normale Datei
@@ -0,0 +1,43 @@
|
||||
/**
|
||||
* Netzwerkanalyse API-Methoden — werden zum API-Objekt hinzugefügt.
|
||||
*/
|
||||
|
||||
// Netzwerkanalysen
|
||||
API.listNetworkAnalyses = function() {
|
||||
return this._request('GET', '/network-analyses');
|
||||
};
|
||||
|
||||
API.createNetworkAnalysis = function(data) {
|
||||
return this._request('POST', '/network-analyses', data);
|
||||
};
|
||||
|
||||
API.getNetworkAnalysis = function(id) {
|
||||
return this._request('GET', '/network-analyses/' + id);
|
||||
};
|
||||
|
||||
API.getNetworkGraph = function(id) {
|
||||
return this._request('GET', '/network-analyses/' + id + '/graph');
|
||||
};
|
||||
|
||||
API.regenerateNetwork = function(id) {
|
||||
return this._request('POST', '/network-analyses/' + id + '/regenerate');
|
||||
};
|
||||
|
||||
API.checkNetworkUpdate = function(id) {
|
||||
return this._request('GET', '/network-analyses/' + id + '/check-update');
|
||||
};
|
||||
|
||||
API.updateNetworkAnalysis = function(id, data) {
|
||||
return this._request('PUT', '/network-analyses/' + id, data);
|
||||
};
|
||||
|
||||
API.deleteNetworkAnalysis = function(id) {
|
||||
return this._request('DELETE', '/network-analyses/' + id);
|
||||
};
|
||||
|
||||
API.exportNetworkAnalysis = function(id, format) {
|
||||
var token = localStorage.getItem('osint_token');
|
||||
return fetch(this.baseUrl + '/network-analyses/' + id + '/export?format=' + format, {
|
||||
headers: { 'Authorization': 'Bearer ' + token },
|
||||
});
|
||||
};
|
||||
@@ -518,10 +518,15 @@ const App = {
|
||||
// Sidebar-Chevrons initial auf offen setzen (Archiv geschlossen)
|
||||
document.querySelectorAll('.sidebar-chevron').forEach(c => c.classList.add('open'));
|
||||
document.getElementById('chevron-archived-incidents').classList.remove('open');
|
||||
var chevronNetwork = document.getElementById('chevron-network-analyses-list');
|
||||
if (chevronNetwork) chevronNetwork.classList.add('open');
|
||||
|
||||
// Lagen laden (frueh, damit Sidebar sofort sichtbar)
|
||||
await this.loadIncidents();
|
||||
|
||||
// Netzwerkanalysen laden
|
||||
await this.loadNetworkAnalyses();
|
||||
|
||||
// Notification-Center initialisieren
|
||||
try { await NotificationCenter.init(); } catch (e) { console.warn('NotificationCenter:', e); }
|
||||
|
||||
@@ -532,6 +537,9 @@ const App = {
|
||||
WS.on('refresh_summary', (msg) => this.handleRefreshSummary(msg));
|
||||
WS.on('refresh_error', (msg) => this.handleRefreshError(msg));
|
||||
WS.on('refresh_cancelled', (msg) => this.handleRefreshCancelled(msg));
|
||||
WS.on('network_status', (msg) => this._handleNetworkStatus(msg));
|
||||
WS.on('network_complete', (msg) => this._handleNetworkComplete(msg));
|
||||
WS.on('network_error', (msg) => this._handleNetworkError(msg));
|
||||
|
||||
// Laufende Refreshes wiederherstellen
|
||||
try {
|
||||
@@ -552,6 +560,17 @@ const App = {
|
||||
}
|
||||
}
|
||||
|
||||
// Zuletzt ausgewählte Netzwerkanalyse wiederherstellen
|
||||
if (!savedId || !this.incidents.some(inc => inc.id === parseInt(savedId, 10))) {
|
||||
const savedNetworkId = localStorage.getItem('selectedNetworkId');
|
||||
if (savedNetworkId) {
|
||||
const nid = parseInt(savedNetworkId, 10);
|
||||
if (this.networkAnalyses.some(na => na.id === nid)) {
|
||||
await this.selectNetworkAnalysis(nid);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Leaflet-Karte nachladen falls CDN langsam war
|
||||
setTimeout(() => UI.retryPendingMap(), 2000);
|
||||
},
|
||||
@@ -647,6 +666,10 @@ const App = {
|
||||
|
||||
document.getElementById('empty-state').style.display = 'none';
|
||||
document.getElementById('incident-view').style.display = 'flex';
|
||||
document.getElementById('network-view').style.display = 'none';
|
||||
this.currentNetworkId = null;
|
||||
localStorage.removeItem('selectedNetworkId');
|
||||
this.renderNetworkSidebar();
|
||||
|
||||
// GridStack-Animation deaktivieren und Scroll komplett sperren
|
||||
// bis alle Tile-Resize-Operationen (doppeltes rAF) abgeschlossen sind
|
||||
|
||||
447
src/static/js/app_network.js
Normale Datei
447
src/static/js/app_network.js
Normale Datei
@@ -0,0 +1,447 @@
|
||||
/**
|
||||
* Netzwerkanalyse-Erweiterungen für App-Objekt.
|
||||
* Wird nach app.js geladen und erweitert App um Netzwerk-Funktionalität.
|
||||
*/
|
||||
|
||||
// State-Erweiterung
|
||||
App.networkAnalyses = [];
|
||||
App.currentNetworkId = null;
|
||||
App._networkGenerating = new Set();
|
||||
|
||||
/**
|
||||
* Netzwerkanalysen laden und Sidebar rendern.
|
||||
*/
|
||||
App.loadNetworkAnalyses = async function() {
|
||||
try {
|
||||
this.networkAnalyses = await API.listNetworkAnalyses();
|
||||
} catch (e) {
|
||||
console.warn('Netzwerkanalysen laden fehlgeschlagen:', e);
|
||||
this.networkAnalyses = [];
|
||||
}
|
||||
this.renderNetworkSidebar();
|
||||
};
|
||||
|
||||
/**
|
||||
* Netzwerkanalysen-Sektion in der Sidebar rendern.
|
||||
*/
|
||||
App.renderNetworkSidebar = function() {
|
||||
var container = document.getElementById('network-analyses-list');
|
||||
if (!container) return;
|
||||
|
||||
var countEl = document.getElementById('count-network-analyses');
|
||||
if (countEl) countEl.textContent = '(' + this.networkAnalyses.length + ')';
|
||||
|
||||
if (this.networkAnalyses.length === 0) {
|
||||
container.innerHTML = '<div style="padding:8px 12px;font-size:12px;color:var(--text-tertiary);">Keine Netzwerkanalysen</div>';
|
||||
return;
|
||||
}
|
||||
|
||||
var self = this;
|
||||
container.innerHTML = this.networkAnalyses.map(function(na) {
|
||||
var isActive = na.id === self.currentNetworkId;
|
||||
var statusClass = na.status === 'generating' ? 'generating' : (na.status === 'error' ? 'error' : 'ready');
|
||||
var countText = na.status === 'ready' ? (na.entity_count + ' / ' + na.relation_count) : na.status === 'generating' ? '...' : '';
|
||||
return '<div class="sidebar-network-item' + (isActive ? ' active' : '') + '" onclick="App.selectNetworkAnalysis(' + na.id + ')">' +
|
||||
'<svg class="network-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="5" r="3"/><circle cx="5" cy="19" r="3"/><circle cx="19" cy="19" r="3"/><line x1="12" y1="8" x2="5" y2="16"/><line x1="12" y1="8" x2="19" y2="16"/></svg>' +
|
||||
'<span class="network-item-name" title="' + _escHtml(na.name) + '">' + _escHtml(na.name) + '</span>' +
|
||||
'<span class="network-item-count">' + countText + '</span>' +
|
||||
'<span class="network-status-dot ' + statusClass + '"></span>' +
|
||||
'</div>';
|
||||
}).join('');
|
||||
};
|
||||
|
||||
/**
|
||||
* Netzwerkanalyse auswählen und anzeigen.
|
||||
*/
|
||||
App.selectNetworkAnalysis = async function(id) {
|
||||
this.currentNetworkId = id;
|
||||
this.currentIncidentId = null;
|
||||
localStorage.removeItem('selectedIncidentId');
|
||||
localStorage.setItem('selectedNetworkId', id);
|
||||
|
||||
// Views umschalten
|
||||
document.getElementById('empty-state').style.display = 'none';
|
||||
document.getElementById('incident-view').style.display = 'none';
|
||||
document.getElementById('network-view').style.display = 'flex';
|
||||
|
||||
// Sidebar aktualisieren
|
||||
this.renderSidebar();
|
||||
this.renderNetworkSidebar();
|
||||
|
||||
// Analyse laden
|
||||
try {
|
||||
var analysis = await API.getNetworkAnalysis(id);
|
||||
this._renderNetworkHeader(analysis);
|
||||
|
||||
if (analysis.status === 'ready') {
|
||||
this._hideNetworkProgress();
|
||||
var graphData = await API.getNetworkGraph(id);
|
||||
NetworkGraph.init('network-graph-area', graphData);
|
||||
this._setupNetworkFilters(graphData);
|
||||
|
||||
// Update-Check
|
||||
try {
|
||||
var updateCheck = await API.checkNetworkUpdate(id);
|
||||
var badge = document.getElementById('network-update-badge');
|
||||
if (badge) badge.style.display = updateCheck.has_update ? 'inline-flex' : 'none';
|
||||
} catch (e) { /* ignorieren */ }
|
||||
} else if (analysis.status === 'generating') {
|
||||
this._showNetworkProgress('entity_extraction', 0);
|
||||
} else if (analysis.status === 'error') {
|
||||
this._hideNetworkProgress();
|
||||
var graphArea = document.getElementById('network-graph-area');
|
||||
if (graphArea) graphArea.innerHTML = '<div class="network-empty-state"><div class="network-empty-state-icon">⚠</div><div class="network-empty-state-text">Fehler bei der Generierung. Versuche es erneut.</div></div>';
|
||||
}
|
||||
} catch (err) {
|
||||
UI.showToast('Fehler beim Laden der Netzwerkanalyse: ' + err.message, 'error');
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Netzwerkanalyse-Header rendern.
|
||||
*/
|
||||
App._renderNetworkHeader = function(analysis) {
|
||||
var el;
|
||||
el = document.getElementById('network-title');
|
||||
if (el) el.textContent = analysis.name;
|
||||
|
||||
el = document.getElementById('network-entity-count');
|
||||
if (el) el.textContent = analysis.entity_count + ' Entitäten';
|
||||
|
||||
el = document.getElementById('network-relation-count');
|
||||
if (el) el.textContent = analysis.relation_count + ' Beziehungen';
|
||||
|
||||
el = document.getElementById('network-incident-list-text');
|
||||
if (el) el.textContent = (analysis.incident_titles || []).join(', ') || '-';
|
||||
|
||||
el = document.getElementById('network-last-generated');
|
||||
if (el) {
|
||||
if (analysis.last_generated_at) {
|
||||
var d = parseUTC(analysis.last_generated_at) || new Date(analysis.last_generated_at);
|
||||
el.textContent = 'Generiert: ' + d.toLocaleDateString('de-DE', { day: '2-digit', month: '2-digit', year: 'numeric', timeZone: TIMEZONE }) + ' ' +
|
||||
d.toLocaleTimeString('de-DE', { hour: '2-digit', minute: '2-digit', timeZone: TIMEZONE });
|
||||
} else {
|
||||
el.textContent = '';
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Filter-Controls in der Netzwerk-Sidebar aufsetzen.
|
||||
*/
|
||||
App._setupNetworkFilters = function(graphData) {
|
||||
// Typ-Filter-Buttons aktivieren
|
||||
var types = new Set();
|
||||
(graphData.entities || []).forEach(function(e) { types.add(e.entity_type); });
|
||||
var filterContainer = document.getElementById('network-type-filter-container');
|
||||
if (filterContainer) {
|
||||
var allTypes = ['person', 'organisation', 'location', 'event', 'military'];
|
||||
var typeLabels = { person: 'Person', organisation: 'Organisation', location: 'Ort', event: 'Ereignis', military: 'Militär' };
|
||||
filterContainer.innerHTML = allTypes.map(function(t) {
|
||||
var hasEntities = types.has(t);
|
||||
return '<button class="network-type-filter active" data-type="' + t + '" onclick="App.toggleNetworkTypeFilter(this)" ' +
|
||||
(hasEntities ? '' : 'disabled style="opacity:0.3"') + '>' +
|
||||
'<span class="type-dot"></span><span>' + typeLabels[t] + '</span></button>';
|
||||
}).join('');
|
||||
}
|
||||
|
||||
// Gewicht-Slider
|
||||
var slider = document.getElementById('network-weight-slider');
|
||||
if (slider) {
|
||||
slider.value = 1;
|
||||
slider.oninput = function() {
|
||||
var label = document.getElementById('network-weight-value');
|
||||
if (label) label.textContent = this.value;
|
||||
NetworkGraph.filterByWeight(parseInt(this.value));
|
||||
};
|
||||
}
|
||||
|
||||
// Suche
|
||||
var searchInput = document.getElementById('network-search');
|
||||
if (searchInput) {
|
||||
searchInput.value = '';
|
||||
var timer = null;
|
||||
searchInput.oninput = function() {
|
||||
clearTimeout(timer);
|
||||
var val = this.value;
|
||||
timer = setTimeout(function() {
|
||||
NetworkGraph.search(val);
|
||||
}, 250);
|
||||
};
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Typ-Filter toggle.
|
||||
*/
|
||||
App.toggleNetworkTypeFilter = function(btn) {
|
||||
btn.classList.toggle('active');
|
||||
var activeTypes = [];
|
||||
document.querySelectorAll('.network-type-filter.active').forEach(function(b) {
|
||||
activeTypes.push(b.dataset.type);
|
||||
});
|
||||
NetworkGraph.filterByType(new Set(activeTypes));
|
||||
};
|
||||
|
||||
/**
|
||||
* Progress-Bar anzeigen.
|
||||
*/
|
||||
App._showNetworkProgress = function(phase, progress) {
|
||||
var bar = document.getElementById('network-progress-bar');
|
||||
if (bar) bar.style.display = 'block';
|
||||
|
||||
var steps = ['entity_extraction', 'relationship_extraction', 'correction'];
|
||||
var stepEls = document.querySelectorAll('.network-progress-step');
|
||||
var connectorEls = document.querySelectorAll('.network-progress-connector');
|
||||
var phaseIndex = steps.indexOf(phase);
|
||||
|
||||
stepEls.forEach(function(el, i) {
|
||||
el.classList.remove('active', 'done');
|
||||
if (i < phaseIndex) el.classList.add('done');
|
||||
else if (i === phaseIndex) el.classList.add('active');
|
||||
});
|
||||
|
||||
connectorEls.forEach(function(el, i) {
|
||||
el.classList.remove('done');
|
||||
if (i < phaseIndex) el.classList.add('done');
|
||||
});
|
||||
|
||||
var fill = document.getElementById('network-progress-fill');
|
||||
if (fill) {
|
||||
var pct = ((phaseIndex / steps.length) * 100) + (progress || 0) * (100 / steps.length) / 100;
|
||||
fill.style.width = Math.min(100, pct) + '%';
|
||||
}
|
||||
|
||||
var label = document.getElementById('network-progress-label');
|
||||
if (label) {
|
||||
var labels = { entity_extraction: 'Entitäten werden extrahiert...', relationship_extraction: 'Beziehungen werden analysiert...', correction: 'Korrekturen werden angewendet...' };
|
||||
label.textContent = labels[phase] || 'Wird verarbeitet...';
|
||||
}
|
||||
};
|
||||
|
||||
App._hideNetworkProgress = function() {
|
||||
var bar = document.getElementById('network-progress-bar');
|
||||
if (bar) bar.style.display = 'none';
|
||||
};
|
||||
|
||||
/**
|
||||
* Modal: Neue Netzwerkanalyse öffnen.
|
||||
*/
|
||||
App.openNetworkModal = async function() {
|
||||
var list = document.getElementById('network-incident-options');
|
||||
if (list) list.innerHTML = '<div style="padding:12px;color:var(--text-disabled);font-size:12px;">Lade Lagen...</div>';
|
||||
|
||||
openModal('modal-network-new');
|
||||
|
||||
// Lagen laden
|
||||
try {
|
||||
var incidents = await API.listIncidents();
|
||||
if (list) {
|
||||
list.innerHTML = incidents.map(function(inc) {
|
||||
var typeLabel = inc.type === 'research' ? 'Analyse' : 'Live';
|
||||
return '<label class="network-incident-option">' +
|
||||
'<input type="checkbox" value="' + inc.id + '" class="network-incident-cb">' +
|
||||
'<span>' + _escHtml(inc.title) + '</span>' +
|
||||
'<span class="incident-option-type">' + typeLabel + '</span>' +
|
||||
'</label>';
|
||||
}).join('');
|
||||
}
|
||||
} catch (e) {
|
||||
if (list) list.innerHTML = '<div style="padding:12px;color:var(--error);font-size:12px;">Fehler beim Laden der Lagen</div>';
|
||||
}
|
||||
|
||||
// Name-Feld leeren
|
||||
var nameField = document.getElementById('network-name');
|
||||
if (nameField) nameField.value = '';
|
||||
|
||||
// Suchfeld leeren
|
||||
var searchField = document.getElementById('network-incident-search');
|
||||
if (searchField) {
|
||||
searchField.value = '';
|
||||
searchField.oninput = function() {
|
||||
var term = this.value.toLowerCase();
|
||||
document.querySelectorAll('.network-incident-option').forEach(function(opt) {
|
||||
var text = opt.textContent.toLowerCase();
|
||||
opt.style.display = text.includes(term) ? '' : 'none';
|
||||
});
|
||||
};
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Netzwerkanalyse erstellen.
|
||||
*/
|
||||
App.submitNetworkAnalysis = async function(e) {
|
||||
if (e) e.preventDefault();
|
||||
|
||||
var name = (document.getElementById('network-name').value || '').trim();
|
||||
if (!name) {
|
||||
UI.showToast('Bitte einen Namen eingeben.', 'warning');
|
||||
return;
|
||||
}
|
||||
|
||||
var incidentIds = [];
|
||||
document.querySelectorAll('.network-incident-cb:checked').forEach(function(cb) {
|
||||
incidentIds.push(parseInt(cb.value));
|
||||
});
|
||||
|
||||
if (incidentIds.length === 0) {
|
||||
UI.showToast('Bitte mindestens eine Lage auswählen.', 'warning');
|
||||
return;
|
||||
}
|
||||
|
||||
var btn = document.getElementById('network-submit-btn');
|
||||
if (btn) btn.disabled = true;
|
||||
|
||||
try {
|
||||
var result = await API.createNetworkAnalysis({ name: name, incident_ids: incidentIds });
|
||||
closeModal('modal-network-new');
|
||||
await this.loadNetworkAnalyses();
|
||||
await this.selectNetworkAnalysis(result.id);
|
||||
UI.showToast('Netzwerkanalyse gestartet.', 'success');
|
||||
} catch (err) {
|
||||
UI.showToast('Fehler: ' + err.message, 'error');
|
||||
} finally {
|
||||
if (btn) btn.disabled = false;
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Netzwerkanalyse neu generieren.
|
||||
*/
|
||||
App.regenerateNetwork = async function() {
|
||||
if (!this.currentNetworkId) return;
|
||||
if (!await confirmDialog('Netzwerkanalyse neu generieren? Bestehende Daten werden überschrieben.')) return;
|
||||
|
||||
try {
|
||||
await API.regenerateNetwork(this.currentNetworkId);
|
||||
this._showNetworkProgress('entity_extraction', 0);
|
||||
await this.loadNetworkAnalyses();
|
||||
UI.showToast('Neugenerierung gestartet.', 'success');
|
||||
} catch (err) {
|
||||
UI.showToast('Fehler: ' + err.message, 'error');
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Netzwerkanalyse löschen.
|
||||
*/
|
||||
App.deleteNetworkAnalysis = async function() {
|
||||
if (!this.currentNetworkId) return;
|
||||
if (!await confirmDialog('Netzwerkanalyse wirklich löschen? Alle Daten gehen verloren.')) return;
|
||||
|
||||
try {
|
||||
await API.deleteNetworkAnalysis(this.currentNetworkId);
|
||||
this.currentNetworkId = null;
|
||||
localStorage.removeItem('selectedNetworkId');
|
||||
NetworkGraph.destroy();
|
||||
document.getElementById('network-view').style.display = 'none';
|
||||
document.getElementById('empty-state').style.display = 'flex';
|
||||
await this.loadNetworkAnalyses();
|
||||
UI.showToast('Netzwerkanalyse gelöscht.', 'success');
|
||||
} catch (err) {
|
||||
UI.showToast('Fehler: ' + err.message, 'error');
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Netzwerkanalyse exportieren.
|
||||
*/
|
||||
App.exportNetwork = async function(format) {
|
||||
if (!this.currentNetworkId) return;
|
||||
|
||||
if (format === 'png') {
|
||||
NetworkGraph.exportPNG();
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
var resp = await API.exportNetworkAnalysis(this.currentNetworkId, format);
|
||||
if (!resp.ok) throw new Error('Export fehlgeschlagen');
|
||||
var blob = await resp.blob();
|
||||
var url = URL.createObjectURL(blob);
|
||||
var a = document.createElement('a');
|
||||
a.href = url;
|
||||
a.download = 'netzwerk-' + this.currentNetworkId + '.' + format;
|
||||
a.click();
|
||||
URL.revokeObjectURL(url);
|
||||
} catch (err) {
|
||||
UI.showToast('Export fehlgeschlagen: ' + err.message, 'error');
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* WebSocket-Handler für Netzwerk-Events.
|
||||
*/
|
||||
App._handleNetworkStatus = function(msg) {
|
||||
if (msg.analysis_id === this.currentNetworkId) {
|
||||
this._showNetworkProgress(msg.phase, msg.progress || 0);
|
||||
}
|
||||
};
|
||||
|
||||
App._handleNetworkComplete = async function(msg) {
|
||||
this._networkGenerating.delete(msg.analysis_id);
|
||||
|
||||
if (msg.analysis_id === this.currentNetworkId) {
|
||||
this._hideNetworkProgress();
|
||||
// Graph neu laden
|
||||
try {
|
||||
var graphData = await API.getNetworkGraph(msg.analysis_id);
|
||||
NetworkGraph.init('network-graph-area', graphData);
|
||||
this._setupNetworkFilters(graphData);
|
||||
|
||||
var analysis = await API.getNetworkAnalysis(msg.analysis_id);
|
||||
this._renderNetworkHeader(analysis);
|
||||
} catch (e) {
|
||||
console.error('Graph nach Generierung laden fehlgeschlagen:', e);
|
||||
}
|
||||
UI.showToast('Netzwerkanalyse fertig: ' + (msg.entity_count || 0) + ' Entitäten, ' + (msg.relation_count || 0) + ' Beziehungen', 'success');
|
||||
}
|
||||
|
||||
await this.loadNetworkAnalyses();
|
||||
};
|
||||
|
||||
App._handleNetworkError = function(msg) {
|
||||
this._networkGenerating.delete(msg.analysis_id);
|
||||
|
||||
if (msg.analysis_id === this.currentNetworkId) {
|
||||
this._hideNetworkProgress();
|
||||
var graphArea = document.getElementById('network-graph-area');
|
||||
if (graphArea) graphArea.innerHTML = '<div class="network-empty-state"><div class="network-empty-state-icon">⚠</div><div class="network-empty-state-text">Fehler: ' + _escHtml(msg.error || 'Unbekannter Fehler') + '</div></div>';
|
||||
}
|
||||
|
||||
UI.showToast('Netzwerkanalyse fehlgeschlagen: ' + (msg.error || 'Unbekannter Fehler'), 'error');
|
||||
this.loadNetworkAnalyses();
|
||||
};
|
||||
|
||||
/**
|
||||
* Cluster isolieren (nur verbundene Knoten zeigen).
|
||||
*/
|
||||
App.isolateNetworkCluster = function() {
|
||||
if (NetworkGraph._selectedNode) {
|
||||
NetworkGraph.isolateCluster(NetworkGraph._selectedNode.id);
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Graph-Ansicht zurücksetzen.
|
||||
*/
|
||||
App.resetNetworkView = function() {
|
||||
NetworkGraph.resetView();
|
||||
// Typ-Filter zurücksetzen
|
||||
document.querySelectorAll('.network-type-filter').forEach(function(btn) {
|
||||
if (!btn.disabled) btn.classList.add('active');
|
||||
});
|
||||
var slider = document.getElementById('network-weight-slider');
|
||||
if (slider) { slider.value = 1; var lbl = document.getElementById('network-weight-value'); if (lbl) lbl.textContent = '1'; }
|
||||
var search = document.getElementById('network-search');
|
||||
if (search) search.value = '';
|
||||
};
|
||||
|
||||
// HTML-Escape Hilfsfunktion (falls nicht global verfügbar)
|
||||
function _escHtml(text) {
|
||||
if (typeof UI !== 'undefined' && UI.escape) return UI.escape(text);
|
||||
var d = document.createElement('div');
|
||||
d.textContent = text || '';
|
||||
return d.innerHTML;
|
||||
}
|
||||
831
src/static/js/network-graph.js
Normale Datei
831
src/static/js/network-graph.js
Normale Datei
@@ -0,0 +1,831 @@
|
||||
/**
|
||||
* AegisSight OSINT Monitor - Network Graph Visualization
|
||||
*
|
||||
* Force-directed graph powered by d3.js v7.
|
||||
* Expects d3 to be loaded globally from CDN before this script runs.
|
||||
*
|
||||
* Usage:
|
||||
* NetworkGraph.init('network-graph-area', data);
|
||||
* NetworkGraph.filterByType(new Set(['person', 'organisation']));
|
||||
* NetworkGraph.search('Russland');
|
||||
* NetworkGraph.destroy();
|
||||
*/
|
||||
|
||||
/* global d3 */
|
||||
|
||||
const NetworkGraph = {
|
||||
|
||||
// ---- internal state -------------------------------------------------------
|
||||
_svg: null,
|
||||
_simulation: null,
|
||||
_data: null, // raw data as received
|
||||
_filtered: null, // currently visible subset
|
||||
_container: null, // <g> inside SVG that receives zoom transforms
|
||||
_zoom: null,
|
||||
_selectedNode: null,
|
||||
_tooltip: null,
|
||||
|
||||
_filters: {
|
||||
types: new Set(), // empty = all visible
|
||||
minWeight: 1,
|
||||
searchTerm: '',
|
||||
},
|
||||
|
||||
_colorMap: {
|
||||
node: {
|
||||
person: '#60A5FA',
|
||||
organisation: '#C084FC',
|
||||
location: '#34D399',
|
||||
event: '#FBBF24',
|
||||
military: '#F87171',
|
||||
},
|
||||
edge: {
|
||||
alliance: '#34D399',
|
||||
conflict: '#EF4444',
|
||||
diplomacy: '#FBBF24',
|
||||
economic: '#60A5FA',
|
||||
legal: '#C084FC',
|
||||
neutral: '#6B7280',
|
||||
},
|
||||
},
|
||||
|
||||
// ---- public API -----------------------------------------------------------
|
||||
|
||||
/**
|
||||
* Initialise the graph inside the given container element.
|
||||
* @param {string} containerId – DOM id of the wrapper element
|
||||
* @param {object} data – { entities: [], relations: [] }
|
||||
*/
|
||||
init(containerId, data) {
|
||||
this.destroy();
|
||||
|
||||
const wrapper = document.getElementById(containerId);
|
||||
if (!wrapper) {
|
||||
console.error('[NetworkGraph] Container #' + containerId + ' not found.');
|
||||
return;
|
||||
}
|
||||
|
||||
this._data = this._prepareData(data);
|
||||
this._filters = { types: new Set(), minWeight: 1, searchTerm: '' };
|
||||
this._selectedNode = null;
|
||||
|
||||
const rect = wrapper.getBoundingClientRect();
|
||||
const width = rect.width || 960;
|
||||
const height = rect.height || 640;
|
||||
|
||||
// SVG
|
||||
this._svg = d3.select(wrapper)
|
||||
.append('svg')
|
||||
.attr('width', '100%')
|
||||
.attr('height', '100%')
|
||||
.attr('viewBox', [0, 0, width, height].join(' '))
|
||||
.attr('preserveAspectRatio', 'xMidYMid meet')
|
||||
.style('background', 'transparent');
|
||||
|
||||
// Defs: arrow markers per category
|
||||
this._createMarkers();
|
||||
|
||||
// Defs: glow filter for top-connected nodes
|
||||
this._createGlowFilter();
|
||||
|
||||
// Zoom container
|
||||
this._container = this._svg.append('g').attr('class', 'ng-zoom-layer');
|
||||
|
||||
// Zoom behaviour
|
||||
this._zoom = d3.zoom()
|
||||
.scaleExtent([0.1, 8])
|
||||
.on('zoom', (event) => {
|
||||
this._container.attr('transform', event.transform);
|
||||
});
|
||||
|
||||
this._svg.call(this._zoom);
|
||||
|
||||
// Double-click resets zoom
|
||||
this._svg.on('dblclick.zoom', null);
|
||||
this._svg.on('dblclick', () => this.resetView());
|
||||
|
||||
// Tooltip
|
||||
this._tooltip = d3.select(wrapper)
|
||||
.append('div')
|
||||
.attr('class', 'ng-tooltip')
|
||||
.style('position', 'absolute')
|
||||
.style('pointer-events', 'none')
|
||||
.style('background', 'rgba(15,23,42,0.92)')
|
||||
.style('color', '#e2e8f0')
|
||||
.style('border', '1px solid #334155')
|
||||
.style('border-radius', '6px')
|
||||
.style('padding', '6px 10px')
|
||||
.style('font-size', '12px')
|
||||
.style('max-width', '260px')
|
||||
.style('z-index', '1000')
|
||||
.style('display', 'none');
|
||||
|
||||
// Simulation
|
||||
this._simulation = d3.forceSimulation()
|
||||
.force('link', d3.forceLink().id(d => d.id).distance(d => {
|
||||
// Inverse weight: higher weight -> closer
|
||||
return Math.max(40, 200 - d.weight * 25);
|
||||
}))
|
||||
.force('charge', d3.forceManyBody().strength(-300))
|
||||
.force('center', d3.forceCenter(width / 2, height / 2))
|
||||
.force('collide', d3.forceCollide().radius(d => d._radius + 6))
|
||||
.alphaDecay(0.02);
|
||||
|
||||
this.render();
|
||||
},
|
||||
|
||||
/**
|
||||
* Tear down the graph completely.
|
||||
*/
|
||||
destroy() {
|
||||
if (this._simulation) {
|
||||
this._simulation.stop();
|
||||
this._simulation = null;
|
||||
}
|
||||
if (this._svg) {
|
||||
this._svg.remove();
|
||||
this._svg = null;
|
||||
}
|
||||
if (this._tooltip) {
|
||||
this._tooltip.remove();
|
||||
this._tooltip = null;
|
||||
}
|
||||
this._container = null;
|
||||
this._data = null;
|
||||
this._filtered = null;
|
||||
this._selectedNode = null;
|
||||
},
|
||||
|
||||
/**
|
||||
* Full re-render based on current filters.
|
||||
*/
|
||||
render() {
|
||||
if (!this._data || !this._container) return;
|
||||
|
||||
this._applyFilters();
|
||||
|
||||
const nodes = this._filtered.entities;
|
||||
const links = this._filtered.relations;
|
||||
|
||||
// Clear previous drawing
|
||||
this._container.selectAll('*').remove();
|
||||
|
||||
// Determine top-5 most connected node IDs
|
||||
const connectionCounts = {};
|
||||
this._data.relations.forEach(r => {
|
||||
connectionCounts[r.source_entity_id] = (connectionCounts[r.source_entity_id] || 0) + 1;
|
||||
connectionCounts[r.target_entity_id] = (connectionCounts[r.target_entity_id] || 0) + 1;
|
||||
});
|
||||
const top5Ids = new Set(
|
||||
Object.entries(connectionCounts)
|
||||
.sort((a, b) => b[1] - a[1])
|
||||
.slice(0, 5)
|
||||
.map(e => e[0])
|
||||
);
|
||||
|
||||
// Radius scale (sqrt of connection count)
|
||||
const maxConn = Math.max(1, ...Object.values(connectionCounts));
|
||||
const rScale = d3.scaleSqrt().domain([0, maxConn]).range([8, 40]);
|
||||
|
||||
nodes.forEach(n => {
|
||||
n._connections = connectionCounts[n.id] || 0;
|
||||
n._radius = rScale(n._connections);
|
||||
n._isTop5 = top5Ids.has(n.id);
|
||||
});
|
||||
|
||||
// ---- edges ------------------------------------------------------------
|
||||
const linkGroup = this._container.append('g').attr('class', 'ng-links');
|
||||
|
||||
const linkSel = linkGroup.selectAll('line')
|
||||
.data(links, d => d.id)
|
||||
.join('line')
|
||||
.attr('stroke', d => this._colorMap.edge[d.category] || this._colorMap.edge.neutral)
|
||||
.attr('stroke-width', d => Math.max(1, d.weight * 0.8))
|
||||
.attr('stroke-opacity', d => Math.min(1, 0.3 + d.weight * 0.14))
|
||||
.attr('marker-end', d => 'url(#ng-arrow-' + (d.category || 'neutral') + ')')
|
||||
.style('cursor', 'pointer')
|
||||
.on('mouseover', (event, d) => {
|
||||
const lines = [];
|
||||
if (d.label) lines.push('<strong>' + this._esc(d.label) + '</strong>');
|
||||
if (d.description) lines.push(this._esc(d.description));
|
||||
lines.push('Kategorie: ' + this._esc(d.category) + ' | Gewicht: ' + d.weight);
|
||||
this._showTooltip(event, lines.join('<br>'));
|
||||
})
|
||||
.on('mousemove', (event) => this._moveTooltip(event))
|
||||
.on('mouseout', () => this._hideTooltip());
|
||||
|
||||
// ---- nodes ------------------------------------------------------------
|
||||
const nodeGroup = this._container.append('g').attr('class', 'ng-nodes');
|
||||
|
||||
const nodeSel = nodeGroup.selectAll('g')
|
||||
.data(nodes, d => d.id)
|
||||
.join('g')
|
||||
.attr('class', 'ng-node')
|
||||
.style('cursor', 'pointer')
|
||||
.call(this._drag(this._simulation))
|
||||
.on('mouseover', (event, d) => {
|
||||
this._showTooltip(event, '<strong>' + this._esc(d.name) + '</strong><br>' +
|
||||
this._esc(d.entity_type) + ' | Verbindungen: ' + d._connections);
|
||||
})
|
||||
.on('mousemove', (event) => this._moveTooltip(event))
|
||||
.on('mouseout', () => this._hideTooltip())
|
||||
.on('click', (event, d) => {
|
||||
event.stopPropagation();
|
||||
this._onNodeClick(d, linkSel, nodeSel);
|
||||
});
|
||||
|
||||
// Circle
|
||||
nodeSel.append('circle')
|
||||
.attr('r', d => d._radius)
|
||||
.attr('fill', d => this._colorMap.node[d.entity_type] || '#94A3B8')
|
||||
.attr('stroke', '#0f172a')
|
||||
.attr('stroke-width', 1.5)
|
||||
.attr('filter', d => d._isTop5 ? 'url(#ng-glow)' : null);
|
||||
|
||||
// Label
|
||||
nodeSel.append('text')
|
||||
.text(d => d.name.length > 15 ? d.name.slice(0, 14) + '\u2026' : d.name)
|
||||
.attr('dy', d => d._radius + 14)
|
||||
.attr('text-anchor', 'middle')
|
||||
.attr('fill', '#cbd5e1')
|
||||
.attr('font-size', '10px')
|
||||
.attr('pointer-events', 'none');
|
||||
|
||||
// ---- simulation -------------------------------------------------------
|
||||
// Build link data with object references (d3 expects id strings or objects)
|
||||
const simNodes = nodes;
|
||||
const simLinks = links.map(l => ({
|
||||
...l,
|
||||
source: typeof l.source === 'object' ? l.source.id : l.source_entity_id,
|
||||
target: typeof l.target === 'object' ? l.target.id : l.target_entity_id,
|
||||
}));
|
||||
|
||||
this._simulation.nodes(simNodes);
|
||||
this._simulation.force('link').links(simLinks);
|
||||
this._simulation.force('collide').radius(d => d._radius + 6);
|
||||
this._simulation.alpha(1).restart();
|
||||
|
||||
this._simulation.on('tick', () => {
|
||||
linkSel
|
||||
.attr('x1', d => d.source.x)
|
||||
.attr('y1', d => d.source.y)
|
||||
.attr('x2', d => {
|
||||
// Shorten line so arrow doesn't overlap circle
|
||||
const target = d.target;
|
||||
const dx = target.x - d.source.x;
|
||||
const dy = target.y - d.source.y;
|
||||
const dist = Math.sqrt(dx * dx + dy * dy) || 1;
|
||||
return target.x - (dx / dist) * (target._radius + 4);
|
||||
})
|
||||
.attr('y2', d => {
|
||||
const target = d.target;
|
||||
const dx = target.x - d.source.x;
|
||||
const dy = target.y - d.source.y;
|
||||
const dist = Math.sqrt(dx * dx + dy * dy) || 1;
|
||||
return target.y - (dy / dist) * (target._radius + 4);
|
||||
});
|
||||
|
||||
nodeSel.attr('transform', d => 'translate(' + d.x + ',' + d.y + ')');
|
||||
});
|
||||
|
||||
// Click on background to deselect
|
||||
this._svg.on('click', () => {
|
||||
this._selectedNode = null;
|
||||
nodeSel.select('circle').attr('stroke', '#0f172a').attr('stroke-width', 1.5);
|
||||
linkSel.attr('stroke-opacity', d => Math.min(1, 0.3 + d.weight * 0.14));
|
||||
this._clearDetailPanel();
|
||||
});
|
||||
|
||||
// Apply search highlight if active
|
||||
if (this._filters.searchTerm) {
|
||||
this._applySearchHighlight(nodeSel);
|
||||
}
|
||||
},
|
||||
|
||||
// ---- filtering ------------------------------------------------------------
|
||||
|
||||
/**
|
||||
* Compute the visible subset from raw data + current filters.
|
||||
*/
|
||||
_applyFilters() {
|
||||
let entities = this._data.entities.slice();
|
||||
let relations = this._data.relations.slice();
|
||||
|
||||
// Type filter
|
||||
if (this._filters.types.size > 0) {
|
||||
const allowed = this._filters.types;
|
||||
entities = entities.filter(e => allowed.has(e.entity_type));
|
||||
const visibleIds = new Set(entities.map(e => e.id));
|
||||
relations = relations.filter(r =>
|
||||
visibleIds.has(r.source_entity_id) && visibleIds.has(r.target_entity_id)
|
||||
);
|
||||
}
|
||||
|
||||
// Weight filter
|
||||
if (this._filters.minWeight > 1) {
|
||||
relations = relations.filter(r => r.weight >= this._filters.minWeight);
|
||||
}
|
||||
|
||||
// Cluster isolation
|
||||
if (this._filters._isolateId) {
|
||||
const centerId = this._filters._isolateId;
|
||||
const connectedIds = new Set([centerId]);
|
||||
relations.forEach(r => {
|
||||
if (r.source_entity_id === centerId) connectedIds.add(r.target_entity_id);
|
||||
if (r.target_entity_id === centerId) connectedIds.add(r.source_entity_id);
|
||||
});
|
||||
entities = entities.filter(e => connectedIds.has(e.id));
|
||||
relations = relations.filter(r =>
|
||||
connectedIds.has(r.source_entity_id) && connectedIds.has(r.target_entity_id)
|
||||
);
|
||||
}
|
||||
|
||||
this._filtered = { entities, relations };
|
||||
},
|
||||
|
||||
/**
|
||||
* Populate the detail panel (#network-detail-panel) with entity info.
|
||||
* @param {object} entity
|
||||
*/
|
||||
_updateDetailPanel(entity) {
|
||||
const panel = document.getElementById('network-detail-panel');
|
||||
if (!panel) return;
|
||||
|
||||
const typeColor = this._colorMap.node[entity.entity_type] || '#94A3B8';
|
||||
|
||||
// Connected relations
|
||||
const connected = this._data.relations.filter(
|
||||
r => r.source_entity_id === entity.id || r.target_entity_id === entity.id
|
||||
);
|
||||
|
||||
// Group by category
|
||||
const grouped = {};
|
||||
connected.forEach(r => {
|
||||
const cat = r.category || 'neutral';
|
||||
if (!grouped[cat]) grouped[cat] = [];
|
||||
// Determine the "other" entity
|
||||
const otherId = r.source_entity_id === entity.id ? r.target_entity_id : r.source_entity_id;
|
||||
const other = this._data.entities.find(e => e.id === otherId);
|
||||
grouped[cat].push({ relation: r, other });
|
||||
});
|
||||
|
||||
let html = '';
|
||||
|
||||
// Header
|
||||
html += '<div style="margin-bottom:12px;">';
|
||||
html += '<h3 style="margin:0 0 6px 0;color:#f1f5f9;font-size:16px;">' + this._esc(entity.name) + '</h3>';
|
||||
html += '<span style="display:inline-block;background:' + typeColor + ';color:#0f172a;' +
|
||||
'padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;">' +
|
||||
this._esc(entity.entity_type) + '</span>';
|
||||
if (entity.corrected_by_opus) {
|
||||
html += ' <span style="display:inline-block;background:#FBBF24;color:#0f172a;' +
|
||||
'padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;">Corrected by Opus</span>';
|
||||
}
|
||||
html += '</div>';
|
||||
|
||||
// Description
|
||||
if (entity.description) {
|
||||
html += '<p style="color:#94a3b8;font-size:13px;margin:0 0 10px 0;">' +
|
||||
this._esc(entity.description) + '</p>';
|
||||
}
|
||||
|
||||
// Aliases
|
||||
if (entity.aliases && entity.aliases.length > 0) {
|
||||
html += '<div style="margin-bottom:10px;">';
|
||||
html += '<strong style="color:#cbd5e1;font-size:12px;">Aliase:</strong><br>';
|
||||
entity.aliases.forEach(a => {
|
||||
html += '<span style="display:inline-block;background:#1e293b;color:#94a3b8;' +
|
||||
'padding:1px 6px;border-radius:3px;font-size:11px;margin:2px 4px 2px 0;">' +
|
||||
this._esc(a) + '</span>';
|
||||
});
|
||||
html += '</div>';
|
||||
}
|
||||
|
||||
// Mention count
|
||||
html += '<div style="margin-bottom:10px;color:#94a3b8;font-size:12px;">';
|
||||
html += 'Erw\u00e4hnungen: <strong style="color:#f1f5f9;">' +
|
||||
(entity.mention_count || 0) + '</strong>';
|
||||
html += '</div>';
|
||||
|
||||
// Relations grouped by category
|
||||
const categoryLabels = {
|
||||
alliance: 'Allianz', conflict: 'Konflikt', diplomacy: 'Diplomatie',
|
||||
economic: '\u00d6konomie', legal: 'Recht', neutral: 'Neutral',
|
||||
};
|
||||
|
||||
if (Object.keys(grouped).length > 0) {
|
||||
html += '<div style="border-top:1px solid #334155;padding-top:10px;">';
|
||||
html += '<strong style="color:#cbd5e1;font-size:12px;">Verbindungen (' + connected.length + '):</strong>';
|
||||
|
||||
Object.keys(grouped).sort().forEach(cat => {
|
||||
const catColor = this._colorMap.edge[cat] || this._colorMap.edge.neutral;
|
||||
const catLabel = categoryLabels[cat] || cat;
|
||||
html += '<div style="margin-top:8px;">';
|
||||
html += '<span style="color:' + catColor + ';font-size:11px;font-weight:600;text-transform:uppercase;">' +
|
||||
this._esc(catLabel) + '</span>';
|
||||
grouped[cat].forEach(item => {
|
||||
const r = item.relation;
|
||||
const otherName = item.other ? item.other.name : '?';
|
||||
const direction = r.source_entity_id === entity.id ? '\u2192' : '\u2190';
|
||||
html += '<div style="color:#94a3b8;font-size:12px;padding:2px 0 2px 8px;">';
|
||||
html += direction + ' <span style="color:#e2e8f0;">' + this._esc(otherName) + '</span>';
|
||||
if (r.label) html += ' — ' + this._esc(r.label);
|
||||
html += ' <span style="color:#64748b;">(G:' + r.weight + ')</span>';
|
||||
html += '</div>';
|
||||
});
|
||||
html += '</div>';
|
||||
});
|
||||
|
||||
html += '</div>';
|
||||
}
|
||||
|
||||
panel.innerHTML = html;
|
||||
panel.style.display = 'block';
|
||||
},
|
||||
|
||||
/**
|
||||
* Filter nodes by entity type.
|
||||
* @param {Set|Array} types – entity_type values to show. Empty = all.
|
||||
*/
|
||||
filterByType(types) {
|
||||
this._filters.types = types instanceof Set ? types : new Set(types);
|
||||
this._filters._isolateId = null;
|
||||
this.render();
|
||||
},
|
||||
|
||||
/**
|
||||
* Filter edges by minimum weight.
|
||||
* @param {number} minWeight
|
||||
*/
|
||||
filterByWeight(minWeight) {
|
||||
this._filters.minWeight = minWeight;
|
||||
this.render();
|
||||
},
|
||||
|
||||
/**
|
||||
* Highlight nodes matching the search term (name, aliases, description).
|
||||
* @param {string} term
|
||||
*/
|
||||
search(term) {
|
||||
this._filters.searchTerm = (term || '').trim().toLowerCase();
|
||||
this.render();
|
||||
},
|
||||
|
||||
/**
|
||||
* Show only the 1-hop neighbourhood of the given entity.
|
||||
* @param {string} entityId
|
||||
*/
|
||||
isolateCluster(entityId) {
|
||||
this._filters._isolateId = entityId;
|
||||
this.render();
|
||||
},
|
||||
|
||||
/**
|
||||
* Reset zoom, filters and selection to initial state.
|
||||
*/
|
||||
resetView() {
|
||||
this._filters = { types: new Set(), minWeight: 1, searchTerm: '' };
|
||||
this._selectedNode = null;
|
||||
this._clearDetailPanel();
|
||||
|
||||
if (this._svg && this._zoom) {
|
||||
this._svg.transition().duration(500).call(
|
||||
this._zoom.transform, d3.zoomIdentity
|
||||
);
|
||||
}
|
||||
|
||||
this.render();
|
||||
},
|
||||
|
||||
// ---- export ---------------------------------------------------------------
|
||||
|
||||
/**
|
||||
* Export the current graph as a PNG image.
|
||||
*/
|
||||
exportPNG() {
|
||||
if (!this._svg) return;
|
||||
|
||||
const svgNode = this._svg.node();
|
||||
const serializer = new XMLSerializer();
|
||||
const svgString = serializer.serializeToString(svgNode);
|
||||
const svgBlob = new Blob([svgString], { type: 'image/svg+xml;charset=utf-8' });
|
||||
const url = URL.createObjectURL(svgBlob);
|
||||
|
||||
const img = new Image();
|
||||
img.onload = function () {
|
||||
const canvas = document.createElement('canvas');
|
||||
const bbox = svgNode.getBoundingClientRect();
|
||||
canvas.width = bbox.width * 2; // 2x for retina
|
||||
canvas.height = bbox.height * 2;
|
||||
const ctx = canvas.getContext('2d');
|
||||
ctx.scale(2, 2);
|
||||
ctx.fillStyle = '#0f172a';
|
||||
ctx.fillRect(0, 0, bbox.width, bbox.height);
|
||||
ctx.drawImage(img, 0, 0, bbox.width, bbox.height);
|
||||
URL.revokeObjectURL(url);
|
||||
|
||||
canvas.toBlob(function (blob) {
|
||||
if (!blob) return;
|
||||
const a = document.createElement('a');
|
||||
a.href = URL.createObjectURL(blob);
|
||||
a.download = 'aegis-network-' + Date.now() + '.png';
|
||||
document.body.appendChild(a);
|
||||
a.click();
|
||||
document.body.removeChild(a);
|
||||
URL.revokeObjectURL(a.href);
|
||||
}, 'image/png');
|
||||
};
|
||||
img.src = url;
|
||||
},
|
||||
|
||||
/**
|
||||
* Export the current relations as CSV.
|
||||
*/
|
||||
exportCSV() {
|
||||
if (!this._data) return;
|
||||
|
||||
const entityMap = {};
|
||||
this._data.entities.forEach(e => { entityMap[e.id] = e.name; });
|
||||
|
||||
const rows = [['source', 'target', 'category', 'label', 'weight', 'description'].join(',')];
|
||||
this._data.relations.forEach(r => {
|
||||
rows.push([
|
||||
this._csvField(entityMap[r.source_entity_id] || r.source_entity_id),
|
||||
this._csvField(entityMap[r.target_entity_id] || r.target_entity_id),
|
||||
this._csvField(r.category),
|
||||
this._csvField(r.label),
|
||||
r.weight,
|
||||
this._csvField(r.description || ''),
|
||||
].join(','));
|
||||
});
|
||||
|
||||
const blob = new Blob([rows.join('\n')], { type: 'text/csv;charset=utf-8' });
|
||||
const a = document.createElement('a');
|
||||
a.href = URL.createObjectURL(blob);
|
||||
a.download = 'aegis-network-' + Date.now() + '.csv';
|
||||
document.body.appendChild(a);
|
||||
a.click();
|
||||
document.body.removeChild(a);
|
||||
URL.revokeObjectURL(a.href);
|
||||
},
|
||||
|
||||
/**
|
||||
* Export the full data as JSON.
|
||||
*/
|
||||
exportJSON() {
|
||||
if (!this._data) return;
|
||||
|
||||
const exportData = {
|
||||
entities: this._data.entities.map(e => ({
|
||||
id: e.id,
|
||||
name: e.name,
|
||||
name_normalized: e.name_normalized,
|
||||
entity_type: e.entity_type,
|
||||
description: e.description,
|
||||
aliases: e.aliases,
|
||||
mention_count: e.mention_count,
|
||||
corrected_by_opus: e.corrected_by_opus,
|
||||
metadata: e.metadata,
|
||||
})),
|
||||
relations: this._data.relations.map(r => ({
|
||||
id: r.id,
|
||||
source_entity_id: r.source_entity_id,
|
||||
target_entity_id: r.target_entity_id,
|
||||
category: r.category,
|
||||
label: r.label,
|
||||
description: r.description,
|
||||
weight: r.weight,
|
||||
status: r.status,
|
||||
evidence: r.evidence,
|
||||
})),
|
||||
};
|
||||
|
||||
const blob = new Blob(
|
||||
[JSON.stringify(exportData, null, 2)],
|
||||
{ type: 'application/json;charset=utf-8' }
|
||||
);
|
||||
const a = document.createElement('a');
|
||||
a.href = URL.createObjectURL(blob);
|
||||
a.download = 'aegis-network-' + Date.now() + '.json';
|
||||
document.body.appendChild(a);
|
||||
a.click();
|
||||
document.body.removeChild(a);
|
||||
URL.revokeObjectURL(a.href);
|
||||
},
|
||||
|
||||
// ---- internal helpers -----------------------------------------------------
|
||||
|
||||
/**
|
||||
* Prepare / clone data so we do not mutate the original.
|
||||
*/
|
||||
_prepareData(raw) {
|
||||
return {
|
||||
entities: (raw.entities || []).map(e => ({ ...e })),
|
||||
relations: (raw.relations || []).map(r => ({ ...r })),
|
||||
};
|
||||
},
|
||||
|
||||
/**
|
||||
* Create SVG arrow markers for each edge category.
|
||||
*/
|
||||
_createMarkers() {
|
||||
const defs = this._svg.append('defs');
|
||||
const categories = Object.keys(this._colorMap.edge);
|
||||
|
||||
categories.forEach(cat => {
|
||||
defs.append('marker')
|
||||
.attr('id', 'ng-arrow-' + cat)
|
||||
.attr('viewBox', '0 -5 10 10')
|
||||
.attr('refX', 10)
|
||||
.attr('refY', 0)
|
||||
.attr('markerWidth', 8)
|
||||
.attr('markerHeight', 8)
|
||||
.attr('orient', 'auto')
|
||||
.append('path')
|
||||
.attr('d', 'M0,-4L10,0L0,4')
|
||||
.attr('fill', this._colorMap.edge[cat]);
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* Create SVG glow filter for top-5 nodes.
|
||||
*/
|
||||
_createGlowFilter() {
|
||||
const defs = this._svg.select('defs');
|
||||
const filter = defs.append('filter')
|
||||
.attr('id', 'ng-glow')
|
||||
.attr('x', '-50%')
|
||||
.attr('y', '-50%')
|
||||
.attr('width', '200%')
|
||||
.attr('height', '200%');
|
||||
|
||||
filter.append('feGaussianBlur')
|
||||
.attr('in', 'SourceGraphic')
|
||||
.attr('stdDeviation', 4)
|
||||
.attr('result', 'blur');
|
||||
|
||||
filter.append('feColorMatrix')
|
||||
.attr('in', 'blur')
|
||||
.attr('type', 'matrix')
|
||||
.attr('values', '0 0 0 0 0.98 0 0 0 0 0.75 0 0 0 0 0.14 0 0 0 0.7 0')
|
||||
.attr('result', 'glow');
|
||||
|
||||
const merge = filter.append('feMerge');
|
||||
merge.append('feMergeNode').attr('in', 'glow');
|
||||
merge.append('feMergeNode').attr('in', 'SourceGraphic');
|
||||
},
|
||||
|
||||
/**
|
||||
* d3 drag behaviour.
|
||||
*/
|
||||
_drag(simulation) {
|
||||
function dragstarted(event, d) {
|
||||
if (!event.active) simulation.alphaTarget(0.3).restart();
|
||||
d.fx = d.x;
|
||||
d.fy = d.y;
|
||||
}
|
||||
|
||||
function dragged(event, d) {
|
||||
d.fx = event.x;
|
||||
d.fy = event.y;
|
||||
}
|
||||
|
||||
function dragended(event, d) {
|
||||
if (!event.active) simulation.alphaTarget(0);
|
||||
d.fx = null;
|
||||
d.fy = null;
|
||||
}
|
||||
|
||||
return d3.drag()
|
||||
.on('start', dragstarted)
|
||||
.on('drag', dragged)
|
||||
.on('end', dragended);
|
||||
},
|
||||
|
||||
/**
|
||||
* Handle node click – highlight edges, show detail panel.
|
||||
*/
|
||||
_onNodeClick(d, linkSel, nodeSel) {
|
||||
this._selectedNode = d;
|
||||
|
||||
// Highlight selected node
|
||||
nodeSel.select('circle')
|
||||
.attr('stroke', n => n.id === d.id ? '#FBBF24' : '#0f172a')
|
||||
.attr('stroke-width', n => n.id === d.id ? 3 : 1.5);
|
||||
|
||||
// Highlight connected edges
|
||||
const connectedNodeIds = new Set([d.id]);
|
||||
linkSel.each(function (l) {
|
||||
const srcId = typeof l.source === 'object' ? l.source.id : l.source;
|
||||
const tgtId = typeof l.target === 'object' ? l.target.id : l.target;
|
||||
if (srcId === d.id || tgtId === d.id) {
|
||||
connectedNodeIds.add(srcId);
|
||||
connectedNodeIds.add(tgtId);
|
||||
}
|
||||
});
|
||||
|
||||
linkSel.attr('stroke-opacity', l => {
|
||||
const srcId = typeof l.source === 'object' ? l.source.id : l.source;
|
||||
const tgtId = typeof l.target === 'object' ? l.target.id : l.target;
|
||||
if (srcId === d.id || tgtId === d.id) {
|
||||
return Math.min(1, 0.3 + l.weight * 0.14) + 0.3;
|
||||
}
|
||||
return 0.08;
|
||||
});
|
||||
|
||||
nodeSel.select('circle').attr('opacity', n =>
|
||||
connectedNodeIds.has(n.id) ? 1 : 0.25
|
||||
);
|
||||
nodeSel.select('text').attr('opacity', n =>
|
||||
connectedNodeIds.has(n.id) ? 1 : 0.2
|
||||
);
|
||||
|
||||
// Detail panel
|
||||
const entity = this._data.entities.find(e => e.id === d.id);
|
||||
if (entity) {
|
||||
this._updateDetailPanel(entity);
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* Apply search highlighting (glow matching, dim rest).
|
||||
*/
|
||||
_applySearchHighlight(nodeSel) {
|
||||
const term = this._filters.searchTerm;
|
||||
if (!term) return;
|
||||
|
||||
nodeSel.each(function (d) {
|
||||
const matches = NetworkGraph._matchesSearch(d, term);
|
||||
d3.select(this).select('circle')
|
||||
.attr('opacity', matches ? 1 : 0.15)
|
||||
.attr('filter', matches ? 'url(#ng-glow)' : null);
|
||||
d3.select(this).select('text')
|
||||
.attr('opacity', matches ? 1 : 0.1);
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* Check if entity matches the search term.
|
||||
*/
|
||||
_matchesSearch(entity, term) {
|
||||
if (!term) return true;
|
||||
if (entity.name && entity.name.toLowerCase().includes(term)) return true;
|
||||
if (entity.name_normalized && entity.name_normalized.toLowerCase().includes(term)) return true;
|
||||
if (entity.description && entity.description.toLowerCase().includes(term)) return true;
|
||||
if (entity.aliases) {
|
||||
for (let i = 0; i < entity.aliases.length; i++) {
|
||||
if (entity.aliases[i].toLowerCase().includes(term)) return true;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
},
|
||||
|
||||
/**
|
||||
* Clear the detail panel.
|
||||
*/
|
||||
_clearDetailPanel() {
|
||||
const panel = document.getElementById('network-detail-panel');
|
||||
if (panel) {
|
||||
panel.innerHTML = '<p style="color:#64748b;font-size:13px;padding:16px;">Klicke auf einen Knoten, um Details anzuzeigen.</p>';
|
||||
}
|
||||
},
|
||||
|
||||
// ---- tooltip helpers ------------------------------------------------------
|
||||
|
||||
_showTooltip(event, html) {
|
||||
if (!this._tooltip) return;
|
||||
this._tooltip
|
||||
.style('display', 'block')
|
||||
.html(html);
|
||||
this._moveTooltip(event);
|
||||
},
|
||||
|
||||
_moveTooltip(event) {
|
||||
if (!this._tooltip) return;
|
||||
this._tooltip
|
||||
.style('left', (event.offsetX + 14) + 'px')
|
||||
.style('top', (event.offsetY - 10) + 'px');
|
||||
},
|
||||
|
||||
_hideTooltip() {
|
||||
if (!this._tooltip) return;
|
||||
this._tooltip.style('display', 'none');
|
||||
},
|
||||
|
||||
// ---- string helpers -------------------------------------------------------
|
||||
|
||||
_esc(str) {
|
||||
if (!str) return '';
|
||||
const div = document.createElement('div');
|
||||
div.appendChild(document.createTextNode(str));
|
||||
return div.innerHTML;
|
||||
},
|
||||
|
||||
_csvField(val) {
|
||||
const s = String(val == null ? '' : val);
|
||||
if (s.includes(',') || s.includes('"') || s.includes('\n')) {
|
||||
return '"' + s.replace(/"/g, '""') + '"';
|
||||
}
|
||||
return s;
|
||||
},
|
||||
};
|
||||
In neuem Issue referenzieren
Einen Benutzer sperren