diff --git a/src/renderer/components/ConfigCard.vue b/src/renderer/components/ConfigCard.vue
index 82a10329..a69cd3b9 100644
--- a/src/renderer/components/ConfigCard.vue
+++ b/src/renderer/components/ConfigCard.vue
@@ -1,6 +1,7 @@
 <template>
     <x-card
         class="flex flex-row justify-between items-center p-2 py-3 my-0 w-full backdrop-blur-xl backdrop-brightness-150 bg-neutral-800/20"
+        :class="{ 'opacity-50 pointer-events-none': props.disabled }"
     >
         <div>
             <div class="flex flex-row gap-2 items-center mb-2">
@@ -18,6 +19,7 @@
                     v-if="props.step"
                     type="button"
                     class="size-8 !p-0"
+                    :disabled="props.disabled"
                     @click="() => applyStep(-props.step!)"
                 >
                     <Icon icon="mdi:minus" class="size-4"></Icon>
@@ -28,6 +30,7 @@
                     :min="props.min"
                     :max="props.max"
                     :value="value"
+                    :disabled="props.disabled"
                     v-on:keydown="(e: any) => ensureNumericInput(e)"
                     @input="(e: any) => (value = Number(/^\d+$/.exec(e.target.value)![0] || props.min))"
                     required
@@ -36,6 +39,7 @@
                     v-if="props.step"
                     type="button"
                     class="size-8 !p-0"
+                    :disabled="props.disabled"
                     @click="() => applyStep(props.step!)"
                 >
                     <Icon icon="mdi:plus" class="size-4"></Icon>
@@ -46,6 +50,7 @@
             <template v-else-if="props.type === 'dropdown'">
                 <x-select
                     class="w-20"
+                    :disabled="props.disabled"
                     @change="(e: any) => (value = e.detail.newValue)"
                 >
                     <x-menu>
@@ -58,6 +63,7 @@
             <template v-else-if="props.type === 'switch'">
                 <x-switch
                     :toggled="value"
+                    :disabled="props.disabled"
                     @toggle="(_: any) => { $emit('toggle'); (value = !value) }"
                     size="large"
                 />
@@ -121,6 +127,11 @@ type PropsType = {
      * Defines dropdown entries in case the `dropdown` type is specified.
      */
     options?: any[];
+
+    /**
+     * If true, disables all interactive elements and applies greyed-out styling.
+     */
+    disabled?: boolean;
 };
 
 const props = defineProps<PropsType>();
