Update app.py

app.py

@@ -1,5 +1,7 @@
 import gradio as gr
 import time
+import os
+from pathlib import Path
 
 # Simulated file storage (in-memory dictionary)
 files = {"untitled.py": ""}  # file_name: content
@@ -15,8 +17,22 @@ def load_file(file, current_file, open_files):
         files[filename] = code
         if filename not in open_files:
             open_files.append(filename)
-        return code, filename, list(files.keys()), open_files, code
-    return files.get(current_file, ""), current_file, list(files.keys()), open_files, files.get(current_file, "")
+        return code, filename, open_files, code
+    return files.get(current_file, ""), current_file, open_files, files.get(current_file, "")
+
+# Load file from FileExplorer
+def load_from_explorer(selected_files, files, open_files):
+    if isinstance(selected_files, str):  # Single file selected
+        selected_files = [selected_files]
+    if selected_files and selected_files[0]:
+        filename = os.path.basename(selected_files[0])
+        with open(selected_files[0], "r") as f:
+            code = f.read()
+        files[filename] = code
+        if filename not in open_files:
+            open_files.append(filename)
+        return code, filename, open_files, code
+    return "", list(files.keys())[0], open_files, ""
 
 # Save current file content
 def save_file(code, current_file):
@@ -68,7 +84,7 @@ def add_new_file(open_files, files):
     new_file = f"untitled_{len(files)}.py"
     files[new_file] = ""
     open_files.append(new_file)
-    return "", new_file, list(files.keys()), open_files, files[new_file]
+    return "", new_file, open_files, files[new_file]
 
 # Close tab
 def close_tab(open_files, current_file, files):
@@ -83,13 +99,13 @@ def download_code(code, current_file):
     return code, current_file
 
 # Process command palette
-def process_palette(cmd, theme, files, current_file):
+def process_palette(cmd, theme, files, current_file, code):
     if cmd == "theme dark":
         return "dark", "Theme set to dark"
     elif cmd == "theme light":
         return "light", "Theme set to light"
     elif cmd == "save":
-        files[current_file] = code_editor.value
+        files[current_file] = code
         return theme, f"Saved {current_file}"
     return theme, f"Command not found: {cmd}"
 
@@ -99,7 +115,7 @@ with gr.Blocks(
     css="""
         .gradio-container { background-color: #1e1e1e; color: #d4d4d4; font-family: 'Consolas', monospace; height: 100vh; margin: 0; }
         .activity-bar { background-color: #333; padding: 10px; width: 50px; min-width: 50px; }
-        .sidebar { background-color: #252526; padding: 10px; width: 200px; min-width: 200px; }
+        .sidebar { background-color: #252526; padding: 10px; width: 250px; min-width: 250px; }
         .editor { background-color: #1e1e1e; border: none; }
         .terminal { background-color: #0e0e0e; color: #b5cea8; font-size: 12px; }
         .status-bar { background-color: #007acc; color: white; padding: 5px; }
@@ -108,7 +124,7 @@ with gr.Blocks(
         .tab.active { background-color: #007acc; }
         button { background-color: #007acc; color: white; border: none; padding: 5px; margin: 2px; }
         button:hover { background-color: #005f99; }
-        .file-list { max-height: 300px; overflow-y: auto; }
+        .file-explorer { max-height: 300px; overflow-y: auto; }
         .command-palette { position: absolute; top: 20%; left: 30%; width: 40%; background: #252526; z-index: 1000; padding: 10px; }
         .light .gradio-container { background-color: #ffffff; color: #000000; }
         .light .editor { background-color: #ffffff; color: #000000; }
@@ -137,7 +153,13 @@ with gr.Blocks(
         with gr.Column(scale=1, visible=False, elem_classes="sidebar") as sidebar:
             gr.Markdown("### Explorer")
             file_upload = gr.File(label="Upload File")
-            file_list = gr.Listbox(label="Files", choices=list(files.keys()), interactive=True, elem_classes="file-list")
+            file_explorer = gr.FileExplorer(
+                label="Files",
+                glob="*.py",
+                file_count="single",
+                root_dir=os.getcwd(),
+                elem_classes="file-explorer"
+            )
 
         # Editor Pane
         with gr.Column(scale=4):
@@ -153,7 +175,7 @@ with gr.Blocks(
                         terminal_output = gr.Textbox(label="Terminal", lines=10, interactive=False)
                         terminal_input = gr.Textbox(label=">", placeholder="Type command and press Enter")
                 with gr.Column(scale=1):
-                    suggestions_list = gr.Listbox(label="Suggestions", choices=[], interactive=True)
+                    suggestions_list = gr.Radio(choices=[], label="Suggestions", type="value")
 
     # Status Bar
     with gr.Row(elem_classes="status-bar"):
@@ -233,7 +255,13 @@ with gr.Blocks(
     file_upload.change(
         load_file,
         inputs=[file_upload, current_file, file_tabs.choices],
-        outputs=[code_editor, current_file, file_list, file_tabs, code_editor]
+        outputs=[code_editor, current_file, file_tabs, code_editor]
+    )
+
+    file_explorer.change(
+        load_from_explorer,
+        inputs=[file_explorer, files, file_tabs.choices],
+        outputs=[code_editor, current_file, file_tabs, code_editor]
     )
 
     save_btn.click(
@@ -272,7 +300,7 @@ with gr.Blocks(
         outputs=[suggestions_list]
     )
 
-    suggestions_list.select(
+    suggestions_list.change(
         insert_suggestion,
         inputs=[code_editor, suggestions_list],
         outputs=[code_editor]
@@ -287,7 +315,7 @@ with gr.Blocks(
     new_file_btn.click(
         add_new_file,
         inputs=[file_tabs.choices, files],
-        outputs=[code_editor, current_file, file_list, file_tabs, code_editor]
+        outputs=[code_editor, current_file, file_list, code_editor]
     )
 
     close_tab_btn.click(
@@ -300,19 +328,9 @@ with gr.Blocks(
         outputs=[file_tabs]
     )
 
-    file_list.select(
-        lambda selected, open_files, files: (files[selected], selected, open_files + [selected] if selected not in open_files else open_files),
-        inputs=[file_list, file_tabs.choices, files],
-        outputs=[code_editor, current_file, file_tabs.choices]
-    ).then(
-        lambda open_files, current_file: gr.update(choices=open_files, value=current_file),
-        inputs=[file_tabs.choices, current_file],
-        outputs=[file_tabs]
-    )
-
     command_palette.submit(
         process_palette,
-        inputs=[command_palette, theme_state, files, current_file],
+        inputs=[command_palette, theme_state, files, current_file, code_editor],
         outputs=[theme_state, status_info]
     ).then(lambda: gr.update(visible=False), outputs=[command_palette])