Update app.py

Added bg color Switch & footer

app.py

@@ -101,14 +101,12 @@ def safe_json_loads(text):
         return json.loads(text)
     except json.JSONDecodeError:
         pass
-    # Try extracting from markdown code blocks
     match = re.search(r"```(?:json)?\s*(.*?)```", text, re.DOTALL)
     if match:
         try:
             return json.loads(match.group(1).strip())
         except:
             pass
-    # Try finding the outermost JSON object
     start = text.find("{")
     end = text.rfind("}")
     if start != -1 and end != -1 and end > start:
@@ -122,7 +120,6 @@ def safe_json_loads(text):
 def parse_transcript_lines(text):
     """Parse raw transcript into structured lines."""
     lines = []
-    # Pattern: [Time] Name: Message
     pattern = r"\[?(\d{1,2}:\d{2}\s*(?:AM|PM|am|pm)?)\]?\s*([A-Za-z\s]+?):\s*(.+)"
     for raw_line in text.strip().split("\n"):
         raw_line = raw_line.strip()
@@ -133,7 +130,6 @@ def parse_transcript_lines(text):
             time, user, msg = m.groups()
             lines.append({"time": time.strip(), "user": user.strip(), "text": msg.strip()})
         else:
-            # Fallback: anything with a colon
             m2 = re.match(r"([A-Za-z\s]+?):\s*(.+)", raw_line)
             if m2:
                 user, msg = m2.groups()
@@ -143,19 +139,16 @@ def parse_transcript_lines(text):
     return lines
 
 def chunk_lines(lines, max_per_chunk=35):
-    """Yield chunks of lines."""
     for i in range(0, len(lines), max_per_chunk):
         yield lines[i:i+max_per_chunk]
 
 def lines_to_text(lines):
-    """Convert structured lines back to transcript text."""
     return "\n".join([
         f"[{l.get('time','')}] {l['user']}: {l['text']}" for l in lines
     ])
 
 # --- Analysis Core ---
 def analyze_chunk(chunk_text, context, progress=None):
-    """Analyze a single chunk via Groq."""
     try:
         response = groq_client.chat.completions.create(
             model="llama-3.1-8b-instant",
@@ -165,7 +158,7 @@ def analyze_chunk(chunk_text, context, progress=None):
             ],
             temperature=0.1,
             response_format={"type": "json_object"},
-            max_tokens=4096  # CRITICAL: prevents truncation on long outputs
+            max_tokens=4096
         )
         raw = response.choices[0].message.content
         return safe_json_loads(raw)
@@ -174,7 +167,6 @@ def analyze_chunk(chunk_text, context, progress=None):
         return None
 
 def merge_analyses(results):
-    """Merge multiple chunk analyses into one coherent result."""
     if not results:
         return None
     if len(results) == 1:
@@ -195,7 +187,6 @@ def merge_analyses(results):
     for r in results:
         if not isinstance(r, dict):
             continue
-
         if isinstance(r.get("chain"), list):
             merged["chain"].extend(r["chain"])
         if isinstance(r.get("actions"), list):
@@ -206,19 +197,15 @@ def merge_analyses(results):
             merged["risks"].extend(r["risks"])
         if isinstance(r.get("topics"), list):
             merged["topics"].extend(r["topics"])
-
-        # Keep first non-empty role assignment
         for rk in ["decision_maker", "facilitator", "dev_lead", "qa_lead"]:
             val = r.get("roles", {}).get(rk, "")
             if val and not merged["roles"].get(rk):
                 merged["roles"][rk] = val
-
         h = r.get("stats", {}).get("health", 75)
         health_scores.append(h)
         if r.get("health_status"):
             merged["health_status"] = r["health_status"]
 
-    # Deduplicate chain by user+text
     seen = set()
     unique_chain = []
     for msg in merged["chain"]:
@@ -227,21 +214,15 @@ def merge_analyses(results):
             seen.add(key)
             unique_chain.append(msg)
     merged["chain"] = unique_chain
-
-    # Deduplicate others
     merged["topics"] = list(dict.fromkeys(merged["topics"]))
     merged["risks"] = list(dict.fromkeys(merged["risks"]))
