diff --git a/css/ide.css b/css/ide.css
index f6432a7b..143700b1 100755
--- a/css/ide.css
+++ b/css/ide.css
@@ -1,3 +1,9 @@
+html, body {
+    margin: 0;
+    padding: 0;
+    height: 100%;
+}
+
 .judge0-file-menu {
     min-width: 15rem !important;
 }
@@ -16,10 +22,17 @@
 #judge0-chat-messages {
     flex-grow: 1;
     overflow-y: auto;
+    padding: 0.5rem;
 }
 
 #judge0-chat-messages pre {
     overflow-x: auto;
+    max-width: 100%;
+}
+
+.item.judge0-showRunButton{
+    display:flex;
+    gap:10px;
 }
 
 .judge0-user-message {
@@ -48,3 +61,24 @@
         display: none !important;
     }
 }
+
+@media (max-width: 600px) {
+    .judge0-file-menu {
+        min-width: 12rem !important;
+    }
+
+    .item.judge0-showRunButton {
+        flex-direction: column;
+        gap: 5px;
+    }
+
+    .judge0-user-message {
+        max-width: 95%;
+        margin-right: 0.5em !important;
+    }
+
+    #judge0-chat-messages {
+        padding: 0.25rem;
+    }
+}
+
diff --git a/index.html b/index.html
index 6f363353..3502e02e 100644
--- a/index.html
+++ b/index.html
@@ -108,6 +108,11 @@
                     <span class="description">+S</span>
                     <span class="text"><i class="save icon"></i>Save</span>
                 </div>
+                <!-- Ticket #2: Keystroke Tracking - Added Download Activity Logs button -->
+                <div id="judge0-download-logs-btn" class="item">
+                    <span class="description"></span>
+                    <span class="text"><i class="download icon"></i>Download Activity Logs</span>
+                </div>
             </div>
         </div>
         <div class="ui simple dropdown item judge0-showHelpMenu">
@@ -124,12 +129,12 @@
         <div class="item judge0-showSelectLanguage">
             <select id="select-language" class="ui search selection dropdown"></select>
         </div>
-        <div class="item judge0-showCompilerOptions">
+        <!--<div class="item judge0-showCompilerOptions">
             <div class="ui left icon transparent input">
                 <i class="flag icon"></i>
                 <input id="compiler-options" type="text" placeholder="Compiler options"></input>
             </div>
-        </div>
+        </div> -->
         <div class="item judge0-showCommandLineArguments">
             <div class="ui left icon transparent input">
                 <i class="terminal icon"></i>
@@ -137,10 +142,18 @@
             </div>
         </div>
         <div class="item judge0-showRunButton">
+            <button id="compile-btn" class="ui button">
+                 Compile Code
+            </button>
             <button id="run-btn" class="ui primary labeled icon button" data-content="+↵">
                 <i class="play icon"></i>
                 Run Code
             </button>
+            <button id="clear-btn" class="ui primary labeled icon button" data-content="+↵" >
+                <i class="trash icon"></i>
+                Clear
+            </button>
+
         </div>
         <div class="right menu">
             <div id="judge0-theme-toggle-btn" class="icon link item judge0-showThemeButton" data-content="">
