Update app.py

app.py

@@ -273,11 +273,23 @@ def generate_from_pdf(pdf_file):
 # Gradio UI
 # -----------------------
 with gr.Blocks() as demo:
-    gr.Markdown("## 🧩 Intelligent PowerApps Mockup Generator (Multi-Screen Mode)")
-    gr.Markdown("Upload a **Business Requirement PDF**. Gemini 2.5 Pro will infer all screens, UI elements, and layouts — then render separate PowerApps-style mockup images for each screen.")
+    gr.Markdown("## 🧩 Interactive PowerApps Mockup Viewer")
     pdf_input = gr.File(label="📄 Upload Business Requirement PDF", file_types=[".pdf"])
-    generate_btn = gr.Button("🚀 Generate Mockups")
-    gallery_output = gr.Gallery(label="Generated Screens", show_label=True, columns=2)
-    generate_btn.click(fn=generate_from_pdf, inputs=pdf_input, outputs=gallery_output)
+    generate_btn = gr.Button("🚀 Generate Interactive Mockup")
+    html_output = gr.HTML()
+
+    def generate_interactive(pdf_file):
+        # Generate the interactive HTML
+        app_title, screens = analyze_business_pdf(pdf_file)
+        _ = generate_mockups(app_title, screens)
+        html_files = [f for f in os.listdir('.') if f.startswith('mockup_interactive_') and f.endswith('.html')]
+        if html_files:
+            last_html = sorted(html_files, key=os.path.getmtime)[-1]
+            with open(last_html, "r", encoding="utf-8") as f:
+                html_content = f.read()
+            return html_content
+        return "<p style='color:red;'>Failed to generate interactive mockup.</p>"
+
+    generate_btn.click(fn=generate_interactive, inputs=pdf_input, outputs=html_output)
 
 demo.launch(server_name="0.0.0.0", server_port=7860)