This commit is contained in:
Lars 2025-12-14 16:15:32 +01:00
parent 0cb216c2bc
commit 8772271648

View File

@ -11,6 +11,7 @@ def render_graph_explorer_cytoscape(graph_service):
if "graph_center_id" not in st.session_state: if "graph_center_id" not in st.session_state:
st.session_state.graph_center_id = None st.session_state.graph_center_id = None
# Getrennter State für Inspektion (Gelber Rahmen) vs. Navigation (Roter Rahmen)
if "graph_inspected_id" not in st.session_state: if "graph_inspected_id" not in st.session_state:
st.session_state.graph_inspected_id = None st.session_state.graph_inspected_id = None
@ -78,7 +79,7 @@ def render_graph_explorer_cytoscape(graph_service):
center_id, center_id,
depth=st.session_state.cy_depth depth=st.session_state.cy_depth
) )
# Daten nur für den INSPECTOR laden # Daten für den INSPECTOR laden
inspected_data = graph_service.get_note_with_full_content(inspected_id) inspected_data = graph_service.get_note_with_full_content(inspected_id)
# --- ACTION BAR --- # --- ACTION BAR ---
@ -108,7 +109,7 @@ def render_graph_explorer_cytoscape(graph_service):
args=(inspected_data,), args=(inspected_data,),
key="cy_edit_btn") key="cy_edit_btn")
# --- DATA INSPECTOR (Eingeklappt für mehr Platz) --- # --- DATA INSPECTOR (Eingeklappt) ---
with st.expander("🕵️ Data Inspector", expanded=False): with st.expander("🕵️ Data Inspector", expanded=False):
if inspected_data: if inspected_data:
col_i1, col_i2 = st.columns(2) col_i1, col_i2 = st.columns(2)
@ -128,7 +129,7 @@ def render_graph_explorer_cytoscape(graph_service):
for n in nodes_data: for n in nodes_data:
is_center = (n.id == center_id) is_center = (n.id == center_id)
# Selektion wird visuell übergeben # Selektion wird visuell über Stylesheet gesteuert
is_inspected = (n.id == inspected_id) is_inspected = (n.id == inspected_id)
tooltip_text = n.title if n.title else n.label tooltip_text = n.title if n.title else n.label
@ -176,7 +177,6 @@ def render_graph_explorer_cytoscape(graph_service):
"title": "data(tooltip)" "title": "data(tooltip)"
} }
}, },
# Selektierter Knoten (Gelb)
{ {
"selector": "node:selected", "selector": "node:selected",
"style": { "style": {
@ -186,7 +186,6 @@ def render_graph_explorer_cytoscape(graph_service):
"font-weight": "bold" "font-weight": "bold"
} }
}, },
# Zentrum (Rot)
{ {
"selector": ".center", "selector": ".center",
"style": { "style": {
@ -210,23 +209,13 @@ def render_graph_explorer_cytoscape(graph_service):
} }
] ]
# --- CONFIG: SINGLE SELECT ---
# Das erzwingt, dass beim Klicken einer Node die anderen deselektiert werden
cy_config = {
"selectionType": "single",
"boxSelectionEnabled": False,
"userZoomingEnabled": True,
"userPanningEnabled": True
}
# --- RENDER --- # --- RENDER ---
# Stable Key: Ändert sich NICHT bei Inspektion, nur bei Zentrum/Layout
graph_key = f"cy_{center_id}_{st.session_state.cy_depth}_{st.session_state.cy_ideal_edge_len}" graph_key = f"cy_{center_id}_{st.session_state.cy_depth}_{st.session_state.cy_ideal_edge_len}"
clicked_elements = cytoscape( clicked_elements = cytoscape(
elements=cy_elements, elements=cy_elements,
stylesheet=stylesheet, stylesheet=stylesheet,
# Layout Config # Layout Config (config Argument entfernt!)
layout={ layout={
"name": "cose", "name": "cose",
"idealEdgeLength": st.session_state.cy_ideal_edge_len, "idealEdgeLength": st.session_state.cy_ideal_edge_len,
@ -234,7 +223,7 @@ def render_graph_explorer_cytoscape(graph_service):
"refresh": 20, "refresh": 20,
"fit": True, "fit": True,
"padding": 50, "padding": 50,
"randomize": False, # WICHTIG gegen das Springen! "randomize": False,
"componentSpacing": 100, "componentSpacing": 100,
"nodeRepulsion": st.session_state.cy_node_repulsion, "nodeRepulsion": st.session_state.cy_node_repulsion,
"edgeElasticity": 100, "edgeElasticity": 100,
@ -244,9 +233,8 @@ def render_graph_explorer_cytoscape(graph_service):
"initialTemp": 200, "initialTemp": 200,
"coolingFactor": 0.95, "coolingFactor": 0.95,
"minTemp": 1.0, "minTemp": 1.0,
"animate": False # Animation aus, damit es sofort stabil ist "animate": False
}, },
config=cy_config, # Config Objekt übergeben
key=graph_key, key=graph_key,
height="700px" height="700px"
) )