-
-    # Recalculate stats
     merged["stats"]["messages"] = len(unique_chain)
     merged["stats"]["actions"] = len(merged["actions"])
     merged["stats"]["decisions"] = len(merged["decisions"])
     merged["stats"]["health"] = int(sum(health_scores)/len(health_scores)) if health_scores else 75
-
     return merged
 
 def apply_fallbacks(data):
-    """Ensure all expected keys exist with safe defaults."""
     data.setdefault("stats", {"messages": 0, "actions": 0, "decisions": 0, "health": 75})
     data.setdefault("roles", {})
     data.setdefault("chain", [])
@@ -250,50 +231,48 @@ def apply_fallbacks(data):
     data.setdefault("actions", [])
     data.setdefault("decisions", [])
     data.setdefault("risks", [])
-
     data["roles"].setdefault("decision_maker", "")
     data["roles"].setdefault("facilitator", "")
     data["roles"].setdefault("dev_lead", "")
     data["roles"].setdefault("qa_lead", "")
-
-    # Sync stats to actual array lengths
     data["stats"]["messages"] = len(data["chain"])
     data["stats"]["actions"] = len(data["actions"])
     data["stats"]["decisions"] = len(data["decisions"])
     return data
 
-# --- Dashboard Rendering ---
+# --- Dashboard Rendering (uses CSS variables for theme support) ---
 def render_dashboard(data):
     css = """
     <style>
-        .sl-container { font-family: 'Inter', sans-serif; background: #0b0f1a; color: #f1f5f9; padding: 20px; border-radius: 12px; }
-        .sl-stats { display: flex; gap: 15px; margin-bottom: 25px; }
-        .sl-stat-card { flex: 1; background: #111827; border: 1px solid #1e293b; padding: 15px; border-radius: 10px; text-align: center; }
-        .sl-stat-val { font-size: 1.5rem; font-weight: 700; color: #00d4aa; }
-        .sl-stat-label { font-size: 0.7rem; text-transform: uppercase; color: #64748b; margin-top: 5px; }
-        .sl-section-title { font-size: 0.8rem; font-weight: 700; color: #8b5cf6; text-transform: uppercase; margin-bottom: 15px; display: flex; align-items: center; gap: 8px; }
+        .sl-container { font-family: 'Inter', sans-serif; background: var(--sl-bg); color: var(--sl-text); padding: 20px; border-radius: 12px; transition: all 0.3s ease; }
+        .sl-stats { display: flex; gap: 15px; margin-bottom: 25px; flex-wrap: wrap; }
+        .sl-stat-card { flex: 1; min-width: 120px; background: var(--sl-card); border: 1px solid var(--sl-border); padding: 15px; border-radius: 10px; text-align: center; }
+        .sl-stat-val { font-size: 1.5rem; font-weight: 700; color: var(--sl-accent); }
+        .sl-stat-label { font-size: 0.7rem; text-transform: uppercase; color: var(--sl-muted); margin-top: 5px; }
+        .sl-section-title { font-size: 0.8rem; font-weight: 700; color: var(--sl-purple); text-transform: uppercase; margin-bottom: 15px; display: flex; align-items: center; gap: 8px; }
         .sl-chain { display: flex; flex-direction: column; gap: 15px; position: relative; padding-left: 20px; }
-        .sl-chain::before { content: ''; position: absolute; left: 35px; top: 0; bottom: 0; width: 2px; background: #1e293b; z-index: 0; }
+        .sl-chain::before { content: ''; position: absolute; left: 35px; top: 0; bottom: 0; width: 2px; background: var(--sl-border); z-index: 0; }
         .sl-msg { display: flex; gap: 15px; position: relative; z-index: 1; }
-        .sl-avatar { width: 36px; height: 36px; border-radius: 50%; background: #1e293b; display: flex; align-items: center; justify-content: center; font-weight: 700; border: 2px solid #00d4aa; font-size: 0.8rem; flex-shrink: 0; }
-        .sl-msg-content { background: #111827; border: 1px solid #1e293b; padding: 12px 16px; border-radius: 10px; flex-grow: 1; }
+        .sl-avatar { width: 36px; height: 36px; border-radius: 50%; background: var(--sl-card); display: flex; align-items: center; justify-content: center; font-weight: 700; border: 2px solid var(--sl-accent); color: var(--sl-text); font-size: 0.8rem; flex-shrink: 0; }
+        .sl-msg-content { background: var(--sl-card); border: 1px solid var(--sl-border); padding: 12px 16px; border-radius: 10px; flex-grow: 1; }
         .sl-msg-header { display: flex; justify-content: space-between; margin-bottom: 5px; }
-        .sl-msg-user { font-weight: 700; font-size: 0.9rem; }
-        .sl-msg-role { font-size: 0.7rem; color: #64748b; font-weight: 400; margin-left: 5px; }
-        .sl-msg-time { font-size: 0.7rem; color: #475569; }
-        .sl-msg-text { font-size: 0.85rem; line-height: 1.5; color: #cbd5e1; }
+        .sl-msg-user { font-weight: 700; font-size: 0.9rem; color: var(--sl-text); }
+        .sl-msg-role { font-size: 0.7rem; color: var(--sl-muted); font-weight: 400; margin-left: 5px; }
+        .sl-msg-time { font-size: 0.7rem; color: var(--sl-muted); }
+        .sl-msg-text { font-size: 0.85rem; line-height: 1.5; color: var(--sl-text-sec); }
         .sl-tag { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 4px; font-size: 0.65rem; font-weight: 700; margin-top: 8px; text-transform: uppercase; }
-        .tag-decision { background: rgba(0, 212, 170, 0.1); color: #00d4aa; border: 1px solid rgba(0, 212, 170, 0.2); }
-        .tag-action { background: rgba(59, 130, 246, 0.1); color: #3b82f6; border: 1px solid rgba(59, 130, 246, 0.2); }
-        .tag-risk { background: rgba(239, 68, 68, 0.1); color: #ef4444; border: 1px solid rgba(239, 68, 68, 0.2); }
-        .tag-blocker { background: rgba(245, 158, 11, 0.1); color: #f59e0b; border: 1px solid rgba(245, 158, 11, 0.2); }
-        .tag-idea { background: rgba(139, 92, 246, 0.1); color: #8b5cf6; border: 1px solid rgba(139, 92, 246, 0.2); }
+        .tag-decision { background: rgba(0, 212, 170, 0.1); color: var(--sl-accent); border: 1px solid rgba(0, 212, 170, 0.2); }
+        .tag-action { background: rgba(59, 130, 246, 0.1); color: var(--sl-blue); border: 1px solid rgba(59, 130, 246, 0.2); }
+        .tag-risk { background: rgba(239, 68, 68, 0.1); color: var(--sl-red); border: 1px solid rgba(239, 68, 68, 0.2); }
+        .tag-blocker { background: rgba(245, 158, 11, 0.1); color: var(--sl-orange); border: 1px solid rgba(245, 158, 11, 0.2); }
+        .tag-idea { background: rgba(139, 92, 246, 0.1); color: var(--sl-purple); border: 1px solid rgba(139, 92, 246, 0.2); }
         .sl-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; margin-top: 25px; }
-        .sl-grid-item { background: #111827; border: 1px solid #1e293b; padding: 15px; border-radius: 10px; }
-        .sl-list-item { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 10px; font-size: 0.8rem; }
+        @media (max-width: 768px) { .sl-grid { grid-template-columns: 1fr; } }
+        .sl-grid-item { background: var(--sl-card); border: 1px solid var(--sl-border); padding: 15px; border-radius: 10px; }
+        .sl-list-item { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 10px; font-size: 0.8rem; color: var(--sl-text-sec); }
         .sl-list-bullet { width: 16px; height: 16px; border-radius: 4px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; }
-        .health-bar { height: 8px; background: #1e293b; border-radius: 4px; overflow: hidden; margin: 10px 0; }
-        .health-fill { height: 100%; background: linear-gradient(90deg, #ef4444, #f59e0b, #00d4aa); }
+        .health-bar { height: 8px; background: var(--sl-border); border-radius: 4px; overflow: hidden; margin: 10px 0; }
+        .health-fill { height: 100%; background: linear-gradient(90deg, var(--sl-red), var(--sl-orange), var(--sl-accent)); }
     </style>
     """
     stats_html = f'<div class="sl-stats"><div class="sl-stat-card"><div class="sl-stat-val">{data["stats"]["messages"]}</div><div class="sl-stat-label">Messages</div></div><div class="sl-stat-card"><div class="sl-stat-val">{data["stats"]["actions"]}</div><div class="sl-stat-label">Actions</div></div><div class="sl-stat-card"><div class="sl-stat-val">{data["stats"]["decisions"]}</div><div class="sl-stat-label">Decisions</div></div><div class="sl-stat-card"><div class="sl-stat-val">{data["stats"]["health"]}%</div><div class="sl-stat-label">Health</div></div></div>'
