fix: correct indentation in preview render function to display chat interface

app.py

@@ -421,134 +421,127 @@ class SpaceGenerator:
     def _create_preview_tab(self):
         """Create the preview tab with modern patterns"""
         with gr.Column():
-            # Preview info
-            preview_info = gr.Markdown(
-                "Configure your assistant in the Configuration tab and click 'Preview Configuration' to test it here.",
-                visible=True
-            )
-            
-            # Preview interface (hidden initially)
-            with gr.Column(visible=False) as preview_interface:
-                gr.Markdown("### Assistant Preview")
+            # Use gr.render for dynamic preview based on config
+            @gr.render(inputs=[self.config_state])
+            def render_preview(config):
+                if not config or not config.get('preview_ready'):
+                    gr.Markdown(
+                        "Configure your assistant in the Configuration tab and click 'Preview Configuration' to test it here."
+                    )
+                    return
                 
-                # Use gr.render for dynamic preview based on config
-                @gr.render(inputs=[self.config_state])
-                def render_preview(config):
-                    if not config or not config.get('preview_ready'):
-                        return
-                    
-                    # Preview chatbot
-                    preview_chatbot = gr.Chatbot(
-                        label=config.get('name', 'AI Assistant'),
-                        height=400,
-                        show_copy_button=True,
-                        type='messages'
+                # Preview chatbot
+                preview_chatbot = gr.Chatbot(
+                    label=config.get('name', 'AI Assistant'),
+                    height=400,
+                    show_copy_button=True,
+                    type='messages'
+                )
+                
+                # Example buttons
+                examples = config.get('examples_list', [])
+                if examples:
+                    gr.Markdown("**Try these examples:**")
+                    example_btns = []
+                    for i, example in enumerate(examples[:3]):
+                        btn = gr.Button(f"{example}", size="sm")
+                        example_btns.append((btn, example))
+                
+                # Chat input
+                with gr.Row():
+                    preview_input = gr.Textbox(
+                        label="Message",
+                        placeholder="Type your message...",
+                        lines=1,
+                        scale=4
                     )
+                    preview_send = gr.Button("Send", variant="primary", scale=1)
+                
+                # Export functionality
+                with gr.Row():
+                    preview_clear = gr.Button("🗑️ Clear", size="sm")
+                    preview_export = gr.DownloadButton(
+                        "Export Conversation",
+                        size="sm",
+                        visible=False
+                    )
+                
+                # Configuration display
+                with gr.Accordion("Configuration Details", open=False):
+                    config_display = gr.Markdown(self._format_config_display(config))
+                
+                # Event handlers
+                def preview_respond(message, history):
+                    # Simulate response for preview
+                    api_key = os.environ.get(config.get('api_key_var', 'API_KEY'))
                     
-                    # Example buttons
-                    examples = config.get('examples_list', [])
-                    if examples:
-                        gr.Markdown("**Try these examples:**")
-                        example_btns = []
-                        for i, example in enumerate(examples[:3]):
-                            btn = gr.Button(f"{example}", size="sm")
-                            example_btns.append((btn, example))
-                    
-                    # Chat input
-                    with gr.Row():
-                        preview_input = gr.Textbox(
-                            label="Message",
-                            placeholder="Type your message...",
-                            lines=1,
-                            scale=4
+                    if not api_key:
+                        response = (
+                            f"🔑 **API Key Required for Preview**\n\n"
+                            f"To test with real responses, set your `{config.get('api_key_var', 'API_KEY')}` "
+                            f"environment variable.\n\n"
+                            f"**Configured Model:** {config.get('model', 'Unknown')}"
                         )
-                        preview_send = gr.Button("Send", variant="primary", scale=1)
-                    
-                    # Export functionality
-                    with gr.Row():
-                        preview_clear = gr.Button("🗑️ Clear", size="sm")
-                        preview_export = gr.DownloadButton(
-                            "Export Conversation",
-                            size="sm",
-                            visible=False
+                    else:
+                        # Here you would make actual API call
+                        response = (
+                            f"[Preview Mode] This would call {config.get('model', 'Unknown')} "
+                            f"with your message: '{message}'"
                         )
                     
-                    # Configuration display
-                    with gr.Accordion("Configuration Details", open=False):
-                        config_display = gr.Markdown(self._format_config_display(config))
-                    
-                    # Event handlers
-                    def preview_respond(message, history):
-                        # Simulate response for preview
-                        api_key = os.environ.get(config.get('api_key_var', 'API_KEY'))
-                        
-                        if not api_key:
-                            response = (
-                                f"🔑 **API Key Required for Preview**\n\n"
-                                f"To test with real responses, set your `{config.get('api_key_var', 'API_KEY')}` "
-                                f"environment variable.\n\n"
-                                f"**Configured Model:** {config.get('model', 'Unknown')}"
-                            )
-                        else:
-                            # Here you would make actual API call
-                            response = (
-                                f"[Preview Mode] This would call {config.get('model', 'Unknown')} "
-                                f"with your message: '{message}'"
-                            )
-                        
-                        history.append({"role": "user", "content": message})
-                        history.append({"role": "assistant", "content": response})
-                        return "", history
-                    
-                    preview_send.click(
-                        preview_respond,
-                        inputs=[preview_input, preview_chatbot],
-                        outputs=[preview_input, preview_chatbot]
-                    )
-                    
-                    preview_input.submit(
-                        preview_respond,
-                        inputs=[preview_input, preview_chatbot],
-                        outputs=[preview_input, preview_chatbot]
-                    )
+                    history.append({"role": "user", "content": message})
+                    history.append({"role": "assistant", "content": response})
+                    return "", history
+                
+                preview_send.click(
+                    preview_respond,
+                    inputs=[preview_input, preview_chatbot],
+                    outputs=[preview_input, preview_chatbot]
+                )
+                
+                preview_input.submit(
+                    preview_respond,
+                    inputs=[preview_input, preview_chatbot],
+                    outputs=[preview_input, preview_chatbot]
+                )
+                
+                preview_clear.click(
+                    lambda: ("", []),
+                    outputs=[preview_input, preview_chatbot]
+                )
+                
+                # Example button handlers
+                if examples:
+                    for btn, example in example_btns:
+                        btn.click(
+                            lambda ex=example: ex,
+                            outputs=[preview_input]
+                        )
+                
+                # Export handler
+                def prepare_export(history):
+                    if not history:
+                        return gr.update(visible=False)
                     
-                    preview_clear.click(
-                        lambda: ("", []),
-                        outputs=[preview_input, preview_chatbot]
+                    content = export_conversation_to_markdown(history, config)
+                    filename = create_safe_filename(
+                        config.get('name', 'assistant'),
+                        prefix="preview"
                     )
                     
-                    # Example button handlers
-                    if examples:
-                        for btn, example in example_btns:
-                            btn.click(
-                                lambda ex=example: ex,
-                                outputs=[preview_input]
-                            )
-                    
-                    # Export handler
-                    def prepare_export(history):
-                        if not history:
-                            return gr.update(visible=False)
-                        
-                        content = export_conversation_to_markdown(history, config)
-                        filename = create_safe_filename(
-                            config.get('name', 'assistant'),
-                            prefix="preview"
-                        )
-                        
-                        temp_file = Path(f"/tmp/{filename}")
-                        temp_file.write_text(content)
-                        
-                        return gr.update(
-                            visible=True,
-                            value=str(temp_file)
-                        )
+                    temp_file = Path(f"/tmp/{filename}")
+                    temp_file.write_text(content)
                     
-                    preview_chatbot.change(
-                        prepare_export,
-                        inputs=[preview_chatbot],
-                        outputs=[preview_export]
+                    return gr.update(
+                        visible=True,
+                        value=str(temp_file)
                     )
+                
+                preview_chatbot.change(
+                    prepare_export,
+                    inputs=[preview_chatbot],
+                    outputs=[preview_export]
+                )
     
     def _create_documentation_tab(self):
         """Create the documentation tab"""