commit initial 09-12-2025 008

src/App.js

@@ -198,6 +198,51 @@ ${selectedCode}
     setActiveFile(remaining[0] || "");
   };
 
+    // 🔁 NEW: Rename file
+  const handleRenameFile = () => {
+    if (!activeFile) return;
+
+    const newName = window.prompt(
+      "Enter new file name (with extension):",
+      activeFile
+    );
+    if (!newName || newName === activeFile) return;
+
+    // prevent overwriting other file
+    if (files[newName]) {
+      setOutput(`❌ A file named "${newName}" already exists.`);
+      setOpenMenu(null);
+      return;
+    }
+
+    const oldFile = files[activeFile];
+
+    // infer language from new extension if possible
+    let newLangId = oldFile.language;
+    const dotIndex = newName.lastIndexOf(".");
+    if (dotIndex !== -1) {
+      const newExt = newName.slice(dotIndex);
+      const match = LANGUAGE_OPTIONS.find((l) => l.ext === newExt);
+      if (match) {
+        newLangId = match.id;
+      }
+    }
+
+    setFiles((prev) => {
+      const copy = { ...prev };
+      delete copy[activeFile];
+      copy[newName] = {
+        ...oldFile,
+        language: newLangId,
+      };
+      return copy;
+    });
+
+    setActiveFile(newName);
+    setOpenMenu(null);
+    setOutput(`✅ Renamed "${activeFile}" to "${newName}".`);
+  };
+
   const handleChangeLanguage = (langId) => {
     setFiles((prev) => ({
       ...prev,
@@ -260,6 +305,7 @@ ${selectedCode}
             {openMenu === "file" && (
               <div className="ide-menu-dropdown">
                 <button onClick={handleNewFile}>New File</button>
+                <button onClick={handleRenameFile}>Rename File</button>
                 <button onClick={handleSaveLocal}>Save (Local)</button>
                 <button onClick={handleDownloadFile}>Download File</button>
               </div>