@@ -308,32 +287,32 @@ def render_dashboard(data):
     chain_html += "</div>"
 
     topics_html = '<div style="margin-top:20px"><div class="sl-section-title">Topics</div><div style="display:flex;gap:10px;flex-wrap:wrap">'
-    for t in data['topics']: topics_html += f'<span style="background:#1e293b;padding:4px 12px;border-radius:20px;font-size:0.75rem"># {t}</span>'
+    for t in data['topics']: topics_html += f'<span style="background:var(--sl-card);border:1px solid var(--sl-border);padding:4px 12px;border-radius:20px;font-size:0.75rem;color:var(--sl-text-sec)"># {t}</span>'
     topics_html += "</div></div>"
 
-    health_html = f'<div style="margin-top:20px"><div class="sl-section-title">Sprint Health</div><div class="health-bar"><div class="health-fill" style="width:{data["stats"]["health"]}%"></div></div><div style="font-size:0.8rem;color:#00d4aa">✓ {data["health_status"]}</div></div>'
+    health_html = f'<div style="margin-top:20px"><div class="sl-section-title">Sprint Health</div><div class="health-bar"><div class="health-fill" style="width:{data["stats"]["health"]}%"></div></div><div style="font-size:0.8rem;color:var(--sl-accent)">✓ {data["health_status"]}</div></div>'
 
     actions_html = '<div class="sl-grid-item"><div class="sl-section-title">Actions</div>'
     for a in data['actions']:
         owner = a.get("owner", "Unassigned")
