commit initial 09-12-2025 012

src/App.js

@@ -115,7 +115,7 @@ ${currentFile.content}`
 };
 
 
- const handleExplainSelection = async () => {
+  const handleExplainSelection = async () => {
   const editor = editorRef.current;
   const selected = editor.getModel().getValueInRange(editor.getSelection());
   const code = selected.trim() || currentFile.content;
@@ -225,20 +225,17 @@ ${code}`
           )}
 
           {/* Bottom Panels */}
-<div className="ide-panels">
+          <div className="ide-panels">
+            <pre className="ide-output">{output}</pre>
 
-  {/* OUTPUT WINDOW */}
-  <pre className="ide-output">{output}</pre>
+            <input
+              className="ide-input-box"
+              placeholder="Program input..."
+              value={stdin}
+              onChange={(e) => setStdin(e.target.value)}
+            />
 
-  {/* STDIN INPUT */}
-  <input
-    className="ide-input-box"
-    placeholder="Program input..."
-    value={stdin}
-    onChange={(e) => setStdin(e.target.value)}
-  />
-
-  {/* NEW AI PROMPT INPUT */}
+           {/* NEW AI PROMPT INPUT */}
   <textarea
     className="ide-agent-textarea"
     placeholder="Ask the AI (e.g., 'optimize', 'add docstring', 'convert to JS'...)"
@@ -260,7 +257,9 @@ ${code}`
       ))}
     </div>
   )}
-</div>
+          </div>
+        </div>
+      </div>
 
       {/* ==== SEARCH PANEL ==== */}
       {searchOpen && (