Update app.py

app.py

@@ -261,7 +261,7 @@ with gr.Blocks(css=PROFESSIONAL_CSS, title="Sandbox Compute Platform") as demo:
             # Connection Card
             with gr.Group(elem_classes="card"):
                 gr.HTML('<div class="card-header">1. Connection</div>')
-                with gr.Box(elem_classes="card-content"):
+                with gr.Group(elem_classes="card-content"):
                     with gr.Row():
                         connect_btn = gr.Button("🔗 Connect to Backend", elem_classes=["btn", "btn-primary"])
                         load_samples_btn = gr.Button("📄 Load Templates", elem_classes=["btn", "btn-secondary"])
@@ -270,7 +270,7 @@ with gr.Blocks(css=PROFESSIONAL_CSS, title="Sandbox Compute Platform") as demo:
             # Environment Card
             with gr.Group(elem_classes="card"):
                 gr.HTML('<div class="card-header">2. Environment Setup</div>')
-                with gr.Box(elem_classes="card-content"):
+                with gr.Group(elem_classes="card-content"):
                     with gr.Tabs():
                         with gr.TabItem("main.py"):
                             main_py_editor = gr.Code(value=SAMPLE_MAIN_PY, language="python", label="Application Source Code", lines=15, elem_classes="code-editor")
@@ -280,7 +280,7 @@ with gr.Blocks(css=PROFESSIONAL_CSS, title="Sandbox Compute Platform") as demo:
             # Deployment Card
             with gr.Group(elem_classes="card"):
                 gr.HTML('<div class="card-header">3. Deployment</div>')
-                with gr.Box(elem_classes="card-content"):
+                with gr.Group(elem_classes="card-content"):
                     with gr.Row():
                         launch_btn = gr.Button("🚀 Deploy Sandbox", elem_classes=["btn", "btn-primary"], scale=2)
                         kill_btn = gr.Button("🛑 Terminate", elem_classes=["btn", "btn-danger"])
@@ -291,7 +291,7 @@ with gr.Blocks(css=PROFESSIONAL_CSS, title="Sandbox Compute Platform") as demo:
             # Status Card
             with gr.Group(elem_classes="card"):
                 gr.HTML('<div class="card-header">System Monitor</div>')
-                with gr.Box(elem_classes="card-content"):
+                with gr.Group(elem_classes="card-content"):
                     gr.HTML('<p class="form-label">Instance Status</p>')
                     status_display = gr.Textbox(value="OFFLINE", interactive=False, show_label=False, elem_classes=["status-badge", "status-offline"])
                     
@@ -304,7 +304,7 @@ with gr.Blocks(css=PROFESSIONAL_CSS, title="Sandbox Compute Platform") as demo:
             # Logs Card
             with gr.Group(elem_classes="card"):
                 gr.HTML('<div class="card-header">Application Logs</div>')
-                with gr.Box(elem_classes="card-content"):
+                with gr.Group(elem_classes="card-content"):
                     fetch_logs_btn = gr.Button("🔄 Refresh Logs", elem_classes=["btn", "btn-secondary"])
                     logs_display = gr.Textbox(lines=18, interactive=False, placeholder="[SYSTEM] Application logs will appear here...", show_label=False, elem_classes="terminal")
 
@@ -376,3 +376,4 @@ with gr.Blocks(css=PROFESSIONAL_CSS, title="Sandbox Compute Platform") as demo:
 # --- Launch Application ---
 if __name__ == "__main__":
     demo.launch(server_name="0.0.0.0", server_port=7860, debug=False)
+