Upload app.py

app.py

@@ -0,0 +1,104 @@
+import gradio as gr
+import subprocess
+import shutil
+import os
+
+def run_e2e_pipeline(input_file):
+    # Save uploaded file to the expected input location
+    input_path = "CONFIG/CONFIG/data/sample_data.csv"
+    os.makedirs(os.path.dirname(input_path), exist_ok=True)
+    shutil.copy(input_file.name, input_path)
+
+    # Run the E2E PowerShell pipeline
+    result = subprocess.run(
+        ["powershell", "-ExecutionPolicy", "Bypass", "-File", "runbook/runbook/pipeline/14_run_full_pipeline.ps1"],
+        capture_output=True, text=True
+    )
+
+    # Collect output files
+    outputs = [
+        "outputs/outputs/converted_phase1.csv",
+        "Validation/Validation/Reports/PHASE1_VALIDATION_REPORT.json",
+        "Validation/Validation/Reports/PHASE1_SIGNALS_REPORT.json"
+    ]
+    downloadable = [f for f in outputs if os.path.exists(f)]
+
+    return result.stdout, downloadable
+
+
+
+with gr.Blocks(css="""
+body {
+    background: url('https://images.unsplash.com/photo-1506744038136-46273834b3fb?auto=format&fit=crop&w=1500&q=80') no-repeat center center fixed !important;
+    background-size: cover !important;
+}
+#header {
+    background: rgba(255,255,255,0.92);
+    border-radius: 24px;
+    margin-bottom: 24px;
+    box-shadow: 0 8px 32px #0002;
+    border: 2px solid #43c6ac;
+}
+.gr-button {
+    font-size: 1.3em;
+    background: linear-gradient(90deg, #43c6ac 0%, #191654 100%);
+    color: #fff;
+    border-radius: 12px;
+    border: 2px solid #191654;
+    box-shadow: 0 2px 8px #0002;
+}
+.gr-button:hover {
+    background: linear-gradient(90deg, #191654 0%, #43c6ac 100%);
+    color: #fff;
+}
+.gr-box {
+    background: #fffbe7cc;
+    border-radius: 16px;
+    border: 1.5px solid #43c6ac;
+    box-shadow: 0 2px 8px #0001;
+}
+#footer {
+    text-align:center;
+    margin-top:32px;
+    color:#fff;
+    font-size:1.1em;
+    text-shadow: 0 2px 8px #0008;
+}
+""") as demo:
+        gr.Markdown("""
+<div id='header' style='text-align:center; padding: 8px 0 8px 0;'>
+        <h1 style='font-size:2.7em; margin-bottom:0.2em; letter-spacing:2px;'>
+            <span style='font-size:1.2em;'>🌈</span> <span style='color:#191654;'>Phase1 <span style='color:#43c6ac;'>E2E Pipeline</span> UI</span> <span style='font-size:1.2em;'>🤖</span>
+        </h1>
+        <img src='https://img.icons8.com/color/192/000000/artificial-intelligence.png' alt='AI Icon' style='margin-bottom:10px; border-radius:50%; box-shadow:0 2px 16px #43c6ac;'>
+        <!-- Icons removed for cleaner look -->
+        <p style='font-size:1.25em; color:#191654; margin-top:18px;'>
+            Upload your <b>input CSV</b>, run the full pipeline, and download the outputs.<br>
+            <span style='color:#43c6ac;'>Enjoy a seamless local AI experience! 😃</span>
+        </p>
+</div>
+""")
+        gr.Markdown("""
+<div style='font-size:1.15em; background:linear-gradient(90deg,#f8ffae,#43c6ac33); border-radius:16px; padding:16px; margin-bottom:16px; box-shadow:0 2px 8px #43c6ac22;'>
+    <ul style='list-style:none; padding-left:0;'>
+        <li>📂 <b style='color:#43c6ac;'>Upload</b> your <code>sample_data.csv</code> <img src='https://img.icons8.com/fluency/32/upload.png' style='vertical-align:middle; margin-left:4px;'></li>
+        <li>⚡ <b style='color:#43c6ac;'>Run</b> the pipeline <img src='https://img.icons8.com/fluency/32/play.png' style='vertical-align:middle; margin-left:4px;'></li>
+        <li>📥 <b style='color:#43c6ac;'>Download</b> your results <img src='https://img.icons8.com/fluency/32/download.png' style='vertical-align:middle; margin-left:4px;'></li>
+    </ul>
+</div>
+""")
+
+        file_input = gr.File(label="📂 Upload sample_data.csv")
+        output_console = gr.Textbox(label="📝 Pipeline Output", lines=10)
+        output_files = gr.Files(label="📥 Generated Output Files")
+        btn = gr.Button("🚦 Run E2E Pipeline")
+        btn.click(run_e2e_pipeline, file_input, [output_console, output_files])
+
+        gr.Markdown("""
+<div id='footer'>
+    <span style='font-size:1.2em;'>✨</span> <b>Phase1 Local AI Solution</b> &mdash; <span style='color:#43c6ac;'>Built with Gradio</span> <span style='font-size:1.2em;'>🤩</span>
+</div>
+""")
+
+if __name__ == "__main__":
+    demo.launch(server_name="127.0.0.1", server_port=7860, ssr_mode=False)