diff --git a/src/renderer/lib/config.ts b/src/renderer/lib/config.ts
index 7342eccf..8dc7cd91 100644
--- a/src/renderer/lib/config.ts
+++ b/src/renderer/lib/config.ts
@@ -23,7 +23,7 @@ export class WinboatVersion {
         const versionNumbers = versionTags[0].split(".").map(value => {
             const parsedValue = parseInt(value);
 
-            if(Number.isNaN(parsedValue)) {
+            if (Number.isNaN(parsedValue)) {
                 throw new Error(`Invalid winboat version format: '${versionToken}'`);
             }
 
@@ -71,6 +71,8 @@ export type WinboatConfigObj = {
     containerRuntime: ContainerRuntimes;
     versionData: WinboatVersionData;
     appsSortOrder: string;
+    favoriteApps: string[];
+    recentApps: Array<{ name: string, timestamp: number }>;
 };
 
 const currentVersion = new WinboatVersion(import.meta.env.VITE_APP_VERSION);
@@ -94,12 +96,14 @@ const defaultConfig: WinboatConfigObj = {
         current: currentVersion
     },
     appsSortOrder: 'name',
+    favoriteApps: [],
+    recentApps: [],
 };
 
 export class WinboatConfig {
     private static readonly configPath: string = path.join(WINBOAT_DIR, "winboat.config.json");
     private static instance: WinboatConfig | null = null;
-    
+
     // Due to us wrapping WinboatConfig in reactive, this can't be private
     configData: WinboatConfigObj = { ...defaultConfig };
 
@@ -112,7 +116,7 @@ export class WinboatConfig {
         this.configData = WinboatConfig.readConfigObject()!;
 
         // Set correct versionData
-        if(this.config.versionData.current.versionToken !== currentVersion.versionToken) {
+        if (this.config.versionData.current.versionToken !== currentVersion.versionToken) {
             this.config.versionData.previous = this.config.versionData.current;
             this.config.versionData.current = currentVersion;
 
@@ -165,7 +169,7 @@ export class WinboatConfig {
             const configObjRaw = JSON.parse(rawConfig);
 
             // Parse winboat version data
-            if(configObjRaw.versionData) {
+            if (configObjRaw.versionData) {
                 configObjRaw.versionData.current = new WinboatVersion(configObjRaw.versionData.current);
                 configObjRaw.versionData.previous = new WinboatVersion(configObjRaw.versionData.previous);
             }
@@ -182,8 +186,7 @@ export class WinboatConfig {
                     configObj[key] = defaultConfig[key];
                     hasMissing = true;
                     console.log(
-                        `Added missing config key: ${key} with default value: ${
-                            JSON.stringify(defaultConfig[key as keyof WinboatConfigObj])
+                        `Added missing config key: ${key} with default value: ${JSON.stringify(defaultConfig[key as keyof WinboatConfigObj])
                         }`,
                     );
                 }
diff --git a/src/renderer/lib/winboat.ts b/src/renderer/lib/winboat.ts
index d6d52f19..f86528f4 100644
--- a/src/renderer/lib/winboat.ts
+++ b/src/renderer/lib/winboat.ts
@@ -617,7 +617,28 @@ export class Winboat {
     }
 
     async launchApp(app: WinApp) {
-        if (!this.isOnline) throw new Error("Cannot launch app, Winboat is offline");
+        if (!this.isOnline.value) throw new Error("Cannot launch app, Winboat is offline");
+
+        // Track recent app
+        const config = this.#wbConfig!.config;
+        const recentApps = config.recentApps;
+        const existingIndex = recentApps.findIndex(r => r.name === app.Name);
+
+        if (existingIndex > -1) {
+            recentApps.splice(existingIndex, 1);
+        }
+
+        recentApps.unshift({
+            name: app.Name,
+            timestamp: Date.now()
+        });
+
+        // Keep only last 15 apps
+        if (recentApps.length > 15) {
+            recentApps.length = 15;
+        }
+
+        this.#wbConfig!.config = config;
 
         if (customAppCallbacks[app.Path]) {
             logger.info(`Found custom app command for '${app.Name}'`);
diff --git a/src/renderer/views/Apps.vue b/src/renderer/views/Apps.vue
index 9ea75e42..971eb15a 100644
--- a/src/renderer/views/Apps.vue
+++ b/src/renderer/views/Apps.vue
@@ -157,6 +157,15 @@
                             </x-label>
                         </x-menuitem>
 
+
+
+                        <x-menuitem value="recent">
+                            <x-label>
+                                <span class="qualifier"> Filter: </span>
+                                Recent
+                            </x-label>
+                        </x-menuitem>
+
                         <x-menuitem v-for="(label, value) in AllSources" :value="value">
                             <x-label>
                                 <span class="qualifier"> Filter: </span>
@@ -182,8 +191,79 @@
             </div>
         </div>
         <div v-if="winboat.isOnline.value" class="px-2">
+            <!-- Default View with Sections -->
+            <div v-if="isDefaultView" class="flex flex-col gap-8">
+
+                <!-- Recent Section -->
+                <section v-if="recentApps.length > 0">
+                    <div class="flex items-center gap-2 mb-4 px-1">
+                        <h2 class="text-base font-bold text-white tracking-wide">Recent</h2>
+                    </div>
+                    <TransitionGroup
+                        name="apps"
+                        tag="x-card"
+                        class="grid gap-4 bg-transparent border-none app-grid"
+                    >
+                        <x-card
+                            v-for="app of recentApps"
+                            :key="app.id"
+                            class="flex relative flex-row gap-2 justify-between items-center p-2 my-0 backdrop-blur-xl backdrop-brightness-150 cursor-pointer generic-hover bg-neutral-800/20"
+                            :class="{ 'bg-gradient-to-r from-yellow-600/20 bg-neutral-800/20': app.Source === 'custom' }"
+                            @click="winboat.launchApp(app)"
+                            @contextmenu="openContextMenu($event, app)"
+                        >
+                            <div class="flex flex-row items-center gap-2 flex-1 min-w-0">
+                                <img
+                                    class="rounded-md size-10 shrink-0"
+                                    :src="`data:image/png;charset=utf-8;base64,${app.Icon}`"
+                                    alt="App Icon"
+                                />
+                                <x-label class="truncate text-ellipsis">{{ app.Name }}</x-label>
+                            </div>
+                            <div class="flex items-center gap-2 shrink-0">
+                                <Icon icon="cuida:caret-right-outline" class="text-white/30"></Icon>
+                            </div>
+                        </x-card>
+                    </TransitionGroup>
+                </section>
+
+                <!-- All Apps Section -->
+                <section>
+                    <div class="flex items-center gap-2 mb-4 px-1" v-if="recentApps.length > 0">
+                        <h2 class="text-base font-bold text-white tracking-wide">All Apps</h2>
+                    </div>
+                    <TransitionGroup
+                        name="apps"
+                        tag="x-card"
+                        class="grid gap-4 bg-transparent border-none app-grid"
+                    >
+                        <x-card
+                            v-for="app of sortedApps"
+                            :key="app.id"
+                            class="flex relative flex-row gap-2 justify-between items-center p-2 my-0 backdrop-blur-xl backdrop-brightness-150 cursor-pointer generic-hover bg-neutral-800/20"
+                            :class="{ 'bg-gradient-to-r from-yellow-600/20 bg-neutral-800/20': app.Source === 'custom' }"
+                            @click="winboat.launchApp(app)"
+                            @contextmenu="openContextMenu($event, app)"
+                        >
+                            <div class="flex flex-row items-center gap-2 flex-1 min-w-0">
+                                <img
+                                    class="rounded-md size-10 shrink-0"
+                                    :src="`data:image/png;charset=utf-8;base64,${app.Icon}`"
+                                    alt="App Icon"
+                                />
+                                <x-label class="truncate text-ellipsis">{{ app.Name }}</x-label>
+                            </div>
+                            <div class="flex items-center gap-2 shrink-0">
+                                <Icon icon="cuida:caret-right-outline" class="text-white/30"></Icon>
+                            </div>
+                        </x-card>
+                    </TransitionGroup>
+                </section>
+            </div>
+
+            <!-- Filtered/Search View -->
             <TransitionGroup
-                v-if="apps.length"
+                v-else-if="apps.length"
                 name="apps"
                 tag="x-card"
                 class="grid gap-4 bg-transparent border-none app-grid"
@@ -196,15 +276,17 @@
                     @click="winboat.launchApp(app)"
                     @contextmenu="openContextMenu($event, app)"
                 >
-                    <div class="flex flex-row items-center gap-2 w-[85%]">
+                    <div class="flex flex-row items-center gap-2 flex-1 min-w-0">
                         <img
-                            class="rounded-md size-10"
+                            class="rounded-md size-10 shrink-0"
                             :src="`data:image/png;charset=utf-8;base64,${app.Icon}`"
                             alt="App Icon"
                         />
                         <x-label class="truncate text-ellipsis">{{ app.Name }}</x-label>
                     </div>
-                    <Icon icon="cuida:caret-right-outline"></Icon>
+                    <div class="flex items-center gap-2 shrink-0">
+                        <Icon icon="cuida:caret-right-outline" class="text-white/30"></Icon>
+                    </div>
                 </x-card>
             </TransitionGroup>
             <div v-else class="flex justify-center items-center mt-40">
@@ -221,6 +303,8 @@
                     <x-label>Edit</x-label>
                 </WBMenuItem>
 
+
+
                 <WBMenuItem v-if="contextMenuTarget?.Source === 'custom'" @click="removeCustomApp">
                     <Icon class="size-4" icon="mdi:trash-can-outline"></Icon>
                     <x-label>Remove</x-label>
@@ -300,13 +384,46 @@ const AllSources = computed(() => {
     return sourceList;
 });
 
+const isDefaultView = computed(() => {
+    return filterBy.value === "all" && !searchInput.value;
+});
+
+const recentApps = computed(() => {
+    return apps.value
+        .filter(app => app.lastLaunched)
+        .sort((a, b) => (b.lastLaunched ?? 0) - (a.lastLaunched ?? 0))
+        .slice(0, 10);
+});
+
+const sortedApps = computed(() => {
+    let list = [...apps.value];
+    
+    if (sortBy.value === "usage") {
+        list.sort((a, b) => (b.Usage ?? 0) - (a.Usage ?? 0));
+    } else {
+        list.sort((a, b) => a.Name.localeCompare(b.Name));
+    }
+    
+    return list;
+});
+
 const computedApps = computed(() => {
     // Make copy, otherwise UI might glitch, creating "ghost" app
     let appsCache = [...apps.value];
 
-    if (filterBy.value !== "all") {
+    if (filterBy.value === "recent") {
+        appsCache = appsCache.filter(app => app.lastLaunched);
+        // Sort by most recent first for recent filter
+        appsCache.sort((a, b) => (b.lastLaunched ?? 0) - (a.lastLaunched ?? 0));
+        // Limit to 15 most recent
+        appsCache = appsCache.slice(0, 15);
+        return appsCache; // Return early to skip other sorting
+    } else if (filterBy.value !== "all") {
         appsCache = appsCache.filter(app => app.Source === filterBy.value);
     }
+    
+    // ... rest of computedApps logic
+
 
     if (searchInput.value) {
         appsCache = appsCache.filter(app => app.Name.toLowerCase().includes(searchInput.value.toLowerCase()));
@@ -345,11 +462,19 @@ onMounted(async () => {
 
 async function refreshApps() {
     if (winboat.isOnline.value) {
+        const config = WinboatConfig.getInstance().config;
         const loadedApps = await winboat.appMgr!.getApps(winboat.apiUrl!);
-        apps.value = loadedApps.map(app => ({
-            ...app,
-            id: crypto.randomUUID(),
-        }));
+        apps.value = loadedApps.map(app => {
+            // Find last launched timestamp
+            const recentApp = config.recentApps.find(r => r.name === app.Name);
+            const lastLaunched = recentApp?.timestamp;
+            
+            return {
+                ...app,
+                id: crypto.randomUUID(),
+                lastLaunched,
+            };
+        });
         // Run in background, won't impact UX
         await winboat.appMgr!.updateAppCache(winboat.apiUrl!);
     }
@@ -522,6 +647,8 @@ async function removeCustomApp() {
     await refreshApps();
 }
 
+
+
 async function resetCustomAppForm() {
     // So there is no visual flicker while the dialog is closing
     setTimeout(() => {
diff --git a/src/renderer/views/Config.vue b/src/renderer/views/Config.vue
index 8ffb1e84..423e1e8c 100644
--- a/src/renderer/views/Config.vue
+++ b/src/renderer/views/Config.vue
@@ -1,5 +1,54 @@
 <template>
     <div class="flex flex-col gap-10 overflow-x-hidden" :class="{ hidden: !maxNumCores }">
+        <dialog ref="showLogsDialog" class="bg-transparent backdrop:bg-black/90 max-w-5xl w-full p-0 rounded-2xl overflow-hidden shadow-2xl border border-white/10 m-auto text-white outline-none">
+            <div class="bg-[#1a1b23] flex flex-col h-[80vh] w-full">
+                <!-- Header -->
+                <div class="flex items-center justify-between px-6 py-4 border-b border-white/5 bg-black/20 backdrop-blur-sm sticky top-0 z-10">
+                    <div class="flex items-center gap-3">
+                        <div class="p-2 rounded-lg bg-violet-500/10 text-violet-400 border border-violet-500/20">
+                            <Icon icon="solar:file-text-bold-duotone" class="size-5" />
+                        </div>
+                        <div class="flex flex-col">
+                            <h3 class="font-bold text-sm tracking-wide text-white/90">{{ currentLogFileName }}</h3>
+                            <span class="text-[0.65rem] text-white/40 font-mono">/home/user/.winboat/</span>
+                        </div>
+                    </div>
+                    <div class="flex items-center gap-3">
+                        <div class="flex items-center gap-1 bg-black/40 rounded-lg p-1 border border-white/5">
+                            <button 
+                                @click="copyLogContent" 
+                                class="px-3 py-1.5 rounded-md hover:bg-white/10 transition-all flex items-center gap-2 group"
+                                title="Copy to Clipboard"
+                            >
+                                <Icon icon="solar:copy-bold" class="size-4 text-white/50 group-hover:text-violet-400 transition-colors" />
+                                <span class="text-xs font-bold text-white/50 group-hover:text-white transition-colors">Copy</span>
+                            </button>
+                            <div class="w-px h-4 bg-white/10"></div>
+                            <button 
+                                @click="saveLogFile" 
+                                class="px-3 py-1.5 rounded-md hover:bg-white/10 transition-all flex items-center gap-2 group"
+                                title="Save to File"
+                            >
+                                <Icon icon="solar:diskette-bold" class="size-4 text-white/50 group-hover:text-blue-400 transition-colors" />
+                                <span class="text-xs font-bold text-white/50 group-hover:text-white transition-colors">Save</span>
+                            </button>
+                        </div>
+                        
+                        <button 
+                            @click="closeLogsDialog" 
+                            class="p-2 rounded-lg hover:bg-red-500/10 hover:text-red-400 transition-all text-white/20 ml-2"
+                        >
+                            <Icon icon="solar:close-circle-bold" class="size-6" />
+                        </button>
+                    </div>
+                </div>
+                
+                <!-- Content -->
+                <div class="flex-grow overflow-auto p-6 bg-[#0d0e12] font-mono text-xs text-gray-300 custom-scrollbar">
+                    <pre class="whitespace-pre-wrap break-all leading-relaxed opacity-90 selection:bg-violet-500/30 selection:text-white">{{ currentLogContent }}</pre>
+                </div>
+            </div>
+        </dialog>
         <div>
             <x-label class="mb-4 text-neutral-300">Container</x-label>
             <div class="flex flex-col gap-4">
@@ -12,6 +61,7 @@
                     unit="GB"
                     :min="2"
                     :max="maxRamGB"
+                    :disabled="isContainerRunning"
                     v-model:value="ramGB"
                 />
 
@@ -24,6 +74,7 @@
                     unit="Cores"
                     :min="2"
                     :max="maxNumCores"
+                    :disabled="isContainerRunning"
                     v-model:value="numCores"
                 />
 
@@ -32,6 +83,7 @@
                     icon="fluent:folder-link-32-filled"
                     title="Shared Folder"
                     type="switch"
+                    :disabled="isContainerRunning"
                     v-model:value="shareFolder"
                 >
                     <template v-slot:desc>
@@ -46,6 +98,7 @@
                     icon="mdi:folder-cog"
                     title="Shared Folder Location"
                     type="custom"
+                    :disabled="isContainerRunning"
                 >
                     <template v-slot:desc>
                         <span v-if="sharedFolderPath">
@@ -75,6 +128,7 @@
                     title="FreeRDP Port"
                     desc="You can change what port FreeRDP uses to communicate with the VM"
                     type="custom"
+                    :disabled="isContainerRunning"
                 >
                     <x-input
                         class="max-w-16 text-right text-[1.1rem]"
@@ -428,6 +482,36 @@
             </div>
         </div>
 
+        <div>
+            <x-label class="mb-4 text-neutral-300">System Logs</x-label>
+             <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                 <button 
+                    v-for="log in logFiles" 
+                    :key="log"
+                    class="group relative overflow-hidden rounded-xl bg-gradient-to-br from-white/5 to-white/[0.02] border border-white/5 hover:border-violet-500/50 hover:from-violet-500/10 hover:to-violet-500/5 transition-all p-4 text-left flex items-center gap-4 outline-none focus:ring-2 focus:ring-violet-500/50"
+                    @click="viewLog(log)"
+                 >
+                    <div class="p-2.5 rounded-lg bg-black/40 text-violet-400 group-hover:text-violet-300 group-hover:bg-violet-500/20 border border-white/5 group-hover:border-violet-500/20 transition-all shadow-lg">
+                        <Icon icon="solar:file-text-bold-duotone" class="size-6" />
+                    </div>
+                    <div class="flex flex-col z-10">
+                        <span class="text-sm font-bold text-white/90 group-hover:text-white transition-colors">{{ log }}</span>
+                        <span class="text-[0.65rem] font-bold text-white/30 uppercase tracking-wider group-hover:text-violet-300/70 transition-colors flex items-center gap-1">
+                            LOG FILE
+                        </span>
+                    </div>
+                    
+                    <!-- Hover Effect Background -->
+                    <div class="absolute inset-0 bg-gradient-to-r from-transparent via-white/[0.03] to-transparent -translate-x-full group-hover:translate-x-full duration-1000 transition-transform ease-in-out"></div>
+                    
+                    <!-- Arrow -->
+                    <div class="absolute right-4 opacity-0 -translate-x-4 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-300 text-violet-400">
+                        <Icon icon="solar:alt-arrow-right-bold" class="size-5" />
+                    </div>
+                 </button>
+            </div>
+        </div>
+
         <div>
             <x-label class="mb-4 text-neutral-300">Danger Zone</x-label>
             <x-card class="flex flex-col py-3 my-0 mb-6 w-full backdrop-blur-xl backdrop-brightness-150 bg-red-500/10">
@@ -477,6 +561,8 @@ import { ComposePortEntry, ComposePortMapper, Range } from "../utils/port";
 const { app }: typeof import("@electron/remote") = require("@electron/remote");
 const electron: typeof import("electron") = require("electron").remote || require("@electron/remote");
 const os: typeof import("os") = require("node:os");
+const fs: typeof import("fs") = require("fs");
+const path: typeof import("path") = require("path");
 
 // For Resources
 const compose = ref<ComposeConfig | null>(null);
@@ -499,6 +585,48 @@ const resetQuestionCounter = ref(0);
 const isResettingWinboat = ref(false);
 const isUpdatingUSBPrerequisites = ref(false);
 
+// For Logs
+const showLogsDialog = ref<HTMLDialogElement | null>(null);
+const currentLogContent = ref("");
+const currentLogFileName = ref("");
+const logFiles = ["container.log", "migrations.log", "install.log", "winboat.log"];
+
+async function viewLog(filename: string) {
+    currentLogFileName.value = filename;
+    try {
+        const logPath = path.join(os.homedir(), ".winboat", filename);
+        if (fs.existsSync(logPath)) {
+            currentLogContent.value = fs.readFileSync(logPath, "utf-8");
+        } else {
+            currentLogContent.value = `Log file not found: ${logPath}`;
+        }
+    } catch (e) {
+        currentLogContent.value = `Error reading log file: ${e}`;
+    }
+    showLogsDialog.value?.showModal();
+}
+
+function closeLogsDialog() {
+    showLogsDialog.value?.close();
+    currentLogContent.value = "";
+}
+
+function copyLogContent() {
+    electron.clipboard.writeText(currentLogContent.value);
+}
+
+async function saveLogFile() {
+    const { filePath } = await electron.dialog.showSaveDialog({
+        title: `Save ${currentLogFileName.value}`,
+        defaultPath: currentLogFileName.value,
+        filters: [{ name: "Log Files", extensions: ["log", "txt"] }]
+    });
+    
+    if (filePath) {
+        fs.writeFileSync(filePath, currentLogContent.value);
+    }
+}
+
 // For USB Devices
 const availableDevices = ref<Device[]>([]);
 
@@ -718,6 +846,10 @@ const usbPassthroughDisabled = computed(() => {
     return !hasUsbVolume(compose) || !hasQmpArgument(compose) || !hasQmpPort() || !hasHostPort(compose);
 });
 
+const isContainerRunning = computed(() => {
+    return winboat.containerStatus.value === ContainerStatus.RUNNING;
+});
+
 const saveButtonDisabled = computed(() => {
     const hasResourceChanges =
         origNumCores.value !== numCores.value ||
diff --git a/src/types.ts b/src/types.ts
index 21784796..913aed5e 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -31,6 +31,7 @@ export type WinApp = {
     Icon: string;
     Source: string;
     Usage?: number;
+    lastLaunched?: number;
 };
 
 export type CustomAppCallbacks = {