-        actions_html += f'<div class="sl-list-item"><div class="sl-list-bullet" style="background:rgba(59,130,246,0.2);color:#3b82f6">⚡</div><div>{a["text"]} <span style="color:#64748b;font-size:0.7rem">@{owner}</span></div></div>'
+        actions_html += f'<div class="sl-list-item"><div class="sl-list-bullet" style="background:rgba(59,130,246,0.2);color:var(--sl-blue)">⚡</div><div>{a["text"]} <span style="color:var(--sl-muted);font-size:0.7rem">@{owner}</span></div></div>'
     if not data['actions']:
-        actions_html += '<div style="color:#64748b;font-size:0.8rem">No actions detected</div>'
+        actions_html += '<div style="color:var(--sl-muted);font-size:0.8rem">No actions detected</div>'
     actions_html += '</div>'
 
     decisions_html = '<div class="sl-grid-item"><div class="sl-section-title">Decisions</div>'
     for d in data['decisions']:
         owner = d.get("owner", "Unassigned")
-        decisions_html += f'<div class="sl-list-item"><div class="sl-list-bullet" style="background:rgba(0,212,170,0.2);color:#00d4aa">📌</div><div>{d["text"]} <span style="color:#64748b;font-size:0.7rem">@{owner}</span></div></div>'
+        decisions_html += f'<div class="sl-list-item"><div class="sl-list-bullet" style="background:rgba(0,212,170,0.2);color:var(--sl-accent)">📌</div><div>{d["text"]} <span style="color:var(--sl-muted);font-size:0.7rem">@{owner}</span></div></div>'
     if not data['decisions']:
-        decisions_html += '<div style="color:#64748b;font-size:0.8rem">No decisions detected</div>'
+        decisions_html += '<div style="color:var(--sl-muted);font-size:0.8rem">No decisions detected</div>'
     decisions_html += '</div>'
 
     risks_html = '<div class="sl-grid-item"><div class="sl-section-title">Risks & Blockers</div>'
     for r in data['risks']:
-        risks_html += f'<div class="sl-list-item"><div class="sl-list-bullet" style="background:rgba(239,68,68,0.2);color:#ef4444">🚩</div><div>{r}</div></div>'
+        risks_html += f'<div class="sl-list-item"><div class="sl-list-bullet" style="background:rgba(239,68,68,0.2);color:var(--sl-red)">🚩</div><div>{r}</div></div>'
     if not data['risks']:
