Update app.py

app.py

@@ -311,6 +311,7 @@ def FileSidebar():
             if st.button('🔍Run'):
                 st.write("Running GPT logic placeholder...")
 
+
 # ---------------------------
 # Basic Scoring / Glossaries
 # ---------------------------
@@ -380,6 +381,7 @@ def display_buttons_with_scores(num_columns_text):
                     newscore = update_score(key.replace('?',''))
                     st.markdown(f"Scored **{category} - {game} - {term}** -> {newscore}")
 
+
 # --------------------
 # Image & Video Grids
 # --------------------
@@ -472,7 +474,7 @@ def display_content_or_image(query):
 
 
 # ------------------------------------
-# MERMAID DIAGRAM with Clickable Links
+# MERMAID DIAGRAM with Clickable Nodes
 # ------------------------------------
 def generate_mermaid_html(mermaid_code: str) -> str:
     """
@@ -517,10 +519,7 @@ def append_model_param(url: str, model_selected: bool) -> str:
     return f"{url}{delimiter}model=1"
 
 
-# For demonstration, we add clickable nodes & edges:
-#   click <nodeId> "<URL>" "_self"
-# If you want edges to be clickable, you can label them as well,
-# but Mermaid typically only has a 'click' property for nodes.
+# Default Mermaid diagram with "click" lines
 DEFAULT_MERMAID = """
 flowchart LR
     %% Notice we have "click LLM ..." lines:
@@ -536,13 +535,8 @@ flowchart LR
 
     RE -- "Link 📡" --> KG((Knowledge Graph 📚\\nOntology+GAR+RAG))
     click KG "/?q=Knowledge%20Graph%20Ontology+GAR+RAG" _self
-
-    %% If you want an "edge click" to pass ?r= something, 
-    %% Mermaid doesn't have direct 'click' for edges, 
-    %% but you can define them as nodes or use linkStyle trick, etc.
 """
 
-
 # ---------------------------
 # Streamlit Main App
 # ---------------------------
@@ -550,7 +544,7 @@ def main():
     st.set_page_config(page_title="Mermaid + Clickable Links Demo", layout="wide")
 
     # 1) Parse query strings on page load
-    query_params = st.experimental_get_query_params()
+    query_params = st.experimental_get_query_params()  # original usage
     current_q = query_params.get("q", [""])[0]  # If present, first string
     current_r = query_params.get("r", [""])[0]
 
@@ -559,30 +553,23 @@ def main():
     model_selected = st.sidebar.checkbox("Append ?model=1 to each link?")
 
     # 3) Generate a dynamic Mermaid code, appending model param if user wants
-    #    We'll do a simple string replace to incorporate the model param
-    #    For a robust approach, parse each URL carefully, then reassemble.
     base_diagram = DEFAULT_MERMAID
     lines = base_diagram.strip().split("\n")
     new_lines = []
     for line in lines:
         if "click " in line and '"/?' in line:
             # e.g. click LLM "/?q=LLM%20Agent" _self
-            # let's isolate the URL part
             parts = re.split(r'click\s+\S+\s+"([^"]+)"\s+("_self")', line)
             if len(parts) == 4:
-                # parts[0] = 'click LLM '
-                # parts[1] = '/?q=LLM%20Agent%20Extract%20Info'
-                # parts[2] = ' _self'
-                # parts[3] = '' (trailing possibly)
                 url = parts[1]
                 updated_url = append_model_param(url, model_selected)
-                # Recombine
                 new_line = f"{parts[0]}\"{updated_url}\" {parts[2]}"
                 new_lines.append(new_line)
             else:
                 new_lines.append(line)
         else:
             new_lines.append(line)
+
     mermaid_code = "\n".join(new_lines)
 
     # 4) Render the top-centered Mermaid diagram
@@ -590,7 +577,7 @@ def main():
     diagram_html = generate_mermaid_html(mermaid_code)
     components.html(diagram_html, height=400, scrolling=True)
 
-    # 5) Show what the inbound ?q / ?r was
+    # 5) Show inbound ?q / ?r
     if current_q:
         st.markdown(f"**Detected Query**: `?q={current_q}`")
         display_content_or_image(current_q)
@@ -623,7 +610,7 @@ def main():
                 st.session_state["markdown_text"] = ""
                 st.experimental_rerun()
 
-        # Display
+        # Show the rendered Markdown below
         st.markdown("---")
         st.markdown("**Preview:**")
         st.markdown(markdown_text)
@@ -640,10 +627,11 @@ def main():
             value=st.session_state["current_mermaid"],
             height=300
         )
+
+        # A small button bar
         colC, colD = st.columns(2)
         with colC:
             if st.button("🎨 Refresh Diagram"):
-                # Rebuild the diagram
                 st.session_state["current_mermaid"] = mermaid_input
                 st.write("**Mermaid** diagram refreshed! 🌈")
                 st.experimental_rerun()
@@ -656,7 +644,7 @@ def main():
         st.markdown("**Mermaid Source:**")
         st.code(mermaid_input, language="python", line_numbers=True)
 
-    # 7) Show Sliders & image/video galleries
+    # 7) Sliders & image/video galleries
     st.markdown("---")
     st.header("Media Galleries")
 
@@ -674,7 +662,7 @@ def main():
         display_buttons_with_scores(num_columns_text)
         st.markdown("Extended text interface is on...")
 
-    # 9) Render the file sidebar
+    # 9) File Sidebar
     FileSidebar()
 
     # 10) Random Title at bottom