Update app.py

app.py

@@ -1,7 +1,12 @@
 # app.py
-# Mutual Fund Churn Explorer - final version with collapsible sidebar + deep green theme
-# Save as app.py and run with: python app.py
-# requirements.txt should include: gradio, networkx, plotly, pandas, numpy
+# Mutual Fund Churn Explorer — Modal settings version (full file)
+# - Uses a Modal for settings so the controls don't reserve horizontal space
+# - Deep-green theme preserved
+# - Robust: safe CSV parsing, defensive dropdown handling, inferred AMC->AMC transfers,
+#   loop detection, and export-ready Plotly figure sizing.
+#
+# Save this as app.py and run with: python app.py
+# requirements.txt: gradio, networkx, plotly, pandas, numpy
 
 import gradio as gr
 import pandas as pd
@@ -182,8 +187,8 @@ def build_graph(AMCS, COMPANIES, BUY_MAP, SELL_MAP, COMPLETE_EXIT, FRESH_BUY, in
 # Plotly visualizer (coerce width/height -> int with minimums)
 # ---------------------------
 def graph_to_plotly(G,
-                    node_color_amc="#0f5132",       # deep green theme: use darker green for AMCs by default
-                    node_color_company="#ffc107",    # amber for companies — user can change
+                    node_color_amc="#0f5132",       # deep green default for AMCs
+                    node_color_company="#ffc107",    # amber for companies
                     node_shape_amc="circle",
                     node_shape_company="circle",
                     edge_color_buy="#28a745",
@@ -193,7 +198,7 @@ def graph_to_plotly(G,
                     show_labels=True,
                     width=1400,
                     height=900):
-    # ensure width/height are native ints and sensible
+    # coerce width/height to Python int and enforce sensible minimums
     try:
         width = int(float(width))
     except Exception:
@@ -207,7 +212,6 @@ def graph_to_plotly(G,
     if height < 360:
         height = 360
 
-    # layout: spring layout for clarity
     pos = nx.spring_layout(G, seed=42, k=1.4)
 
     node_x = []
@@ -236,14 +240,12 @@ def graph_to_plotly(G,
         hoverinfo='text'
     )
 
-    # edges rendered individually so they can be styled
     edge_traces = []
     for u, v, attrs in G.edges(data=True):
         x0, y0 = pos[u]
         x1, y1 = pos[v]
         actions = attrs.get("actions", [])
         weight = float(attrs.get("weight", 1.0))
-        # priority styling
         if "complete_exit" in actions:
             color = edge_color_sell
             dash = "solid"
@@ -359,39 +361,46 @@ def build_initial_graph_and_data():
 (AMCS, COMPANIES, BUY_MAP, SELL_MAP, COMPLETE_EXIT, FRESH_BUY, G_initial, initial_fig) = build_initial_graph_and_data()
 
 # ---------------------------
-# GRADIO UI: deep-green theme + collapsible sidebar
+# GRADIO UI: Modal settings + deep-green theme
 # ---------------------------
-# Create a deep green theme using gradio theme API (primary hue green, darker accents)
 deep_green_theme = gr.themes.Soft(primary_hue="green", secondary_hue="teal", spacing_size="md")
 
 with gr.Blocks(theme=deep_green_theme) as demo:
-    gr.Markdown("# Mutual Fund Churn Explorer — Deep Green Theme")
+    gr.Markdown("# Mutual Fund Churn Explorer")
+    # Top row: tiny settings button on left, graph uses rest of width
     with gr.Row():
-        # Collapsible sidebar using Accordion
-        with gr.Accordion("⚙️ Settings (click to expand / collapse)", open=False):
-            with gr.Column():
-                gr.Markdown("### Data Input")
-                csv_uploader = gr.File(label="Upload CSV (optional). Columns: AMC,Company,Action", file_types=['.csv'])
-                gr.Markdown("### Node Appearance")
-                node_color_company = gr.ColorPicker(value="#ffc107", label="Company node color")
-                node_color_amc = gr.ColorPicker(value="#0f5132", label="AMC node color")
-                node_shape_company = gr.Dropdown(choices=["circle","square","diamond"], value="circle", label="Company node shape")
-                node_shape_amc = gr.Dropdown(choices=["circle","square","diamond"], value="circle", label="AMC node shape")
-                gr.Markdown("### Edge Appearance")
-                edge_color_buy = gr.ColorPicker(value="#28a745", label="BUY edge color")
-                edge_color_sell = gr.ColorPicker(value="#dc3545", label="SELL edge color")
-                edge_color_transfer = gr.ColorPicker(value="#6c757d", label="Transfer edge color")
-                edge_thickness = gr.Slider(minimum=0.5, maximum=8.0, value=1.4, step=0.1, label="Edge thickness base")
-                include_transfers_chk = gr.Checkbox(value=True, label="Infer AMC→AMC transfers (show loops)")
-                update_btn = gr.Button("Update network")
-                gr.Markdown("### Inspect")
-                # do not set default value to avoid mismatch warnings after dropdown choices update
-                company_selector = gr.Dropdown(choices=COMPANIES, label="Select Company (show buyers/sellers)")
-                amc_selector = gr.Dropdown(choices=AMCS, label="Select AMC (inferred transfers)")
-        # Graph column
-        with gr.Column():
+        with gr.Column(scale=1, min_width=80):
+            settings_btn = gr.Button(value="⚙️ Settings", elem_id="settings_btn")
+            gr.Markdown("<small style='color:var(--color-text-muted)'>Open settings</small>")
+        with gr.Column(scale=11):
             network_plot = gr.Plot(value=initial_fig, label="Network graph (drag to zoom)")
 
+    # Modal (floating) -- does not reserve space when closed
+    settings_modal = gr.Modal(title="Settings", open=False)
+    with settings_modal:
+        gr.Markdown("### Data Input")
+        csv_uploader = gr.File(label="Upload CSV (optional). Columns: AMC,Company,Action", file_types=['.csv'])
+        gr.Markdown("### Node Appearance")
+        node_color_company = gr.ColorPicker(value="#ffc107", label="Company node color")
+        node_color_amc = gr.ColorPicker(value="#0f5132", label="AMC node color")
+        node_shape_company = gr.Dropdown(choices=["circle","square","diamond"], value="circle", label="Company node shape")
+        node_shape_amc = gr.Dropdown(choices=["circle","square","diamond"], value="circle", label="AMC node shape")
+        gr.Markdown("### Edge Appearance")
+        edge_color_buy = gr.ColorPicker(value="#28a745", label="BUY edge color")
+        edge_color_sell = gr.ColorPicker(value="#dc3545", label="SELL edge color")
+        edge_color_transfer = gr.ColorPicker(value="#6c757d", label="Transfer edge color")
+        edge_thickness = gr.Slider(minimum=0.5, maximum=8.0, value=1.4, step=0.1, label="Edge thickness base")
+        include_transfers_chk = gr.Checkbox(value=True, label="Infer AMC→AMC transfers (show loops)")
+        update_btn = gr.Button("Update network")
+        gr.Markdown("### Inspect")
+        company_selector = gr.Dropdown(choices=COMPANIES, label="Select Company (show buyers/sellers)")
+        amc_selector = gr.Dropdown(choices=AMCS, label="Select AMC (inferred transfers)")
+
+    # clicking settings button opens modal
+    def open_modal():
+        return gr.update(open=True)
+    settings_btn.click(fn=open_modal, inputs=None, outputs=[settings_modal])
+
     # outputs for inspection
     company_plot = gr.Plot(label="Company trade summary")
     company_table = gr.Dataframe(headers=["Role","AMC"], interactive=False, label="Trades (company)")
@@ -408,7 +417,6 @@ with gr.Blocks(theme=deep_green_theme) as demo:
             if isinstance(raw, bytes):
                 raw = raw.decode('utf-8', errors='ignore')
             df = pd.read_csv(io.StringIO(raw))
-            cols = [c.strip().lower() for c in df.columns]
             col_map = {}
             for c in df.columns:
                 if c.strip().lower() in ("amc","fund","manager"):
@@ -449,6 +457,7 @@ with gr.Blocks(theme=deep_green_theme) as demo:
                 loops_md += f"- Loop {i}: " + " → ".join(loop) + "\n"
         else:
             loops_md = "No small transfer loops detected (based on current inferred transfer edges)."
+        # also return new choices for selectors to keep them in sync
         return fig, loops_md, companies, amcs
 
     update_btn.click(on_update,