Update app.py

app.py

@@ -2,12 +2,79 @@ import re
 import gradio as gr
 
 
-def clean_lines(notes):
-    raw_lines = notes.splitlines()
-    lines = [line.strip(" -•\t") for line in raw_lines if line.strip()]
-    if not lines:
-        lines = [part.strip() for part in re.split(r"[.;]\s*", notes) if part.strip()]
-    return lines
+CUSTOM_CSS = """
+body {
+    background: linear-gradient(135deg, #f7f4ea 0%, #eef7f2 100%);
+}
+
+.gradio-container {
+    max-width: 1200px !important;
+    font-family: Georgia, "Times New Roman", serif;
+}
+
+.hero {
+    padding: 22px 24px;
+    border-radius: 20px;
+    background: linear-gradient(135deg, #133b2c 0%, #245c46 100%);
+    color: white;
+    box-shadow: 0 12px 30px rgba(19, 59, 44, 0.18);
+    margin-bottom: 12px;
+}
+
+.hero h1 {
+    margin: 0 0 10px 0;
+    font-size: 2.2rem;
+}
+
+.hero p {
+    margin: 0;
+    font-size: 1.02rem;
+    line-height: 1.6;
+    color: #edf7f1;
+}
+
+.badges {
+    display: flex;
+    gap: 10px;
+    flex-wrap: wrap;
+    margin-top: 14px;
+}
+
+.badge {
+    background: rgba(255, 255, 255, 0.14);
+    padding: 7px 12px;
+    border-radius: 999px;
+    font-size: 0.92rem;
+    border: 1px solid rgba(255, 255, 255, 0.2);
+}
+
+.section-card {
+    background: white;
+    border: 1px solid #e6e1d6;
+    border-radius: 18px;
+    padding: 18px;
+    box-shadow: 0 10px 24px rgba(60, 50, 30, 0.07);
+}
+
+.label-note {
+    color: #4e5d55;
+    font-size: 0.95rem;
+    line-height: 1.5;
+}
+
+.footer-note {
+    padding: 12px 16px;
+    border-radius: 14px;
+    background: #f3f8f5;
+    border: 1px solid #d7e6dd;
+    color: #264635;
+    font-size: 0.94rem;
+}
+
+textarea {
+    font-size: 0.98rem !important;
+}
+"""
 
 
 def guess_title(notes):
@@ -262,15 +329,16 @@ def format_brd(notes):
     risks = build_risks(notes)
     metrics = build_success_metrics(notes)
 
-    business_problem = "Stakeholder notes indicate that the current process is slow, inconsistent, or causing user friction. A clearer and more structured solution is needed to improve efficiency and business outcomes."
-
     brd = f"""# Business Requirements Document
 
 ## Project Title
 {title}
 
+## Executive Summary
+This document translates unstructured stakeholder notes into a cleaner, review-ready business requirements format. It is designed to help Business Analysts move faster from conversation capture to formal documentation.
+
 ## Business Problem
-{business_problem}
+Stakeholder feedback suggests that the current process contains friction, inconsistency, or avoidable manual effort. A more structured solution is needed to improve user outcomes and business performance.
 
 ## Objectives
 """ + "\n".join([f"- {item}" for item in objectives]) + """
@@ -304,20 +372,44 @@ def format_stories(notes):
         sections.append(
             f"""
 ## User Story {index}
-As a {story['role']},
-I want to {story['goal']},
+As a {story['role']},  
+I want to {story['goal']},  
 So that {story['benefit']}.
 
 ### Acceptance Criteria
