Fix agraph duplicate widget: remove key param (unsupported), use hidden HTML marker

requirements.txt

@@ -69,7 +69,7 @@ soupsieve==2.4.1
 SQLAlchemy>=2.0.17
 st-annotated-text==4.0.0
 streamlit==1.23.1
-streamlit-agraph==0.0.45
+streamlit-agraph>=0.0.45
 streamlit-camera-input-live==0.2.0
 streamlit-card==0.0.5
 streamlit-chat==0.1.1

src/frontend/visualizations.py

@@ -382,6 +382,7 @@ def plot_compatibility_with_agraph(plants, compatibility_matrix, is_mini=False,
         # Render the custom legend using Plotly in Streamlit
         st.plotly_chart(legend_fig, use_container_width=True)
 
-    # Render the graph using streamlit-agraph with unique key
-    graph_key = f"agraph_{key_suffix}_{hash(tuple(sorted(plants)))}"
-    return_value = agraph(nodes=nodes, edges=edges, config=config, key=graph_key)
+    # Render the graph using streamlit-agraph
+    # Add unique markdown to force different widget IDs
+    st.markdown(f"<!-- graph_{key_suffix} -->", unsafe_allow_html=True)
+    return_value = agraph(nodes=nodes, edges=edges, config=config)