diff --git a/js/configuration.js b/js/configuration.js
index d7bf2cd9..b23c7772 100644
--- a/js/configuration.js
+++ b/js/configuration.js
@@ -21,7 +21,7 @@ const DEFAULT_CONFIGURATIONS = {
             showNavigation: true
         },
         appOptions: {
-            showAIAssistant: true,
+            showAIAssistant: false,
             ioLayout: "stack",
             assistantLayout: "column",
             mainLayout: "row",
@@ -73,7 +73,7 @@ const DEFAULT_CONFIGURATIONS = {
             showNavigation: true
         },
         appOptions: {
-            showAIAssistant: true,
+            showAIAssistant: false,
             ioLayout: "stack",
             assistantLayout: "column",
             mainLayout: "row",
@@ -99,7 +99,7 @@ const DEFAULT_CONFIGURATIONS = {
             showNavigation: true
         },
         appOptions: {
-            showAIAssistant: true,
+            showAIAssistant: false,
             ioLayout: "stack",
             assistantLayout: "column",
             mainLayout: "row",
@@ -125,7 +125,7 @@ const DEFAULT_CONFIGURATIONS = {
             showNavigation: true
         },
         appOptions: {
-            showAIAssistant: true,
+            showAIAssistant: false,
             ioLayout: "stack",
             assistantLayout: "column",
             mainLayout: "row",
diff --git a/js/ide.js b/js/ide.js
index 50c5b74e..8b9db8be 100755
--- a/js/ide.js
+++ b/js/ide.js
@@ -32,15 +32,32 @@ var fontSize = 13;
 
 var layout;
 
+// variables to track the current file name and unsaved changes
+var currentFileName = "Main.java";
+var hasUnsavedChanges = false;
+var isSaving = false;
+var sourceContainer = null;
+var suppressDirty = true;   // true while we are loading/setting initial content
+
+// For autosave functionality
+var autosaveTimer = null;
+var AUTOSAVE_MS = 5000; // 2–5 seconds (pick what you want)
+
 export var sourceEditor;
 var stdinEditor;
 var stdoutEditor;
+var compileOutEditor;
+var runOutEditor;
 
 var $selectLanguage;
 var $compilerOptions;
 var $commandLineArguments;
 var $runBtn;
+var $clearBtn;
 var $statusLine;
+var $compileBtn;
+var lastCompiledCode=null;
+
 
 var timeStart;
 
@@ -92,9 +109,19 @@ var layoutConfig = {
                         }
                     } : null, configuration.get("appOptions.showOutput") ? {
                         type: "component",
-                        componentName: "stdout",
-                        id: "stdout",
-                        title: "Output",
+                        componentName: "compileOut",
+                        id: "compileOut",
+                        title: "Compile",
+                        isClosable: false,
+                        componentState: {
+                            readOnly: true
+                        }
+                    } : null,
+                    configuration.get("appOptions.showOutput") ? {
+                        type: "component",
+                        componentName: "runOut",
+                        id: "runOut",
+                        title: "Runtime",
                         isClosable: false,
                         componentState: {
                             readOnly: true
@@ -156,16 +183,33 @@ function handleResult(data) {
 
     const status = data.status;
     const stdout = decode(data.stdout);
-    const compileOutput = decode(data.compile_output);
+    const stderr = decode(data.stderr);
+    const compileOutput = data.compile_output ? decode(data.compile_output) : null;
     const time = (data.time === null ? "-" : data.time + "s");
     const memory = (data.memory === null ? "-" : data.memory + "KB");
 
     $statusLine.html(`${status.description}, ${time}, ${memory} (TAT: ${tat}ms)`);
 
-    const output = [compileOutput, stdout].filter(x => x).join("\n").trimEnd();
-
-    stdoutEditor.setValue(output);
-
+    /*const output = [compileOutput, stdout].filter(x => x).join("\n").trimEnd();
+    stdoutEditor.setValue(output);*/
+    
+    const runtimeOutput = [stdout, stderr].filter(x => x).join("\n").trimEnd();
+    const compileText = (compileOutput || "").trimEnd();
+
+    // Compile tab: show compiler output or a friendly success message
+    if (compileOutEditor) {
+        compileOutEditor.setValue(compileText || "Compilation successful.");
+        const lastLine = compileOutEditor.getModel()?.getLineCount?.() ?? 1;
+        compileOutEditor.revealLine(lastLine);
+    }
+    // Runtime tab: show stdout + stderr (can be empty if program prints nothing)
+    if (runOutEditor) {
+        runOutEditor.setValue(runtimeOutput);
+        const lastLine = runOutEditor.getModel()?.getLineCount?.() ?? 1;
+        runOutEditor.revealLine(lastLine);
+    }
+    const output = [compileText, runtimeOutput].filter(x => x).join("\n").trimEnd();
+    
     $runBtn.removeClass("loading");
 
     window.top.postMessage(JSON.parse(JSON.stringify({
@@ -177,6 +221,20 @@ function handleResult(data) {
     })), "*");
 }
 
+// Clear I/O editors and status line before running new code
+function clearIO() {
+    // Clear the I/O editors
+    if (stdinEditor) stdinEditor.setValue("");
+    if (compileOutEditor) compileOutEditor.setValue("");
+    if (runOutEditor) runOutEditor.setValue("");
+
+    // Optional: clear old status line
+    if ($statusLine) $statusLine.html("");
+
+    // Optional: stop a stuck spinner
+    if ($runBtn) $runBtn.removeClass("loading");
+}
+
 async function getSelectedLanguage() {
     return getLanguage(getSelectedLanguageFlavor(), getSelectedLanguageId())
 }
@@ -189,19 +247,117 @@ function getSelectedLanguageFlavor() {
     return $selectLanguage.find(":selected").attr("flavor");
 }
 
-function run() {
-    if (sourceEditor.getValue().trim() === "") {
+function compileOnly() {
+    const currentCode = sourceEditor.getValue().trim();
+
+    if (currentCode === "") {
         showError("Error", "Source code can't be empty!");
+        lastCompiledCode = null;
+        updateRunButtonState();
         return;
+    }
+
+    lastCompiledCode = null;
+    updateRunButtonState();
+
+    if (compileOutEditor) compileOutEditor.setValue("");
+    if (runOutEditor) runOutEditor.setValue("");
+
+    $statusLine.html("Compiling...");
+    // Switch to Compile tab when compiling
+    const compileTab = layout.root.getItemsById("compileOut")[0];
+    if (compileTab && compileTab.parent && compileTab.parent.header && compileTab.parent.header.parent) {
+        compileTab.parent.header.parent.setActiveContentItem(compileTab);
+    }
+
+    let sourceValue = encode(sourceEditor.getValue());
+    let languageId = getSelectedLanguageId();
+    let flavor = getSelectedLanguageFlavor();
+
+    let data = {
+        source_code: sourceValue,
+        language_id: languageId,
+        stdin: encode(""),
+        redirect_stderr_to_stdout: false
+    };
+
+    $.ajax({
+        url: `${AUTHENTICATED_BASE_URL[flavor]}/submissions?base64_encoded=true&wait=true`,
+        type: "POST",
+        contentType: "application/json",
+        data: JSON.stringify(data),
+        headers: AUTH_HEADERS,
+        success: function (data) {
+            const compileOutput = decode(data.compile_output);
+
+            if (compileOutEditor) {
+                compileOutEditor.setValue(
+                    compileOutput ? compileOutput : "Compilation successful."
+                );
+            }
+
+            if (runOutEditor) {
+                runOutEditor.setValue("");
+            }
+
+            $statusLine.html(data.status.description);
+
+            // success only when there is no compile output
+            if (!compileOutput) {
+                lastCompiledCode = currentCode;
+            } else {
+                lastCompiledCode = null;
+            }
+
+            updateRunButtonState();
+        },
+        error: function (jqXHR) {
+            lastCompiledCode = null;
+            updateRunButtonState();
+            handleRunError(jqXHR);
+        }
+    });
+}
+
+function updateRunButtonState() {
+    if (!$runBtn) return;
+
+    const currentCode = sourceEditor ? sourceEditor.getValue().trim() : "";
+    const canRun = !!lastCompiledCode && currentCode === lastCompiledCode;
+
+    $runBtn.prop("disabled", !canRun);
+
+    if (canRun) {
+        $runBtn.removeClass("disabled");
+        $runBtn.addClass("primary");
     } else {
-        $runBtn.addClass("loading");
+        $runBtn.addClass("disabled");
+        $runBtn.removeClass("primary");
+    }
+}
+
+function run() {
+    const currentCode = sourceEditor.getValue().trim();
+
+    if (!lastCompiledCode || currentCode !== lastCompiledCode) {
+        updateRunButtonState();
+        return;
     }
 
-    stdoutEditor.setValue("");
+    $runBtn.addClass("loading"); 
+
+    //stdoutEditor.setValue("");
+    if (compileOutEditor) compileOutEditor.setValue("");
+    if (runOutEditor) runOutEditor.setValue("");
     $statusLine.html("");
 
-    let x = layout.root.getItemsById("stdout")[0];
-    x.parent.header.parent.setActiveContentItem(x);
+    /*let x = layout.root.getItemsById("runOut")[0];
+    x.parent.header.parent.setActiveContentItem(x);*/
+
+    const runtimeTab = layout.root.getItemsById("runOut")[0];
+    if (runtimeTab && runtimeTab.parent && runtimeTab.parent.header && runtimeTab.parent.header.parent) {
+        runtimeTab.parent.header.parent.setActiveContentItem(runtimeTab);
+    }
 
     let sourceValue = encode(sourceEditor.getValue());
     let stdinValue = encode(stdinEditor.getValue());
@@ -299,19 +455,68 @@ function fetchSubmission(flavor, region, submission_token, iteration) {
     });
 }
 
+// Helper function to update the source tab title with unsaved changes indicator and saving status
+function updateSourceTabTitle() {
+  if (!sourceContainer) return; // source tab not ready yet
+
+  var dot = hasUnsavedChanges ? " •" : "";
+  var saving = isSaving ? " — Saving..." : "";
+  sourceContainer.setTitle(currentFileName + dot + saving);
+}
+
+
 function setSourceCodeName(name) {
-    $(".lm_title")[0].innerText = name;
+  currentFileName = name;
+  updateSourceTabTitle();
 }
 
-function getSourceCodeName() {
+/*function setSourceCodeName(name) {
+    $(".lm_title")[0].innerText = name;
+}*/
+
+/*function getSourceCodeName() {
     return $(".lm_title")[0].innerText;
-}
+}*/
 
 function openFile(content, filename) {
     clear();
+
+    suppressDirty = true;                 // prevent dirty flag during load
     sourceEditor.setValue(content);
+    suppressDirty = false;                // now allow user edits to mark dirty
+
     selectLanguageForExtension(filename.split(".").pop());
     setSourceCodeName(filename);
+
+    hasUnsavedChanges = false;            // freshly loaded file = clean
+    updateSourceTabTitle();               // ensure correct title
+}
+
+function saveNow(reason) {
+  if (!sourceEditor) return;
+
+  isSaving = true;
+  updateSourceTabTitle();
+
+  var content = sourceEditor.getValue();
+
+  // MVP: save to localStorage (silent autosave)
+  localStorage.setItem("autosave:" + currentFileName, content);
+
+  isSaving = false;
+  hasUnsavedChanges = false;
+  updateSourceTabTitle();
+}
+
+// Schedules an automatic save after the user stops typing
+function scheduleAutosave() {
+  if (autosaveTimer) clearTimeout(autosaveTimer);
+
+  autosaveTimer = setTimeout(function () {
+    // Only save if there are unsaved changes
+    if (!hasUnsavedChanges) return;
+    saveNow("idle");
+  }, AUTOSAVE_MS);
 }
 
 function saveFile(content, filename) {
@@ -348,9 +553,11 @@ async function saveAction() {
 }
 
 function setFontSizeForAllEditors(fontSize) {
-    sourceEditor.updateOptions({ fontSize: fontSize });
-    stdinEditor.updateOptions({ fontSize: fontSize });
-    stdoutEditor.updateOptions({ fontSize: fontSize });
+    if (sourceEditor) sourceEditor.updateOptions({ fontSize });
+    if (stdinEditor) stdinEditor.updateOptions({ fontSize });
+    if (stdoutEditor) stdoutEditor.updateOptions({ fontSize });
+    if (compileOutEditor) compileOutEditor.updateOptions({ fontSize });
+    if (runOutEditor) runOutEditor.updateOptions({ fontSize });
 }
 
 async function loadLangauges() {
@@ -395,6 +602,7 @@ async function loadLangauges() {
             }).always(function () {
                 options.sort((a, b) => a.text.localeCompare(b.text));
                 $selectLanguage.append(options);
+                $selectLanguage.parent(".ui.dropdown").dropdown("refresh");
                 resolve();
             });
         });
@@ -402,8 +610,11 @@ async function loadLangauges() {
 };
 
 async function loadSelectedLanguage(skipSetDefaultSourceCodeName = false) {
+    if (!sourceEditor) {
+        console.warn("Editor not initialized yet");
+        return;
+    }
     monaco.editor.setModelLanguage(sourceEditor.getModel(), $selectLanguage.find(":selected").attr("langauge_mode"));
-
     if (!skipSetDefaultSourceCodeName) {
         setSourceCodeName((await getSelectedLanguage()).source_file);
     }
@@ -496,12 +707,22 @@ document.addEventListener("DOMContentLoaded", async function () {
     });
 
     await loadLangauges();
+    // Default editor language for MVP
+    const JAVA_ID = "91"; // replace after you confirm
+    $selectLanguage.parent(".ui.dropdown").dropdown("set selected", JAVA_ID);
+    loadSelectedLanguage(true); // ensure Monaco updates; true avoids filename reset
 
     $compilerOptions = $("#compiler-options");
     $commandLineArguments = $("#command-line-arguments");
 
     $runBtn = $("#run-btn");
+    updateRunButtonState();
+
+    $clearBtn = $("#clear-btn");
+    $compileBtn = $("#compile-btn");
     $runBtn.click(run);
+    $clearBtn.click(clearIO);
+    $compileBtn.click(compileOnly);
 
     $("#open-file-input").change(function (e) {
         const selectedFile = e.target.files[0];
@@ -564,19 +785,77 @@ document.addEventListener("DOMContentLoaded", async function () {
         layout = new GoldenLayout(layoutConfig, $("#judge0-site-content"));
 
         layout.registerComponent("source", function (container, state) {
+            sourceContainer = container;
             sourceEditor = monaco.editor.create(container.getElement()[0], {
                 automaticLayout: true,
                 scrollBeyondLastLine: true,
                 readOnly: state.readOnly,
-                language: "cpp",
+                language: "java",
                 minimap: {
                     enabled: true
-                }
+                },
+
+                // Disable auto-indent
+                autoIndent: "none",
+                formatOnType: false,
+                formatOnPaste: false,
+
+                 //Disable automatic bracket/quote closing
+                autoClosingBrackets: "never",
+                autoClosingQuotes: "never",
+                autoSurround: "never",
+
+                // Disable autocomplete
+                quickSuggestions: false,
+                suggestOnTriggerCharacters: false,
+                parameterHints: { enabled: false },
+                acceptSuggestionOnEnter: "off",
+                tabCompletion: "off",
+                wordBasedSuggestions: false,
+                snippetSuggestions: "none"
+            });
+
+            // Ticket #2: Keystroke Tracking - Initialize activity log array
+            window.ACTIVITY_LOG = window.ACTIVITY_LOG || [];
+
+            // When the user types in the source editor, mark file as modified
+           sourceEditor.onDidChangeModelContent(function (e) {
+                if (suppressDirty) return;   // ignore changes caused by setValue/openFile/init
+                
+                // Ticket #2: Keystroke Tracking - Track keystrokes, pastes, and deletions
+                e.changes.forEach(change => {
+                    if (change.text.length > 1) {
+                        window.ACTIVITY_LOG.push({ type: "paste", timestamp: new Date().toISOString(), text: change.text });
+                    } else if (change.text.length === 1) {
+                        window.ACTIVITY_LOG.push({ type: "keystroke", timestamp: new Date().toISOString(), key: change.text });
+                    } else if (change.text === "") {
+                        window.ACTIVITY_LOG.push({ type: "deletion", timestamp: new Date().toISOString(), length: change.rangeLength });
+                    }
+                });
+
+                hasUnsavedChanges = true;
+                updateSourceTabTitle();
+                scheduleAutosave();         // schedule an autosave after user stops typing for a bit
+            });
+
+             // After initial editor setup/content load finishes, mark file as clean and enable dirty tracking
+            setTimeout(function () {
+                hasUnsavedChanges = false;
+                suppressDirty = false;
+                updateSourceTabTitle();
+            }, 0);
+
+            sourceEditor.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyS, function () {
+                saveNow("manual");
             });
 
             sourceEditor.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.Enter, run);
 
-            monaco.languages.registerInlineCompletionsProvider('*', {
+            sourceEditor.onDidChangeModelContent(() => {
+                lastCompiledCode = null;
+                updateRunButtonState();
+            });
+            /*monaco.languages.registerInlineCompletionsProvider('*', {
                 provideInlineCompletions: async (model, position) => {
                     if (!puter.auth.isSignedIn() || !document.getElementById("judge0-inline-suggestions").checked || !configuration.get("appOptions.showAIAssistant")) {
                         return;
@@ -644,7 +923,7 @@ document.addEventListener("DOMContentLoaded", async function () {
                 },
                 handleItemDidShow: () => { },
                 freeInlineCompletions: () => { }
-            });
+            });*/
         });
 
         layout.registerComponent("stdin", function (container, state) {
@@ -671,6 +950,28 @@ document.addEventListener("DOMContentLoaded", async function () {
             });
         });
 
+        layout.registerComponent("compileOut", function (container, state) {
+            compileOutEditor = monaco.editor.create(container.getElement()[0], {
+                automaticLayout: true,
+                scrollBeyondLastLine: false,
+                readOnly: true,
+                language: "plaintext",
+                minimap: { enabled: false 
+                }
+            });
+        });
+
+        layout.registerComponent("runOut", function (container, state) {
+            runOutEditor = monaco.editor.create(container.getElement()[0], {
+                automaticLayout: true,
+                scrollBeyondLastLine: false,
+                readOnly: true,
+                language: "plaintext",
+                minimap: { enabled: false 
+                }
+            });
+        });
+
         layout.registerComponent("ai", function (container, state) {
             container.getElement()[0].appendChild(document.getElementById("judge0-chat-container"));
         });
@@ -707,6 +1008,18 @@ document.addEventListener("DOMContentLoaded", async function () {
     document.getElementById("judge0-open-file-btn").addEventListener("click", openAction);
     document.getElementById("judge0-save-btn").addEventListener("click", saveAction);
 
+    // Ticket #2: Keystroke Tracking - Event listener for downloading keystroke activity logs
+    const downloadLogsBtn = document.getElementById("judge0-download-logs-btn");
+    if (downloadLogsBtn) {
+        downloadLogsBtn.addEventListener("click", function() {
+            const dataStr = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(window.ACTIVITY_LOG || [], null, 2));
+            const dlAnchorElem = document.createElement('a');
+            dlAnchorElem.setAttribute("href", dataStr);
+            dlAnchorElem.setAttribute("download", "keystroke_activity_log.json");
+            dlAnchorElem.click();
+        });
+    }
+
     window.onmessage = function (e) {
         if (!e.data) {
             return;