-        risks_html += '<div style="color:#64748b;font-size:0.8rem">No risks detected</div>'
+        risks_html += '<div style="color:var(--sl-muted);font-size:0.8rem">No risks detected</div>'
     risks_html += '</div>'
 
     return f'<div class="sl-container">{css}{stats_html}{chain_html}{topics_html}{health_html}<div class="sl-grid">{actions_html}{decisions_html}{risks_html}</div></div>'
@@ -347,11 +326,10 @@ def analyze_conversation(text, progress=gr.Progress()):
     if not lines:
         return (
             None,
-            "<div style='padding:20px;background:#111827;color:#ef4444;border-radius:10px'><h3>Parse Error</h3><p>Could not parse transcript lines.</p></div>",
+            "<div style='padding:20px;background:var(--sl-card);color:var(--sl-red);border-radius:10px'><h3>Parse Error</h3><p>Could not parse transcript lines.</p></div>",
             "", "", "", ""
         )
 
-    # Query Chroma with a sample (not the full huge text)
     query_sample = text[:800]
     try:
         results = collection.query(query_texts=[query_sample], n_results=3)
@@ -360,7 +338,6 @@ def analyze_conversation(text, progress=gr.Progress()):
         context = ""
         print(f"Chroma query error: {e}")
 
-    # Chunked analysis
     all_results = []
     chunks = list(chunk_lines(lines, max_per_chunk=35))
     total_chunks = len(chunks)
