Update app.py

app.py

@@ -24,9 +24,6 @@ SYSTEM_INSTRUCTION = (
 
 
 def start_app(gemini_key, hf_token, hf_username, repo_name):
-    """
-    Initialize workspace and Gemini chat state.
-    """
     os.makedirs(WORKSPACE_DIR, exist_ok=True)
     client = genai.Client(api_key=gemini_key)
     config = types.GenerateContentConfig(system_instruction=SYSTEM_INSTRUCTION)
@@ -50,14 +47,10 @@ def start_app(gemini_key, hf_token, hf_username, repo_name):
 
 
 def handle_message(user_msg, state):
-    """
-    Send user message to Gemini, apply updates, commit to HF, and log steps.
-    """
     chat = state["chat"]
     logs = state.get("logs", [])
     logs.append(f"> User: {user_msg}")
 
-    # Generate or debug code via Gemini
     resp = chat.send_message(user_msg)
     logs.append("Received response from Gemini.")
     text = resp.text
@@ -72,7 +65,6 @@ def handle_message(user_msg, state):
         state["logs"] = logs
         return "⚠️ Parsing error. Check logs.", state
 
-    # On first structured response, create the HF Space
     if not state["created"]:
         full_repo = f"{state['hf_username']}/{state['repo_name']}"
         logs.append(f"Creating HF Space '{full_repo}' with template '{framework}'.")
@@ -87,7 +79,6 @@ def handle_message(user_msg, state):
         state["repo_id"] = full_repo
         state["embed_url"] = f"https://huggingface.co/spaces/{full_repo}"
 
-    # Write file updates
     if files:
         logs.append(f"Writing {len(files)} file(s): {list(files.keys())}")
         for relpath, content in files.items():
@@ -96,7 +87,6 @@ def handle_message(user_msg, state):
             with open(dest, "w", encoding="utf-8") as f:
                 f.write(content)
 
-    # Commit the snapshot via HfApi.upload_folder
     logs.append("Uploading snapshot to Hugging Face...")
     api = HfApi(token=state["hf_token"])
     api.upload_folder(
@@ -112,20 +102,22 @@ def handle_message(user_msg, state):
 
 # ——— Gradio UI ———
 with gr.Blocks() as demo:
-    with gr.Sidebar():
-        gemini_key = gr.Textbox(label="Gemini API Key", type="password")
-        hf_token   = gr.Textbox(label="Hugging Face Token", type="password")
-        hf_user    = gr.Textbox(label="HF Username")
-        repo_name  = gr.Textbox(label="New App (repo) name")
-        start_btn  = gr.Button("Start a new app")
-
-    chatbot = gr.Chatbot()
-    state   = gr.State(value=None)
-    logs_display = gr.Textbox(label="Operation Logs", interactive=False, lines=8)
-    preview_iframe = gr.HTML("<p>No deployed app yet.</p>")
-
-    user_msg = gr.Textbox(label="Your message")
-    send_btn = gr.Button("Send")
+    # Two-column layout: sidebar and main area
+    with gr.Row():
+        with gr.Column(scale=1):
+            gemini_key = gr.Textbox(label="Gemini API Key", type="password")
+            hf_token   = gr.Textbox(label="Hugging Face Token", type="password")
+            hf_user    = gr.Textbox(label="HF Username")
+            repo_name  = gr.Textbox(label="New App (repo) name")
+            start_btn  = gr.Button("Start a new app")
+        with gr.Column(scale=3):
+            chatbot = gr.Chatbot()
+            state   = gr.State(value=None)
+            logs_display   = gr.Textbox(label="Operation Logs", interactive=False, lines=8)
+            preview_iframe = gr.HTML("<p>No deployed app yet.</p>")
+
+            user_msg = gr.Textbox(label="Your message")
+            send_btn = gr.Button("Send")
 
     def on_start(g_key, h_token, h_user, r_name):
         s = start_app(g_key, h_token, h_user, r_name)