feat(release): stratum 0.1.8

package.json

@@ -1,7 +1,7 @@
 {
   "name": "stratum",
   "private": true,
-  "version": "0.1.7",
+  "version": "0.1.8",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -21,6 +21,7 @@
     "tinykeys": "^3.0.0"
   },
   "devDependencies": {
+    "@types/node": "^24.3.0",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "@types/debug": "^4.1.12",

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "stratum"
-version = "0.1.7"
+version = "0.1.8"
 description = "Stratum File Manager"
 authors = ["emy"]
 edition = "2021"

src-tauri/capabilities/default.json

@@ -5,8 +5,12 @@
   "windows": ["main"],
   "permissions": [
     "core:default",
+    "core:window:allow-close",
+    "core:window:allow-minimize",
     "core:window:allow-set-size",
+    "core:window:allow-start-dragging",
     "core:window:allow-set-title",
+    "core:window:allow-toggle-maximize",
     "core:window:allow-destroy",
     "dialog:default",
     {

src-tauri/tauri.conf.json

@@ -1,11 +1,11 @@
-{
-  "$schema": "https://schema.tauri.app/config/2",
-  "productName": "Stratum",
-  "version": "0.1.7",
-  "identifier": "com.emy.stratum",
-  "build": {
-    "beforeDevCommand": "pnpm dev",
-    "devUrl": "http://localhost:1421",
+{
+  "$schema": "https://schema.tauri.app/config/2",
+  "productName": "Stratum",
+  "version": "0.1.8",
+  "identifier": "com.emy.stratum",
+  "build": {
+    "beforeDevCommand": "pnpm dev",
+    "devUrl": "http://127.0.0.1:1420",
     "beforeBuildCommand": "pnpm build",
     "frontendDist": "../dist"
   },
@@ -14,12 +14,14 @@
       {
         "title": "Stratum",
         "width": 1200,
-        "height": 760,
-        "minWidth": 900,
-        "minHeight": 600,
-        "dragDropEnabled": false,
-        "backgroundColor": "#0a0b10"
-      }
+        "height": 760,
+        "minWidth": 900,
+        "minHeight": 600,
+        "dragDropEnabled": false,
+        "decorations": false,
+        "shadow": true,
+        "backgroundColor": "#0a0b10"
+      }
     ],
     "security": {
       "csp": null,

src/App.tsx

@@ -1,6 +1,6 @@
 // App shell wiring: composes state hooks, layout blocks, and overlays.
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { AppOverlays, AppShellLayout } from "@/components";
+import { AppOverlays, AppShellLayout, AppWindowFrame } from "@/components";
 import {
   useAppCommands,
   useAppContextMenuSection,
@@ -435,13 +435,12 @@ const App = () => {
     },
     settings: {
       confirmClose: settings.confirmClose,
-      accentTheme: settings.accentTheme,
-      ambientBackground: settings.ambientBackground,
-      blurOverlays: settings.blurOverlays,
-      gridRounded: settings.gridRounded,
-      gridCentered: settings.gridCentered,
-      compactMode: settings.compactMode,
-    },
+      accentTheme: settings.accentTheme,
+      ambientBackground: settings.ambientBackground,
+      blurOverlays: settings.blurOverlays,
+      gridRounded: settings.gridRounded,
+      gridCentered: settings.gridCentered,
+    },
     view: {
       activeTabId,
       activeTabPath,
@@ -698,7 +697,7 @@ const App = () => {
           scrollRestoreTop,
           scrollRequest,
           smoothScroll: settings.smoothScroll,
-          compactMode: settings.compactMode,
+          pendingDeletePaths: fileManager.pendingDeletePaths,
           sortState,
           canGoUp,
         },
@@ -837,9 +836,9 @@ const App = () => {
 
   return (
     <div className="app-shell" data-preview={previewOpen ? "true" : "false"}>
-      <AppShellLayout
-        topstack={topstackProps}
-        content={{
+      <AppShellLayout
+        topstack={topstackProps}
+        content={{
           layoutClass,
           sidebarOpen,
           sidebarProps: {
@@ -874,6 +873,7 @@ const App = () => {
         }}
       />
       <AppOverlays {...overlayProps} />
+      <AppWindowFrame />
     </div>
   );
 };

src/components/app/AppOverlays.tsx

@@ -24,7 +24,7 @@ const LazyQuickPreviewOverlay = lazy(async () => {
   return { default: module.QuickPreviewOverlay };
 });
 
-const useDeferredMount = (open: boolean) => {
+const useDeferredMount = (open: boolean, prewarmOnIdle = false) => {
   const [mounted, setMounted] = useState(open);
 
   useEffect(() => {
@@ -33,6 +33,46 @@ const useDeferredMount = (open: boolean) => {
     }
   }, [open]);
 
+  useEffect(() => {
+    if (mounted || open || !prewarmOnIdle) return;
+    if (typeof window === "undefined") return;
+
+    const idleWindow = window as Window & {
+      requestIdleCallback?: (
+        callback: IdleRequestCallback,
+        options?: IdleRequestOptions,
+      ) => number;
+      cancelIdleCallback?: (handle: number) => void;
+    };
+    let timeoutId: number | null = null;
+    let idleId: number | null = null;
+
+    const prewarm = () => {
+      setMounted(true);
+    };
+
+    // Warm hidden heavyweight overlays after the first paint so the first open feels instant.
+    if (typeof idleWindow.requestIdleCallback === "function") {
+      idleId = idleWindow.requestIdleCallback(() => {
+        prewarm();
+      }, { timeout: 1200 });
+    } else {
+      timeoutId = window.setTimeout(prewarm, 280);
+    }
+
+    return () => {
+      if (timeoutId != null) {
+        window.clearTimeout(timeoutId);
+      }
+      if (
+        idleId != null &&
+        typeof idleWindow.cancelIdleCallback === "function"
+      ) {
+        idleWindow.cancelIdleCallback(idleId);
+      }
+    };
+  }, [mounted, open, prewarmOnIdle]);
+
   return mounted;
 };
 
@@ -52,8 +92,8 @@ export const AppOverlays = ({
   settings,
 }: AppOverlaysProps) => {
   // Load heavyweight overlays on first use, then keep them mounted.
-  const conversionMounted = useDeferredMount(conversion.open);
-  const settingsMounted = useDeferredMount(settings.open);
+  const conversionMounted = useDeferredMount(conversion.open, true);
+  const settingsMounted = useDeferredMount(settings.open, true);
   const quickPreviewMounted = useDeferredMount(quickPreview.open);
 
   return (

src/components/app/AppWindowFrame.tsx

@@ -0,0 +1,4 @@
+// Global window chrome that stays visible above fullscreen overlay backdrops.
+export const AppWindowFrame = () => {
+  return <div className="app-window-frame" aria-hidden="true" />;
+};

src/components/app/index.ts

@@ -6,4 +6,5 @@ export { AppOverlays } from "./AppOverlays";
 export { AppShellLayout } from "./AppShellLayout";
 export { AppStatusbar } from "./AppStatusbar";
 export { AppTopstack } from "./AppTopstack";
-export { AppTopstackContainer } from "./AppTopstackContainer";
+export { AppTopstackContainer } from "./AppTopstackContainer";
+export { AppWindowFrame } from "./AppWindowFrame";