Update app.py

app.py

@@ -109,17 +109,48 @@ SVG_FLUENT = {
 # -----------------------
 # Sidebar Generator
 # -----------------------
-def generate_sidebar(app_title, active_label="Dashboard"):
+# -----------------------
+# Sidebar Generator (Enhanced with unique icons)
+# -----------------------
+def generate_sidebar(app_title, screens, active_label="Dashboard"):
+    """
+    Dynamically builds the sidebar with unique icons for each screen.
+    The current screen (active_label) is highlighted in blue.
+    """
+
+    # Additional Fluent-style icons for screens
+    SCREEN_ICONS = [
+        """<svg viewBox="0 0 24 24"><path fill="#c5c5c5" d="M3 13h2v-2H3v2zm4 0h14v-2H7v2zm-4 5h2v-2H3v2zm4 0h14v-2H7v2zM3 8h2V6H3v2zm4 0h14V6H7v2z"/></svg>""",  # list-style
+        """<svg viewBox="0 0 24 24"><path fill="#c5c5c5" d="M19 3H5a2 2 0 0 0-2 2v14l4-4h12a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2z"/></svg>""",  # message/note
+        """<svg viewBox="0 0 24 24"><path fill="#c5c5c5" d="M3 3h18v4H3V3zm0 7h18v4H3v-4zm0 7h18v4H3v-4z"/></svg>""",  # stacked docs
+        """<svg viewBox="0 0 24 24"><path fill="#c5c5c5" d="M12 2a10 10 0 1 0 10 10A10.011 10.011 0 0 0 12 2zm1 15h-2v-2h2zm0-4h-2V7h2z"/></svg>""",  # info icon
+        """<svg viewBox="0 0 24 24"><path fill="#c5c5c5" d="M12 4a8 8 0 0 0 0 16 8 8 0 1 0 0-16zm1 11h-2v-2h2zm0-4h-2V7h2z"/></svg>""",  # alert-like
+        """<svg viewBox="0 0 24 24"><path fill="#c5c5c5" d="M12 2L2 7l10 5 10-5-10-5zm0 7l10 5-10 5-10-5 10-5zm0 7l10 5-10 5-10-5 10-5z"/></svg>"""  # layered archive
+    ]
+
     sidebar_html = "<div class='sidebar'>"
     sidebar_html += f"<div class='sidebar-header'>{SVG_FLUENT['hamburger']} {app_title}</div>"
+
+    # Default static options
     defaults = [("home", "Home"), ("recent", "Recent"), ("pinned", "Pinned")]
     for key, label in defaults:
         sidebar_html += f"<div class='sidebar-item'>{SVG_FLUENT[key]}<span>{label}</span></div>"
+
+    # Dynamic section
     sidebar_html += "<div class='sidebar-section'>My Work</div>"
-    sidebar_html += f"<div class='sidebar-item active'><svg viewBox='0 0 24 24'><circle cx='12' cy='12' r='5' fill='#c5c5c5'/></svg><span>{active_label}</span></div>"
+    for i, screen in enumerate(screens):
+        screen_name = screen.get("screen_name", f"Screen {i+1}")
+        active_class = "active" if screen_name == active_label else ""
+        icon_svg = SCREEN_ICONS[i % len(SCREEN_ICONS)]
+        if active_class:
+            # Make active icon blue
+            icon_svg = icon_svg.replace("#c5c5c5", "#fff")
+        sidebar_html += f"<div class='sidebar-item {active_class}'>{icon_svg}<span>{screen_name}</span></div>"
+
     sidebar_html += "</div>"
     return sidebar_html
 
+
 # -----------------------
 # Analyze Business PDF → Generate Multi-Screen HTML
 # -----------------------