-Given {story['given']}
-When {story['when']}
-Then {story['then']}
+- Given {story['given']}
+- When {story['when']}
+- Then {story['then']}
 """.strip()
         )
 
     return "\n\n".join(sections)
 
 
+def format_before_after(notes):
+    cleaned = notes.strip()
+    bullet_lines = [line.strip(" -•\t") for line in cleaned.splitlines() if line.strip()]
+    if not bullet_lines:
+        bullet_lines = [part.strip() for part in re.split(r"[.;]\s*", cleaned) if part.strip()]
+
+    before = "\n".join([f"- {line}" for line in bullet_lines[:8]])
+
+    return f"""# Before vs After
+
+## Before: Raw Stakeholder Notes
+{before}
+
+## After: Business-Ready Output
+- Raw notes were grouped into a formal BRD structure
+- Requirements were separated into functional and non-functional areas
+- User needs were rewritten as BDD-style stories
+- The output is now easier to review, share, and present
+
+## Portfolio Value
+This demonstrates BA lifecycle thinking, requirement structuring, and workflow automation in a recruiter-friendly format.
+"""
+
+
 def generate_documents(notes):
     notes = notes.strip()
 
@@ -327,41 +419,80 @@ def generate_documents(notes):
 
     brd = format_brd(notes)
     stories = format_stories(notes)
-
-    before_after = f"""# Before vs After
-
-## Before: Raw Stakeholder Notes
-{notes}
-
-## After: What The Agent Produced
-- Structured BRD
-- BDD-style user stories
-- Cleaner business-ready documentation
-"""
+    before_after = format_before_after(notes)
 
     return brd, stories, before_after
 
 
-demo = gr.Interface(
-    fn=generate_documents,
-    inputs=gr.Textbox(
-        lines=12,
-        label="Paste Raw Stakeholder Notes",
-        placeholder="Example: Customers are leaving carts before payment. They want UPI, cards, wallets, guest checkout, and a mobile-friendly checkout experience."
-    ),
-    outputs=[
-        gr.Markdown(label="Generated BRD"),
-        gr.Markdown(label="Generated BDD User Stories"),
-        gr.Markdown(label="Before vs After Summary")
-    ],
-    title="Agentic BA | Free BRD and User Story Generator",
-    description="Paste messy stakeholder notes and generate a structured BRD, BDD-style user stories, and a clear before-vs-after portfolio demo. This version is fully free and runs without paid APIs.",
-    examples=[
-        ["Customers are abandoning carts before payment. They want easier checkout, UPI, cards, wallets, mobile-friendly pages, guest checkout, and fewer support issues."],
-        ["Hospital reception staff say patient registration is slow. They want OTP verification, fewer manual steps, tablet support, and a simple dashboard for receptionists."],
-        ["Users find login confusing. Stakeholders want optional sign-in where possible, a simpler user flow, faster completion, and fewer helpdesk calls."]
-    ],
-    flagging_mode="never"
-)
+with gr.Blocks(css=CUSTOM_CSS, theme=gr.themes.Soft()) as demo:
+    gr.HTML("""
+    <div class="hero">
+        <h1>Agentic BA</h1>
+        <p>
+            Turn messy stakeholder notes into a structured Business Requirements Document,
+            polished BDD-style user stories, and a strong before-vs-after portfolio demo.
+        </p>
+        <div class="badges">
+            <div class="badge">100% Free</div>
+            <div class="badge">Recruiter-Friendly</div>
+            <div class="badge">Portfolio Ready</div>
+            <div class="badge">No Paid APIs</div>
+        </div>
+    </div>
+    """)
+
+    with gr.Row():
+        with gr.Column(scale=5):
+            with gr.Group(elem_classes=["section-card"]):
+                gr.Markdown("## Input")
+                gr.Markdown(
+                    "<div class='label-note'>Paste rough interview notes, stakeholder comments, or unstructured business observations below.</div>"
+                )
+                notes_input = gr.Textbox(
+                    lines=14,
+                    label="Raw Stakeholder Notes",
+                    placeholder="Example: Customers are abandoning carts before payment. They want UPI, cards, wallets, guest checkout, mobile-friendly checkout, and fewer support issues."
+                )
+
+                with gr.Row():
+                    generate_btn = gr.Button("Generate Documents", variant="primary")
+                    clear_btn = gr.Button("Clear", variant="secondary")
+
+                gr.Examples(
+                    examples=[
+                        ["Customers are abandoning carts before payment. They want easier checkout, UPI, cards, wallets, mobile-friendly pages, guest checkout, and fewer support issues."],
+                        ["Hospital reception staff say patient registration is slow. They want OTP verification, fewer manual steps, tablet support, and a simple dashboard for receptionists."],
+                        ["Users find login confusing. Stakeholders want optional sign-in where possible, a simpler user flow, faster completion, and fewer helpdesk calls."]
+                    ],
+                    inputs=notes_input,
+                    label="Try a sample"
+                )
+
+        with gr.Column(scale=7):
+            with gr.Group(elem_classes=["section-card"]):
+                gr.Markdown("## Output")
+                with gr.Tabs():
+                    with gr.Tab("BRD"):
+                        brd_output = gr.Markdown()
+                    with gr.Tab("BDD Stories"):
+                        stories_output = gr.Markdown()
+                    with gr.Tab("Before vs After"):
+                        before_after_output = gr.Markdown()
+
+    gr.Markdown(
+        "<div class='footer-note'><strong>Portfolio note:</strong> This demo showcases structured BA workflow automation in a fully free public app. It is ideal for LinkedIn, resumes, and recruiter sharing.</div>"
+    )
+
+    generate_btn.click(
+        fn=generate_documents,
+        inputs=notes_input,
+        outputs=[brd_output, stories_output, before_after_output]
+    )
+
+    clear_btn.click(
+        fn=lambda: ("", "", "", ""),
+        inputs=[],
+        outputs=[notes_input, brd_output, stories_output, before_after_output]
+    )
 
 demo.launch()