@@ -376,10 +353,10 @@ def analyze_conversation(text, progress=gr.Progress()):
     if not all_results:
         return (
             None,
-            """<div style='padding:20px;background:#111827;color:#ef4444;border-radius:10px'>
+            """<div style='padding:20px;background:var(--sl-card);color:var(--sl-red);border-radius:10px'>
                 <h3>Analysis Failed</h3>
                 <p>Could not analyze the conversation. The input may be too long, malformed, or the API is unavailable.</p>
-                <p style="color:#94a3b8">Tip: Try a shorter segment or verify your GROQ_API_KEY.</p>
+                <p style="color:var(--sl-muted)">Tip: Try a shorter segment or verify your GROQ_API_KEY.</p>
             </div>""",
             "", "", "", ""
         )
@@ -404,14 +381,114 @@ def export_report(data_state):
     html_content = render_dashboard(data_state)
     filename = f"scrumlens_report_{datetime.datetime.now().strftime('%Y%m%d_%H%M%S')}.html"
     with open(filename, "w", encoding="utf-8") as f:
-        f.write(f"<html><head><meta charset='utf-8'><title>ScrumLens Report</title></head><body style='background:#0b0f1a;padding:40px'>{html_content}</body></html>")
+        f.write(f"""<html>
+        <head><meta charset='utf-8'><title>ScrumLens Report</title>
+        <style>
+            :root {{ --sl-bg: #0b0f1a; --sl-card: #111827; --sl-border: #1e293b; --sl-text: #f1f5f9; --sl-text-sec: #cbd5e1; --sl-muted: #64748b; --sl-accent: #00d4aa; --sl-purple: #8b5cf6; --sl-blue: #3b82f6; --sl-red: #ef4444; --sl-orange: #f59e0b; }}
+        </style>
+        </head>
+        <body style='background:var(--sl-bg);padding:40px'>{html_content}</body></html>""")
     return filename
 
+# --- Theme Toggle JS ---
+THEME_TOGGLE_JS = """
+() => {
+    const root = document.documentElement;
+    const isLight = root.classList.contains('light-mode');
+    if (isLight) {
+        root.classList.remove('light-mode');
+        return '☀️ Light Mode';
+    } else {
+        root.classList.add('light-mode');
+        return '🌙 Dark Mode';
+    }
+}
+"""
+
 # --- Gradio UI ---
-with gr.Blocks(theme=gr.themes.Soft(), css=".gradio-container {background-color: #0b0f1a; color: white;}") as demo:
+APP_CSS = """
+:root {
+    --sl-bg: #0b0f1a;
+    --sl-card: #111827;
+    --sl-border: #1e293b;
+    --sl-text: #f1f5f9;
+    --sl-text-sec: #cbd5e1;
+    --sl-muted: #64748b;
+    --sl-accent: #00d4aa;
+    --sl-purple: #8b5cf6;
+    --sl-blue: #3b82f6;
+    --sl-red: #ef4444;
+    --sl-orange: #f59e0b;
+}
+:root.light-mode {
+    --sl-bg: #ffffff;
+    --sl-card: #f8fafc;
+    --sl-border: #e2e8f0;
+    --sl-text: #0f172a;
+    --sl-text-sec: #334155;
+    --sl-muted: #64748b;
+    --sl-accent: #059669;
+    --sl-purple: #7c3aed;
+    --sl-blue: #2563eb;
+    --sl-red: #dc2626;
+    --sl-orange: #d97706;
+}
+.gradio-container {
+    background-color: var(--sl-bg) !important;
+    color: var(--sl-text) !important;
+    transition: background-color 0.3s ease, color 0.3s ease;
+}
+.gradio-container textarea, .gradio-container input {
+    background-color: var(--sl-card) !important;
+    color: var(--sl-text) !important;
+    border-color: var(--sl-border) !important;
+}
+.gradio-container label {
+    color: var(--sl-text-sec) !important;
+}
+.gradio-container button.primary {
+    background: linear-gradient(135deg, var(--sl-accent), var(--sl-blue)) !important;
+    color: white !important;
+    border: none !important;
+}
+.gradio-container button.secondary {
+    background: var(--sl-card) !important;
+    color: var(--sl-text) !important;
+    border: 1px solid var(--sl-border) !important;
+}
+.gradio-container .footer-wrap {
+    text-align: center;
+    padding: 24px 16px;
+    margin-top: 24px;
+    border-top: 1px solid var(--sl-border);
+    color: var(--sl-muted);
+    font-size: 0.75rem;
+    line-height: 1.6;
+    transition: all 0.3s ease;
+}
+.gradio-container .footer-wrap a {
+    color: var(--sl-accent);
+    text-decoration: none;
+}
+.gradio-container .footer-wrap a:hover {
+    text-decoration: underline;
+}
+.gradio-container .header-row {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 12px;
+}
+"""
+
+with gr.Blocks(theme=gr.themes.Soft(), css=APP_CSS) as demo:
     data_state = gr.State()
-    with gr.Row():
-        gr.Markdown("# 🔍 ScrumLens v0.5\n### CHAOS 2 CLARITY | Now with long-input support")
+
+    with gr.Row(elem_classes="header-row"):
+        gr.Markdown("# 🔍 ScrumLens v0.5\n### CHAOS 2 CLARITY | Long-input ready")
+        theme_btn = gr.Button("☀️ Light Mode", size="sm", variant="secondary")
+
     with gr.Row():
         with gr.Column(scale=4):
             input_text = gr.Textbox(
@@ -421,7 +498,7 @@ with gr.Blocks(theme=gr.themes.Soft(), css=".gradio-container {background-color:
             )
             with gr.Row():
                 analyze_btn = gr.Button("🔍 Analyze", variant="primary")
-                export_btn = gr.Button("📄 Export HTML Report")
+                export_btn = gr.Button("📄 Export HTML Report", variant="secondary")
         with gr.Column(scale=2):
             gr.Markdown("● TEAM ROLES & FOCUS")
             with gr.Row():
@@ -434,6 +511,9 @@ with gr.Blocks(theme=gr.themes.Soft(), css=".gradio-container {background-color:
     output_html = gr.HTML(label="Analysis Results")
     export_file = gr.File(label="Download Report")
 
+    # Theme toggle (pure JS — no Python round-trip needed)
+    theme_btn.click(fn=None, inputs=None, outputs=[theme_btn], js=THEME_TOGGLE_JS)
+
     analyze_btn.click(
         fn=analyze_conversation,
         inputs=[input_text],
@@ -445,5 +525,15 @@ with gr.Blocks(theme=gr.themes.Soft(), css=".gradio-container {background-color:
         outputs=[export_file]
     )
 
+    # Footer
+    gr.Markdown("""
+    <div class="footer-wrap">
+        <strong>ScrumLens v0.5</strong> — Crafted with ☀️ by Sai Varakala<br>
+        <a href="mailto:suryasticsai@gmail.com">suryasticsai@gmail.com</a> · 
+        <a href="https://scrumlens.netlify.app" target="_blank">scrumlens.netlify.app</a><br>
+        Built for Scrum Masters who hate manual reporting · MIT License
+    </div>
+    """)
+
 if __name__ == "__main__":
     demo.launch()