diff --git a/CHANGELOG.md b/CHANGELOG.md
index b4f77dff..a6313883 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,36 @@
 
 All notable changes to this project are documented in this file.
 
+## [0.6.0]
+
+### Added
+
+- Archive support — compress files/folders to `.zip` (optional password) and extract archives, with extract-here / extract-to-folder, entry actions, and context-menu wiring (`431cc4d`, `0e104ea`)
+- 7-Zip archives — compress & extract via the system 7-Zip binary, with a compress/extract UI gated on 7z availability (`2b29b35`, `b7777d0`)
+- Copy files to the OS clipboard the Finder way — a copied selection pastes as real files into file-aware apps (Finder, Mail) and as names into text fields (macOS multi-flavor `NSPasteboard`) (`c00d537`)
+- Open properties in its own detached window — an `openPropertiesInWindow` setting, plus `sfb ui-properties` and a `properties` control action (`2cf1633`)
+- Open an image preview in its own window (`422a16c`)
+- Copy path — a context-menu action and keybinding that copy an entry's path (`84dcce8`, `71d804b`)
+- Edit a saved SSH connection from the sidebar; the stored key path rehydrates the auth dialog (`0f19b2c`)
+- Persistent notice when a remote folder fails to load, with a Retry — replaces the transient toast that left the folder deceptively empty (`ec3b4cc`)
+- Indeterminate progress bar for operations without a byte total (`684e5ba`)
+- Reload button on the dev error overlay (`6dad352`)
+- `sfb ui-windows` and `ui-preview` control commands (`96e7c8a`)
+- Remote write over SFTP, host-key verification, and Keychain-stored connection secrets (`642f272`)
+- Shared UI element library — `Checkbox`, `Select`, `TextArea`, `TextInput`, `Slider`, `PasswordInput`; feature code is barred from raw form elements and routed through these primitives (`2065dd0`, `7c782e6`, `54440fd`, `dd6e01e`)
+
+### Changed
+
+- More macOS/Windows junk excluded from folder-size totals by default (`com.apple.chrono`, `.localized`, `.AppleDouble`, `Thumbs.db`, `desktop.ini`); ignore rules now match any path component, so deep watcher events under an ignored dir are dropped (`5419b0f`)
+- Committing a file path in the path bar now opens the file (open routing centralized through the directory provider; the redundant Preview action is hidden when Open already previews) (`669a783`)
+- Reordered the Compress action in the context menu — after Destroy, before Properties (`029f6c3`)
+
+### Fixed
+
+- Context-menu opacity now mirrors to portaled submenu flyouts (`7df372e`)
+- Derive a file's extension from the last dot, not the first (`2076701`)
+- Preview iframe background uses the app-background token (`d610f54`)
+
 ## [0.5.0]
 
 ### Added
diff --git a/SSH_PLAN.md b/SSH_PLAN.md
index dcff0a84..cb90f2f7 100644
--- a/SSH_PLAN.md
+++ b/SSH_PLAN.md
@@ -81,10 +81,10 @@ export type Connection = {
   id: string;
   name: string;
   host: string;
-  port: number;          // default constant SSH_DEFAULT_PORT = 22
+  port: number; // default constant SSH_DEFAULT_PORT = 22
   user: string;
-  authKind: AuthKind;    // const-object enum: PASSWORD | KEY | AGENT
-  keyPath?: string;      // for KEY
+  authKind: AuthKind; // const-object enum: PASSWORD | KEY | AGENT
+  keyPath?: string; // for KEY
 };
 ```
 
@@ -98,7 +98,11 @@ export type Connection = {
 
 ```ts
 // src/features/connections/constants.ts
-export const AUTH_KIND = { PASSWORD: "password", KEY: "key", AGENT: "agent" } as const;
+export const AUTH_KIND = {
+  PASSWORD: "password",
+  KEY: "key",
+  AGENT: "agent",
+} as const;
 export const SSH_DEFAULT_PORT = 22;
 export const SFTP_SCHEME = "sftp://";
 ```
@@ -141,13 +145,13 @@ features/connections/
 
 ## 5. Degradations in remote mode (must be designed up front)
 
-| Feature | Local | Remote (SFTP) |
-|---|---|---|
-| Live change watching | inotify via `tauri-plugin-fs` (`watch`) | **not available** → poll every N s, or manual refresh |
-| Thumbnails | reads local file | partial download or disable for remote |
-| Directory size (walk) | local walk | remote walk is slow → lazy / opt-in only |
-| Trash / restore | local trash ledger | SFTP has no trash → direct delete behind a confirm |
-| Drag-out to other apps | local path | requires downloading to a temp file first |
+| Feature                | Local                                   | Remote (SFTP)                                         |
+| ---------------------- | --------------------------------------- | ----------------------------------------------------- |
+| Live change watching   | inotify via `tauri-plugin-fs` (`watch`) | **not available** → poll every N s, or manual refresh |
+| Thumbnails             | reads local file                        | partial download or disable for remote                |
+| Directory size (walk)  | local walk                              | remote walk is slow → lazy / opt-in only              |
+| Trash / restore        | local trash ledger                      | SFTP has no trash → direct delete behind a confirm    |
+| Drag-out to other apps | local path                              | requires downloading to a temp file first             |
 
 Each of these needs an explicit remote branch or a graceful "not supported here" state — not a crash.
 
@@ -167,8 +171,10 @@ Each of these needs an explicit remote branch or a graceful "not supported here"
      `get_thumbnail`, `open_file`, all write commands. That's phases 2–3.
 
    ### Testing phase 1
+
    Create `connections.toml` in the app config dir
    (`~/Library/Application Support/com.sito8943.file-browser/`):
+
    ```toml
    [[connection]]
    id = "myserver"
@@ -179,12 +185,15 @@ Each of these needs an explicit remote branch or a graceful "not supported here"
    # Phase 1 only — inline password OR export SFB_SSH_PASSWORD before launching. Phase 2 → keychain.
    password = "secret"
    ```
+
    …or provision it headlessly with the `sfb` CLI (no GUI needed — an agent can do this in parallel):
+
    ```sh
    sfb sftp-add --id myserver --name "My Server" --host example.com --user sito --port 22 --password secret
    sfb sftp-list                 # non-secret view (passwords omitted)
    sfb sftp-remove --id myserver
    ```
+
    The CLI writes the same `connections.toml` the GUI reads (shared core `sftp::*_connection*`,
    config dir resolved by the CLI's own `app_config_dir()` mirroring the Tauri identifier).
 
@@ -193,6 +202,7 @@ Each of these needs an explicit remote branch or a graceful "not supported here"
 
    Original phase-1 scope, for reference: `sftp` module (`read_dir`, `stat`, `read`) + router on the
    read commands (`read_directory`, `get_entry`, open/download).
+
 2. **Connection management.** `connections.toml` + `keyring` secrets + `connections` feature +
    `ConnectionDialog` + Network-group rows. Outcome: users add/connect their own hosts.
 3. **Write operations.** Router on `move_entry`, `copy_entry`, `rename_entry`, `create_folder`,
@@ -225,7 +235,7 @@ local↔remote transfers with progress + streaming, known-hosts, keychain, recon
 opt-in remote thumbnails, auto-clean cache, full connection CRUD in the UI). Remaining:
 
 - **Edit-and-save-back — external apps only (TODO).** The in-app markdown editor now saves a remote
-  file back to the server (write_text_file routes `sftp://` over SFTP). Opening in an *external* OS
+  file back to the server (write_text_file routes `sftp://` over SFTP). Opening in an _external_ OS
   app still edits only the local cache copy — no write-back. Would need a temp watcher + re-upload.
 - **SSH certificate identities in the agent.** `try_agent_auth` only tries plain public keys, not
   `AgentIdentity::Certificate` (SSH-CA setups like Teleport/Vault). Niche — plain-key hosts work.
diff --git a/eslint.config.js b/eslint.config.js
index f5b2f385..2be92e65 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -22,6 +22,32 @@ export default defineConfig([
       globals: globals.browser,
     },
     rules: {
+      // Route UI through the shared elements (Button, TextInput, Select, TextArea, Slider) so the
+      // theme-aware look + a11y defaults live in one place. Bespoke fields use the element's
+      // `unstyled` prop; genuinely element-less gaps (e.g. checkbox — no shared element yet) may
+      // opt out with an inline eslint-disable + a comment saying why.
+      "no-restricted-syntax": [
+        "error",
+        {
+          selector: "JSXOpeningElement[name.name='button']",
+          message:
+            "Use the shared <Button> element (pass `unstyled` for bespoke styling) instead of a raw <button>.",
+        },
+        {
+          selector: "JSXOpeningElement[name.name='input']",
+          message:
+            "Use a shared input element — <TextInput> (pass `unstyled`) or <Slider> — instead of a raw <input>.",
+        },
+        {
+          selector: "JSXOpeningElement[name.name='select']",
+          message: "Use the shared <Select> element instead of a raw <select>.",
+        },
+        {
+          selector: "JSXOpeningElement[name.name='textarea']",
+          message:
+            "Use the shared <TextArea> element instead of a raw <textarea>.",
+        },
+      ],
       "i18next/no-literal-string": [
         "error",
         {
@@ -48,6 +74,14 @@ export default defineConfig([
       ],
     },
   },
+  {
+    // The shared components ARE the primitive wrappers, so they legitimately render the raw
+    // <button>/<input>/<select>/<textarea> that the rule above bans everywhere else.
+    files: ["src/shared/components/**/*.{ts,tsx}"],
+    rules: {
+      "no-restricted-syntax": "off",
+    },
+  },
   {
     files: ["*.{js,ts}"],
     extends: [js.configs.recommended, ...tseslint.configs.recommended],
diff --git a/src-tauri/Cargo.lock b/src-tauri/Cargo.lock
index f5344800..6102d36e 100644
--- a/src-tauri/Cargo.lock
+++ b/src-tauri/Cargo.lock
@@ -40,7 +40,18 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "1973cfbc1a2daf9cf550e74e1f088c28e7f7d8c1e1418fb6c9dc5184b7e84c99"
 dependencies = [
  "crypto-common 0.2.2",
- "inout",
+ "inout 0.2.2",
+]
+
+[[package]]
+name = "aes"
+version = "0.8.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b169f7a6d4742236a0a00c541b845991d0ac43e546831af1249753ab4c3aa3a0"
+dependencies = [
+ "cfg-if",
+ "cipher 0.4.4",
+ "cpufeatures 0.2.17",
 ]
 
 [[package]]
@@ -49,7 +60,7 @@ version = "0.9.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "f1fc76eaeac4c9164506c466d4ffdd8ec9d0c5bf57ee97177c4d8eceb3a0e138"
 dependencies = [
- "cipher",
+ "cipher 0.5.2",
  "cpubits",
  "cpufeatures 0.3.0",
  "zeroize",
@@ -62,8 +73,8 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "fdf011db2e21ce0d575593d749db5554b47fed37aff429e4dc50bc91ac93a028"
 dependencies = [
  "aead",
- "aes",
- "cipher",
+ "aes 0.9.1",
+ "cipher 0.5.2",
  "ctr",
  "ghash",
  "subtle",
@@ -131,6 +142,15 @@ dependencies = [
  "num-traits",
 ]
 
+[[package]]
+name = "arbitrary"
+version = "1.4.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c3d036a3c4ab069c7b410a2ce876bd74808d2d0888a82667669f8e783a898bf1"
+dependencies = [
+ "derive_arbitrary",
+]
+
 [[package]]
 name = "arboard"
 version = "3.6.1"
@@ -399,7 +419,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "144e573728da132683b9488acd528274c790e07fc06ff81ee29f9d8f8b1041e0"
 dependencies = [
  "blowfish",
- "pbkdf2",
+ "pbkdf2 0.13.0",
  "sha2 0.11.0",
 ]
 
@@ -508,7 +528,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "62ce3946557b35e71d1bbe07ec385073ce9eda05043f95de134eb578fcf1a298"
 dependencies = [
  "byteorder",
- "cipher",
+ "cipher 0.5.2",
 ]
 
 [[package]]
@@ -565,6 +585,25 @@ dependencies = [
  "serde",
 ]
 
+[[package]]
+name = "bzip2"
+version = "0.5.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "49ecfb22d906f800d4fe833b6282cf4dc1c298f5057ca0b5445e5c209735ca47"
+dependencies = [
+ "bzip2-sys",
+]
+
+[[package]]
+name = "bzip2-sys"
+version = "0.1.13+1.0.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "225bff33b2141874fe80d71e07d6eec4f85c5c216453dd96388240f96e1acc14"
+dependencies = [
+ "cc",
+ "pkg-config",
+]
+
 [[package]]
 name = "cairo-rs"
 version = "0.18.5"
@@ -638,7 +677,7 @@ version = "0.2.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "ce2dc9ee5f88d11e0beb842c88b33c8a5cf0d1329c4b19494af42b07dbfe8896"
 dependencies = [
- "cipher",
+ "cipher 0.5.2",
 ]
 
 [[package]]
@@ -699,7 +738,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "d524456ba66e72eb8b115ff89e01e497f8e6d11d78b70b1aa13c0fbd97540a81"
 dependencies = [
  "cfg-if",
- "cipher",
+ "cipher 0.5.2",
  "cpufeatures 0.3.0",
  "rand_core 0.10.1",
  "zeroize",
@@ -719,6 +758,16 @@ dependencies = [
  "windows-link 0.2.0",
 ]
 
+[[package]]
+name = "cipher"
+version = "0.4.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "773f3b9af64447d2ce9850330c473515014aa235e6a783b02db81ff39e4a3dad"
+dependencies = [
+ "crypto-common 0.1.6",
+ "inout 0.1.4",
+]
+
 [[package]]
 name = "cipher"
 version = "0.5.2"
@@ -727,7 +776,7 @@ checksum = "e8cf2a2c93cd704877c0858356ed03480ff301ee950b43f1cbe4573b088bfa6c"
 dependencies = [
  "block-buffer 0.12.1",
  "crypto-common 0.2.2",
- "inout",
+ "inout 0.2.2",
  "zeroize",
 ]
 
@@ -806,6 +855,12 @@ dependencies = [
  "tiny-keccak",
 ]
 
+[[package]]
+name = "constant_time_eq"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7c74b8349d32d297c9134b8c88677813a227df8f779daa29bfc29c183fe3dca6"
+
 [[package]]
 name = "cookie"
 version = "0.18.1"
@@ -903,6 +958,21 @@ dependencies = [
  "libc",
 ]
 
+[[package]]
+name = "crc"
+version = "3.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5eb8a2a1cd12ab0d987a5d5e825195d372001a4094a0376319d5a0ad71c1ba0d"
+dependencies = [
+ "crc-catalog",
+]
+
+[[package]]
+name = "crc-catalog"
+version = "2.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "217698eaf96b4a3f0bc4f3662aaa55bdf913cd54d7204591faa790070c6d0853"
+
 [[package]]
 name = "crc32fast"
 version = "1.5.0"
@@ -1067,7 +1137,7 @@ version = "0.10.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "baaca1c4b237092596f64d571e9db6ce4109c4ef9742e27590f1709594461f21"
 dependencies = [
- "cipher",
+ "cipher 0.5.2",
 ]
 
 [[package]]
@@ -1159,6 +1229,12 @@ dependencies = [
  "windows-sys 0.61.0",
 ]
 
+[[package]]
+name = "deflate64"
+version = "0.1.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ac6b926516df9c60bfa16e107b21086399f8285a44ca9711344b9e553c5146e2"
+
 [[package]]
 name = "delegate"
 version = "0.13.5"
@@ -1190,6 +1266,17 @@ dependencies = [
  "serde_core",
 ]
 
+[[package]]
+name = "derive_arbitrary"
+version = "1.4.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1e567bd82dcff979e4b03460c307b3cdc9e96fde3d73bed1496d2bc75d9dd62a"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.106",
+]
+
 [[package]]
 name = "derive_more"
 version = "2.1.1"
@@ -1217,7 +1304,7 @@ version = "0.9.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "916a94e407b54f9034d71dd748234cd1e516ced6284009906ae246f177eafe5a"
 dependencies = [
- "cipher",
+ "cipher 0.5.2",
 ]
 
 [[package]]
@@ -1228,6 +1315,7 @@ checksum = "9ed9a281f7bc9b7576e61468ba615a66a5c8cfdff42420a70aa82701a3b1e292"
 dependencies = [
  "block-buffer 0.10.4",
  "crypto-common 0.1.6",
+ "subtle",
 ]
 
 [[package]]
@@ -2000,9 +2088,11 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "26145e563e54f2cadc477553f1ec5ee650b00862f0a58bcd12cbdc5f0ea2d2f4"
 dependencies = [
  "cfg-if",
+ "js-sys",
  "libc",
  "r-efi 5.3.0",
  "wasi 0.14.7+wasi-0.2.4",
+ "wasm-bindgen",
 ]
 
 [[package]]
@@ -2280,7 +2370,16 @@ version = "0.13.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "4aaa26c720c68b866f2c96ef5c1264b3e6f473fe5d4ce61cd44bbe913e553018"
 dependencies = [
- "hmac",
+ "hmac 0.13.0",
+]
+
+[[package]]
+name = "hmac"
+version = "0.12.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6c49c37c09c17a53d937dfbb742eb3a961d65a994e6bcdcf37e7399d0cc8ab5e"
+dependencies = [
+ "digest 0.10.7",
 ]
 
 [[package]]
@@ -2658,6 +2757,15 @@ dependencies = [
  "libc",
 ]
 
+[[package]]
+name = "inout"
+version = "0.1.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "879f10e63c20629ecabbb64a8010319738c66a5cd0c29b02d63d272b03751d01"
+dependencies = [
+ "generic-array 0.14.7",
+]
+
 [[package]]
 name = "inout"
 version = "0.2.2"
@@ -3002,6 +3110,27 @@ version = "0.4.28"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "34080505efa8e45a4b816c349525ebe327ceaa8559756f0356cba97ef3bf7432"
 
+[[package]]
+name = "lzma-rs"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "297e814c836ae64db86b36cf2a557ba54368d03f6afcd7d947c266692f71115e"
+dependencies = [
+ "byteorder",
+ "crc",
+]
+
+[[package]]
+name = "lzma-sys"
+version = "0.1.20"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5fda04ab3764e6cde78b9974eec4f779acaba7c4e84b36eca3cf77c581b85d27"
+dependencies = [
+ "cc",
+ "libc",
+ "pkg-config",
+]
+
 [[package]]
 name = "markdown"
 version = "0.3.0"
@@ -3888,6 +4017,16 @@ version = "0.2.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "df94ce210e5bc13cb6651479fa48d14f601d9858cfe0467f43ae157023b938d3"
 
+[[package]]
+name = "pbkdf2"
+version = "0.12.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f8ed6a7761f76e3b9f92dfb0a60a6a6477c61024b775147ff0973a02653abaf2"
+dependencies = [
+ "digest 0.10.7",
+ "hmac 0.12.1",
+]
+
 [[package]]
 name = "pbkdf2"
 version = "0.13.0"
@@ -3895,7 +4034,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "112d82ceb8c5bf524d9af484d4e4970c9fd5a0cc15ba14ad93dccd28873b0629"
 dependencies = [
  "digest 0.11.3",
- "hmac",
+ "hmac 0.13.0",
 ]
 
 [[package]]
@@ -4021,11 +4160,11 @@ version = "0.8.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "63d440a804ec8d6fafbb6b84471e013286658d373248927692ab3366686220ca"
 dependencies = [
- "aes",
+ "aes 0.9.1",
  "aes-gcm",
  "cbc",
  "der",
- "pbkdf2",
+ "pbkdf2 0.13.0",
  "rand_core 0.10.1",
  "scrypt",
  "sha2 0.11.0",
@@ -4485,7 +4624,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "b4a459cddafb3fe76b31fd8f1108007566c40301feb64dc7b54656eb7388172b"
 dependencies = [
  "crypto-bigint",
- "hmac",
+ "hmac 0.13.0",
 ]
 
 [[package]]
@@ -4551,14 +4690,14 @@ version = "0.62.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "20d2039c3e50abb1ec3bdadea27098679da12a33befa9ab4e62adad9a13ebcb2"
 dependencies = [
- "aes",
+ "aes 0.9.1",
  "aws-lc-rs",
  "bitflags 2.9.4",
  "block-padding",
  "byteorder",
  "bytes",
  "cbc",
- "cipher",
+ "cipher 0.5.2",
  "crypto-bigint",
  "ctr",
  "curve25519-dalek",
@@ -4576,8 +4715,8 @@ dependencies = [
  "getrandom 0.4.3",
  "ghash",
  "hex-literal",
- "hmac",
- "inout",
+ "hmac 0.13.0",
+ "inout 0.2.2",
  "internal-russh-num-bigint",
  "keccak",
  "log",
@@ -4589,7 +4728,7 @@ dependencies = [
  "p384",
  "p521",
  "pageant",
- "pbkdf2",
+ "pbkdf2 0.13.0",
  "pkcs1",
  "pkcs5",
  "pkcs8",
@@ -4602,7 +4741,7 @@ dependencies = [
  "salsa20",
  "scrypt",
  "sec1",
- "sha1",
+ "sha1 0.11.0",
  "sha2 0.11.0",
  "sha3",
  "signature",
@@ -4720,7 +4859,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "2f874456e72520ff1375a06c588eaf074b0f01f9e9e1aada45bd9b7954a6e42c"
 dependencies = [
  "cfg-if",
- "cipher",
+ "cipher 0.5.2",
 ]
 
 [[package]]
@@ -4796,7 +4935,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "d87af57419b594aa23fa95f09f0e06d80d84ba01c26148c43844cad6ff4485f0"
 dependencies = [
  "cfg-if",
- "pbkdf2",
+ "pbkdf2 0.13.0",
  "salsa20",
  "sha2 0.11.0",
 ]
@@ -5054,6 +5193,17 @@ dependencies = [
  "stable_deref_trait",
 ]
 
+[[package]]
+name = "sha1"
+version = "0.10.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e3bf829a2d51ab4a5ddf1352d8470c140cadc8301b2ae1789db023f01cedd6ba"
+dependencies = [
+ "cfg-if",
+ "cpufeatures 0.2.17",
+ "digest 0.10.7",
+]
+
 [[package]]
 name = "sha1"
 version = "0.11.0"
@@ -5182,6 +5332,7 @@ dependencies = [
  "trash",
  "window-vibrancy 0.5.3",
  "xattr",
+ "zip",
 ]
 
 [[package]]
@@ -5271,10 +5422,10 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "d801accda99469cde6d73da741422610fdf6508a72d9a69d1b55cb241c720597"
 dependencies = [
  "aead",
- "aes",
+ "aes 0.9.1",
  "aes-gcm",
  "chacha20",
- "cipher",
+ "cipher 0.5.2",
  "ctutils",
  "des",
  "poly1305",
@@ -5308,14 +5459,14 @@ dependencies = [
  "ctutils",
  "ed25519-dalek",
  "hex",
- "hmac",
+ "hmac 0.13.0",
  "p256",
  "p384",
  "p521",
  "rand_core 0.10.1",
  "rsa",
  "sec1",
- "sha1",
+ "sha1 0.11.0",
  "sha2 0.11.0",
  "signature",
  "ssh-cipher",
@@ -7512,6 +7663,15 @@ dependencies = [
  "rustix",
 ]
 
+[[package]]
+name = "xz2"
+version = "0.1.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "388c44dc09d76f1536602ead6d325eb532f5c122f17782bd57fb47baeeb767e2"
+dependencies = [
+ "lzma-sys",
+]
+
 [[package]]
 name = "yoke"
 version = "0.8.0"
@@ -7643,6 +7803,20 @@ name = "zeroize"
 version = "1.9.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "e13c156562582aa81c60cb29407084cdb54c4164760106ab78e6c5b0858cf64e"
+dependencies = [
+ "zeroize_derive",
+]
+
+[[package]]
+name = "zeroize_derive"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3c50655cbb0fe3fc43170059e702f1ce5e19b84cec58dc87b037a09935c2f328"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.106",
+]
 
 [[package]]
 name = "zerotrie"
@@ -7677,6 +7851,76 @@ dependencies = [
  "syn 2.0.106",
 ]
 
+[[package]]
+name = "zip"
+version = "2.4.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fabe6324e908f85a1c52063ce7aa26b68dcb7eb6dbc83a2d148403c9bc3eba50"
+dependencies = [
+ "aes 0.8.4",
+ "arbitrary",
+ "bzip2",
+ "constant_time_eq",
+ "crc32fast",
+ "crossbeam-utils",
+ "deflate64",
+ "displaydoc",
+ "flate2",
+ "getrandom 0.3.3",
+ "hmac 0.12.1",
+ "indexmap 2.11.4",
+ "lzma-rs",
+ "memchr",
+ "pbkdf2 0.12.2",
+ "sha1 0.10.6",
+ "thiserror 2.0.18",
+ "time",
+ "xz2",
+ "zeroize",
+ "zopfli",
+ "zstd",
+]
+
+[[package]]
+name = "zopfli"
+version = "0.8.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f05cd8797d63865425ff89b5c4a48804f35ba0ce8d125800027ad6017d2b5249"
+dependencies = [
+ "bumpalo",
+ "crc32fast",
+ "log",
+ "simd-adler32",
+]
+
+[[package]]
+name = "zstd"
+version = "0.13.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e91ee311a569c327171651566e07972200e76fcfe2242a4fa446149a3881c08a"
+dependencies = [
+ "zstd-safe",
+]
+
+[[package]]
+name = "zstd-safe"
+version = "7.2.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8f49c4d5f0abb602a93fb8736af2a4f4dd9512e36f7f570d66e65ff867ed3b9d"
+dependencies = [
+ "zstd-sys",
+]
+
+[[package]]
+name = "zstd-sys"
+version = "2.0.16+zstd.1.5.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "91e19ebc2adc8f83e43039e79776e3fda8ca919132d68a1fed6a5faca2683748"
+dependencies = [
+ "cc",
+ "pkg-config",
+]
+
 [[package]]
 name = "zune-core"
 version = "0.5.1"
diff --git a/src-tauri/Cargo.toml b/src-tauri/Cargo.toml
index 3b41c257..700e04ae 100644
--- a/src-tauri/Cargo.toml
+++ b/src-tauri/Cargo.toml
@@ -52,6 +52,9 @@ rusqlite = { version = "0.32", features = ["bundled"] }
 notify = "6"
 markdown = "0.3.0"
 trash = "5"
+# Archive support (zip compress/extract). Pure-Rust — no system binary or C dependency; keeps the
+# cross-platform build clean. 7z/rar are handled separately by shelling out to system binaries.
+zip = { version = "2", features = ["aes-crypto"] }
 image = { version = "0.25", default-features = false, features = ["png", "jpeg", "webp", "gif", "bmp"] }
 imageproc = { version = "0.25", default-features = false }
 ab_glyph = "0.2"
@@ -73,8 +76,8 @@ keyring = { version = "3", features = ["apple-native"] }
 xattr = "1"
 plist = "1"
 objc2 = "0.6"
-objc2-foundation = { version = "0.3", features = ["NSString"] }
-objc2-app-kit = { version = "0.3", features = ["NSApplication", "NSMenu", "NSMenuItem", "NSResponder", "NSRunningApplication"] }
+objc2-foundation = { version = "0.3", features = ["NSString", "NSURL", "NSArray"] }
+objc2-app-kit = { version = "0.3", features = ["NSApplication", "NSMenu", "NSMenuItem", "NSResponder", "NSRunningApplication", "NSPasteboard", "NSPasteboardItem"] }
 
 [features]
 # this feature is used for production builds or when `devPath` points to the filesystem
diff --git a/src-tauri/capabilities/default.json b/src-tauri/capabilities/default.json
index 0085f55b..017e42b7 100644
--- a/src-tauri/capabilities/default.json
+++ b/src-tauri/capabilities/default.json
@@ -1,8 +1,8 @@
 {
   "$schema": "../gen/schemas/desktop-schema.json",
   "identifier": "default",
-  "description": "Capabilities for the main window and runtime windows (win-N): window controls, path resolution, asset protocol and the opener/fs/dialog plugins.",
-  "windows": ["main", "win-*"],
+  "description": "Capabilities for the main window, runtime windows (win-N) and detached panel windows (preview-N, properties-N): window controls, path resolution, asset protocol and the opener/fs/dialog plugins.",
+  "windows": ["main", "win-*", "preview-*", "properties-*"],
   "permissions": [
     "core:default",
     "core:window:allow-minimize",
@@ -13,9 +13,11 @@
     "core:window:allow-hide",
     "core:window:allow-show",
     "core:window:allow-set-focus",
+    "core:window:allow-set-title",
     "core:window:allow-unminimize",
     "core:window:allow-center",
     "core:window:allow-start-dragging",
+    "core:window:allow-close",
     "core:path:default",
     "core:event:default",
     "opener:default",
diff --git a/src-tauri/context_menu.default.toml b/src-tauri/context_menu.default.toml
index 63167138..37f9c1cc 100644
--- a/src-tauri/context_menu.default.toml
+++ b/src-tauri/context_menu.default.toml
@@ -7,6 +7,7 @@
 #   open_in_terminal   open a terminal at the folder (folders / a file's parent)
 #   preview            in-app preview (images, markdown, pdf, video, audio)
 #   copy               copy to the internal clipboard
+#   copy_path          copy the entry's filesystem path(s) to the OS clipboard
 #   cut                cut to the internal clipboard
 #   paste              paste the clipboard into the current directory
 #   rename             inline rename
@@ -14,6 +15,9 @@
 #   restore            restore a trashed item to where it came from (or pick a folder)
 #   destroy            permanently delete (irreversible)
 #   properties         open the properties panel
+#   compress           submenu: compress the selection into an archive (.zip)
+#   extract            extract an archive's top-level entries directly beside it ("Extract Here")
+#   extract_to_folder  extract an archive into a new subfolder beside it, named after the archive
 #   sort_by            submenu: pick the sort key/direction (per folder)
 #   toggle_hidden      toggle showing hidden entries / dotfiles (global)
 #
@@ -39,11 +43,14 @@ actions = [
   "open",
   "open_in_terminal",
   "copy",
+  "copy_path",
   "cut",
   "rename",
   "trash",
   "destroy",
   "separator",
+  "compress",
+  "separator",
   "properties",
 ]
 
@@ -52,11 +59,14 @@ actions = [
 actions = [
   "open",
   "copy",
+  "copy_path",
   "cut",
   "rename",
   "trash",
   "destroy",
   "separator",
+  "compress",
+  "separator",
   "properties",
 ]
 
@@ -82,11 +92,14 @@ actions = [
   "open",
   "preview",
   "copy",
+  "copy_path",
   "cut",
   "rename",
   "trash",
   "destroy",
   "separator",
+  "compress",
+  "separator",
   "properties",
 ]
 
@@ -96,11 +109,14 @@ actions = [
   "open",
   "preview",
   "copy",
+  "copy_path",
   "cut",
   "rename",
   "trash",
   "destroy",
   "separator",
+  "compress",
+  "separator",
   "properties",
 ]
 
@@ -110,11 +126,14 @@ actions = [
   "open",
   "preview",
   "copy",
+  "copy_path",
   "cut",
   "rename",
   "trash",
   "destroy",
   "separator",
+  "compress",
+  "separator",
   "properties",
 ]
 
@@ -125,11 +144,14 @@ extensions = ["mp4", "webm", "mov", "m4v", "ogv"]
 actions = [
   "open",
   "copy",
+  "copy_path",
   "cut",
   "rename",
   "trash",
   "destroy",
   "separator",
+  "compress",
+  "separator",
   "properties",
 ]
 
@@ -139,10 +161,34 @@ actions = [
   "open",
   "preview",
   "copy",
+  "copy_path",
   "cut",
   "rename",
   "trash",
   "destroy",
   "separator",
+  "compress",
+  "separator",
+  "properties",
+]
+
+# Archive files: offer Extract (into a new subfolder beside the archive) in place of a preview.
+# v1 extracts .zip; 7z/rar will be added here once the binary-backed path lands (the extra
+# extensions can be listed now, but extract only handles .zip today).
+[file_type.archive]
+extensions = ["zip", "7z"]
+actions = [
+  "open",
+  "copy",
+  "copy_path",
+  "cut",
+  "rename",
+  "trash",
+  "destroy",
+  "separator",
+  "extract",
+  "extract_to_folder",
+  "compress",
+  "separator",
   "properties",
 ]
diff --git a/src-tauri/gen/schemas/capabilities.json b/src-tauri/gen/schemas/capabilities.json
index 751d43d3..7831ad73 100644
--- a/src-tauri/gen/schemas/capabilities.json
+++ b/src-tauri/gen/schemas/capabilities.json
@@ -1 +1 @@
-{"default":{"identifier":"default","description":"Capabilities for the main window and runtime windows (win-N): window controls, path resolution, asset protocol and the opener/fs/dialog plugins.","local":true,"windows":["main","win-*"],"permissions":["core:default","core:window:allow-minimize","core:window:allow-maximize","core:window:allow-unmaximize","core:window:allow-toggle-maximize","core:window:allow-is-maximized","core:window:allow-hide","core:window:allow-show","core:window:allow-set-focus","core:window:allow-unminimize","core:window:allow-center","core:window:allow-start-dragging","core:path:default","core:event:default","opener:default","opener:allow-open-path","opener:allow-open-url","fs:default","fs:allow-watch","fs:allow-unwatch","fs:allow-read-text-file",{"identifier":"fs:scope","allow":[{"path":"$HOME/**"},{"path":"/**"}]},"dialog:default","drag:default"]}}
\ No newline at end of file
+{"default":{"identifier":"default","description":"Capabilities for the main window, runtime windows (win-N) and detached panel windows (preview-N, properties-N): window controls, path resolution, asset protocol and the opener/fs/dialog plugins.","local":true,"windows":["main","win-*","preview-*","properties-*"],"permissions":["core:default","core:window:allow-minimize","core:window:allow-maximize","core:window:allow-unmaximize","core:window:allow-toggle-maximize","core:window:allow-is-maximized","core:window:allow-hide","core:window:allow-show","core:window:allow-set-focus","core:window:allow-set-title","core:window:allow-unminimize","core:window:allow-center","core:window:allow-start-dragging","core:window:allow-close","core:path:default","core:event:default","opener:default","opener:allow-open-path","opener:allow-open-url","fs:default","fs:allow-watch","fs:allow-unwatch","fs:allow-read-text-file",{"identifier":"fs:scope","allow":[{"path":"$HOME/**"},{"path":"/**"}]},"dialog:default","drag:default"]}}
\ No newline at end of file
diff --git a/src-tauri/keymap.default.toml b/src-tauri/keymap.default.toml
index 2e368701..142aa286 100644
--- a/src-tauri/keymap.default.toml
+++ b/src-tauri/keymap.default.toml
@@ -14,6 +14,13 @@
 keys = ["c"]
 mod = true
 
+# Copy the selection's filesystem path(s) to the OS clipboard. Matches Finder's Cmd+Opt+C
+# ("Copy as Pathname"); alt = Option.
+[copy_path]
+keys = ["c"]
+mod = true
+alt = true
+
 [cut]
 keys = ["x"]
 mod = true
diff --git a/src-tauri/src/bin/sfb.rs b/src-tauri/src/bin/sfb.rs
index e52de768..6b5c27bc 100644
--- a/src-tauri/src/bin/sfb.rs
+++ b/src-tauri/src/bin/sfb.rs
@@ -17,7 +17,7 @@ use std::process::exit;
 
 use serde_json::{json, Value};
 
-use sito_file_browser_lib::filesystem::{fs, sftp, tags};
+use sito_file_browser_lib::filesystem::{archive, fs, sftp, tags};
 
 // ---- Command table (declarative registry) ----------------------------------------------------
 
@@ -41,10 +41,20 @@ struct Command {
 
 // Shorthands to keep the table readable.
 const fn val(name: &'static str, required: bool, description: &'static str) -> ArgSpec {
-    ArgSpec { name, required, takes_value: true, description }
+    ArgSpec {
+        name,
+        required,
+        takes_value: true,
+        description,
+    }
 }
 const fn flag(name: &'static str, description: &'static str) -> ArgSpec {
-    ArgSpec { name, required: false, takes_value: false, description }
+    ArgSpec {
+        name,
+        required: false,
+        takes_value: false,
+        description,
+    }
 }
 
 const COMMANDS: &[Command] = &[
@@ -135,6 +145,77 @@ const COMMANDS: &[Command] = &[
             Ok(json!({ "dest": dest }))
         },
     },
+    Command {
+        name: "compress",
+        group: "write",
+        summary: "Compress a file or directory into a new .zip in a destination directory (collision-safe).",
+        args: &[
+            val("source", true, "File or directory to compress."),
+            val("dest-dir", true, "Directory to write the archive into."),
+            val("name", false, "Archive file name (default: <source>.zip)."),
+            val("level", false, "DEFLATE compression level 0-9 (default 6)."),
+            val("password", false, "Encrypt entries with AES-256 using this password."),
+        ],
+        run: |a| {
+            let mut noop = |_p, _t| {};
+            let source = a.require("source")?;
+            let dest_dir = a.require("dest-dir")?;
+            let name = match a.opt("name") {
+                Some(n) => n.to_string(),
+                None => format!(
+                    "{}.zip",
+                    Path::new(source)
+                        .file_name()
+                        .map(|n| n.to_string_lossy().into_owned())
+                        .unwrap_or_else(|| "archive".to_string())
+                ),
+            };
+            let level = a.opt("level").and_then(|l| l.parse::<i64>().ok()).unwrap_or(6);
+            // Format follows the archive name's extension: .7z shells out to 7-Zip, else pure-Rust zip.
+            let dest = if name.to_lowercase().ends_with(".7z") {
+                archive::compress_7z_core(&[source.to_string()], dest_dir, &name, level, a.opt("password"))?
+            } else {
+                archive::compress_entries_core(
+                    &[source.to_string()],
+                    dest_dir,
+                    &name,
+                    level,
+                    a.opt("password"),
+                    &mut noop,
+                )?
+            };
+            Ok(json!({ "dest": dest }))
+        },
+    },
+    Command {
+        name: "extract",
+        group: "write",
+        summary: "Extract a .zip or .7z into a destination directory.",
+        args: &[
+            val("archive", true, "Archive to extract (.zip or .7z)."),
+            val("dest-dir", true, "Directory to extract into."),
+            val("password", false, "Password for an encrypted archive."),
+            flag("into-folder", "Wrap output in a new subfolder named after the archive (default: extract top-level entries directly into dest-dir)."),
+        ],
+        run: |a| {
+            let mut noop = |_p, _t| {};
+            let archive_path = a.require("archive")?;
+            let dest_dir = a.require("dest-dir")?;
+            // .zip uses the pure-Rust path; anything else (.7z) shells out to 7-Zip.
+            let outputs = if archive_path.to_lowercase().ends_with(".zip") {
+                archive::extract_archive_core(
+                    archive_path,
+                    dest_dir,
+                    a.opt("password"),
+                    a.has("into-folder"),
+                    &mut noop,
+                )?
+            } else {
+                archive::extract_7z_core(archive_path, dest_dir, a.opt("password"), a.has("into-folder"))?
+            };
+            Ok(json!({ "outputs": outputs }))
+        },
+    },
     Command {
         name: "move",
         group: "write",
@@ -340,6 +421,27 @@ const COMMANDS: &[Command] = &[
         args: &[],
         run: |_a| ui_call("get-state", json!({})),
     },
+    Command {
+        name: "ui-windows",
+        group: "ui",
+        summary: "List every open window straight from Tauri (label, URL, visible, focused) — includes hidden windows and the detached preview panel.",
+        args: &[],
+        run: |_a| ui_call("windows", json!({})),
+    },
+    Command {
+        name: "ui-preview",
+        group: "ui",
+        summary: "Open the detached preview window for a file (the openPreviewInWindow flow).",
+        args: &[val("path", true, "File to preview.")],
+        run: |a| ui_call("preview", json!({ "path": a.require("path")? })),
+    },
+    Command {
+        name: "ui-properties",
+        group: "ui",
+        summary: "Open the detached properties window for an entry (the openPropertiesInWindow flow).",
+        args: &[val("path", true, "File or folder to inspect.")],
+        run: |a| ui_call("properties", json!({ "path": a.require("path")? })),
+    },
     Command {
         name: "ui-navigate",
         group: "ui",
@@ -520,7 +622,9 @@ fn app_config_dir() -> Result<PathBuf, String> {
         .join("com.sito8943.file-browser"))
 }
 fn app_cache_dir() -> Result<PathBuf, String> {
-    Ok(home()?.join("Library/Caches").join("com.sito8943.file-browser"))
+    Ok(home()?
+        .join("Library/Caches")
+        .join("com.sito8943.file-browser"))
 }
 
 // ---- UI control socket (drive the running GUI) ------------------------------------------------
@@ -573,7 +677,9 @@ fn absolutize(input: &str) -> Result<PathBuf, String> {
     let base = if raw.is_absolute() {
         raw.to_path_buf()
     } else {
-        std::env::current_dir().map_err(|e| e.to_string())?.join(raw)
+        std::env::current_dir()
+            .map_err(|e| e.to_string())?
+            .join(raw)
     };
     let mut out = PathBuf::new();
     for comp in base.components() {
diff --git a/src-tauri/src/dock_menu.rs b/src-tauri/src/dock_menu.rs
index a48b0711..a116e770 100644
--- a/src-tauri/src/dock_menu.rs
+++ b/src-tauri/src/dock_menu.rs
@@ -201,7 +201,8 @@ mod imp {
     /// time), so it always reflects the current recents.
     fn build_menu(mtm: MainThreadMarker) -> Retained<NSMenu> {
         let state = DOCK.get().unwrap();
-        let handler: &DockHandler = unsafe { &*(HANDLER_PTR.get().copied().unwrap_or(0) as *const DockHandler) };
+        let handler: &DockHandler =
+            unsafe { &*(HANDLER_PTR.get().copied().unwrap_or(0) as *const DockHandler) };
         let menu = NSMenu::new(mtm);
 
         let recents = state.recents.lock().unwrap().clone();
@@ -266,7 +267,10 @@ mod imp {
 
         unsafe {
             let obj = Retained::as_ptr(&delegate) as *mut AnyObject;
-            objc2::ffi::object_setClass(obj.cast(), (new_class as *const objc2::runtime::AnyClass).cast());
+            objc2::ffi::object_setClass(
+                obj.cast(),
+                (new_class as *const objc2::runtime::AnyClass).cast(),
+            );
         }
     }
 
diff --git a/src-tauri/src/filesystem/archive.rs b/src-tauri/src/filesystem/archive.rs
new file mode 100644
index 00000000..0374c4f7
--- /dev/null
+++ b/src-tauri/src/filesystem/archive.rs
@@ -0,0 +1,567 @@
+//! Archive operations (compress / extract). The cores are shared by the Tauri GUI command wrappers
+//! and the `sfb` CLI, matching the copy/move split in `fs.rs`: a sync `*_core` does the work and
+//! reports byte progress through a generic `progress` sink, while the `#[tauri::command]` wrappers
+//! run it on a blocking thread and forward progress to an IPC Channel.
+//!
+//! v1 handles `.zip` via the pure-Rust `zip` crate (no system binary). 7z/rar are planned as a
+//! separate path that shells out to the system `7z`/`rar` binaries (detected on PATH).
+
+use std::collections::HashMap;
+use std::ffi::{OsStr, OsString};
+use std::fs::{self, File};
+use std::io::{Read, Write};
+use std::path::{Component, Path, PathBuf};
+use std::process::{Command, Stdio};
+
+use serde::Serialize;
+use tauri::ipc::Channel;
+use zip::write::{FileOptions, SimpleFileOptions};
+use zip::{AesMode, CompressionMethod, ZipArchive, ZipWriter};
+
+use super::fs::{entry_total_bytes, unique_dest};
+
+// Byte progress streamed to the frontend as an archive is written/read. Same shape as fs.rs's
+// ProgressPayload (its fields are private), so the frontend reuses the CopyProgress channel type.
+#[derive(Clone, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct ArchiveProgress {
+    processed: u64,
+    total: u64,
+}
+
+// Emit progress only when the whole-percent figure changes (mirrors fs::emit_progress), so a big
+// tree yields ~100 callbacks instead of one per chunk.
+fn emit_percent(
+    processed: u64,
+    total: u64,
+    last_percent: &mut i32,
+    progress: &mut dyn FnMut(u64, u64),
+) {
+    let percent = if total == 0 {
+        100
+    } else {
+        ((processed.min(total) * 100) / total) as i32
+    };
+    if percent != *last_percent {
+        *last_percent = percent;
+        progress(processed, total);
+    }
+}
+
+// Recursively add `src` to the zip. Entry names are relative to `base` (the parent of the original
+// source) so a folder source recreates its own top directory on extraction and a file source lands
+// at the archive root. Reads files in chunks, accumulating processed input bytes for progress.
+fn add_entry(
+    writer: &mut ZipWriter<File>,
+    src: &Path,
+    base: &Path,
+    options: &FileOptions<()>,
+    processed: &mut u64,
+    total: u64,
+    last_percent: &mut i32,
+    progress: &mut dyn FnMut(u64, u64),
+) -> Result<(), String> {
+    // Zip entry paths always use forward slashes, regardless of the host OS.
+    let name = src
+        .strip_prefix(base)
+        .map_err(|e| e.to_string())?
+        .to_string_lossy()
+        .replace('\\', "/");
+
+    if src.is_dir() {
+        if !name.is_empty() {
+            writer
+                .add_directory(format!("{}/", name), options.clone())
+                .map_err(|e| e.to_string())?;
+        }
+        let mut entries: Vec<_> = fs::read_dir(src)
+            .map_err(|e| e.to_string())?
+            .filter_map(|e| e.ok())
+            .map(|e| e.path())
+            .collect();
+        // Stable, deterministic ordering inside the archive.
+        entries.sort();
+        for path in entries {
+            add_entry(
+                writer,
+                &path,
+                base,
+                options,
+                processed,
+                total,
+                last_percent,
+                progress,
+            )?;
+        }
+    } else {
+        writer
+            .start_file(name, options.clone())
+            .map_err(|e| e.to_string())?;
+        let mut file = File::open(src).map_err(|e| e.to_string())?;
+        let mut buf = [0u8; 65536];
+        loop {
+            let read = file.read(&mut buf).map_err(|e| e.to_string())?;
+            if read == 0 {
+                break;
+            }
+            writer.write_all(&buf[..read]).map_err(|e| e.to_string())?;
+            *processed += read as u64;
+            emit_percent(*processed, total, last_percent, progress);
+        }
+    }
+    Ok(())
+}
+
+// Compress `sources` into a new `archive_name` (a *.zip file name) inside `dest_dir`, avoiding name
+// collisions. `level` is the DEFLATE level 0..=9. When `password` is set, entries are encrypted with
+// AES-256 (WinZip AE). Returns the created archive's path. Shared by the Tauri command and the CLI.
+pub fn compress_entries_core(
+    sources: &[String],
+    dest_dir: &str,
+    archive_name: &str,
+    level: i64,
+    password: Option<&str>,
+    progress: &mut dyn FnMut(u64, u64),
+) -> Result<String, String> {
+    if sources.is_empty() {
+        return Err("No entries to compress".to_string());
+    }
+
+    let dest = unique_dest(Path::new(dest_dir), std::ffi::OsStr::new(archive_name));
+    let total: u64 = sources
+        .iter()
+        .map(|s| entry_total_bytes(Path::new(s)))
+        .sum();
+    progress(0, total);
+
+    let file = File::create(&dest).map_err(|e| e.to_string())?;
+    let mut writer = ZipWriter::new(file);
+    let mut options = SimpleFileOptions::default()
+        .compression_method(CompressionMethod::Deflated)
+        .compression_level(Some(level.clamp(0, 9)))
+        .unix_permissions(0o644);
+    // Empty password means "no encryption" — an empty AES password is meaningless.
+    if let Some(pw) = password.filter(|p| !p.is_empty()) {
+        options = options.with_aes_encryption(AesMode::Aes256, pw);
+    }
+
+    let mut processed = 0u64;
+    let mut last_percent = 0i32;
+    for source in sources {
+        let src = Path::new(source);
+        // Names are relative to the source's parent, so the entry keeps its own base name.
+        let base = src.parent().unwrap_or(Path::new(""));
+        add_entry(
+            &mut writer,
+            src,
+            base,
+            &options,
+            &mut processed,
+            total,
+            &mut last_percent,
+            progress,
+        )?;
+    }
+
+    writer.finish().map_err(|e| e.to_string())?;
+    progress(total, total);
+    Ok(dest.to_string_lossy().into_owned())
+}
+
+// True if any entry in `archive` is encrypted, so the caller can prompt for a password before
+// extracting. Reads entry metadata only (no decryption), so it needs no password itself.
+pub fn archive_is_encrypted(archive: &str) -> Result<bool, String> {
+    // .7z goes through the 7-Zip binary; everything else is read as a zip.
+    if archive.to_lowercase().ends_with(".7z") {
+        return sevenzip_is_encrypted(archive);
+    }
+    let file = File::open(archive).map_err(|e| e.to_string())?;
+    let mut zip = ZipArchive::new(file).map_err(|e| e.to_string())?;
+    for i in 0..zip.len() {
+        if let Ok(entry) = zip.by_index_raw(i) {
+            if entry.encrypted() {
+                return Ok(true);
+            }
+        }
+    }
+    Ok(false)
+}
+
+// Extract the zip `archive` into `dest_dir`, guarding against zip-slip. Encrypted entries are
+// decrypted with `password` (a wrong/missing one surfaces as an error).
+//
+// `into_subfolder` chooses the layout:
+//   * true  ("Extract to Folder") — everything lands inside one fresh, uniquely-named subfolder
+//     named after the archive.
+//   * false ("Extract Here") — the archive's TOP-LEVEL entries land directly in `dest_dir`, each
+//     collision-safe on its own. So a single-file archive yields just that file, a group of files
+//     yields those files loose, and a folder archive yields just that folder (it's already the
+//     archive's top-level entry) — mirroring whatever was originally compressed.
+//
+// Returns the created top-level output paths (in first-seen order) for the reveal/select toast.
+// Shared by command + CLI.
+pub fn extract_archive_core(
+    archive: &str,
+    dest_dir: &str,
+    password: Option<&str>,
+    into_subfolder: bool,
+    progress: &mut dyn FnMut(u64, u64),
+) -> Result<Vec<String>, String> {
+    let archive_path = Path::new(archive);
+    let dest = Path::new(dest_dir);
+
+    let file = File::open(archive_path).map_err(|e| e.to_string())?;
+    let mut zip = ZipArchive::new(file).map_err(|e| e.to_string())?;
+
+    // First pass: total uncompressed bytes (for a meaningful progress denominator).
+    let mut total = 0u64;
+    for i in 0..zip.len() {
+        if let Ok(f) = zip.by_index_raw(i) {
+            total += f.size();
+        }
+    }
+    progress(0, total);
+
+    // In subfolder mode, create the wrapping folder up front; every entry nests under it.
+    let subfolder = if into_subfolder {
+        let stem = archive_path
+            .file_stem()
+            .ok_or_else(|| "Invalid archive path".to_string())?;
+        let dir = unique_dest(dest, stem);
+        fs::create_dir_all(&dir).map_err(|e| e.to_string())?;
+        Some(dir)
+    } else {
+        None
+    };
+
+    // Maps each archive top-level segment to its destination path (computed once, on first sight):
+    // nested under the subfolder in "to folder" mode, or a uniquified path in `dest_dir` in "here"
+    // mode. `outputs` keeps first-seen order for the toast.
+    let mut top_map: HashMap<OsString, PathBuf> = HashMap::new();
+    let mut outputs: Vec<String> = Vec::new();
+
+    let mut processed = 0u64;
+    let mut last_percent = 0i32;
+    for i in 0..zip.len() {
+        // Peek metadata (no decryption) to pick the right reader per entry — archives can mix
+        // encrypted and plaintext files.
+        let encrypted = zip
+            .by_index_raw(i)
+            .map(|e| e.encrypted())
+            .unwrap_or(false);
+        let mut entry = if encrypted {
+            let pw = password
+                .filter(|p| !p.is_empty())
+                .ok_or_else(|| "Password required".to_string())?;
+            zip.by_index_decrypt(i, pw.as_bytes())
+                .map_err(|e| e.to_string())?
+        } else {
+            zip.by_index(i).map_err(|e| e.to_string())?
+        };
+        // enclosed_name() rejects absolute paths and `..` components (zip-slip protection).
+        let rel = match entry.enclosed_name() {
+            Some(p) => p,
+            None => continue,
+        };
+        // First path component = the entry's top-level name (a file or a folder).
+        let top = match rel.components().next() {
+            Some(Component::Normal(s)) => s.to_os_string(),
+            _ => continue,
+        };
+        // Resolve where that top-level name maps on disk (once per distinct name).
+        let base = top_map.entry(top.clone()).or_insert_with(|| {
+            let mapped = match &subfolder {
+                Some(dir) => dir.join(&top),
+                None => unique_dest(dest, &top),
+            };
+            outputs.push(mapped.to_string_lossy().into_owned());
+            mapped
+        });
+        // Reattach the path below the top-level segment onto the mapped base. A root-level file has
+        // no remainder, so it maps straight to `base` (joining an empty path would append a stray
+        // separator and break File::create).
+        let rest = rel.strip_prefix(Path::new(&top)).unwrap_or(Path::new(""));
+        let out_path = if rest.as_os_str().is_empty() {
+            base.clone()
+        } else {
+            base.join(rest)
+        };
+
+        if entry.is_dir() {
+            fs::create_dir_all(&out_path).map_err(|e| e.to_string())?;
+            continue;
+        }
+        if let Some(parent) = out_path.parent() {
+            fs::create_dir_all(parent).map_err(|e| e.to_string())?;
+        }
+        let mut out = File::create(&out_path).map_err(|e| e.to_string())?;
+        let mut buf = [0u8; 65536];
+        loop {
+            let read = entry.read(&mut buf).map_err(|e| e.to_string())?;
+            if read == 0 {
+                break;
+            }
+            out.write_all(&buf[..read]).map_err(|e| e.to_string())?;
+            processed += read as u64;
+            emit_percent(processed, total, &mut last_percent, progress);
+        }
+    }
+
+    progress(total, total);
+    Ok(outputs)
+}
+
+// ---- 7z (shells out to the system 7-Zip binary) ---------------------------------------------
+//
+// Unlike the pure-Rust zip path, 7z support depends on a 7-Zip binary on PATH (7zz/7z/7za). When
+// absent the UI hides the "To 7z" option and extraction of .7z surfaces an install hint. Progress
+// is indeterminate (we don't parse the binary's stdout). Password uses -p plus -mhe (encrypt the
+// header/file names too).
+
+// First 7-Zip binary found on PATH, or None. `<bin> i` prints build info and exits 0, so a spawn
+// error means the binary is missing.
+pub fn sevenzip_bin() -> Option<String> {
+    for cand in ["7zz", "7z", "7za"] {
+        let ok = Command::new(cand)
+            .arg("i")
+            .stdin(Stdio::null())
+            .stdout(Stdio::null())
+            .stderr(Stdio::null())
+            .status()
+            .map(|s| s.success())
+            .unwrap_or(false);
+        if ok {
+            return Some(cand.to_string());
+        }
+    }
+    None
+}
+
+// True if the system has a usable 7-Zip binary (so the frontend can show/hide the 7z option).
+#[tauri::command]
+pub async fn sevenzip_available() -> bool {
+    tauri::async_runtime::spawn_blocking(|| sevenzip_bin().is_some())
+        .await
+        .unwrap_or(false)
+}
+
+// Compress `sources` into a new `.7z` `archive_name` inside `dest_dir` (collision-safe). `level` maps
+// to -mx=0..9; a non-empty `password` encrypts contents and headers. Sources share a parent (they're
+// a single-folder selection), so we run from that parent and pass base names — mirroring the zip
+// path's entry naming (a folder keeps its top dir, a file lands at the archive root).
+pub fn compress_7z_core(
+    sources: &[String],
+    dest_dir: &str,
+    archive_name: &str,
+    level: i64,
+    password: Option<&str>,
+) -> Result<String, String> {
+    let bin = sevenzip_bin().ok_or_else(|| "7-Zip not found (install p7zip / 7-Zip)".to_string())?;
+    if sources.is_empty() {
+        return Err("No entries to compress".to_string());
+    }
+    let dest = unique_dest(Path::new(dest_dir), OsStr::new(archive_name));
+    let parent = Path::new(&sources[0])
+        .parent()
+        .map(Path::to_path_buf)
+        .unwrap_or_else(|| PathBuf::from("."));
+
+    let mut args: Vec<String> = vec![
+        "a".to_string(),
+        dest.to_string_lossy().into_owned(),
+        format!("-mx={}", level.clamp(0, 9)),
+    ];
+    if let Some(pw) = password.filter(|p| !p.is_empty()) {
+        args.push(format!("-p{}", pw));
+        args.push("-mhe=on".to_string());
+    }
+    for s in sources {
+        let name = Path::new(s)
+            .file_name()
+            .ok_or_else(|| format!("Invalid source path: {}", s))?
+            .to_string_lossy()
+            .into_owned();
+        args.push(name);
+    }
+
+    let output = Command::new(&bin)
+        .current_dir(&parent)
+        .args(&args)
+        .stdin(Stdio::null())
+        .output()
+        .map_err(|e| e.to_string())?;
+    if !output.status.success() {
+        return Err(format!(
+            "7z failed: {}",
+            String::from_utf8_lossy(&output.stderr).trim()
+        ));
+    }
+    Ok(dest.to_string_lossy().into_owned())
+}
+
+// True if a .7z archive is encrypted. `l -slt` lists per-entry properties; an encrypted entry shows
+// "Encrypted = +". A header-encrypted archive can't be listed without the password, so the command
+// fails — which we treat as encrypted (the UI will then prompt).
+fn sevenzip_is_encrypted(archive: &str) -> Result<bool, String> {
+    let bin = match sevenzip_bin() {
+        Some(b) => b,
+        None => return Ok(false),
+    };
+    let output = Command::new(&bin)
+        .args(["l", "-slt", archive])
+        .stdin(Stdio::null())
+        .output()
+        .map_err(|e| e.to_string())?;
+    if !output.status.success() {
+        return Ok(true);
+    }
+    let text = String::from_utf8_lossy(&output.stdout);
+    Ok(text.lines().any(|l| l.trim() == "Encrypted = +"))
+}
+
+// Move the just-extracted temp tree into its final place, mirroring the zip layout choice:
+// `into_subfolder` renames the whole temp dir to the archive stem; otherwise each top-level entry is
+// moved into `dest` collision-safe. Returns the created top-level paths.
+fn relocate_extracted(
+    tmp: &Path,
+    dest: &Path,
+    stem: &OsStr,
+    into_subfolder: bool,
+) -> Result<Vec<String>, String> {
+    if into_subfolder {
+        let sub = unique_dest(dest, stem);
+        fs::rename(tmp, &sub).map_err(|e| e.to_string())?;
+        return Ok(vec![sub.to_string_lossy().into_owned()]);
+    }
+    let mut outputs = Vec::new();
+    for entry in fs::read_dir(tmp).map_err(|e| e.to_string())? {
+        let entry = entry.map_err(|e| e.to_string())?;
+        let target = unique_dest(dest, &entry.file_name());
+        fs::rename(entry.path(), &target).map_err(|e| e.to_string())?;
+        outputs.push(target.to_string_lossy().into_owned());
+    }
+    Ok(outputs)
+}
+
+// Extract a .7z (or any format 7-Zip reads) into `dest_dir`, with the same here/to-folder layout and
+// collision-safety as the zip path. Extracts into a temp dir first, then relocates. `-p` is always
+// passed (empty if no password) so an encrypted archive errors instead of blocking on a stdin prompt.
+pub fn extract_7z_core(
+    archive: &str,
+    dest_dir: &str,
+    password: Option<&str>,
+    into_subfolder: bool,
+) -> Result<Vec<String>, String> {
+    let bin = sevenzip_bin().ok_or_else(|| "7-Zip not found (install p7zip / 7-Zip)".to_string())?;
+    let dest = Path::new(dest_dir);
+    let stem = Path::new(archive)
+        .file_stem()
+        .ok_or_else(|| "Invalid archive path".to_string())?
+        .to_os_string();
+
+    let tmp = unique_dest(dest, OsStr::new(".sfb_7z_extract"));
+    fs::create_dir_all(&tmp).map_err(|e| e.to_string())?;
+
+    let mut args: Vec<String> = vec![
+        "x".to_string(),
+        archive.to_string(),
+        format!("-o{}", tmp.to_string_lossy()),
+        "-y".to_string(),
+        "-bd".to_string(),
+    ];
+    match password.filter(|p| !p.is_empty()) {
+        Some(pw) => args.push(format!("-p{}", pw)),
+        None => args.push("-p".to_string()),
+    }
+
+    let output = Command::new(&bin)
+        .args(&args)
+        .stdin(Stdio::null())
+        .output()
+        .map_err(|e| e.to_string())?;
+    if !output.status.success() {
+        fs::remove_dir_all(&tmp).ok();
+        return Err(format!(
+            "7z extract failed: {}",
+            String::from_utf8_lossy(&output.stderr).trim()
+        ));
+    }
+
+    let result = relocate_extracted(&tmp, dest, &stem, into_subfolder);
+    fs::remove_dir_all(&tmp).ok();
+    result
+}
+
+// Compress the given entries into `dest_dir`. Runs on a blocking thread so a large tree doesn't
+// freeze the webview. The archive format is chosen by `archive_name`'s extension: `.7z` shells out
+// to 7-Zip (indeterminate progress), anything else is a pure-Rust zip (streamed byte progress).
+// Returns the archive path (may differ from dest_dir/archive_name if a collision forced a rename).
+#[tauri::command]
+pub async fn compress_entries(
+    sources: Vec<String>,
+    dest_dir: String,
+    archive_name: String,
+    level: i64,
+    password: Option<String>,
+    on_progress: Channel<ArchiveProgress>,
+) -> Result<String, String> {
+    tauri::async_runtime::spawn_blocking(move || {
+        let mut sink = |processed, total| {
+            on_progress.send(ArchiveProgress { processed, total }).ok();
+        };
+        if archive_name.to_lowercase().ends_with(".7z") {
+            compress_7z_core(&sources, &dest_dir, &archive_name, level, password.as_deref())
+        } else {
+            compress_entries_core(
+                &sources,
+                &dest_dir,
+                &archive_name,
+                level,
+                password.as_deref(),
+                &mut sink,
+            )
+        }
+    })
+    .await
+    .map_err(|e| e.to_string())?
+}
+
+// Report whether a zip is password-protected, so the frontend can prompt before extracting.
+#[tauri::command]
+pub async fn archive_encrypted(archive: String) -> Result<bool, String> {
+    tauri::async_runtime::spawn_blocking(move || archive_is_encrypted(&archive))
+        .await
+        .map_err(|e| e.to_string())?
+}
+
+// Extract an archive into `dest_dir`. Blocking thread + progress channel, like copy. `.zip` uses the
+// pure-Rust path (streamed byte progress); anything else (`.7z`) shells out to 7-Zip (indeterminate).
+// `into_subfolder` picks "Extract to Folder" (wrap in a subfolder) vs "Extract Here" (top-level
+// entries loose in dest). Returns the created top-level output paths.
+#[tauri::command]
+pub async fn extract_archive(
+    archive: String,
+    dest_dir: String,
+    password: Option<String>,
+    into_subfolder: bool,
+    on_progress: Channel<ArchiveProgress>,
+) -> Result<Vec<String>, String> {
+    tauri::async_runtime::spawn_blocking(move || {
+        let mut sink = |processed, total| {
+            on_progress.send(ArchiveProgress { processed, total }).ok();
+        };
+        if archive.to_lowercase().ends_with(".zip") {
+            extract_archive_core(
+                &archive,
+                &dest_dir,
+                password.as_deref(),
+                into_subfolder,
+                &mut sink,
+            )
+        } else {
+            extract_7z_core(&archive, &dest_dir, password.as_deref(), into_subfolder)
+        }
+    })
+    .await
+    .map_err(|e| e.to_string())?
+}
diff --git a/src-tauri/src/filesystem/fs.rs b/src-tauri/src/filesystem/fs.rs
index 06216915..3a940a8f 100644
--- a/src-tauri/src/filesystem/fs.rs
+++ b/src-tauri/src/filesystem/fs.rs
@@ -111,9 +111,7 @@ pub fn get_entry_local(path: String) -> Result<DirEntry, String> {
 pub async fn get_entry(app: AppHandle, path: String) -> Result<DirEntry, String> {
     match super::sftp::resolve(&path) {
         super::sftp::Target::Local(p) => get_entry_local(p),
-        super::sftp::Target::Remote { conn, path } => {
-            super::sftp::stat(&app, &conn, &path).await
-        }
+        super::sftp::Target::Remote { conn, path } => super::sftp::stat(&app, &conn, &path).await,
     }
 }
 
@@ -172,10 +170,7 @@ const SEARCH_RESULT_LIMIT: usize = 1000;
 // returning up to SEARCH_RESULT_LIMIT matches. Async + spawn_blocking so the (IO-bound) walk runs
 // off the main thread and keeps the UI responsive; symlinks aren't followed (jwalk default).
 #[tauri::command]
-pub async fn search_directory(
-    path: String,
-    query: String,
-) -> Result<Vec<DirEntry>, String> {
+pub async fn search_directory(path: String, query: String) -> Result<Vec<DirEntry>, String> {
     tauri::async_runtime::spawn_blocking(move || search_directory_core(&path, &query))
         .await
         .map_err(|error| error.to_string())?
@@ -240,7 +235,11 @@ pub fn typeahead_core(path: &str, query: &str) -> Result<TypeaheadResult, String
     entries.sort_by(|a, b| a.name.to_lowercase().cmp(&b.name.to_lowercase()));
 
     if needle.is_empty() {
-        return Ok(TypeaheadResult { query: needle, selected_index: None, matches: Vec::new() });
+        return Ok(TypeaheadResult {
+            query: needle,
+            selected_index: None,
+            matches: Vec::new(),
+        });
     }
 
     let matches: Vec<DirEntry> = entries
@@ -249,7 +248,11 @@ pub fn typeahead_core(path: &str, query: &str) -> Result<TypeaheadResult, String
         .collect();
     let selected_index = if matches.is_empty() { None } else { Some(0) };
 
-    Ok(TypeaheadResult { query: needle, selected_index, matches })
+    Ok(TypeaheadResult {
+        query: needle,
+        selected_index,
+        matches,
+    })
 }
 
 // Extensions whose thumbnail comes from QuickLook rather than the image decoder (videos and
@@ -279,11 +282,7 @@ fn has_ext(path: &str, exts: &[&str]) -> bool {
 
 // Decode the source image used to build a thumbnail: a text-document render for markdown, a
 // frame/page rendered by QuickLook for videos and PDFs, or the image file itself.
-fn thumbnail_source(
-    path: &str,
-    size: u32,
-    tmp_dir: &Path,
-) -> Result<image::DynamicImage, String> {
+fn thumbnail_source(path: &str, size: u32, tmp_dir: &Path) -> Result<image::DynamicImage, String> {
     if is_text(path) {
         text_thumbnail(path)
     } else if needs_quicklook(path) {
@@ -552,7 +551,7 @@ pub fn open_file(path: String) -> Result<(), String> {
 }
 
 // Pick a destination path inside `dir` for `name`, avoiding collisions by appending " copy".
-fn unique_dest(dir: &Path, name: &OsStr) -> PathBuf {
+pub(crate) fn unique_dest(dir: &Path, name: &OsStr) -> PathBuf {
     let candidate = dir.join(name);
     if !candidate.exists() {
         return candidate;
@@ -588,7 +587,7 @@ pub struct ProgressPayload {
 }
 
 // Total bytes a copy will move: the file's own length, or the recursive sum for a directory.
-fn entry_total_bytes(path: &Path) -> u64 {
+pub(crate) fn entry_total_bytes(path: &Path) -> u64 {
     if path.is_dir() {
         jwalk::WalkDir::new(path)
             .skip_hidden(false)
@@ -661,7 +660,14 @@ fn copy_with_progress(
     let mut processed = 0u64;
     let mut last_percent = 0i32;
     if src.is_dir() {
-        copy_dir_with_progress(src, dest, &mut processed, total, &mut last_percent, progress)?;
+        copy_dir_with_progress(
+            src,
+            dest,
+            &mut processed,
+            total,
+            &mut last_percent,
+            progress,
+        )?;
     } else {
         fs::copy(src, dest)?;
     }
@@ -824,7 +830,9 @@ pub fn copy_image(path: String) -> Result<(), String> {
 // Rename an entry in place within its parent directory.
 pub fn rename_entry_local(path: String, new_name: String) -> Result<(), String> {
     let p = Path::new(&path);
-    let parent = p.parent().ok_or_else(|| "No parent directory".to_string())?;
+    let parent = p
+        .parent()
+        .ok_or_else(|| "No parent directory".to_string())?;
     let dest = parent.join(&new_name);
 
     if dest.exists() {
@@ -856,7 +864,10 @@ const WRITE_PROBE_PREFIX: &str = ".sfb_write_probe_";
 pub fn can_write(path: String) -> bool {
     // Remote (sftp://) dirs: assume writable (the write itself surfaces any permission error). The
     // local probe below can't run against them anyway.
-    if matches!(super::sftp::resolve(&path), super::sftp::Target::Remote { .. }) {
+    if matches!(
+        super::sftp::resolve(&path),
+        super::sftp::Target::Remote { .. }
+    ) {
         return true;
     }
     let dir = Path::new(&path);
@@ -940,9 +951,7 @@ pub async fn delete_entry(app: AppHandle, path: String) -> Result<(), String> {
             let config_dir = app.path().app_config_dir().map_err(|e| e.to_string())?;
             trash_entry_core(&config_dir, &p)
         }
-        super::sftp::Target::Remote { conn, path } => {
-            super::sftp::remove(&app, &conn, &path).await
-        }
+        super::sftp::Target::Remote { conn, path } => super::sftp::remove(&app, &conn, &path).await,
     }
 }
 
diff --git a/src-tauri/src/filesystem/mod.rs b/src-tauri/src/filesystem/mod.rs
index 8f9d8b2e..c183c125 100644
--- a/src-tauri/src/filesystem/mod.rs
+++ b/src-tauri/src/filesystem/mod.rs
@@ -1,4 +1,5 @@
-pub mod volumes;
+pub mod archive;
 pub mod fs;
 pub mod sftp;
-pub mod tags;
\ No newline at end of file
+pub mod tags;
+pub mod volumes;
diff --git a/src-tauri/src/filesystem/sftp.rs b/src-tauri/src/filesystem/sftp.rs
index 3f46ecb5..2cc70f65 100644
--- a/src-tauri/src/filesystem/sftp.rs
+++ b/src-tauri/src/filesystem/sftp.rs
@@ -65,7 +65,9 @@ mod keychain {
         entry(id, field).ok()?.get_password().ok()
     }
     pub fn set(id: &str, field: &str, secret: &str) -> Result<(), String> {
-        entry(id, field)?.set_password(secret).map_err(|e| e.to_string())
+        entry(id, field)?
+            .set_password(secret)
+            .map_err(|e| e.to_string())
     }
     // Best-effort clear (used when a field is left empty); a missing entry is fine.
     pub fn delete(id: &str, field: &str) {
@@ -114,7 +116,8 @@ fn default_port() -> u16 {
     SSH_DEFAULT_PORT
 }
 
-// The non-secret view of a connection sent to the frontend (no password). Backs the sidebar rows.
+// The non-secret view of a connection sent to the frontend (no password/passphrase). The key PATH
+// is not a secret, and the edit dialog needs it to rehydrate the auth selector. Backs the sidebar rows.
 #[derive(Debug, Serialize)]
 #[serde(rename_all = "camelCase")]
 pub struct ConnectionInfo {
@@ -123,11 +126,20 @@ pub struct ConnectionInfo {
     pub host: String,
     pub port: u16,
     pub user: String,
+    #[serde(skip_serializing_if = "Option::is_none")]
+    pub key_path: Option<String>,
 }
 
 impl From<Connection> for ConnectionInfo {
     fn from(c: Connection) -> Self {
-        ConnectionInfo { id: c.id, name: c.name, host: c.host, port: c.port, user: c.user }
+        ConnectionInfo {
+            id: c.id,
+            name: c.name,
+            host: c.host,
+            port: c.port,
+            user: c.user,
+            key_path: c.key_path,
+        }
     }
 }
 
@@ -228,7 +240,8 @@ impl client::Handler for ClientHandler {
         &mut self,
         server_public_key: &ssh_key::PublicKey,
     ) -> Result<bool, Self::Error> {
-        match russh::keys::known_hosts::check_known_hosts(&self.host, self.port, server_public_key) {
+        match russh::keys::known_hosts::check_known_hosts(&self.host, self.port, server_public_key)
+        {
             // Known host, key matches.
             Ok(true) => Ok(true),
             // Unknown host — trust on first use and record it (like ssh's accept-new).
@@ -237,7 +250,12 @@ impl client::Handler for ClientHandler {
                     "[sftp] new host {}:{} — recording its key in known_hosts",
                     self.host, self.port
                 );
-                russh::keys::known_hosts::learn_known_hosts(&self.host, self.port, server_public_key).ok();
+                russh::keys::known_hosts::learn_known_hosts(
+                    &self.host,
+                    self.port,
+                    server_public_key,
+                )
+                .ok();
                 Ok(true)
             }
             // Recorded key changed → refuse (possible man-in-the-middle).
@@ -253,8 +271,16 @@ impl client::Handler for ClientHandler {
             }
             // No known_hosts file yet / parse error → treat as first use and record.
             Err(other) => {
-                eprintln!("[sftp] known_hosts check for {}:{}: {other} — recording key", self.host, self.port);
-                russh::keys::known_hosts::learn_known_hosts(&self.host, self.port, server_public_key).ok();
+                eprintln!(
+                    "[sftp] known_hosts check for {}:{}: {other} — recording key",
+                    self.host, self.port
+                );
+                russh::keys::known_hosts::learn_known_hosts(
+                    &self.host,
+                    self.port,
+                    server_public_key,
+                )
+                .ok();
                 Ok(true)
             }
         }
@@ -390,11 +416,17 @@ async fn try_password_auth(
 // Logs each step to stderr (visible in the `tauri dev` terminal) so connection problems are
 // diagnosable — remote failures otherwise surface only as an empty folder.
 async fn open_session(conn: &Connection) -> Result<RemoteSession, String> {
-    eprintln!("[sftp] connecting to {}@{}:{}", conn.user, conn.host, conn.port);
+    eprintln!(
+        "[sftp] connecting to {}@{}:{}",
+        conn.user, conn.host, conn.port
+    );
     let config = Arc::new(client::Config::default());
     let key_changed = Arc::new(AtomicBool::new(false));
-    let handler =
-        ClientHandler { host: conn.host.clone(), port: conn.port, key_changed: key_changed.clone() };
+    let handler = ClientHandler {
+        host: conn.host.clone(),
+        port: conn.port,
+        key_changed: key_changed.clone(),
+    };
     let mut handle = client::connect(config, (conn.host.as_str(), conn.port), handler)
         .await
         .map_err(|e| {
@@ -461,7 +493,11 @@ async fn open_session(conn: &Connection) -> Result<RemoteSession, String> {
              public key is in the server's ~/.ssh/authorized_keys, or set a keyPath/password.",
             conn.user,
             conn.host,
-            if conn.password.is_some() { " and password rejected" } else { " (no password set)" }
+            if conn.password.is_some() {
+                " and password rejected"
+            } else {
+                " (no password set)"
+            }
         );
         // Prefixed with a stable marker so the frontend can recognise an auth failure (vs a network
         // error) and prompt for a password/passphrase instead of showing a generic toast.
@@ -472,29 +508,24 @@ async fn open_session(conn: &Connection) -> Result<RemoteSession, String> {
     }
     eprintln!("[sftp] authenticated, opening sftp subsystem…");
 
-    let channel = handle
-        .channel_open_session()
-        .await
-        .map_err(|e| {
-            eprintln!("[sftp] channel error: {e}");
-            format!("channel error: {e}")
-        })?;
-    channel
-        .request_subsystem(true, "sftp")
-        .await
-        .map_err(|e| {
-            eprintln!("[sftp] sftp subsystem error: {e}");
-            format!("sftp subsystem error: {e}")
-        })?;
-    let sftp = SftpSession::new(channel.into_stream())
-        .await
-        .map_err(|e| {
-            eprintln!("[sftp] sftp init error: {e}");
-            format!("sftp init error: {e}")
-        })?;
+    let channel = handle.channel_open_session().await.map_err(|e| {
+        eprintln!("[sftp] channel error: {e}");
+        format!("channel error: {e}")
+    })?;
+    channel.request_subsystem(true, "sftp").await.map_err(|e| {
+        eprintln!("[sftp] sftp subsystem error: {e}");
+        format!("sftp subsystem error: {e}")
+    })?;
+    let sftp = SftpSession::new(channel.into_stream()).await.map_err(|e| {
+        eprintln!("[sftp] sftp init error: {e}");
+        format!("sftp init error: {e}")
+    })?;
     eprintln!("[sftp] session ready for '{}'", conn.id);
 
-    Ok(RemoteSession { _handle: handle, sftp })
+    Ok(RemoteSession {
+        _handle: handle,
+        sftp,
+    })
 }
 
 // The pooled session for `conn_id` if it's still alive; a dropped session (SSH disconnect, timeout,
@@ -528,7 +559,10 @@ async fn session_for(app: &AppHandle, conn_id: &str) -> Result<Arc<RemoteSession
     // Serialize connects for this connection id (short global lock just to fetch/create its guard).
     let guard = {
         let mut locks = connect_locks().lock().await;
-        locks.entry(conn_id.to_string()).or_insert_with(|| Arc::new(Mutex::new(()))).clone()
+        locks
+            .entry(conn_id.to_string())
+            .or_insert_with(|| Arc::new(Mutex::new(())))
+            .clone()
     };
     let _connecting = guard.lock().await;
 
@@ -546,7 +580,10 @@ async fn session_for(app: &AppHandle, conn_id: &str) -> Result<Arc<RemoteSession
             format!("unknown connection '{conn_id}'")
         })?;
     let session = Arc::new(open_session(&conn).await?);
-    pool().lock().await.insert(conn_id.to_string(), session.clone());
+    pool()
+        .lock()
+        .await
+        .insert(conn_id.to_string(), session.clone());
     Ok(session)
 }
 
@@ -566,7 +603,10 @@ pub fn resolve(raw: &str) -> Target {
                 None => (rest, "/"),
             };
             let path = if path.is_empty() { "/" } else { path };
-            Target::Remote { conn: conn.to_string(), path: path.to_string() }
+            Target::Remote {
+                conn: conn.to_string(),
+                path: path.to_string(),
+            }
         }
         None => Target::Local(raw.to_string()),
     }
@@ -582,14 +622,10 @@ fn remote_url(conn: &str, path: &str) -> String {
 pub async fn read_dir(app: &AppHandle, conn: &str, path: &str) -> Result<Vec<DirEntry>, String> {
     eprintln!("[sftp] read_dir '{conn}':{path}");
     let session = session_for(app, conn).await?;
-    let entries = session
-        .sftp
-        .read_dir(path)
-        .await
-        .map_err(|e| {
-            eprintln!("[sftp] read_dir failed for '{conn}':{path}: {e}");
-            format!("read_dir failed: {e}")
-        })?;
+    let entries = session.sftp.read_dir(path).await.map_err(|e| {
+        eprintln!("[sftp] read_dir failed for '{conn}':{path}: {e}");
+        format!("read_dir failed: {e}")
+    })?;
 
     let base = path.trim_end_matches('/');
     let mut result = Vec::new();
@@ -625,7 +661,11 @@ pub async fn dir_size(app: &AppHandle, conn: &str, path: &str) -> Result<u64, St
             .map_err(|e| format!("read_dir failed: {e}"))?;
         for entry in entries {
             if entry.file_type().is_dir() {
-                stack.push(format!("{}/{}", dir.trim_end_matches('/'), entry.file_name()));
+                stack.push(format!(
+                    "{}/{}",
+                    dir.trim_end_matches('/'),
+                    entry.file_name()
+                ));
             } else {
                 total += entry.metadata().size.unwrap_or(0);
             }
@@ -636,7 +676,12 @@ pub async fn dir_size(app: &AppHandle, conn: &str, path: &str) -> Result<u64, St
 
 // Overwrite a remote text file with `content` (create/truncate). Backs saving an edited remote
 // markdown file back to the server (SSH_PLAN.md phase 4 — in-app editor save-back).
-pub async fn write_text(app: &AppHandle, conn: &str, path: &str, content: &str) -> Result<(), String> {
+pub async fn write_text(
+    app: &AppHandle,
+    conn: &str,
+    path: &str,
+    content: &str,
+) -> Result<(), String> {
     use tokio::io::AsyncWriteExt;
     let session = session_for(app, conn).await?;
     let mut file = session
@@ -644,8 +689,12 @@ pub async fn write_text(app: &AppHandle, conn: &str, path: &str, content: &str)
         .create(path.to_string())
         .await
         .map_err(|e| format!("create failed: {e}"))?;
-    file.write_all(content.as_bytes()).await.map_err(|e| format!("write failed: {e}"))?;
-    file.flush().await.map_err(|e| format!("flush failed: {e}"))?;
+    file.write_all(content.as_bytes())
+        .await
+        .map_err(|e| format!("write failed: {e}"))?;
+    file.flush()
+        .await
+        .map_err(|e| format!("flush failed: {e}"))?;
     file.shutdown().await.ok();
     Ok(())
 }
@@ -678,7 +727,10 @@ pub async fn stat(app: &AppHandle, conn: &str, path: &str) -> Result<DirEntry, S
 // Storage settings "Clear cache" button (it wipes the whole cache dir).
 fn cache_path_for(app: &AppHandle, conn: &str, path: &str) -> Result<std::path::PathBuf, String> {
     let cache = app.path().app_cache_dir().map_err(|e| e.to_string())?;
-    Ok(cache.join("sftp").join(conn).join(path.trim_start_matches('/')))
+    Ok(cache
+        .join("sftp")
+        .join(conn)
+        .join(path.trim_start_matches('/')))
 }
 
 // Delete the SFTP cache subdir (materialized remote files + ssh .command scripts). Best-effort,
@@ -718,7 +770,11 @@ pub async fn download(app: &AppHandle, conn: &str, path: &str) -> Result<String,
     }
     // Opening/preview download reports no progress (the caller shows its own spinner).
     let noop = |_done: u64, _total: u64| {};
-    let prog = ProgressState { done: AtomicU64::new(0), total: remote_size, report: &noop };
+    let prog = ProgressState {
+        done: AtomicU64::new(0),
+        total: remote_size,
+        report: &noop,
+    };
     stream_from_remote(&session, path, &local, &prog).await?;
     Ok(local.to_string_lossy().into_owned())
 }
@@ -734,14 +790,10 @@ pub async fn sftp_download(app: AppHandle, conn: String, path: String) -> Result
 // /root) instead of the filesystem root, matching the shell.
 pub async fn home_url(app: &AppHandle, conn: &str) -> Result<String, String> {
     let session = session_for(app, conn).await?;
-    let home = session
-        .sftp
-        .canonicalize(".")
-        .await
-        .map_err(|e| {
-            eprintln!("[sftp] home lookup failed for '{conn}': {e}");
-            format!("home lookup failed: {e}")
-        })?;
+    let home = session.sftp.canonicalize(".").await.map_err(|e| {
+        eprintln!("[sftp] home lookup failed for '{conn}': {e}");
+        format!("home lookup failed: {e}")
+    })?;
     eprintln!("[sftp] home for '{conn}' = {home}");
     Ok(remote_url(conn, &home))
 }
@@ -779,7 +831,10 @@ pub async fn create_dir(app: &AppHandle, conn: &str, parent: &str) -> Result<Str
 // Rename a remote entry in place within its parent.
 pub async fn rename(app: &AppHandle, conn: &str, path: &str, new_name: &str) -> Result<(), String> {
     let session = session_for(app, conn).await?;
-    let parent = path.trim_end_matches('/').rsplit_once('/').map_or("", |(p, _)| p);
+    let parent = path
+        .trim_end_matches('/')
+        .rsplit_once('/')
+        .map_or("", |(p, _)| p);
     let dest = format!("{parent}/{new_name}");
     if session.sftp.metadata(&dest).await.is_ok() {
         return Err("An item with that name already exists".to_string());
@@ -850,7 +905,11 @@ type Transfer<'a> = Pin<Box<dyn Future<Output = Result<(), String>> + Send + 'a>
 
 // Last path segment of a local or sftp path.
 fn base_name(path: &str) -> String {
-    path.trim_end_matches('/').rsplit('/').next().unwrap_or(path).to_string()
+    path.trim_end_matches('/')
+        .rsplit('/')
+        .next()
+        .unwrap_or(path)
+        .to_string()
 }
 
 // Split "name.ext" into ("name", ".ext"); no extension → (name, ""). Used for collision renames.
@@ -920,11 +979,17 @@ where
     let mut buf = vec![0u8; 64 * 1024];
     let mut since_report: u64 = 0;
     loop {
-        let n = reader.read(&mut buf).await.map_err(|e| format!("read failed: {e}"))?;
+        let n = reader
+            .read(&mut buf)
+            .await
+            .map_err(|e| format!("read failed: {e}"))?;
         if n == 0 {
             break;
         }
-        writer.write_all(&buf[..n]).await.map_err(|e| format!("write failed: {e}"))?;
+        writer
+            .write_all(&buf[..n])
+            .await
+            .map_err(|e| format!("write failed: {e}"))?;
         let done = prog.done.fetch_add(n as u64, Ordering::Relaxed) + n as u64;
         since_report += n as u64;
         if since_report >= PROGRESS_STEP {
@@ -944,14 +1009,18 @@ async fn stream_to_remote(
     prog: &ProgressState<'_>,
 ) -> Result<(), String> {
     use tokio::io::AsyncWriteExt;
-    let mut src = tokio::fs::File::open(local).await.map_err(|e| e.to_string())?;
+    let mut src = tokio::fs::File::open(local)
+        .await
+        .map_err(|e| e.to_string())?;
     let mut dst = session
         .sftp
         .create(remote)
         .await
         .map_err(|e| format!("create failed: {e}"))?;
     copy_stream(&mut src, &mut dst, prog).await?;
-    dst.shutdown().await.map_err(|e| format!("upload flush failed: {e}"))?;
+    dst.shutdown()
+        .await
+        .map_err(|e| format!("upload flush failed: {e}"))?;
     Ok(())
 }
 
@@ -967,7 +1036,9 @@ async fn stream_from_remote(
         .open(remote)
         .await
         .map_err(|e| format!("open failed: {e}"))?;
-    let mut dst = tokio::fs::File::create(local).await.map_err(|e| e.to_string())?;
+    let mut dst = tokio::fs::File::create(local)
+        .await
+        .map_err(|e| e.to_string())?;
     copy_stream(&mut src, &mut dst, prog).await
 }
 
@@ -980,10 +1051,21 @@ async fn stream_remote_to_remote(
     prog: &ProgressState<'_>,
 ) -> Result<(), String> {
     use tokio::io::AsyncWriteExt;
-    let mut reader = src.sftp.open(from).await.map_err(|e| format!("open failed: {e}"))?;
-    let mut writer = dst.sftp.create(to).await.map_err(|e| format!("create failed: {e}"))?;
+    let mut reader = src
+        .sftp
+        .open(from)
+        .await
+        .map_err(|e| format!("open failed: {e}"))?;
+    let mut writer = dst
+        .sftp
+        .create(to)
+        .await
+        .map_err(|e| format!("create failed: {e}"))?;
     copy_stream(&mut reader, &mut writer, prog).await?;
-    writer.shutdown().await.map_err(|e| format!("copy flush failed: {e}"))?;
+    writer
+        .shutdown()
+        .await
+        .map_err(|e| format!("copy flush failed: {e}"))?;
     Ok(())
 }
 
@@ -1004,7 +1086,11 @@ fn upload<'a>(
                 .map_err(|e| format!("mkdir failed: {e}"))?;
             for entry in std::fs::read_dir(&local).map_err(|e| e.to_string())? {
                 let entry = entry.map_err(|e| e.to_string())?;
-                let child = format!("{}/{}", remote.trim_end_matches('/'), entry.file_name().to_string_lossy());
+                let child = format!(
+                    "{}/{}",
+                    remote.trim_end_matches('/'),
+                    entry.file_name().to_string_lossy()
+                );
                 upload(session, entry.path(), child, prog).await?;
             }
             Ok(())
@@ -1114,7 +1200,11 @@ async fn remote_tree_size(session: &RemoteSession, path: &str) -> u64 {
         };
         for entry in entries {
             if entry.file_type().is_dir() {
-                stack.push(format!("{}/{}", dir.trim_end_matches('/'), entry.file_name()));
+                stack.push(format!(
+                    "{}/{}",
+                    dir.trim_end_matches('/'),
+                    entry.file_name()
+                ));
             } else {
                 total += entry.metadata().size.unwrap_or(0);
             }
@@ -1150,7 +1240,11 @@ pub async fn transfer(
             let dest = unique_remote(&session, &path, &name).await?;
             eprintln!("[sftp] upload {local} → '{conn}':{dest}");
             let total = local_tree_size(Path::new(&local));
-            let prog = ProgressState { done: AtomicU64::new(0), total, report };
+            let prog = ProgressState {
+                done: AtomicU64::new(0),
+                total,
+                report,
+            };
             upload(&session, PathBuf::from(&local), dest.clone(), &prog).await?;
             report(total, total);
             if is_move {
@@ -1164,7 +1258,11 @@ pub async fn transfer(
             let dest = unique_local(&local_dir, &name);
             eprintln!("[sftp] download '{conn}':{path} → {}", dest.display());
             let total = remote_tree_size(&session, &path).await;
-            let prog = ProgressState { done: AtomicU64::new(0), total, report };
+            let prog = ProgressState {
+                done: AtomicU64::new(0),
+                total,
+                report,
+            };
             download_tree(&session, path.clone(), dest.clone(), &prog).await?;
             report(total, total);
             if is_move {
@@ -1188,7 +1286,11 @@ pub async fn transfer(
             }
             eprintln!("[sftp] copy '{sc}':{sp} → '{dc}':{dest}");
             let total = remote_tree_size(&src, &sp).await;
-            let prog = ProgressState { done: AtomicU64::new(0), total, report };
+            let prog = ProgressState {
+                done: AtomicU64::new(0),
+                total,
+                report,
+            };
             remote_copy(&src, &dst, sp.clone(), dest.clone(), &prog).await?;
             report(total, total);
             if is_move {
@@ -1206,24 +1308,31 @@ pub async fn transfer(
 // never cross to the frontend.
 #[tauri::command]
 pub fn sftp_list_connections(app: AppHandle) -> Vec<ConnectionInfo> {
-    load_connections(&app).into_iter().map(ConnectionInfo::from).collect()
+    load_connections(&app)
+        .into_iter()
+        .map(ConnectionInfo::from)
+        .collect()
 }
 
-// Add (or replace by id) a connection from the GUI. Secrets go to the OS keychain — never the toml;
-// connections.toml keeps only non-sensitive fields. Passing an empty/absent secret clears any
-// stored one. Backs the "+" form in the sidebar's Network group (SSH_PLAN.md phase 2).
 // Add (or replace by id) a connection, routing secrets to the OS keychain and persisting only the
 // non-sensitive fields to connections.toml. Shared by the GUI command and the `sfb` CLI so both
 // keep secrets out of the plaintext toml. On macOS an entered secret goes to the keychain (an empty
 // field leaves any existing entry intact, so editing without re-typing keeps it). On platforms
 // without a keychain backend, secrets stay inline in the toml (phase-1 fallback).
-pub fn add_connection_with_secrets(config_dir: &Path, connection: Connection) -> Result<(), String> {
+pub fn add_connection_with_secrets(
+    config_dir: &Path,
+    connection: Connection,
+) -> Result<(), String> {
     #[cfg(target_os = "macos")]
     {
         if let Some(secret) = connection.password.as_deref().filter(|s| !s.is_empty()) {
             keychain::set(&connection.id, FIELD_PASSWORD, secret)?;
         }
-        if let Some(secret) = connection.key_passphrase.as_deref().filter(|s| !s.is_empty()) {
+        if let Some(secret) = connection
+            .key_passphrase
+            .as_deref()
+            .filter(|s| !s.is_empty())
+        {
             keychain::set(&connection.id, FIELD_KEY_PASSPHRASE, secret)?;
         }
         let stored = Connection {
diff --git a/src-tauri/src/filesystem/tags.rs b/src-tauri/src/filesystem/tags.rs
index 9c6ca189..5ec001be 100644
--- a/src-tauri/src/filesystem/tags.rs
+++ b/src-tauri/src/filesystem/tags.rs
@@ -205,9 +205,7 @@ mod imp {
 // showing — so reading the per-file xattr never touches the `read_directory` hot path. Runs on a
 // blocking thread (xattr reads are syscalls).
 #[tauri::command]
-pub async fn get_tags_for(
-    paths: Vec<String>,
-) -> Result<HashMap<String, Vec<Tag>>, String> {
+pub async fn get_tags_for(paths: Vec<String>) -> Result<HashMap<String, Vec<Tag>>, String> {
     tauri::async_runtime::spawn_blocking(move || {
         paths
             .into_iter()
diff --git a/src-tauri/src/filesystem/volumes.rs b/src-tauri/src/filesystem/volumes.rs
index c89863c4..452346ac 100644
--- a/src-tauri/src/filesystem/volumes.rs
+++ b/src-tauri/src/filesystem/volumes.rs
@@ -101,8 +101,7 @@ pub fn get_volumes() -> Vec<Volume> {
             total_space: format_bytes(&total_space),
             disk_usage: format_disk_usage(&available_space, &total_space),
             is_removable: disk.is_removable(),
-            is_ejectable: disk.is_removable()
-                || disk.mount_point().starts_with("/Volumes/"),
+            is_ejectable: disk.is_removable() || disk.mount_point().starts_with("/Volumes/"),
             file_system: disk.file_system().to_string_lossy().to_lowercase(),
             total_bytes: total_space,
             available_bytes: available_space,
diff --git a/src-tauri/src/functions/clipboard.rs b/src-tauri/src/functions/clipboard.rs
new file mode 100644
index 00000000..25d97df7
--- /dev/null
+++ b/src-tauri/src/functions/clipboard.rs
@@ -0,0 +1,79 @@
+//! Write files to the system clipboard the Finder way: a single copy carries several pasteboard
+//! "flavors" at once, so each receiver takes what it understands. A file-aware app (Finder, Mail)
+//! reads the `public.file-url` flavor and copies the actual file; a plain text field reads the
+//! `public.utf8-plain-text` flavor and gets the file's name (+ ext). Same clipboard, different
+//! reader, different result — which is why pasting a copied file into a text box yields its name.
+//!
+//! macOS builds the real multi-flavor NSPasteboard. Other platforms have no equivalent file-URL
+//! flavor exposed cross-platform, so they fall back to copying the names as plain text.
+
+// The trailing name (with extension) of a path — the "name" flavor Finder puts on the pasteboard.
+fn basename(path: &str) -> String {
+    std::path::Path::new(path)
+        .file_name()
+        .map(|n| n.to_string_lossy().into_owned())
+        .unwrap_or_else(|| path.to_string())
+}
+
+// Copy the given entries to the OS clipboard with both a file-URL and a plain-text (name) flavor,
+// so they paste as files into file-aware apps and as names into text fields. Remote (sftp://…)
+// entries have no local file URL — they still contribute their name as text.
+#[tauri::command]
+pub fn copy_files_to_clipboard(paths: Vec<String>) -> Result<(), String> {
+    if paths.is_empty() {
+        return Ok(());
+    }
+
+    #[cfg(target_os = "macos")]
+    {
+        use objc2::rc::Retained;
+        use objc2::runtime::ProtocolObject;
+        use objc2_app_kit::{
+            NSPasteboard, NSPasteboardItem, NSPasteboardTypeFileURL, NSPasteboardTypeString,
+            NSPasteboardWriting,
+        };
+        use objc2_foundation::{NSArray, NSString, NSURL};
+
+        let is_local = |p: &str| !p.contains("://");
+
+        // One pasteboard item per file, each offering its own file-url + name. A text field pasting
+        // a multi-item pasteboard joins the string flavors with newlines (one name per line).
+        let ok = unsafe {
+            let mut items: Vec<Retained<ProtocolObject<dyn NSPasteboardWriting>>> =
+                Vec::with_capacity(paths.len());
+            for path in &paths {
+                let item = NSPasteboardItem::new();
+                if is_local(path) {
+                    let url = NSURL::fileURLWithPath(&NSString::from_str(path));
+                    if let Some(url_string) = url.absoluteString() {
+                        item.setString_forType(&url_string, NSPasteboardTypeFileURL);
+                    }
+                }
+                item.setString_forType(&NSString::from_str(&basename(path)), NSPasteboardTypeString);
+                items.push(ProtocolObject::from_retained(item));
+            }
+
+            let array = NSArray::from_retained_slice(&items);
+            let pasteboard = NSPasteboard::generalPasteboard();
+            pasteboard.clearContents();
+            pasteboard.writeObjects(&array)
+        };
+
+        if ok {
+            Ok(())
+        } else {
+            Err("The system rejected the clipboard write".to_string())
+        }
+    }
+
+    #[cfg(not(target_os = "macos"))]
+    {
+        let names = paths
+            .iter()
+            .map(|p| basename(p))
+            .collect::<Vec<_>>()
+            .join("\n");
+        let mut clipboard = arboard::Clipboard::new().map_err(|e| e.to_string())?;
+        clipboard.set_text(names).map_err(|e| e.to_string())
+    }
+}
diff --git a/src-tauri/src/functions/control.rs b/src-tauri/src/functions/control.rs
index 8c397eb9..7dec0d8f 100644
--- a/src-tauri/src/functions/control.rs
+++ b/src-tauri/src/functions/control.rs
@@ -149,6 +149,45 @@ fn run_action(app: &AppHandle, action: &str, args: &Value) -> Result<Value, Stri
             // `debug` lets a caller discover whether the introspection surface (probe) is available.
             Ok(json!({ "windows": windows, "debug": is_debug_mode() }))
         }
+        // Authoritative window list straight from Tauri (every webview window, including hidden ones
+        // and panels like the detached preview that don't mirror UI state via get-state). Reports
+        // each window's label, loaded URL, visibility and focus — the ground truth for "how many
+        // windows are open and what is each one" when debugging window creation/reveal.
+        "windows" => {
+            let windows = app.webview_windows();
+            let list: Vec<Value> = windows
+                .values()
+                .map(|w| {
+                    json!({
+                        "label": w.label(),
+                        "url": w.url().map(|u| u.to_string()).unwrap_or_default(),
+                        "title": w.title().unwrap_or_default(),
+                        "visible": w.is_visible().unwrap_or(false),
+                        "focused": w.is_focused().unwrap_or(false),
+                    })
+                })
+                .collect();
+            Ok(json!({ "count": list.len(), "windows": list }))
+        }
+        // Open the detached preview window for a file (same path the openPreviewInWindow setting
+        // takes). Lets a caller reproduce/verify the preview-window flow headlessly.
+        "preview" => {
+            let path = args
+                .get("path")
+                .and_then(Value::as_str)
+                .ok_or("preview requires args.path")?
+                .to_string();
+            preview_window_on_main(app, path)
+        }
+        // Open the detached properties window for an entry (the openPropertiesInWindow flow).
+        "properties" => {
+            let path = args
+                .get("path")
+                .and_then(Value::as_str)
+                .ok_or("properties requires args.path")?
+                .to_string();
+            properties_window_on_main(app, path)
+        }
         // Navigate the focused window's active tab to `path` (best-effort; applied in the frontend).
         "navigate" => {
             let path = args
@@ -175,8 +214,12 @@ fn run_action(app: &AppHandle, action: &str, args: &Value) -> Result<Value, Stri
             let id = control.probe_seq.fetch_add(1, Ordering::SeqCst) + 1;
             *control.probe_result.lock().unwrap() = None;
             let window = crate::window::target_window(app).ok_or("no open window to probe")?;
-            app.emit_to(window.label(), "control://probe", json!({ "id": id, "args": args }))
-                .map_err(|error| error.to_string())?;
+            app.emit_to(
+                window.label(),
+                "control://probe",
+                json!({ "id": id, "args": args }),
+            )
+            .map_err(|error| error.to_string())?;
             // Poll for the reply (the webview needs a moment to hit-test the DOM and answer).
             for _ in 0..150 {
                 std::thread::sleep(std::time::Duration::from_millis(20));
@@ -239,6 +282,42 @@ fn open_window_on_main(app: &AppHandle, path: String) -> Result<Value, String> {
     Ok(json!({ "opened": path }))
 }
 
+// Open the detached preview window for `file`. Window creation must run on the main thread; hop
+// there and wait for the Result via a channel.
+#[cfg(unix)]
+fn preview_window_on_main(app: &AppHandle, file: String) -> Result<Value, String> {
+    let (tx, rx) = std::sync::mpsc::channel();
+    let app_for_main = app.clone();
+    let file_for_main = file.clone();
+    app.run_on_main_thread(move || {
+        let result = crate::window::create_preview_window(&app_for_main, &file_for_main)
+            .map(|_| ())
+            .map_err(|error| error.to_string());
+        let _ = tx.send(result);
+    })
+    .map_err(|error| error.to_string())?;
+    rx.recv().map_err(|error| error.to_string())??;
+    Ok(json!({ "preview": file }))
+}
+
+// Open the detached properties window for `path`. Window creation must run on the main thread; hop
+// there and wait for the Result via a channel.
+#[cfg(unix)]
+fn properties_window_on_main(app: &AppHandle, path: String) -> Result<Value, String> {
+    let (tx, rx) = std::sync::mpsc::channel();
+    let app_for_main = app.clone();
+    let path_for_main = path.clone();
+    app.run_on_main_thread(move || {
+        let result = crate::window::create_properties_window(&app_for_main, &path_for_main)
+            .map(|_| ())
+            .map_err(|error| error.to_string());
+        let _ = tx.send(result);
+    })
+    .map_err(|error| error.to_string())?;
+    rx.recv().map_err(|error| error.to_string())??;
+    Ok(json!({ "properties": path }))
+}
+
 // Reveal `file` in a new window (parent folder + the file selected). Window creation must run on
 // the main thread; hop there and wait for the Result via a channel.
 #[cfg(unix)]
diff --git a/src-tauri/src/functions/handler.rs b/src-tauri/src/functions/handler.rs
index 29c0e54f..8cc0f426 100644
--- a/src-tauri/src/functions/handler.rs
+++ b/src-tauri/src/functions/handler.rs
@@ -61,7 +61,8 @@ fn current_folder_handler() -> Option<String> {
     use objc2_foundation::NSString;
     let content_type = NSString::from_str(FOLDER_UTI);
     unsafe {
-        let handler = ls::LSCopyDefaultRoleHandlerForContentType(as_cf(&content_type), ls::LS_ROLES_ALL);
+        let handler =
+            ls::LSCopyDefaultRoleHandlerForContentType(as_cf(&content_type), ls::LS_ROLES_ALL);
         if handler.is_null() {
             return None;
         }
@@ -109,7 +110,9 @@ pub fn set_default_folder_handler(app: AppHandle, enable: bool) -> Result<(), St
         if status == 0 {
             Ok(())
         } else {
-            Err(format!("Launch Services rejected the change (OSStatus {status})"))
+            Err(format!(
+                "Launch Services rejected the change (OSStatus {status})"
+            ))
         }
     }
     #[cfg(not(target_os = "macos"))]
diff --git a/src-tauri/src/functions/keymap.rs b/src-tauri/src/functions/keymap.rs
index d6882973..2f473785 100644
--- a/src-tauri/src/functions/keymap.rs
+++ b/src-tauri/src/functions/keymap.rs
@@ -96,9 +96,11 @@ fn resolve(raw: RawBinding) -> KeyBinding {
 }
 
 fn parse(content: &str) -> Result<HashMap<String, ResolvedEntry>, String> {
-    let raw: HashMap<String, RawEntry> =
-        toml::from_str(content).map_err(|e| e.to_string())?;
-    Ok(raw.into_iter().map(|(k, v)| (k, resolve_entry(v))).collect())
+    let raw: HashMap<String, RawEntry> = toml::from_str(content).map_err(|e| e.to_string())?;
+    Ok(raw
+        .into_iter()
+        .map(|(k, v)| (k, resolve_entry(v)))
+        .collect())
 }
 
 // Bundled defaults, used when the user has no keymap file yet (or it can't be read).
diff --git a/src-tauri/src/functions/markdown.rs b/src-tauri/src/functions/markdown.rs
index 1b9deb05..b3094623 100644
--- a/src-tauri/src/functions/markdown.rs
+++ b/src-tauri/src/functions/markdown.rs
@@ -21,11 +21,7 @@ pub fn read_text_file(path: String) -> Result<String, String> {
 // written back over SFTP so editing a remote markdown saves to the server; local paths write to
 // disk. Async for the remote branch.
 #[tauri::command]
-pub async fn write_text_file(
-    app: AppHandle,
-    path: String,
-    content: String,
-) -> Result<(), String> {
+pub async fn write_text_file(app: AppHandle, path: String, content: String) -> Result<(), String> {
     match resolve(&path) {
         Target::Local(p) => std::fs::write(&p, content).map_err(|e| e.to_string()),
         Target::Remote { conn, path } => write_text(&app, &conn, &path, &content).await,
diff --git a/src-tauri/src/functions/mod.rs b/src-tauri/src/functions/mod.rs
index cfa646ff..daf465d1 100644
--- a/src-tauri/src/functions/mod.rs
+++ b/src-tauri/src/functions/mod.rs
@@ -1,12 +1,13 @@
-pub mod terminal;
-pub mod markdown;
-pub mod system;
-pub mod os_stats;
-pub mod keymap;
-pub mod folder_columns;
+pub mod clipboard;
 pub mod context_menu;
 pub mod control;
+pub mod folder_columns;
 pub mod handler;
+pub mod keymap;
+pub mod markdown;
+pub mod os_stats;
 pub mod settings;
 pub mod sidebar;
-pub mod storage;
\ No newline at end of file
+pub mod storage;
+pub mod system;
+pub mod terminal;
diff --git a/src-tauri/src/functions/os_stats.rs b/src-tauri/src/functions/os_stats.rs
index 0430c524..0992bb9a 100644
--- a/src-tauri/src/functions/os_stats.rs
+++ b/src-tauri/src/functions/os_stats.rs
@@ -47,7 +47,12 @@ pub fn get_system_stats(state: tauri::State<'_, StatsState>) -> SystemStats {
         .iter()
         .find(|disk| disk.mount_point() == Path::new("/"))
         .or_else(|| disks.iter().next())
-        .map(|disk| (disk.total_space(), disk.total_space() - disk.available_space()))
+        .map(|disk| {
+            (
+                disk.total_space(),
+                disk.total_space() - disk.available_space(),
+            )
+        })
         .unwrap_or((0, 0));
 
     SystemStats {
diff --git a/src-tauri/src/functions/settings.rs b/src-tauri/src/functions/settings.rs
index 515cb907..d3cd01e7 100644
--- a/src-tauri/src/functions/settings.rs
+++ b/src-tauri/src/functions/settings.rs
@@ -61,6 +61,12 @@ pub struct AppSettings {
     // Open markdown files in the app's built-in preview (on Enter/double-click) instead of the OS
     // default app.
     preview_markdown_in_app: bool,
+    // Open the built-in preview in its own detached window instead of the in-app overlay. A new
+    // window is spawned per open (see window::create_preview_window).
+    open_preview_in_window: bool,
+    // Open the properties in their own detached window instead of the in-app dialog. A new window
+    // is spawned per open (see window::create_properties_window).
+    open_properties_in_window: bool,
     // On export, ask before replacing an existing settings.toml. When off (default), a unique
     // filename is used instead so nothing is overwritten silently.
     confirm_export_overwrite: bool,
@@ -120,6 +126,8 @@ impl Default for AppSettings {
             use_custom_folder_picker: false,
             preview_images_in_app: false,
             preview_markdown_in_app: false,
+            open_preview_in_window: false,
+            open_properties_in_window: false,
             confirm_export_overwrite: false,
             remote_thumbnails: false,
             show_system_stats: false,
@@ -131,8 +139,8 @@ impl Default for AppSettings {
 }
 
 // Default folder-size exclusions. On macOS, OS-generated junk (Finder metadata, AppleDouble forks,
-// Spotlight/Trash/Versions/FSEvents stores) that never holds user content and only inflates size
-// totals — so new users get sensible exclusions. Mirrors MACOS_SIZE_IGNORES in shared/constants.ts
+// Spotlight/Trash/Versions/FSEvents stores, WidgetKit timeline caches, localization markers,
+// Windows-share droppings) that never holds user content and only inflates size totals — so new users get sensible exclusions. Mirrors MACOS_SIZE_IGNORES in shared/constants.ts
 // (must stay in sync). Empty on other platforms.
 #[cfg(target_os = "macos")]
 fn default_size_ignores() -> Vec<String> {
@@ -144,6 +152,11 @@ fn default_size_ignores() -> Vec<String> {
         ".DocumentRevisions-V100",
         ".apdisk",
         ".fseventsd",
+        "com.apple.chrono",
+        ".localized",
+        ".AppleDouble",
+        "Thumbs.db",
+        "desktop.ini",
     ]
     .iter()
     .map(|s| s.to_string())
diff --git a/src-tauri/src/functions/sidebar.rs b/src-tauri/src/functions/sidebar.rs
index be3aac54..9d5769be 100644
--- a/src-tauri/src/functions/sidebar.rs
+++ b/src-tauri/src/functions/sidebar.rs
@@ -21,7 +21,11 @@ pub struct SidebarGroup {
     items: Vec<String>,
     // Stable ids of built-in preset rows the user has hidden (see PRESET_ID on the frontend).
     // Presets can't be deleted (we couldn't re-create them), only hidden; edit mode toggles this.
-    #[serde(rename = "hiddenPresets", default, skip_serializing_if = "Vec::is_empty")]
+    #[serde(
+        rename = "hiddenPresets",
+        default,
+        skip_serializing_if = "Vec::is_empty"
+    )]
     hidden_presets: Vec<String>,
     // True for user-created groups (vs the built-in pinned/volumes/network/tags). Only custom
     // groups can be deleted; deleting one drops the whole entry, taking its items with it.
@@ -107,7 +111,12 @@ pub fn set_hidden_presets(app: AppHandle, id: String, presets: Vec<String>) -> R
 // Create a user group with a generated id, a display name and a display position. Marked `custom`
 // so the UI knows it can be renamed and deleted (built-in groups can't be deleted).
 #[tauri::command]
-pub fn add_sidebar_group(app: AppHandle, id: String, name: String, order: u32) -> Result<(), String> {
+pub fn add_sidebar_group(
+    app: AppHandle,
+    id: String,
+    name: String,
+    order: u32,
+) -> Result<(), String> {
     let mut config = read_config(&app);
     let group = config.entry(id).or_default();
     group.custom = true;
diff --git a/src-tauri/src/functions/terminal.rs b/src-tauri/src/functions/terminal.rs
index b4ed93bb..a8a8cd0d 100644
--- a/src-tauri/src/functions/terminal.rs
+++ b/src-tauri/src/functions/terminal.rs
@@ -34,7 +34,11 @@ fn open_ssh_terminal(
     );
     let script = format!("#!/bin/bash\nexec {ssh}\n");
 
-    let dir = app.path().app_cache_dir().map_err(|e| e.to_string())?.join("ssh");
+    let dir = app
+        .path()
+        .app_cache_dir()
+        .map_err(|e| e.to_string())?
+        .join("ssh");
     std::fs::create_dir_all(&dir).map_err(|e| e.to_string())?;
     // One reused file per host so these don't pile up in the cache.
     let file = dir.join(format!("ssh-{host}.command"));
diff --git a/src-tauri/src/ignore.rs b/src-tauri/src/ignore.rs
index 8c6e9c02..39e2303e 100644
--- a/src-tauri/src/ignore.rs
+++ b/src-tauri/src/ignore.rs
@@ -1,4 +1,4 @@
-use std::path::{Path, PathBuf};
+use std::path::{Component, Path, PathBuf};
 use std::sync::{Arc, RwLock};
 
 // A snapshot of the rules that exclude entries from size indexing and watching. Two kinds:
@@ -15,7 +15,11 @@ pub struct IgnoreRules {
 }
 
 impl IgnoreRules {
-    // True if `path` is (or lives under) an ignored prefix, or its file name matches a name-glob.
+    // True if `path` is (or lives under) an ignored prefix, or ANY of its components matches a
+    // name-glob. Checking every component (not just the file name) matters for watcher events,
+    // which arrive as full deep paths: an event for .../com.apple.chrono/timelines/x must be
+    // dropped by the "com.apple.chrono" glob even though the leaf name doesn't match. (The index
+    // walker never descends into an ignored dir, so for it the leaf check was already enough.)
     pub fn is_ignored(&self, path: &Path) -> bool {
         if self
             .prefixes
@@ -24,10 +28,12 @@ impl IgnoreRules {
         {
             return true;
         }
-        match path.file_name().and_then(|n| n.to_str()) {
-            Some(name) => self.name_globs.iter().any(|pat| glob_match(pat, name)),
-            None => false,
-        }
+        path.components().any(|component| match component {
+            Component::Normal(name) => name
+                .to_str()
+                .is_some_and(|n| self.name_globs.iter().any(|pat| glob_match(pat, n))),
+            _ => false,
+        })
     }
 }
 
@@ -95,7 +101,22 @@ fn glob_match(pattern: &str, name: &str) -> bool {
 
 #[cfg(test)]
 mod tests {
-    use super::glob_match;
+    use super::{glob_match, IgnoreRules};
+    use std::path::Path;
+
+    // A dir-name glob must drop deep watcher-event paths whose ANCESTOR matches, not just the leaf.
+    #[test]
+    fn ignores_by_ancestor_component() {
+        let rules = IgnoreRules {
+            prefixes: Vec::new(),
+            name_globs: vec!["com.apple.chrono".into(), ".DS_Store".into()],
+        };
+        assert!(rules.is_ignored(Path::new(
+            "/Users/x/Library/Containers/a/Data/SystemData/com.apple.chrono/timelines/W/s.chrono-timeline"
+        )));
+        assert!(rules.is_ignored(Path::new("/Users/x/Desktop/.DS_Store")));
+        assert!(!rules.is_ignored(Path::new("/Users/x/Documents/report.pdf")));
+    }
 
     #[test]
     fn literals_and_wildcards() {
diff --git a/src-tauri/src/index.rs b/src-tauri/src/index.rs
index 73479d65..d9f657eb 100644
--- a/src-tauri/src/index.rs
+++ b/src-tauri/src/index.rs
@@ -245,7 +245,13 @@ pub fn resync_dir(conn: &Connection, path: &Path, ignores: &IgnoreRules) -> Opti
 
     let delta = subtree as i64 - old;
     if delta != 0 {
-        crate::dlog!("resync     {} {} -> {} (Δ {})", path_str, old, subtree, delta);
+        crate::dlog!(
+            "resync     {} {} -> {} (Δ {})",
+            path_str,
+            old,
+            subtree,
+            delta
+        );
         Some(delta)
     } else {
         None
diff --git a/src-tauri/src/lib.rs b/src-tauri/src/lib.rs
index 00b8bb57..fda1e929 100644
--- a/src-tauri/src/lib.rs
+++ b/src-tauri/src/lib.rs
@@ -24,6 +24,6 @@ pub mod functions;
 pub mod ignore;
 pub mod index;
 pub mod tray;
-pub mod watcher;
 pub mod utils;
+pub mod watcher;
 pub mod window;
diff --git a/src-tauri/src/main.rs b/src-tauri/src/main.rs
index fe6713de..01ec3198 100644
--- a/src-tauri/src/main.rs
+++ b/src-tauri/src/main.rs
@@ -46,7 +46,10 @@ fn main() {
             // Internal prefix: the app's own data dir. User name-globs: hydrated from settings.toml
             // so ".DS_Store" & friends are excluded from folder sizes from the first walk.
             let ignore_list = ignore::IgnoreList::new(
-                app.path().app_data_dir().map(|d| vec![d]).unwrap_or_default(),
+                app.path()
+                    .app_data_dir()
+                    .map(|d| vec![d])
+                    .unwrap_or_default(),
                 functions::settings::get_settings(app.handle().clone()).size_ignores(),
             );
             let size_index = index::init(app.handle())?;
@@ -91,6 +94,10 @@ fn main() {
             filesystem::fs::restore_trashed,
             filesystem::fs::delete_entry_permanently,
             filesystem::fs::empty_trash,
+            filesystem::archive::compress_entries,
+            filesystem::archive::extract_archive,
+            filesystem::archive::archive_encrypted,
+            filesystem::archive::sevenzip_available,
             filesystem::tags::get_tags_for,
             filesystem::tags::set_file_tags,
             filesystem::tags::find_tagged,
@@ -106,6 +113,7 @@ fn main() {
             watcher::watch_directory,
             functions::keymap::get_keymap,
             functions::context_menu::get_context_menu,
+            functions::clipboard::copy_files_to_clipboard,
             functions::settings::get_settings,
             functions::settings::set_settings,
             functions::settings::import_settings,
@@ -140,6 +148,8 @@ fn main() {
             dock_menu::clear_recent_folders,
             window::open_new_window,
             window::open_path_in_new_window,
+            window::open_preview_window,
+            window::open_properties_window,
         ])
         .on_window_event(|window, event| {
             if let tauri::WindowEvent::CloseRequested { api, .. } = event {
@@ -195,7 +205,8 @@ fn main() {
                     // forced opens — not becoming the default app for any file type.
                     if let Ok(path) = url.to_file_path() {
                         if path.is_dir() {
-                            let _ = window::create_window(app_handle, Some(&path.to_string_lossy()));
+                            let _ =
+                                window::create_window(app_handle, Some(&path.to_string_lossy()));
                         } else if path.is_file() {
                             let _ =
                                 window::create_reveal_window(app_handle, &path.to_string_lossy());
diff --git a/src-tauri/src/tray.rs b/src-tauri/src/tray.rs
index 1751dba5..ecbdd191 100644
--- a/src-tauri/src/tray.rs
+++ b/src-tauri/src/tray.rs
@@ -13,7 +13,8 @@ fn focused_or_first<R: Runtime>(app: &AppHandle<R>) -> Option<WebviewWindow<R>>
 }
 
 pub fn create_tray<R: Runtime>(app: &AppHandle<R>) -> tauri::Result<()> {
-    let center_window = MenuItem::with_id(app, "center_window", "Center Window", true, None::<&str>)?;
+    let center_window =
+        MenuItem::with_id(app, "center_window", "Center Window", true, None::<&str>)?;
     let hide = MenuItem::with_id(app, "hide", "Hide", true, None::<&str>)?;
     let quit = MenuItem::with_id(app, "quit", "Quit", true, None::<&str>)?;
     let separator = PredefinedMenuItem::separator(app)?;
diff --git a/src-tauri/src/utils.rs b/src-tauri/src/utils.rs
index 61566b0c..1e2d473e 100644
--- a/src-tauri/src/utils.rs
+++ b/src-tauri/src/utils.rs
@@ -13,4 +13,4 @@ pub fn format_bytes(bytes: &u64) -> String {
         0 => format!("{} MB", mb),
         _ => format!("{} GB", gb),
     }
-}
\ No newline at end of file
+}
diff --git a/src-tauri/src/watcher.rs b/src-tauri/src/watcher.rs
index cf9adbd7..50287d47 100644
--- a/src-tauri/src/watcher.rs
+++ b/src-tauri/src/watcher.rs
@@ -146,13 +146,12 @@ pub fn watch_directory(
     let ignores = ignore.0.clone();
     let cb_root = root.clone();
 
-    let mut new_watcher =
-        notify::recommended_watcher(move |res: notify::Result<notify::Event>| {
-            if let Ok(event) = res {
-                handle_event(&app_handle, &conn, &ignores, &cb_root, &event.paths);
-            }
-        })
-        .map_err(|e| e.to_string())?;
+    let mut new_watcher = notify::recommended_watcher(move |res: notify::Result<notify::Event>| {
+        if let Ok(event) = res {
+            handle_event(&app_handle, &conn, &ignores, &cb_root, &event.paths);
+        }
+    })
+    .map_err(|e| e.to_string())?;
 
     new_watcher
         .watch(&root, RecursiveMode::Recursive)
diff --git a/src-tauri/src/window.rs b/src-tauri/src/window.rs
index 4f294338..af061d39 100644
--- a/src-tauri/src/window.rs
+++ b/src-tauri/src/window.rs
@@ -53,6 +53,31 @@ pub fn create_window(app: &AppHandle, start_path: Option<&str>) -> tauri::Result
     build_window(app, url)
 }
 
+// Open a detached properties window for a single entry: loads `index.html?panel=properties&path=…`,
+// which the frontend detects at mount (see main.tsx) to render only the Properties surface. A fresh
+// window is spawned per call (unique `properties-N` label). Small and opaque; starts hidden and the
+// frontend reveals it once the entry's metadata has loaded.
+pub fn create_properties_window(app: &AppHandle, path: &str) -> tauri::Result<WebviewWindow> {
+    let n = WINDOW_COUNTER.fetch_add(1, Ordering::Relaxed);
+    let label = format!("properties-{n}");
+    let url = WebviewUrl::App(
+        format!("index.html?panel=properties&path={}", encode_query(path)).into(),
+    );
+    let window = WebviewWindowBuilder::new(app, label, url)
+        .title("Properties")
+        .inner_size(440.0, 520.0)
+        .min_inner_size(320.0, 360.0)
+        .resizable(true)
+        .transparent(false)
+        .decorations(true)
+        .shadow(true)
+        .center()
+        .visible(false)
+        .build()?;
+    configure_window(&window);
+    Ok(window)
+}
+
 // Open a window that reveals a single file: rooted at the file's parent folder (as `startPath`),
 // with the file itself carried as a `reveal` query param so the frontend selects it once the
 // listing loads (see DirectoryProvider). Mirrors Finder's "Show in Finder".
@@ -92,6 +117,33 @@ fn build_window(app: &AppHandle, url: WebviewUrl) -> tauri::Result<WebviewWindow
     Ok(window)
 }
 
+// Open a detached preview window for a single file: loads `index.html?panel=preview&path=<file>`,
+// which the frontend detects at mount (see main.tsx) to render only the Preview surface. A fresh
+// window is spawned per call (unique `preview-N` label) so several previews can sit side by side.
+// Smaller than a browser window and starts hidden — the frontend reveals it once the file loads.
+pub fn create_preview_window(app: &AppHandle, file: &str) -> tauri::Result<WebviewWindow> {
+    let n = WINDOW_COUNTER.fetch_add(1, Ordering::Relaxed);
+    let label = format!("preview-{n}");
+    let url = WebviewUrl::App(
+        format!("index.html?panel=preview&path={}", encode_query(file)).into(),
+    );
+    // Opaque (unlike the browser windows' vibrancy): a content window framed by the native
+    // titlebar, not a translucent panel — otherwise the desktop/other windows show through.
+    let window = WebviewWindowBuilder::new(app, label, url)
+        .title("Preview")
+        .inner_size(820.0, 620.0)
+        .min_inner_size(420.0, 320.0)
+        .resizable(true)
+        .transparent(false)
+        .decorations(true)
+        .shadow(true)
+        .center()
+        .visible(false)
+        .build()?;
+    configure_window(&window);
+    Ok(window)
+}
+
 // The window tray/Dock actions should act on: the focused one if any, otherwise any open window.
 // Returns None only when every window has been closed (app living in the tray).
 pub fn target_window(app: &AppHandle) -> Option<WebviewWindow> {
@@ -105,7 +157,9 @@ pub fn target_window(app: &AppHandle) -> Option<WebviewWindow> {
 
 #[tauri::command]
 pub fn open_new_window(app: AppHandle) -> Result<(), String> {
-    create_window(&app, None).map(|_| ()).map_err(|e| e.to_string())
+    create_window(&app, None)
+        .map(|_| ())
+        .map_err(|e| e.to_string())
 }
 
 // Open a new file-browser window rooted at `path` (e.g. one of the app's data directories from the
@@ -116,3 +170,21 @@ pub fn open_path_in_new_window(app: AppHandle, path: String) -> Result<(), Strin
         .map(|_| ())
         .map_err(|e| e.to_string())
 }
+
+// Open the built-in preview for `path` in its own window (used when the openPreviewInWindow
+// setting is on, in place of the in-app overlay).
+#[tauri::command]
+pub fn open_preview_window(app: AppHandle, path: String) -> Result<(), String> {
+    create_preview_window(&app, &path)
+        .map(|_| ())
+        .map_err(|e| e.to_string())
+}
+
+// Open the properties for `path` in its own window (used when the openPropertiesInWindow setting is
+// on, in place of the in-app dialog).
+#[tauri::command]
+pub fn open_properties_window(app: AppHandle, path: String) -> Result<(), String> {
+    create_properties_window(&app, &path)
+        .map(|_| ())
+        .map_err(|e| e.to_string())
+}
diff --git a/src/app/App.tsx b/src/app/App.tsx
index fb528f38..95e9b041 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -12,6 +12,7 @@ import { getCurrentWindow } from "@tauri-apps/api/window";
 import { StateProvider } from "@/shared/providers/StateProvider";
 import { ModalProvider } from "@/shared/providers/ModalProvider";
 import { ConfirmProvider } from "@/shared/providers/ConfirmProvider";
+import { CompressProvider } from "@/shared/providers/CompressProvider";
 import { FolderPickerProvider } from "@/shared/providers/FolderPickerProvider";
 import { FilePickerProvider } from "@/shared/providers/FilePickerProvider";
 import { TagsProvider } from "@/shared/providers/TagsProvider";
@@ -150,8 +151,7 @@ const App = () => {
   }, [settings.showToasts]);
 
   // Dialogs render outside the .App subtree (their providers wrap it), so the modal-surface opacity
-  // is set on the document root where they can inherit it (see Dialog.css). Mirrors the inline
-  // --context-menu-opacity used for menus, which do live inside .App.
+  // is set on the document root where they can inherit it (see Dialog.css).
   useEffect(() => {
     document.documentElement.style.setProperty(
       "--dialog-opacity",
@@ -159,6 +159,17 @@ const App = () => {
     );
   }, [settings.dialogOpacity]);
 
+  // Context-menu submenu flyouts are portaled to <body>, outside .App, so they don't inherit the
+  // inline --context-menu-opacity below. Mirror it onto the document root (like --dialog-opacity) so
+  // the flyout gets the exact same surface as the main menu — one class, one variable, both styled
+  // together by any future change.
+  useEffect(() => {
+    document.documentElement.style.setProperty(
+      "--context-menu-opacity",
+      String(settings.contextMenuOpacity),
+    );
+  }, [settings.contextMenuOpacity]);
+
   // Mirror the launch preference into localStorage so the next launch's (synchronous) tab
   // restoration can read it before settings.toml has finished loading.
   useEffect(() => {
@@ -225,6 +236,7 @@ const App = () => {
         dirContent: directory.dirContent,
         setDirContent: directory.setDirContent,
         accessDenied: directory.accessDenied,
+        loadError: directory.loadError,
         loadingDir: directory.loadingDir,
         view,
         setView,
@@ -261,6 +273,8 @@ const App = () => {
         toggleDragToExternalApps,
         previewImagesInApp: settings.previewImagesInApp,
         previewMarkdownInApp: settings.previewMarkdownInApp,
+        openPreviewInWindow: settings.openPreviewInWindow,
+        openPropertiesInWindow: settings.openPropertiesInWindow,
         remoteThumbnails: settings.remoteThumbnails,
         savingSettings,
         search: tabs.search,
@@ -279,49 +293,53 @@ const App = () => {
               {/* Inside HotkeyProvider so the confirm dialog's Escape-to-close (a MODAL-scope
                   hotkey) and modal-scope suppression actually register. */}
               <ConfirmProvider>
-                {/* Custom folder picker (vs native Finder dialog); inside HotkeyProvider/ModalProvider
+                {/* Archive compress/extract flows + options dialog. Inside ConfirmProvider so its
+                    dialog shares the same modal/hotkey scope. */}
+                <CompressProvider>
+                  {/* Custom folder picker (vs native Finder dialog); inside HotkeyProvider/ModalProvider
                   so its dialog gets MODAL-scope suppression and focus trapping like other dialogs. */}
-                <FolderPickerProvider
-                  useCustom={settings.useCustomFolderPicker}
-                >
-                  <FilePickerProvider
+                  <FolderPickerProvider
                     useCustom={settings.useCustomFolderPicker}
                   >
-                    <ShortcutHelpProvider>
-                      <SettingsProvider settings={settings} update={update}>
-                        <div
-                          className={classNames(
-                            "App",
-                            sidebar.collapsed && "collapsed",
-                          )}
-                          // Expanded-column width; the collapsed rule overrides it (see index.css).
-                          style={
-                            {
-                              "--sidebar-width": `${settings.sidebarWidth}px`,
-                              // Alpha of the context-menu background (see ContextMenu.css); menus are
-                              // descendants of .App, so they inherit this override.
-                              "--context-menu-opacity":
-                                settings.contextMenuOpacity,
-                              // Alpha of the preview controls pill (see Preview.css); the pill is a
-                              // descendant of .App, so it inherits this override.
-                              "--preview-controls-opacity":
-                                settings.previewControlsOpacity,
-                            } as CSSProperties
-                          }
-                        >
-                          <SideBar
-                            collapsed={sidebar.collapsed}
-                            onToggle={sidebar.toggle}
-                          />
-                          {!sidebar.collapsed && <SidebarResizeHandle />}
-                          <AppContent />
-                        </div>
-                      </SettingsProvider>
-                      <ShortcutsDialog />
-                      <ToastStack toasts={toasts} onDismiss={dismissToast} />
-                    </ShortcutHelpProvider>
-                  </FilePickerProvider>
-                </FolderPickerProvider>
+                    <FilePickerProvider
+                      useCustom={settings.useCustomFolderPicker}
+                    >
+                      <ShortcutHelpProvider>
+                        <SettingsProvider settings={settings} update={update}>
+                          <div
+                            className={classNames(
+                              "App",
+                              sidebar.collapsed && "collapsed",
+                            )}
+                            // Expanded-column width; the collapsed rule overrides it (see index.css).
+                            style={
+                              {
+                                "--sidebar-width": `${settings.sidebarWidth}px`,
+                                // Alpha of the context-menu background (see ContextMenu.css); menus are
+                                // descendants of .App, so they inherit this override.
+                                "--context-menu-opacity":
+                                  settings.contextMenuOpacity,
+                                // Alpha of the preview controls pill (see Preview.css); the pill is a
+                                // descendant of .App, so it inherits this override.
+                                "--preview-controls-opacity":
+                                  settings.previewControlsOpacity,
+                              } as CSSProperties
+                            }
+                          >
+                            <SideBar
+                              collapsed={sidebar.collapsed}
+                              onToggle={sidebar.toggle}
+                            />
+                            {!sidebar.collapsed && <SidebarResizeHandle />}
+                            <AppContent />
+                          </div>
+                        </SettingsProvider>
+                        <ShortcutsDialog />
+                        <ToastStack toasts={toasts} onDismiss={dismissToast} />
+                      </ShortcutHelpProvider>
+                    </FilePickerProvider>
+                  </FolderPickerProvider>
+                </CompressProvider>
               </ConfirmProvider>
             </HotkeyProvider>
           </KeymapProvider>
diff --git a/src/app/devErrorOverlay.ts b/src/app/devErrorOverlay.ts
index fe94c6dc..d762b425 100644
--- a/src/app/devErrorOverlay.ts
+++ b/src/app/devErrorOverlay.ts
@@ -52,18 +52,29 @@ const render = (): void => {
       : "  ·  app crashed — reload to recover");
   header.appendChild(title);
 
+  const actions = document.createElement("div");
+  actions.style.cssText = "display:flex;gap:8px;flex:0 0 auto;";
+  const buttonCss =
+    "background:#fff;color:#7a0010;border:0;border-radius:4px;padding:4px 12px;" +
+    "cursor:pointer;font:inherit;font-weight:600;";
+
+  const reload = document.createElement("button");
+  reload.textContent = "Reload";
+  reload.style.cssText = buttonCss;
+  reload.onclick = () => window.location.reload();
+  actions.appendChild(reload);
+
   if (recoverable) {
     const close = document.createElement("button");
     close.textContent = "Close";
-    close.style.cssText =
-      "background:#fff;color:#7a0010;border:0;border-radius:4px;padding:4px 12px;" +
-      "cursor:pointer;font:inherit;font-weight:600;";
+    close.style.cssText = buttonCss;
     close.onclick = () => {
       dismissed = true;
       removeOverlay();
     };
-    header.appendChild(close);
+    actions.appendChild(close);
   }
+  header.appendChild(actions);
   overlay.appendChild(header);
 
   const body = document.createElement("pre");
diff --git a/src/app/hooks/useDirectoryContents/useDirectoryContents.ts b/src/app/hooks/useDirectoryContents/useDirectoryContents.ts
index 127778b4..67207582 100644
--- a/src/app/hooks/useDirectoryContents/useDirectoryContents.ts
+++ b/src/app/hooks/useDirectoryContents/useDirectoryContents.ts
@@ -9,7 +9,6 @@ import {
   SSH_HOST_KEY_CHANGED,
 } from "@/shared/constants";
 import { isTagsPath, tagFromPath } from "@/shared/utils";
-import { notify, TOAST_TYPE } from "@/shared/toast";
 import { t } from "@/lang";
 
 import { ROUTES } from "../../routes";
@@ -33,6 +32,10 @@ export const useDirectoryContents = ({
   const [volumes, setVolumes] = useState<Volume[]>([]);
   const [dirContent, setDirContent] = useState<DirEntry[]>([]);
   const [accessDenied, setAccessDenied] = useState<boolean>(false);
+  // Human-readable reason the current listing failed (remote connect/auth errors), or null. Shown
+  // as a persistent notice in the directory view — a toast would vanish while the folder stays
+  // deceptively empty. Cleared by the next successful load.
+  const [loadError, setLoadError] = useState<string | null>(null);
   // True while a *navigation* is fetching the new folder and the old entries are still in state.
   // The directory view shows a spinner instead of the stale listing (matters for slow SFTP loads).
   // Set only by the path-change effect, never by refreshDir, so background refreshes don't flash it.
@@ -58,7 +61,13 @@ export const useDirectoryContents = ({
   // Read a directory, reporting whether the OS blocked it (Full Disk Access required, e.g. the
   // Trash). Kept free of setState so callers own state updates in their async callbacks.
   const loadDirectory = useCallback(
-    async (target: string): Promise<{ files: DirEntry[]; denied: boolean }> => {
+    async (
+      target: string,
+    ): Promise<{
+      files: DirEntry[];
+      denied: boolean;
+      error: string | null;
+    }> => {
       try {
         // Recents and tag views are virtual listings (Finder-style), not real folders to read.
         const files =
@@ -67,19 +76,19 @@ export const useDirectoryContents = ({
             : isTagsPath(target)
               ? await fs.findTagged(tagFromPath(target))
               : await fs.readDirectory(target);
-        return { files, denied: false };
+        return { files, denied: false, error: null };
       } catch (err) {
         const denied = String(err).includes(ACCESS_DENIED_ERROR);
         // Remote (SFTP) failures are opaque — connect/auth errors would otherwise show as a blank
-        // folder with no clue why. Surface them; a changed host key gets its own clear warning.
-        if (!denied && target.startsWith(SFTP_SCHEME))
-          notify(
-            String(err).includes(SSH_HOST_KEY_CHANGED)
+        // folder with no clue why. Surface them as a persistent notice in the directory view; a
+        // changed host key gets its own clear warning.
+        const error =
+          !denied && target.startsWith(SFTP_SCHEME)
+            ? String(err).includes(SSH_HOST_KEY_CHANGED)
               ? t.connections.hostKeyChanged
-              : t.connections.listError(String(err)),
-            TOAST_TYPE.ERROR,
-          );
-        return { files: [], denied };
+              : t.connections.listError(String(err))
+            : null;
+        return { files: [], denied, error };
       }
     },
     [fs, hideSystemRecents],
@@ -88,9 +97,10 @@ export const useDirectoryContents = ({
   // Reload the current view (used after filesystem operations like copy/move/rename/delete).
   const refreshDir = useCallback(() => {
     if (path === "") return fetchVolumes();
-    loadDirectory(path).then(({ files, denied }) => {
+    loadDirectory(path).then(({ files, denied, error }) => {
       setDirContent(files);
       setAccessDenied(denied);
+      setLoadError(error);
     });
   }, [loadDirectory, fetchVolumes, path]);
 
@@ -252,12 +262,13 @@ export const useDirectoryContents = ({
 
     // Guard against a stale load resolving after we've already navigated away: e.g. leaving the
     // Trash (slow, ends denied) for Recents would otherwise leave the access-denied notice up.
-    loadDirectoryRef.current(path).then(({ files, denied }) => {
+    loadDirectoryRef.current(path).then(({ files, denied, error }) => {
       if (cancelled) return;
       window.clearTimeout(spinnerTimer);
       setLoadingDir(false);
       setDirContent(files);
       setAccessDenied(denied);
+      setLoadError(error);
       markReady();
       if (locationRef.current !== ROUTES.directory && path !== "")
         navigateRef.current(ROUTES.directory);
@@ -275,6 +286,7 @@ export const useDirectoryContents = ({
     dirContent,
     setDirContent,
     accessDenied,
+    loadError,
     loadingDir,
     refreshDir,
     ready,
diff --git a/src/app/main.tsx b/src/app/main.tsx
index f04d43f0..393e09ea 100644
--- a/src/app/main.tsx
+++ b/src/app/main.tsx
@@ -3,6 +3,8 @@ import ReactDOM from "react-dom/client";
 import { BrowserRouter } from "react-router-dom";
 import { config } from "@fortawesome/fontawesome-svg-core";
 import App from "./App";
+import PreviewWindow from "@/features/directory/components/Preview/PreviewWindow";
+import PropertiesWindow from "@/features/directory/components/Properties/PropertiesWindow";
 
 // FontAwesome injects its sizing CSS at runtime by default. The production CSP
 // (default-src 'self', no inline styles) blocks that injection, so icons render
@@ -19,10 +21,29 @@ import { installDevErrorOverlay } from "./devErrorOverlay";
 // Dev-only full-screen error overlay (see devErrorOverlay); no-op in production builds.
 installDevErrorOverlay();
 
-ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
+// A `panel` query param marks a detached panel window (see window::create_preview_window /
+// create_properties_window): it renders only that surface for the file in `path` instead of the
+// full browser. Everything else is a normal browser window.
+const params = new URLSearchParams(window.location.search);
+const panel = params.get("panel");
+const panelTarget = params.get("path") ?? "";
+
+const panelApp =
+  panel === "preview" ? (
+    <PreviewWindow target={panelTarget} />
+  ) : panel === "properties" ? (
+    <PropertiesWindow target={panelTarget} />
+  ) : null;
+
+const root = ReactDOM.createRoot(
+  document.getElementById("root") as HTMLElement,
+);
+root.render(
   <React.StrictMode>
-    <BrowserRouter>
-      <App />
-    </BrowserRouter>
+    {panelApp ?? (
+      <BrowserRouter>
+        <App />
+      </BrowserRouter>
+    )}
   </React.StrictMode>,
 );
diff --git a/src/features/connections/components/ConnectionAuthDialog/ConnectionAuthDialog.tsx b/src/features/connections/components/ConnectionAuthDialog/ConnectionAuthDialog.tsx
index 434d6215..e29b4602 100644
--- a/src/features/connections/components/ConnectionAuthDialog/ConnectionAuthDialog.tsx
+++ b/src/features/connections/components/ConnectionAuthDialog/ConnectionAuthDialog.tsx
@@ -4,8 +4,8 @@ import Dialog from "@/shared/components/patterns/Dialog";
 import DialogHeader from "@/shared/components/patterns/DialogHeader";
 import DialogActions from "@/shared/components/patterns/DialogActions";
 import Button from "@/shared/components/elements/Button";
+import PasswordInput from "@/shared/components/patterns/PasswordInput";
 import { useCloseOnEscape } from "@/shared/hooks/useCloseOnEscape";
-import { classNames } from "@/shared/utils";
 import { t } from "@/lang";
 
 import "@/styles/components/ConnectionDialog.css";
@@ -84,8 +84,7 @@ const ConnectionAuthDialog = ({
 
         <label className="connection_field">
           <span>{t.connections.authSecret}</span>
-          <input
-            type="password"
+          <PasswordInput
             autoFocus
             value={secret}
             placeholder={t.connections.optional}
@@ -100,11 +99,7 @@ const ConnectionAuthDialog = ({
           <Button type="button" onClick={onClose}>
             {t.common.cancel}
           </Button>
-          <Button
-            type="submit"
-            className={classNames("connection_submit", busy && "disabled")}
-            disabled={busy}
-          >
+          <Button type="submit" className="primary" disabled={busy}>
             {t.connections.retry}
           </Button>
         </DialogActions>
diff --git a/src/features/connections/components/ConnectionDialog/ConnectionDialog.tsx b/src/features/connections/components/ConnectionDialog/ConnectionDialog.tsx
index 7b2a45c8..c84a27a1 100644
--- a/src/features/connections/components/ConnectionDialog/ConnectionDialog.tsx
+++ b/src/features/connections/components/ConnectionDialog/ConnectionDialog.tsx
@@ -4,6 +4,9 @@ import Dialog from "@/shared/components/patterns/Dialog";
 import DialogHeader from "@/shared/components/patterns/DialogHeader";
 import DialogActions from "@/shared/components/patterns/DialogActions";
 import Button from "@/shared/components/elements/Button";
+import TextInput from "@/shared/components/elements/TextInput";
+import Select from "@/shared/components/elements/Select";
+import PasswordInput from "@/shared/components/patterns/PasswordInput";
 import { useCloseOnEscape } from "@/shared/hooks/useCloseOnEscape";
 import type { NewConnection } from "@/shared/services/api";
 import { classNames } from "@/shared/utils";
@@ -56,8 +59,8 @@ const ConnectionDialog = ({
       setHost(initial?.host ?? "");
       setPort(String(initial?.port ?? SSH_DEFAULT_PORT));
       setUser(initial?.user ?? "");
-      setAuthKind(AUTH_KIND.AGENT);
-      setKeyPath("");
+      setAuthKind(initial?.keyPath ? AUTH_KIND.KEY : AUTH_KIND.AGENT);
+      setKeyPath(initial?.keyPath ?? "");
       setKeyPassphrase("");
       setPassword("");
       setBusy(false);
@@ -84,7 +87,9 @@ const ConnectionDialog = ({
       port: parsedPort,
       user: user.trim(),
       keyPath:
-        authKind === AUTH_KIND.KEY && keyPath.trim() ? keyPath.trim() : undefined,
+        authKind === AUTH_KIND.KEY && keyPath.trim()
+          ? keyPath.trim()
+          : undefined,
       keyPassphrase:
         authKind === AUTH_KIND.KEY && keyPassphrase ? keyPassphrase : undefined,
       password:
@@ -122,7 +127,7 @@ const ConnectionDialog = ({
       >
         <label className="connection_field">
           <span>{t.connections.fieldName}</span>
-          <input
+          <TextInput
             autoFocus
             value={name}
             placeholder={t.connections.fieldNamePlaceholder}
@@ -132,7 +137,7 @@ const ConnectionDialog = ({
 
         <label className="connection_field">
           <span>{t.connections.fieldHost}</span>
-          <input
+          <TextInput
             value={host}
             placeholder={t.connections.fieldHostPlaceholder}
             onChange={(event) => setHost(event.target.value)}
@@ -142,7 +147,7 @@ const ConnectionDialog = ({
         <div className="connection_row">
           <label className="connection_field connection_field_user">
             <span>{t.connections.fieldUser}</span>
-            <input
+            <TextInput
               value={user}
               placeholder={t.connections.fieldUserPlaceholder}
               onChange={(event) => setUser(event.target.value)}
@@ -150,7 +155,7 @@ const ConnectionDialog = ({
           </label>
           <label className="connection_field connection_field_port">
             <span>{t.connections.fieldPort}</span>
-            <input
+            <TextInput
               type="number"
               min={1}
               max={65535}
@@ -162,8 +167,7 @@ const ConnectionDialog = ({
 
         <label className="connection_field">
           <span>{t.connections.fieldAuth}</span>
-          <select
-            className="connection_select"
+          <Select
             value={authKind}
             onChange={(event) => setAuthKind(event.target.value as AuthKind)}
           >
@@ -172,14 +176,14 @@ const ConnectionDialog = ({
             <option value={AUTH_KIND.PASSWORD}>
               {t.connections.authPassword}
             </option>
-          </select>
+          </Select>
         </label>
 
         {authKind === AUTH_KIND.KEY && (
           <>
             <label className="connection_field">
               <span>{t.connections.fieldKeyPath}</span>
-              <input
+              <TextInput
                 value={keyPath}
                 placeholder={t.connections.fieldKeyPathPlaceholder}
                 onChange={(event) => setKeyPath(event.target.value)}
@@ -187,8 +191,7 @@ const ConnectionDialog = ({
             </label>
             <label className="connection_field">
               <span>{t.connections.fieldKeyPassphrase}</span>
-              <input
-                type="password"
+              <PasswordInput
                 value={keyPassphrase}
                 placeholder={t.connections.optional}
                 onChange={(event) => setKeyPassphrase(event.target.value)}
@@ -200,8 +203,7 @@ const ConnectionDialog = ({
         {authKind === AUTH_KIND.PASSWORD && (
           <label className="connection_field">
             <span>{t.connections.fieldPassword}</span>
-            <input
-              type="password"
+            <PasswordInput
               value={password}
               onChange={(event) => setPassword(event.target.value)}
             />
@@ -217,7 +219,7 @@ const ConnectionDialog = ({
           </Button>
           <Button
             type="submit"
-            className={classNames("connection_submit", !canSubmit && "disabled")}
+            className={classNames("primary", !canSubmit && "disabled")}
             disabled={!canSubmit}
           >
             {editing ? t.connections.save : t.connections.create}
diff --git a/src/features/directory/Directory.tsx b/src/features/directory/Directory.tsx
index 5390ea2f..46b83233 100644
--- a/src/features/directory/Directory.tsx
+++ b/src/features/directory/Directory.tsx
@@ -14,19 +14,8 @@ import {
   RECENTS,
   DRAG_DROP_ACTION,
 } from "@/shared/constants";
-import {
-  ENTRY_KIND,
-  CLIPBOARD_MODE,
-  IMAGE_FORMATS,
-  MARKDOWN_FORMAT,
-} from "@/features/directory/constants";
-import {
-  classNames,
-  isTagsPath,
-  basename,
-  dirname,
-  extension,
-} from "@/shared/utils";
+import { ENTRY_KIND, CLIPBOARD_MODE } from "@/features/directory/constants";
+import { classNames, isTagsPath, basename, dirname } from "@/shared/utils";
 import { notify, TOAST_TYPE } from "@/shared/toast";
 import { t } from "@/lang";
 import { DirEntry } from "@/shared/models";
@@ -50,6 +39,7 @@ import Switcher from "@/shared/components/elements/Switcher";
 import ListHeader from "./components/ListHeader";
 import EntriesView from "./components/EntriesView";
 import AccessDeniedNotice from "./components/AccessDeniedNotice";
+import RemoteErrorNotice from "./components/RemoteErrorNotice";
 import EntryContextMenu from "./components/EntryContextMenu";
 import StatusBar from "./components/StatusBar";
 import TypeaheadPopup from "./components/TypeaheadPopup";
@@ -69,6 +59,7 @@ const Directory = () => {
     view,
     search,
     accessDenied,
+    loadError,
     loadingDir,
     zoom,
     savingSettings,
@@ -76,8 +67,6 @@ const Directory = () => {
     confirmDragDrop,
     toggleConfirmDragDrop,
     dragToExternalApps,
-    previewImagesInApp,
-    previewMarkdownInApp,
     infoPanelOpen,
   } = useStateContext();
 
@@ -106,6 +95,7 @@ const Directory = () => {
     searching,
     revealID,
     clearRevealID,
+    openFile,
   } = useDirectory();
 
   // A modal dialog owns the keyboard while open. Keymap actions are already suppressed by the
@@ -206,34 +196,6 @@ const Directory = () => {
   // Browsing the system Trash (~/.Trash): entries offer Restore instead of Move-to-Trash.
   const inTrash = path.endsWith(`/${TRASH_DIR_NAME}`);
 
-  // Open a file: images/markdown go to the in-app preview when their setting is on, everything
-  // else (and those when it's off) opens in the OS default app. Shared by Enter (below) and
-  // double-click (DirEntry via onOpenFile) so both honour the setting.
-  const openFile = useCallback(
-    async (entry: DirEntry) => {
-      const ext = extension(entry.name);
-      const inApp =
-        (previewImagesInApp && IMAGE_FORMATS.includes(ext)) ||
-        (previewMarkdownInApp && ext === MARKDOWN_FORMAT);
-      // In-app preview keeps the real (possibly remote) path so prev/next works over the folder's
-      // entries; the Preview panel downloads a remote file to the cache itself. Opening in the OS
-      // app needs a local path now, so materialize first (read-only — see SSH_PLAN.md phase 3a).
-      if (inApp) {
-        preview.open(entry.path);
-        return;
-      }
-      try {
-        // TODO(SSH_PLAN.md §9): opening a remote file in an external OS app edits only the local
-        // cache copy — changes are NOT pushed back to the server. Would need to watch the temp and
-        // re-upload on change. The in-app markdown editor does save back (see useMarkdownPreview).
-        fs.open(await fs.materialize(entry.path));
-      } catch (err) {
-        notify(t.connections.openError(String(err)), TOAST_TYPE.ERROR);
-      }
-    },
-    [previewImagesInApp, previewMarkdownInApp, preview, fs],
-  );
-
   const handleKeyboardOpen = useCallback(
     (entry: DirEntry) =>
       entry.metadata.isDir ? setPath(entry.path) : openFile(entry),
@@ -308,6 +270,7 @@ const Directory = () => {
     enabled: !preview.visible && !properties.visible,
     selectedIDs,
     onCopy: fileOps.copy,
+    onCopyPath: fileOps.copyPath,
     onCut: fileOps.cut,
     onPaste: fileOps.paste,
     onUndo: fileOps.undo,
@@ -344,6 +307,10 @@ const Directory = () => {
   const showLoader =
     !accessDenied && (loadingDir || (searching && sorted.length === 0));
 
+  // A failed remote load shows a persistent notice instead of a deceptively empty listing. The
+  // loader wins while a retry is in flight.
+  const showLoadError = !accessDenied && !showLoader && !!loadError;
+
   return (
     <div
       className="directory_page"
@@ -382,6 +349,10 @@ const Directory = () => {
       >
         {accessDenied && <AccessDeniedNotice />}
 
+        {showLoadError && (
+          <RemoteErrorNotice error={loadError!} retry={refreshDir} />
+        )}
+
         {!accessDenied && isNtfsReadOnly && (
           <NtfsNotice recheck={recheckWritability} />
         )}
@@ -408,7 +379,7 @@ const Directory = () => {
           </div>
         )}
 
-        {!accessDenied && !showLoader && (
+        {!accessDenied && !showLoader && !showLoadError && (
           <EntriesView
             key={searchActive ? "search" : path}
             entries={sorted}
diff --git a/src/features/directory/actions/compress.ts b/src/features/directory/actions/compress.ts
new file mode 100644
index 00000000..f3554655
--- /dev/null
+++ b/src/features/directory/actions/compress.ts
@@ -0,0 +1,45 @@
+import { faFileZipper } from "@fortawesome/free-solid-svg-icons";
+
+import { t } from "@/lang";
+
+import { ENTRY_ACTION } from "./constants";
+import type { EntryAction, EntryActionSubItem } from "./types";
+
+// Compress the selected entries into an archive. Opens a submenu of target formats: .zip always
+// (pure-Rust), plus .7z when a 7-Zip binary is on PATH. Picking a format opens the compress dialog
+// (name + level + password) via onCompress, which does the work and toasts the result.
+export const compressAction: EntryAction = {
+  id: ENTRY_ACTION.COMPRESS,
+  label: () => t.contextMenu.compress,
+  icon: faFileZipper,
+  submenu: ({
+    targets,
+    onCompress,
+    onClose,
+    sevenzipAvailable,
+  }): EntryActionSubItem[] => {
+    const items: EntryActionSubItem[] = [
+      {
+        key: "zip",
+        label: t.archive.toZip,
+        icon: faFileZipper,
+        onClick: () => {
+          onClose();
+          onCompress(targets, "zip");
+        },
+      },
+    ];
+    if (sevenzipAvailable) {
+      items.push({
+        key: "7z",
+        label: t.archive.to7z,
+        icon: faFileZipper,
+        onClick: () => {
+          onClose();
+          onCompress(targets, "7z");
+        },
+      });
+    }
+    return items;
+  },
+};
diff --git a/src/features/directory/actions/constants.ts b/src/features/directory/actions/constants.ts
index 3d747e6c..cfcbb2b4 100644
--- a/src/features/directory/actions/constants.ts
+++ b/src/features/directory/actions/constants.ts
@@ -6,6 +6,7 @@ export const ENTRY_ACTION = {
   OPEN_IN_TERMINAL: "open_in_terminal",
   PREVIEW: "preview",
   COPY: "copy",
+  COPY_PATH: "copy_path",
   CUT: "cut",
   PASTE: "paste",
   RENAME: "rename",
@@ -13,6 +14,9 @@ export const ENTRY_ACTION = {
   RESTORE: "restore",
   DESTROY: "destroy",
   PROPERTIES: "properties",
+  COMPRESS: "compress",
+  EXTRACT: "extract",
+  EXTRACT_TO_FOLDER: "extract_to_folder",
   SORT_BY: "sort_by",
   TOGGLE_HIDDEN: "toggle_hidden",
 } as const;
diff --git a/src/features/directory/actions/copyPath.ts b/src/features/directory/actions/copyPath.ts
new file mode 100644
index 00000000..cce24241
--- /dev/null
+++ b/src/features/directory/actions/copyPath.ts
@@ -0,0 +1,19 @@
+import { faClipboard } from "@fortawesome/free-solid-svg-icons";
+
+import { KEYMAP_ACTION } from "@/shared/keymap";
+import { t } from "@/lang";
+
+import { ENTRY_ACTION } from "./constants";
+import type { EntryAction } from "./types";
+
+// Copy the targets' filesystem path(s) to the OS clipboard (one per line for a multi-selection).
+export const copyPathAction: EntryAction = {
+  id: ENTRY_ACTION.COPY_PATH,
+  label: () => t.contextMenu.copyPath,
+  icon: faClipboard,
+  keymapAction: KEYMAP_ACTION.COPY_PATH,
+  run: ({ fileOps, targets, onClose }) => {
+    fileOps.copyPath(targets);
+    onClose();
+  },
+};
diff --git a/src/features/directory/actions/extract.ts b/src/features/directory/actions/extract.ts
new file mode 100644
index 00000000..a38930c8
--- /dev/null
+++ b/src/features/directory/actions/extract.ts
@@ -0,0 +1,21 @@
+import { faBoxOpen } from "@fortawesome/free-solid-svg-icons";
+
+import { t } from "@/lang";
+
+import { ENTRY_ACTION } from "./constants";
+import type { EntryAction } from "./types";
+
+// "Extract Here": drop the archive's top-level entries directly beside it — a single-file archive
+// yields just that file, a folder archive yields just that folder (mirroring what was compressed).
+// Shown only for archive file types (see [file_type.archive] in context_menu.toml). Acts on the
+// single clicked entry; hidden on multi-select.
+export const extractAction: EntryAction = {
+  id: ENTRY_ACTION.EXTRACT,
+  label: () => t.contextMenu.extract,
+  icon: faBoxOpen,
+  multiple: false,
+  run: ({ elementId, onExtract, onClose }) => {
+    onClose();
+    onExtract(elementId);
+  },
+};
diff --git a/src/features/directory/actions/extractToFolder.ts b/src/features/directory/actions/extractToFolder.ts
new file mode 100644
index 00000000..cc1aab6b
--- /dev/null
+++ b/src/features/directory/actions/extractToFolder.ts
@@ -0,0 +1,20 @@
+import { faFolderOpen } from "@fortawesome/free-solid-svg-icons";
+
+import { t } from "@/lang";
+
+import { ENTRY_ACTION } from "./constants";
+import type { EntryAction } from "./types";
+
+// "Extract to Folder": always wrap the output in a new subfolder beside the archive, named after it
+// (the classic behaviour). Counterpart to [extractAction] ("Extract Here"). Shown only for archive
+// file types; single-select only.
+export const extractToFolderAction: EntryAction = {
+  id: ENTRY_ACTION.EXTRACT_TO_FOLDER,
+  label: () => t.contextMenu.extractToFolder,
+  icon: faFolderOpen,
+  multiple: false,
+  run: ({ elementId, onExtractToFolder, onClose }) => {
+    onClose();
+    onExtractToFolder(elementId);
+  },
+};
diff --git a/src/features/directory/actions/index.ts b/src/features/directory/actions/index.ts
index 78060f0d..7fd644d9 100644
--- a/src/features/directory/actions/index.ts
+++ b/src/features/directory/actions/index.ts
@@ -25,5 +25,7 @@ export { trashAction } from "./trash";
 export { restoreAction } from "./restore";
 export { destroyAction } from "./destroy";
 export { propertiesAction } from "./properties";
+export { compressAction } from "./compress";
+export { extractAction } from "./extract";
 export { sortByAction } from "./sortBy";
 export { toggleHiddenAction } from "./toggleHidden";
diff --git a/src/features/directory/actions/open.ts b/src/features/directory/actions/open.ts
index ebb4bdfe..21bc9284 100644
--- a/src/features/directory/actions/open.ts
+++ b/src/features/directory/actions/open.ts
@@ -8,18 +8,37 @@ import { t } from "@/lang";
 import { ENTRY_ACTION } from "./constants";
 import type { EntryAction } from "./types";
 
-// Open a file with the OS default app, or navigate into a directory. Bound to Enter via
-// keyboard nav (fixed, not user-configurable), so its glyph is hardcoded.
+// Open a file — in the built-in preview when its type + settings route it there, otherwise the OS
+// default app — or navigate into a directory. Bound to Enter via keyboard nav (fixed, not
+// user-configurable), so its glyph is hardcoded.
 export const openAction: EntryAction = {
   id: ENTRY_ACTION.OPEN,
   label: () => t.contextMenu.open,
   icon: faArrowUpRightFromSquare,
   hotkey: formatBinding({ keys: [KEY.ENTER] }),
-  run: async ({ fs, elementId, elementType, setPath, onClose }) => {
+  run: async ({
+    fs,
+    elementId,
+    elementType,
+    setPath,
+    onClose,
+    onPreview,
+    opensInAppPreview,
+  }) => {
     onClose();
+    if (elementType === ENTRY_KIND.DIRECTORY) {
+      setPath(elementId);
+      return;
+    }
+    // Images/markdown open in the built-in preview when their setting is on (in-app or its own
+    // window, decided by onPreview); everything else opens in the OS default app. Mirrors the
+    // directory open flow so Enter, double-click, the context menu and the quick bar all agree.
+    if (opensInAppPreview) {
+      onPreview(elementId);
+      return;
+    }
     // Remote (sftp://) files download to the cache first so the OS app opens a local copy
     // (read-only — see SSH_PLAN.md); local paths pass through unchanged.
-    if (elementType === ENTRY_KIND.FILE) fs.open(await fs.materialize(elementId));
-    else if (elementType === ENTRY_KIND.DIRECTORY) setPath(elementId);
+    fs.open(await fs.materialize(elementId));
   },
 };
diff --git a/src/features/directory/actions/preview.ts b/src/features/directory/actions/preview.ts
index 9a6beedd..14c7b67c 100644
--- a/src/features/directory/actions/preview.ts
+++ b/src/features/directory/actions/preview.ts
@@ -11,6 +11,8 @@ export const previewAction: EntryAction = {
   id: ENTRY_ACTION.PREVIEW,
   label: () => t.common.preview,
   icon: faEye,
+  // Redundant when opening the entry already launches the in-app preview — hide it then.
+  isVisible: ({ opensInAppPreview }) => !opensInAppPreview,
   run: ({ elementId, onPreview, onClose }) => {
     onPreview(elementId);
     onClose();
diff --git a/src/features/directory/actions/registry.ts b/src/features/directory/actions/registry.ts
index 14bc541a..d4fcdc39 100644
--- a/src/features/directory/actions/registry.ts
+++ b/src/features/directory/actions/registry.ts
@@ -6,6 +6,7 @@ import { openAction } from "./open";
 import { openInTerminalAction } from "./openInTerminal";
 import { previewAction } from "./preview";
 import { copyAction } from "./copy";
+import { copyPathAction } from "./copyPath";
 import { cutAction } from "./cut";
 import { pasteAction } from "./paste";
 import { renameAction } from "./rename";
@@ -13,6 +14,9 @@ import { trashAction } from "./trash";
 import { restoreAction } from "./restore";
 import { destroyAction } from "./destroy";
 import { propertiesAction } from "./properties";
+import { compressAction } from "./compress";
+import { extractAction } from "./extract";
+import { extractToFolderAction } from "./extractToFolder";
 import { sortByAction } from "./sortBy";
 import { toggleHiddenAction } from "./toggleHidden";
 
@@ -23,6 +27,7 @@ export const ENTRY_ACTIONS: Record<EntryActionId, EntryAction> = {
   [ENTRY_ACTION.OPEN_IN_TERMINAL]: openInTerminalAction,
   [ENTRY_ACTION.PREVIEW]: previewAction,
   [ENTRY_ACTION.COPY]: copyAction,
+  [ENTRY_ACTION.COPY_PATH]: copyPathAction,
   [ENTRY_ACTION.CUT]: cutAction,
   [ENTRY_ACTION.PASTE]: pasteAction,
   [ENTRY_ACTION.RENAME]: renameAction,
@@ -30,6 +35,9 @@ export const ENTRY_ACTIONS: Record<EntryActionId, EntryAction> = {
   [ENTRY_ACTION.RESTORE]: restoreAction,
   [ENTRY_ACTION.DESTROY]: destroyAction,
   [ENTRY_ACTION.PROPERTIES]: propertiesAction,
+  [ENTRY_ACTION.COMPRESS]: compressAction,
+  [ENTRY_ACTION.EXTRACT]: extractAction,
+  [ENTRY_ACTION.EXTRACT_TO_FOLDER]: extractToFolderAction,
   [ENTRY_ACTION.SORT_BY]: sortByAction,
   [ENTRY_ACTION.TOGGLE_HIDDEN]: toggleHiddenAction,
 };
diff --git a/src/features/directory/actions/types.ts b/src/features/directory/actions/types.ts
index b1d37884..cfeef0bf 100644
--- a/src/features/directory/actions/types.ts
+++ b/src/features/directory/actions/types.ts
@@ -5,6 +5,7 @@ import type { EntryKind, SortKey } from "@/features/directory/constants";
 import type { FileSystemManager } from "@/shared/managers/FileSystemManager";
 import type { KeymapAction } from "@/shared/keymap";
 import type { Sort } from "@/features/directory/sort";
+import type { ArchiveFormat } from "@/shared/providers/CompressProvider";
 
 import type { EntryActionId } from "./constants";
 
@@ -12,6 +13,7 @@ import type { EntryActionId } from "./constants";
 // the generic actions need). Kept narrow so actions don't depend on the whole hook.
 export type FileActions = {
   copy: (targets: string[]) => void;
+  copyPath: (targets: string[]) => void;
   cut: (targets: string[]) => void;
   paste: () => Promise<void>;
   remove: (targets: string[]) => Promise<void>;
@@ -38,6 +40,15 @@ export type EntryActionContext = {
     id: string,
     isCurrentDirectory: boolean,
   ) => void | Promise<void>;
+  // Compress the given targets into an archive in the given format (opens the compress-options
+  // dialog). Defaults to zip.
+  onCompress: (targets: string[], format?: ArchiveFormat) => void;
+  // Whether a 7-Zip binary is available (gates the "To 7z" submenu entry).
+  sevenzipAvailable: boolean;
+  // Extract an archive's top-level entries directly beside it ("Extract Here").
+  onExtract: (archivePath: string) => void;
+  // Extract an archive into a new subfolder beside it, named after the archive ("Extract to Folder").
+  onExtractToFolder: (archivePath: string) => void;
   // Current per-folder sort and the setter (toggles direction when the same key is chosen).
   // Used by the sort_by submenu action.
   sort: Sort;
@@ -45,6 +56,9 @@ export type EntryActionContext = {
   // Global "show hidden entries" toggle (dotfiles), used by the toggle_hidden action.
   showHidden: boolean;
   toggleShowHidden: () => void;
+  // Whether opening the clicked entry already launches the in-app preview (per the preview-in-app
+  // settings + its type). Used to hide the redundant Preview action when Open == preview.
+  opensInAppPreview: boolean;
 };
 
 // One row inside an action's submenu (e.g. the sort keys under "Sort By"). A check marks the
@@ -75,6 +89,10 @@ export type EntryAction = {
   // Whether the action makes sense for more than one target. When false (e.g. rename), it is
   // hidden once multiple entries are selected. Defaults to true.
   multiple?: boolean;
+  // Context-dependent visibility: when it returns false the action is omitted entirely (not just
+  // disabled) from the menu and quick bar — e.g. Preview when Open already opens the in-app
+  // preview. Absent means always visible (subject to the `multiple` rule).
+  isVisible?: (ctx: EntryActionContext) => boolean;
   // Whether the action is runnable in the given context (e.g. paste needs a clipboard).
   // Absent means always enabled.
   isEnabled?: (ctx: EntryActionContext) => boolean;
diff --git a/src/features/directory/actions/utils.ts b/src/features/directory/actions/utils.ts
index e42a0f2a..b9ba2dec 100644
--- a/src/features/directory/actions/utils.ts
+++ b/src/features/directory/actions/utils.ts
@@ -23,8 +23,11 @@ export const resolveActionIds = (
 };
 
 // Whether an action should be shown in the current context. Single-target actions (multiple
-// === false, e.g. rename) are hidden once more than one entry is selected.
+// === false, e.g. rename) are hidden once more than one entry is selected; an action's own
+// isVisible predicate (e.g. Preview when Open already previews) can hide it too.
 export const isActionVisible = (
   action: EntryAction,
   ctx: EntryActionContext,
-): boolean => action.multiple !== false || ctx.targets.length <= 1;
+): boolean =>
+  (action.multiple !== false || ctx.targets.length <= 1) &&
+  (action.isVisible ? action.isVisible(ctx) : true);
diff --git a/src/features/directory/components/AudioPreview/AudioPreview.tsx b/src/features/directory/components/AudioPreview/AudioPreview.tsx
index 6f6eccbe..b5b6429d 100644
--- a/src/features/directory/components/AudioPreview/AudioPreview.tsx
+++ b/src/features/directory/components/AudioPreview/AudioPreview.tsx
@@ -3,6 +3,7 @@ import { convertFileSrc } from "@tauri-apps/api/core";
 import IconButton, {
   ICON_BUTTON_SIZE,
 } from "@/shared/components/elements/IconButton";
+import Slider from "@/shared/components/elements/Slider";
 import {
   SPACE_HOTKEY,
   useHotkey,
@@ -93,8 +94,7 @@ const AudioPreview = ({ isVisible, filePath }: AudioPreviewProps) => {
       />
       <div className="progress">
         <span className="currentTime">{formatTime(progress)}</span>
-        <input
-          type="range"
+        <Slider
           min={0}
           max={duration}
           value={progress}
@@ -114,8 +114,7 @@ const AudioPreview = ({ isVisible, filePath }: AudioPreviewProps) => {
             isVolumeVisible && "visible",
           )}
         >
-          <input
-            type="range"
+          <Slider
             min={0}
             max={100}
             value={volume}
diff --git a/src/features/directory/components/DirEntry/DirEntry.tsx b/src/features/directory/components/DirEntry/DirEntry.tsx
index 88bfb99d..1d9ade15 100644
--- a/src/features/directory/components/DirEntry/DirEntry.tsx
+++ b/src/features/directory/components/DirEntry/DirEntry.tsx
@@ -14,6 +14,7 @@ import {
   SVG_FORMAT,
 } from "@/features/directory/constants";
 import Tooltip from "@/shared/components/elements/Tooltip";
+import TextInput from "@/shared/components/elements/TextInput";
 import { SFTP_SCHEME } from "@/shared/constants";
 import { t } from "@/lang";
 
@@ -85,11 +86,12 @@ const DirEntryItemComponent = ({
     if (renaming) itemRef.current?.scrollIntoView({ block: "nearest" });
   }, [renaming]);
 
-  // Split extension from the file name.
-  const name = entry.metadata.isFile ? entry.name.split(".")[0] : entry.name;
-  const extension = entry.metadata.isFile
-    ? entry.name.split(".")[entry.name.split(".").length - 1]
-    : "";
+  // Split the extension off at the LAST dot, so "settings.toml copy.zip" keeps its full stem and
+  // only ".zip" is the extension. A leading dot (dotfile) or no dot means no extension.
+  const lastDot = entry.name.lastIndexOf(".");
+  const hasExtension = entry.metadata.isFile && lastDot > 0;
+  const name = hasExtension ? entry.name.slice(0, lastDot) : entry.name;
+  const extension = hasExtension ? entry.name.slice(lastDot + 1) : "";
 
   const ext = extension.toLowerCase().trim();
   const isImage = entry.metadata.isFile && IMAGE_FORMATS.includes(ext);
@@ -127,7 +129,8 @@ const DirEntryItemComponent = ({
   );
 
   const renameInput = (
-    <input
+    <TextInput
+      unstyled
       ref={renameInputRef}
       className="rename_input"
       defaultValue={entry.name}
diff --git a/src/features/directory/components/EntryContextMenu/EntryContextMenu.tsx b/src/features/directory/components/EntryContextMenu/EntryContextMenu.tsx
index 156a7390..d776648a 100644
--- a/src/features/directory/components/EntryContextMenu/EntryContextMenu.tsx
+++ b/src/features/directory/components/EntryContextMenu/EntryContextMenu.tsx
@@ -17,7 +17,10 @@ import {
   type EntryActionContext,
   type EntryActionId,
 } from "../../actions";
+import { opensInAppPreview } from "../../constants";
 import { useContextMenuLayout } from "../../hooks/useContextMenuLayout";
+import { useArchiveActions } from "../../hooks/useArchiveActions";
+import { useSevenzipAvailable } from "@/shared/hooks/useSevenzipAvailable";
 import { useDirectory } from "../../providers/DirectoryProvider";
 
 import type { EntryContextMenuProps } from "./types";
@@ -40,7 +43,17 @@ const EntryContextMenu = ({
   onPreview,
   onProperties,
 }: EntryContextMenuProps) => {
-  const { fs, setPath, showHidden, toggleShowHidden } = useStateContext();
+  const {
+    fs,
+    setPath,
+    showHidden,
+    toggleShowHidden,
+    previewImagesInApp,
+    previewMarkdownInApp,
+  } = useStateContext();
+  const { onCompress, onExtract, onExtractToFolder } =
+    useArchiveActions(fileOps);
+  const sevenzipAvailable = useSevenzipAvailable();
   const { sort, handleSort } = useDirectory();
   const { keymap } = useKeymap();
   const layout = useContextMenuLayout();
@@ -62,10 +75,19 @@ const EntryContextMenu = ({
     onStartRename,
     onPreview,
     onProperties,
+    onCompress,
+    onExtract,
+    onExtractToFolder,
+    sevenzipAvailable,
     sort,
     onSort: handleSort,
     showHidden,
     toggleShowHidden,
+    opensInAppPreview: opensInAppPreview(
+      fileExtension.toLowerCase(),
+      previewImagesInApp,
+      previewMarkdownInApp,
+    ),
   };
 
   const actionIds = resolveActionIds(layout, {
diff --git a/src/features/directory/components/EntryContextMenu/TagPicker.tsx b/src/features/directory/components/EntryContextMenu/TagPicker.tsx
index 9eb97d0c..8d6c2a56 100644
--- a/src/features/directory/components/EntryContextMenu/TagPicker.tsx
+++ b/src/features/directory/components/EntryContextMenu/TagPicker.tsx
@@ -2,7 +2,9 @@ import { useEffect, useState } from "react";
 
 import { faCheck, faMinus } from "@fortawesome/free-solid-svg-icons";
 
+import Button from "@/shared/components/elements/Button";
 import Icon from "@/shared/components/elements/Icon";
+import TextInput from "@/shared/components/elements/TextInput";
 import { classNames } from "@/shared/utils";
 import { KEY, TAG_COLOR } from "@/shared/constants";
 import { TAG_PICKER_COLORS } from "@/features/directory/constants";
@@ -94,9 +96,9 @@ export const TagPicker = ({ targets, onClose }: TagPickerProps) => {
             current.some((tag) => tag.color === index),
           );
           return (
-            <button
+            <Button
               key={index}
-              type="button"
+              unstyled
               className={classNames(
                 "tag_swatch",
                 colorClass,
@@ -120,8 +122,8 @@ export const TagPicker = ({ targets, onClose }: TagPickerProps) => {
             );
             return (
               <li key={tag.name}>
-                <button
-                  type="button"
+                <Button
+                  unstyled
                   className={classNames(
                     "tag_list_item",
                     cover !== TAG_COVERAGE.NONE && "checked",
@@ -136,14 +138,14 @@ export const TagPicker = ({ targets, onClose }: TagPickerProps) => {
                     ) : null}
                   </span>
                   {tag.name}
-                </button>
+                </Button>
               </li>
             );
           })}
         </ul>
       )}
 
-      <input
+      <TextInput
         className="tag_input"
         placeholder={t.tags.add}
         value={draft}
diff --git a/src/features/directory/components/EntryContextMenu/types.ts b/src/features/directory/components/EntryContextMenu/types.ts
index 3ebf9a3f..4270dde6 100644
--- a/src/features/directory/components/EntryContextMenu/types.ts
+++ b/src/features/directory/components/EntryContextMenu/types.ts
@@ -4,11 +4,17 @@ import type { EntryKind } from "@/features/directory/constants";
 
 export type FileOps = {
   copy: (targets: string[]) => void;
+  copyPath: (targets: string[]) => void;
   cut: (targets: string[]) => void;
   remove: (targets: string[]) => Promise<void>;
   removePermanently: (targets: string[]) => Promise<void>;
   restore: (targets: string[]) => Promise<void>;
   paste: () => Promise<void>;
+  compress: (
+    targets: string[],
+    options: { name: string; level: number },
+  ) => Promise<void>;
+  extract: (archivePath: string) => Promise<void>;
 };
 
 export type EntryContextMenuProps = {
diff --git a/src/features/directory/components/ListHeader/ListHeader.tsx b/src/features/directory/components/ListHeader/ListHeader.tsx
index bda3ae2a..d92deb98 100644
--- a/src/features/directory/components/ListHeader/ListHeader.tsx
+++ b/src/features/directory/components/ListHeader/ListHeader.tsx
@@ -1,5 +1,6 @@
 import type { MouseEvent } from "react";
 
+import Button from "@/shared/components/elements/Button";
 import Icon from "@/shared/components/elements/Icon";
 import { classNames } from "@/shared/utils";
 import { ENTRY_KIND, SORT_DIRECTION } from "@/features/directory/constants";
@@ -32,9 +33,9 @@ const ListHeader = ({
     <>
       <div className="list_header" onContextMenu={openMenu}>
         {COLUMNS.map((col) => (
-          <button
+          <Button
             key={col.key}
-            type="button"
+            unstyled
             className={classNames(col.key, sort.key === col.key && "active")}
             onClick={() => onSort(col.key)}
           >
@@ -48,7 +49,7 @@ const ListHeader = ({
                 }
               />
             )}
-          </button>
+          </Button>
         ))}
       </div>
 
diff --git a/src/features/directory/components/Preview/Preview.tsx b/src/features/directory/components/Preview/Preview.tsx
index 66831950..c7e7086c 100644
--- a/src/features/directory/components/Preview/Preview.tsx
+++ b/src/features/directory/components/Preview/Preview.tsx
@@ -7,6 +7,7 @@ import IconButton, {
 } from "@/shared/components/elements/IconButton";
 import Spinner from "@/shared/components/elements/Spinner";
 import Icon from "@/shared/components/elements/Icon";
+import TextArea from "@/shared/components/elements/TextArea";
 import CloseButton from "@/shared/components/patterns/CloseButton";
 import ZoomControl from "@/shared/components/patterns/ZoomControl";
 import {
@@ -75,6 +76,7 @@ const Preview = ({
   hasPrev,
   hasNext,
   onDelete,
+  windowed = false,
 }: PreviewProps) => {
   const { fs } = useStateContext();
   const { keymap } = useKeymap();
@@ -300,10 +302,16 @@ const Preview = ({
 
   return (
     <>
-      <div
-        className={classNames("preview_backdrop", previewVisible && "visible")}
-        onClick={requestClose}
-      ></div>
+      {/* In-app overlay dims the app behind it; a dedicated window has nothing behind to dim. */}
+      {!windowed && (
+        <div
+          className={classNames(
+            "preview_backdrop",
+            previewVisible && "visible",
+          )}
+          onClick={requestClose}
+        ></div>
+      )}
       {AUDIO_FORMATS.includes(fileType) ? (
         <AudioPreview
           key={`${filePath}:${previewVisible}`}
@@ -314,28 +322,39 @@ const Preview = ({
         <div
           className={classNames(
             "preview_container",
-            "shadow",
+            !windowed && "shadow",
             isBig && "image",
-            previewVisible && "visible",
+            (previewVisible || windowed) && "visible",
             interacting && "interacting",
             maximized && "maximized",
+            windowed && "windowed",
           )}
-          style={panelStyle}
+          // Windowed mode fills the native window (positioned by CSS); only the in-app panel is
+          // free-floating and driven by the geometry hook.
+          style={windowed ? undefined : panelStyle}
         >
-          <div
-            className={classNames("preview_header", "draggable", mac && "mac")}
-            onDoubleClick={toggleMaximize}
-            {...dragBind()}
-          >
-            {mac && <CloseButton onClose={requestClose} />}
-            <h4>
-              {dirty && <span className="preview_dirty_dot" aria-hidden />}
-              {editMode
-                ? t.common.editTitle(fileName)
-                : t.common.previewTitle(fileName)}
-            </h4>
-            {!mac && <CloseButton onClose={requestClose} />}
-          </div>
+          {/* The native window titlebar is the header in windowed mode (title + close); the custom
+              draggable header is only for the in-app floating panel. */}
+          {!windowed && (
+            <div
+              className={classNames(
+                "preview_header",
+                "draggable",
+                mac && "mac",
+              )}
+              onDoubleClick={toggleMaximize}
+              {...dragBind()}
+            >
+              {mac && <CloseButton onClose={requestClose} />}
+              <h4>
+                {dirty && <span className="preview_dirty_dot" aria-hidden />}
+                {editMode
+                  ? t.common.editTitle(fileName)
+                  : t.common.previewTitle(fileName)}
+              </h4>
+              {!mac && <CloseButton onClose={requestClose} />}
+            </div>
+          )}
 
           {isMarkdown && docReady && findOpen && (
             <PreviewFindBar
@@ -364,7 +383,7 @@ const Preview = ({
             {isReady ? (
               isMarkdown ? (
                 editMode ? (
-                  <textarea
+                  <TextArea
                     ref={editorRef}
                     className="preview_md_editor"
                     value={doc?.draft ?? ""}
@@ -480,7 +499,7 @@ const Preview = ({
             />
           </div>
 
-          <PreviewResizeHandles bind={resizeBind} />
+          {!windowed && <PreviewResizeHandles bind={resizeBind} />}
         </div>
       )}
 
diff --git a/src/features/directory/components/Preview/PreviewFindBar.tsx b/src/features/directory/components/Preview/PreviewFindBar.tsx
index ae5ea43b..926a7942 100644
--- a/src/features/directory/components/Preview/PreviewFindBar.tsx
+++ b/src/features/directory/components/Preview/PreviewFindBar.tsx
@@ -5,6 +5,7 @@ import {
 } from "@fortawesome/free-solid-svg-icons";
 
 import IconButton from "@/shared/components/elements/IconButton";
+import TextInput from "@/shared/components/elements/TextInput";
 import { t } from "@/lang";
 
 import type { PreviewFindBarProps } from "./types";
@@ -23,7 +24,8 @@ const PreviewFindBar = ({
   onClose,
 }: PreviewFindBarProps) => (
   <div className="preview_find">
-    <input
+    <TextInput
+      unstyled
       ref={inputRef}
       className="preview_find_input"
       value={query}
diff --git a/src/features/directory/components/Preview/PreviewWindow.tsx b/src/features/directory/components/Preview/PreviewWindow.tsx
new file mode 100644
index 00000000..bd1c1fe4
--- /dev/null
+++ b/src/features/directory/components/Preview/PreviewWindow.tsx
@@ -0,0 +1,180 @@
+import {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+  type CSSProperties,
+} from "react";
+import { getCurrentWindow } from "@tauri-apps/api/window";
+
+import { StateProvider, initialState } from "@/shared/providers/StateProvider";
+import { ModalProvider } from "@/shared/providers/ModalProvider";
+import { ConfirmProvider } from "@/shared/providers/ConfirmProvider";
+import { KeymapProvider, HotkeyProvider } from "@/shared/keymap";
+import ToastStack from "@/shared/components/patterns/ToastStack";
+
+import { useToasts } from "@/app/hooks/useToasts";
+import { useTheme } from "@/app/hooks/useTheme";
+import { useAccent } from "@/app/hooks/useAccent";
+import { FileSystemManager } from "@/shared/managers/FileSystemManager";
+import { getSettings } from "@/shared/services/api";
+import { DEFAULT_SETTINGS, type Theme, type Accent } from "@/shared/constants";
+import { basename, dirname, extension } from "@/shared/utils";
+import { notify, TOAST_TYPE } from "@/shared/toast";
+import { t } from "@/lang";
+import type { DirEntry } from "@/shared/models";
+import type { AppSettings } from "@/shared/services/api";
+
+import { ACCEPTED_PREVIEW_FORMATS } from "../../constants";
+import { usePreview } from "../../hooks/usePreview";
+
+import Preview from "./Preview";
+
+// Root of a detached preview window (see the openPreviewInWindow setting). The window IS the
+// preview: it lists the target file's folder for prev/next siblings, opens the target, and closes
+// itself when the preview is dismissed. Runs a minimal provider shell — just what the Preview
+// subtree reads (fs via StateProvider, confirm via ConfirmProvider, hotkeys, toasts) rather than
+// the full App.
+const PreviewWindow = ({ target }: { target: string }) => {
+  const fs = useMemo(() => new FileSystemManager(), []);
+  const state = useMemo(() => ({ ...initialState, fs }), [fs]);
+  const { toasts, dismissToast } = useToasts();
+
+  // Match the main window's appearance: theme/accent and the surface-opacity variables the Preview
+  // (controls pill, image context menu, discard-edits dialog) reads. Loaded from settings.toml;
+  // falls back to defaults until it resolves.
+  const [settings, setSettings] = useState<AppSettings>(DEFAULT_SETTINGS);
+  useEffect(() => {
+    getSettings()
+      .then(setSettings)
+      .catch(() => {
+        /* keep defaults — appearance only */
+      });
+  }, []);
+  useTheme(settings.theme as Theme);
+  useAccent(settings.accentColor as Accent);
+  useEffect(() => {
+    const root = document.documentElement.style;
+    root.setProperty("--dialog-opacity", String(settings.dialogOpacity));
+    root.setProperty(
+      "--preview-controls-opacity",
+      String(settings.previewControlsOpacity),
+    );
+    root.setProperty(
+      "--context-menu-opacity",
+      String(settings.contextMenuOpacity),
+    );
+  }, [
+    settings.dialogOpacity,
+    settings.previewControlsOpacity,
+    settings.contextMenuOpacity,
+  ]);
+
+  // The previewable siblings in the target's folder, so prev/next navigates the folder just like
+  // the in-app preview. Re-listed after a delete so the list (and prev/next) stays live.
+  const parent = useMemo(() => dirname(target), [target]);
+  const [previewables, setPreviewables] = useState<DirEntry[]>([]);
+  const loadSiblings = useCallback(async () => {
+    try {
+      const entries = await fs.readDirectory(parent);
+      setPreviewables(
+        entries.filter(
+          (e) =>
+            !e.metadata.isDir &&
+            ACCEPTED_PREVIEW_FORMATS.includes(extension(e.name)),
+        ),
+      );
+    } catch (err) {
+      notify(t.errors.read(String(err)), TOAST_TYPE.ERROR);
+    }
+  }, [fs, parent]);
+  useEffect(() => {
+    // Async listing of the target's folder — syncing React to an external system (the filesystem),
+    // the intended use of an effect; setState lands in the resolved promise, not synchronously.
+    // eslint-disable-next-line react-hooks/set-state-in-effect
+    void loadSiblings();
+  }, [loadSiblings]);
+
+  const preview = usePreview(previewables);
+  const { open, visible, filePath } = preview;
+
+  // Open the target once its folder has been listed (open() locates it among the siblings) and
+  // reveal the window. One-shot — afterwards the window follows the user's prev/next navigation.
+  const opened = useRef(false);
+  useEffect(() => {
+    if (opened.current || previewables.length === 0) return;
+    opened.current = true;
+    open(target);
+    const win = getCurrentWindow();
+    void win.show();
+    void win.setFocus();
+  }, [previewables.length, open, target]);
+
+  // Dismissing the preview (Escape / close button / backdrop) closes the whole window — guarded by
+  // `opened` so the initial visible=false doesn't close it before it ever opens.
+  useEffect(() => {
+    if (opened.current && !visible) void getCurrentWindow().close();
+  }, [visible]);
+
+  // The native titlebar is the preview's header (the in-app custom header is dropped in windowed
+  // mode), so name the window after the file — kept in sync as prev/next changes it.
+  useEffect(() => {
+    if (filePath) void getCurrentWindow().setTitle(basename(filePath));
+  }, [filePath]);
+
+  // Trash the shown file, then re-list so prev/next advances to the next sibling (usePreview clamps
+  // the index to the shrunk list; an emptied list drops `visible`, which closes the window). Moves
+  // to the Trash directly — the detached window has no confirm-delete flow.
+  const handleDelete = useCallback(async () => {
+    if (!filePath) return;
+    try {
+      await fs.trash(filePath);
+      await loadSiblings();
+    } catch (err) {
+      notify(
+        t.errors.delete(basename(filePath), String(err)),
+        TOAST_TYPE.ERROR,
+      );
+    }
+  }, [fs, filePath, loadSiblings]);
+
+  return (
+    <StateProvider value={state}>
+      <ModalProvider>
+        <KeymapProvider>
+          <HotkeyProvider>
+            <ConfirmProvider>
+              <div
+                className="preview_window"
+                style={
+                  {
+                    "--preview-controls-opacity":
+                      settings.previewControlsOpacity,
+                    "--context-menu-opacity": settings.contextMenuOpacity,
+                  } as CSSProperties
+                }
+              >
+                <Preview
+                  fileType={preview.fileType}
+                  filePath={preview.filePath}
+                  previewVisible={preview.visible}
+                  setPreviewVisible={preview.setVisible}
+                  onPrev={preview.prev}
+                  onNext={preview.next}
+                  hasPrev={preview.hasPrev}
+                  hasNext={preview.hasNext}
+                  onDelete={handleDelete}
+                  windowed
+                />
+              </div>
+            </ConfirmProvider>
+          </HotkeyProvider>
+        </KeymapProvider>
+      </ModalProvider>
+      <ToastStack toasts={toasts} onDismiss={dismissToast} />
+    </StateProvider>
+  );
+};
+
+export default PreviewWindow;
diff --git a/src/features/directory/components/Preview/types.ts b/src/features/directory/components/Preview/types.ts
index ad2e9d48..bd6ba5da 100644
--- a/src/features/directory/components/Preview/types.ts
+++ b/src/features/directory/components/Preview/types.ts
@@ -48,6 +48,11 @@ export interface PreviewProps {
   // Trash the file currently being previewed (with confirmation). The preview then advances to the
   // next file, or closes when none remain — handled by usePreview reacting to the shrunk list.
   onDelete: () => void;
+
+  // Render as the whole content of a dedicated window (see PreviewWindow) rather than a floating
+  // in-app panel: the native window frame is the chrome, so drop the backdrop, the custom draggable
+  // header and the resize handles, and fill the window opaquely. Defaults to false (in-app overlay).
+  windowed?: boolean;
 }
 
 export interface ZoomableImageProps {
diff --git a/src/features/directory/components/Properties/PropertiesWindow.tsx b/src/features/directory/components/Properties/PropertiesWindow.tsx
new file mode 100644
index 00000000..868356fb
--- /dev/null
+++ b/src/features/directory/components/Properties/PropertiesWindow.tsx
@@ -0,0 +1,113 @@
+import { useEffect, useMemo, useRef, useState } from "react";
+import { getCurrentWindow } from "@tauri-apps/api/window";
+
+import { StateProvider, initialState } from "@/shared/providers/StateProvider";
+import ToastStack from "@/shared/components/patterns/ToastStack";
+
+import { useToasts } from "@/app/hooks/useToasts";
+import { useTheme } from "@/app/hooks/useTheme";
+import { useAccent } from "@/app/hooks/useAccent";
+import { FileSystemManager } from "@/shared/managers/FileSystemManager";
+import { getSettings } from "@/shared/services/api";
+import {
+  DEFAULT_SETTINGS,
+  KEY,
+  type Theme,
+  type Accent,
+} from "@/shared/constants";
+import { notify, TOAST_TYPE } from "@/shared/toast";
+import { t } from "@/lang";
+import type { DirEntry } from "@/shared/models";
+import type { AppSettings } from "@/shared/services/api";
+
+import "@/styles/components/Properties.css";
+
+import { PropertiesContent } from "./PropertiesContent";
+
+// Root of a detached properties window (see the openPropertiesInWindow setting). The window IS the
+// properties view: it resolves the target entry's metadata, renders the shared PropertiesContent in
+// a minimal provider shell (just what it reads — fs + dateFormat via StateProvider), and closes
+// itself on Escape. The native window frame is the chrome, so there's no dialog header.
+const PropertiesWindow = ({ target }: { target: string }) => {
+  const fs = useMemo(() => new FileSystemManager(), []);
+  const { toasts, dismissToast } = useToasts();
+
+  // Match the main window's appearance and date formatting (read by PropertiesContent).
+  const [settings, setSettings] = useState<AppSettings>(DEFAULT_SETTINGS);
+  useEffect(() => {
+    getSettings()
+      .then(setSettings)
+      .catch(() => {
+        /* keep defaults — appearance only */
+      });
+  }, []);
+  useTheme(settings.theme as Theme);
+  useAccent(settings.accentColor as Accent);
+
+  const state = useMemo(
+    () => ({ ...initialState, fs, dateFormat: settings.dateFormat }),
+    [fs, settings.dateFormat],
+  );
+
+  // Resolve the entry once, then reveal the window. Closes the window if the entry can't be read.
+  const [entry, setEntry] = useState<DirEntry | null>(null);
+  const opened = useRef(false);
+  useEffect(() => {
+    if (opened.current || !target) return;
+    opened.current = true;
+    fs.getEntry(target)
+      .then((resolved) => {
+        setEntry(resolved);
+        void getCurrentWindow().setTitle(
+          t.common.propertiesTitle(resolved.name),
+        );
+        const win = getCurrentWindow();
+        void win.show();
+        void win.setFocus();
+      })
+      .catch((err) => {
+        notify(t.errors.properties(String(err)), TOAST_TYPE.ERROR);
+        void getCurrentWindow().close();
+      });
+  }, [target, fs]);
+
+  // Focusing the fresh window makes WebKit select-all its text; drop that selection so the rows
+  // don't open pre-highlighted (the user can still select to copy). Listening on `focus` (instead
+  // of clearing inline after show/setFocus, which are fire-and-forget IPC) wins the race: the
+  // select-all happens when the focus actually lands, so it's cleared right after, whenever that
+  // is. One-shot, so re-focusing later (Cmd+Tab back) doesn't nuke a selection made to copy.
+  useEffect(() => {
+    const onFocus = () => window.getSelection()?.removeAllRanges();
+    window.addEventListener("focus", onFocus, { once: true });
+    return () => window.removeEventListener("focus", onFocus);
+  }, []);
+
+  // Escape closes the window (the native traffic light / Cmd+W also do). Confirm-copy toast mirrors
+  // the in-app dialog: the native copy writes the clipboard, this only surfaces the feedback.
+  useEffect(() => {
+    const onKeyDown = (e: KeyboardEvent) => {
+      if (e.key === KEY.ESCAPE) void getCurrentWindow().close();
+    };
+    const onCopy = () => {
+      const selection = window.getSelection()?.toString().trim();
+      if (selection) notify(t.common.copied, TOAST_TYPE.SUCCESS);
+    };
+    document.addEventListener("keydown", onKeyDown);
+    document.addEventListener("copy", onCopy);
+    return () => {
+      document.removeEventListener("keydown", onKeyDown);
+      document.removeEventListener("copy", onCopy);
+    };
+  }, []);
+
+  return (
+    <StateProvider value={state}>
+      <div className="properties_window">
+        {entry && <PropertiesContent entry={entry} />}
+      </div>
+      <ToastStack toasts={toasts} onDismiss={dismissToast} />
+    </StateProvider>
+  );
+};
+
+export default PropertiesWindow;
diff --git a/src/features/directory/components/QuickActions/QuickActions.tsx b/src/features/directory/components/QuickActions/QuickActions.tsx
index f4ae4a79..b7dd4e2b 100644
--- a/src/features/directory/components/QuickActions/QuickActions.tsx
+++ b/src/features/directory/components/QuickActions/QuickActions.tsx
@@ -3,10 +3,12 @@ import { useKeymap, formatBinding } from "@/shared/keymap";
 import IconButton from "@/shared/components/elements/IconButton";
 import { extension } from "@/shared/utils";
 import { TRASH_DIR_NAME } from "@/shared/constants";
-import { ENTRY_KIND } from "@/features/directory/constants";
+import { ENTRY_KIND, opensInAppPreview } from "@/features/directory/constants";
 
 import { useDirectory } from "../../providers/DirectoryProvider";
 import { useContextMenuLayout } from "../../hooks/useContextMenuLayout";
+import { useArchiveActions } from "../../hooks/useArchiveActions";
+import { useSevenzipAvailable } from "@/shared/hooks/useSevenzipAvailable";
 import {
   ENTRY_ACTIONS,
   ACTION_SEPARATOR,
@@ -22,7 +24,15 @@ import "@/styles/components/QuickActions.css";
 // the current selection — the folder's own actions when nothing is selected, the selected
 // entry's actions otherwise (applied to every selected entry).
 const QuickActions = () => {
-  const { fs, path, setPath, showHidden, toggleShowHidden } = useStateContext();
+  const {
+    fs,
+    path,
+    setPath,
+    showHidden,
+    toggleShowHidden,
+    previewImagesInApp,
+    previewMarkdownInApp,
+  } = useStateContext();
   const { keymap } = useKeymap();
   const layout = useContextMenuLayout();
   const {
@@ -35,6 +45,9 @@ const QuickActions = () => {
     sort,
     handleSort,
   } = useDirectory();
+  const { onCompress, onExtract, onExtractToFolder } =
+    useArchiveActions(fileOps);
+  const sevenzipAvailable = useSevenzipAvailable();
 
   const hasSelection = selectedIDs.length > 0;
   const elementId = hasSelection ? selectedIDs[0] : path;
@@ -62,10 +75,19 @@ const QuickActions = () => {
     onStartRename: setRenamingID,
     onPreview: preview.open,
     onProperties: properties.open,
+    onCompress,
+    onExtract,
+    onExtractToFolder,
+    sevenzipAvailable,
     sort,
     onSort: handleSort,
     showHidden,
     toggleShowHidden,
+    opensInAppPreview: opensInAppPreview(
+      fileExtension.toLowerCase(),
+      previewImagesInApp,
+      previewMarkdownInApp,
+    ),
   };
 
   const actionIds = resolveActionIds(layout, {
diff --git a/src/features/directory/components/RemoteErrorNotice/RemoteErrorNotice.tsx b/src/features/directory/components/RemoteErrorNotice/RemoteErrorNotice.tsx
new file mode 100644
index 00000000..2b0bb289
--- /dev/null
+++ b/src/features/directory/components/RemoteErrorNotice/RemoteErrorNotice.tsx
@@ -0,0 +1,22 @@
+import Icon from "@/shared/components/elements/Icon";
+import Button from "@/shared/components/elements/Button";
+import { t } from "@/lang";
+
+import { faLinkSlash } from "@fortawesome/free-solid-svg-icons";
+
+import "@/styles/components/RemoteErrorNotice.css";
+
+import type { RemoteErrorNoticeProps } from "./types";
+
+// Shown when a remote (SFTP) listing fails — connect refused, auth rejected, host key changed.
+// Persistent (unlike a toast) so the folder never looks deceptively empty, with a retry shortcut.
+const RemoteErrorNotice = ({ error, retry }: RemoteErrorNoticeProps) => (
+  <div className="RemoteErrorNotice">
+    <Icon icon={faLinkSlash} className="remote_error_icon" />
+    <h2 className="remote_error_title">{t.directory.remoteError.title}</h2>
+    <p className="remote_error_description">{error}</p>
+    <Button onClick={retry}>{t.directory.remoteError.retry}</Button>
+  </div>
+);
+
+export default RemoteErrorNotice;
diff --git a/src/features/directory/components/RemoteErrorNotice/index.ts b/src/features/directory/components/RemoteErrorNotice/index.ts
new file mode 100644
index 00000000..9766abf6
--- /dev/null
+++ b/src/features/directory/components/RemoteErrorNotice/index.ts
@@ -0,0 +1 @@
+export { default } from "./RemoteErrorNotice";
diff --git a/src/features/directory/components/RemoteErrorNotice/types.ts b/src/features/directory/components/RemoteErrorNotice/types.ts
new file mode 100644
index 00000000..ec6ec1af
--- /dev/null
+++ b/src/features/directory/components/RemoteErrorNotice/types.ts
@@ -0,0 +1,6 @@
+export type RemoteErrorNoticeProps = {
+  // The human-readable failure reason (already localized by the loader).
+  error: string;
+  // Re-attempts the listing (a fresh connect for remotes).
+  retry: () => void;
+};
diff --git a/src/features/directory/components/StatusBar/StatusBar.tsx b/src/features/directory/components/StatusBar/StatusBar.tsx
index 49aeba26..b659500a 100644
--- a/src/features/directory/components/StatusBar/StatusBar.tsx
+++ b/src/features/directory/components/StatusBar/StatusBar.tsx
@@ -3,8 +3,9 @@ import {
   faMagnifyingGlass,
 } from "@fortawesome/free-solid-svg-icons";
 
+import Button from "@/shared/components/elements/Button";
 import Icon from "@/shared/components/elements/Icon";
-import { formatBytes } from "@/shared/utils";
+import { classNames, formatBytes } from "@/shared/utils";
 import { openSystemMonitor, openStorageSettings } from "@/shared/services/api";
 import { notify, TOAST_TYPE } from "@/shared/toast";
 import { useSettings } from "@/features/settings";
@@ -35,9 +36,7 @@ const StatusBar = ({
   const searching = search.length > 0;
 
   const showStorage = () => {
-    openStorageSettings().catch((err) =>
-      notify(String(err), TOAST_TYPE.ERROR),
-    );
+    openStorageSettings().catch((err) => notify(String(err), TOAST_TYPE.ERROR));
   };
 
   const showMonitor = () => {
@@ -90,8 +89,13 @@ const StatusBar = ({
             {progress.label}
             <span className="progress_track">
               <span
-                className="progress_bar"
-                style={{ width: `${progressPercent}%` }}
+                className={classNames(
+                  "progress_bar",
+                  !progress.total && "indeterminate",
+                )}
+                style={
+                  progress.total ? { width: `${progressPercent}%` } : undefined
+                }
               />
             </span>
           </span>
@@ -99,16 +103,16 @@ const StatusBar = ({
       </div>
       {stats && (
         <div className="stats_row">
-          <button
-            type="button"
+          <Button
+            unstyled
             className="stat stat_button"
             onClick={showMonitor}
             title={t.directory.openSystemMonitor}
           >
             {t.directory.statCpu(Math.round(stats.cpuUsage))}
-          </button>
-          <button
-            type="button"
+          </Button>
+          <Button
+            unstyled
             className="stat stat_button"
             onClick={showMonitor}
             title={t.directory.openSystemMonitor}
@@ -117,9 +121,9 @@ const StatusBar = ({
               formatBytes(stats.memUsed),
               formatBytes(stats.memTotal),
             )}
-          </button>
-          <button
-            type="button"
+          </Button>
+          <Button
+            unstyled
             className="stat stat_button"
             onClick={showStorage}
             title={t.storage.title}
@@ -128,7 +132,7 @@ const StatusBar = ({
               formatBytes(stats.diskUsed),
               formatBytes(stats.diskTotal),
             )}
-          </button>
+          </Button>
         </div>
       )}
     </div>
diff --git a/src/features/directory/constants.ts b/src/features/directory/constants.ts
index 98b8ee50..b9e7fb2e 100644
--- a/src/features/directory/constants.ts
+++ b/src/features/directory/constants.ts
@@ -64,6 +64,19 @@ export const IMAGE_FORMATS: readonly string[] = [
   "gif",
   SVG_FORMAT,
 ];
+// Whether opening an entry with the given (lowercased) extension launches the in-app preview
+// rather than the OS default app, per the user's preview-in-app settings. Single source of truth
+// shared by open-routing (Directory.openFile) and by hiding the redundant Preview action when
+// Open already previews. Only images/markdown are gated here; pdf/audio/video always open in the
+// OS app, so their explicit Preview action stays.
+export const opensInAppPreview = (
+  ext: string,
+  previewImagesInApp: boolean,
+  previewMarkdownInApp: boolean,
+): boolean =>
+  (previewImagesInApp && IMAGE_FORMATS.includes(ext)) ||
+  (previewMarkdownInApp && ext === MARKDOWN_FORMAT);
+
 export const AUDIO_FORMATS: readonly string[] = ["mp3", "wav", "ogg"];
 export const VIDEO_FORMATS: readonly string[] = [
   "mp4",
diff --git a/src/features/directory/hooks/useArchiveActions/index.ts b/src/features/directory/hooks/useArchiveActions/index.ts
new file mode 100644
index 00000000..1b129dde
--- /dev/null
+++ b/src/features/directory/hooks/useArchiveActions/index.ts
@@ -0,0 +1 @@
+export { useArchiveActions } from "./useArchiveActions";
diff --git a/src/features/directory/hooks/useArchiveActions/useArchiveActions.ts b/src/features/directory/hooks/useArchiveActions/useArchiveActions.ts
new file mode 100644
index 00000000..3cdd3df3
--- /dev/null
+++ b/src/features/directory/hooks/useArchiveActions/useArchiveActions.ts
@@ -0,0 +1,63 @@
+import { useCallback } from "react";
+
+import { useCompress } from "@/shared/providers/CompressProvider";
+import type { ArchiveFormat } from "@/shared/providers/CompressProvider";
+import { archiveEncrypted } from "@/shared/services/api";
+
+// The subset of file operations the archive menu actions drive. compress/extract own the status-bar
+// progress + reveal toast (see useFileOperations); the dialog only collects options.
+type ArchiveOps = {
+  compress: (
+    targets: string[],
+    options: { name: string; level: number; password?: string },
+  ) => Promise<void>;
+  extract: (
+    archivePath: string,
+    password?: string,
+    intoSubfolder?: boolean,
+  ) => Promise<void>;
+};
+
+// Bridges the compress-options dialog (CompressProvider) to the directory file operations: compress
+// opens the dialog then runs the op with the chosen options; extract checks whether the archive is
+// encrypted and, if so, prompts for a password first. Returns the onCompress/onExtract handlers the
+// context-menu ctx builders drop into EntryActionContext.
+export const useArchiveActions = (fileOps: ArchiveOps) => {
+  const { requestOptions, requestPassword } = useCompress();
+
+  const onCompress = useCallback(
+    async (targets: string[], format: ArchiveFormat = "zip") => {
+      const options = await requestOptions(targets, format);
+      if (options) await fileOps.compress(targets, options);
+    },
+    [requestOptions, fileOps],
+  );
+
+  // Shared by both extract actions: prompt for a password only when the archive needs one (cancel
+  // aborts), then run the op in the requested layout. Returns nothing; the op owns progress/toast.
+  const runExtract = useCallback(
+    async (archivePath: string, intoSubfolder: boolean) => {
+      if (!archivePath) return;
+      let password: string | undefined;
+      if (await archiveEncrypted(archivePath).catch(() => false)) {
+        const entered = await requestPassword();
+        if (entered === null) return;
+        password = entered;
+      }
+      await fileOps.extract(archivePath, password, intoSubfolder);
+    },
+    [requestPassword, fileOps],
+  );
+
+  const onExtract = useCallback(
+    (archivePath: string) => void runExtract(archivePath, false),
+    [runExtract],
+  );
+
+  const onExtractToFolder = useCallback(
+    (archivePath: string) => void runExtract(archivePath, true),
+    [runExtract],
+  );
+
+  return { onCompress, onExtract, onExtractToFolder };
+};
diff --git a/src/features/directory/hooks/useClipboardShortcuts/types.ts b/src/features/directory/hooks/useClipboardShortcuts/types.ts
index 1e4e4586..254456ad 100644
--- a/src/features/directory/hooks/useClipboardShortcuts/types.ts
+++ b/src/features/directory/hooks/useClipboardShortcuts/types.ts
@@ -2,6 +2,7 @@ export type UseClipboardShortcutsArgs = {
   enabled: boolean;
   selectedIDs: string[];
   onCopy: (targets: string[]) => void;
+  onCopyPath: (targets: string[]) => void;
   onCut: (targets: string[]) => void;
   onPaste: () => void;
   onUndo: () => void;
diff --git a/src/features/directory/hooks/useClipboardShortcuts/useClipboardShortcuts.ts b/src/features/directory/hooks/useClipboardShortcuts/useClipboardShortcuts.ts
index d7b1740f..7cac9a4c 100644
--- a/src/features/directory/hooks/useClipboardShortcuts/useClipboardShortcuts.ts
+++ b/src/features/directory/hooks/useClipboardShortcuts/useClipboardShortcuts.ts
@@ -9,6 +9,7 @@ export const useClipboardShortcuts = ({
   enabled,
   selectedIDs,
   onCopy,
+  onCopyPath,
   onCut,
   onPaste,
   onUndo,
@@ -28,6 +29,9 @@ export const useClipboardShortcuts = ({
   });
 
   useHotkey(KEYMAP_ACTION.COPY, () => onCopy(selectedIDs), { when: enabled });
+  useHotkey(KEYMAP_ACTION.COPY_PATH, () => onCopyPath(selectedIDs), {
+    when: enabled,
+  });
   useHotkey(KEYMAP_ACTION.CUT, () => onCut(selectedIDs), { when: enabled });
   useHotkey(KEYMAP_ACTION.PASTE, () => onPaste(), { when: enabled });
   useHotkey(KEYMAP_ACTION.UNDO, () => onUndo(), { when: enabled });
diff --git a/src/features/directory/hooks/useDirSizes.ts b/src/features/directory/hooks/useDirSizes.ts
index 44af0bef..ac3bc4d0 100644
--- a/src/features/directory/hooks/useDirSizes.ts
+++ b/src/features/directory/hooks/useDirSizes.ts
@@ -132,7 +132,8 @@ export const useDirSizes = (
   // Still computing while any visible folder has no size yet. Derived (no extra state) so it
   // flips off on its own as the batches land.
   const computing =
-    enabled && entries.some((entry) => isWalkable(entry) && sizes[entry.path] == null);
+    enabled &&
+    entries.some((entry) => isWalkable(entry) && sizes[entry.path] == null);
 
   return { sizes, computing };
 };
diff --git a/src/features/directory/hooks/useFileOperations/useFileOperations.ts b/src/features/directory/hooks/useFileOperations/useFileOperations.ts
index 766702e5..bf5fc2de 100644
--- a/src/features/directory/hooks/useFileOperations/useFileOperations.ts
+++ b/src/features/directory/hooks/useFileOperations/useFileOperations.ts
@@ -4,6 +4,11 @@ import { homeDir, join } from "@tauri-apps/api/path";
 
 import { useStateContext } from "@/shared/providers/StateProvider";
 import { useConfirm } from "@/shared/providers/ConfirmProvider";
+import {
+  compressEntries,
+  extractArchive,
+  copyFilesToClipboard,
+} from "@/shared/services/api";
 import { notify, TOAST_TYPE } from "@/shared/toast";
 import { basename, dirname } from "@/shared/utils";
 import { TRASH_DIR_NAME, SFTP_SCHEME } from "@/shared/constants";
@@ -60,6 +65,9 @@ export const useFileOperations = ({
   const copy = useCallback((targets: string[]) => {
     if (!targets.length || !targets[0]) return;
     setClipboard({ paths: targets, mode: CLIPBOARD_MODE.COPY });
+    // Mirror to the OS clipboard (Finder-style) so the selection can also be pasted into other
+    // apps and text fields. Best-effort: a failure here must not break the in-app copy.
+    copyFilesToClipboard(targets).catch(() => {});
     notify(t.directory.copied(entryLabel(targets)), TOAST_TYPE.SUCCESS);
   }, []);
 
@@ -69,6 +77,14 @@ export const useFileOperations = ({
     notify(t.directory.cut(entryLabel(targets)), TOAST_TYPE.SUCCESS);
   }, []);
 
+  // Copy the targets' filesystem path(s) to the OS clipboard (one per line), for pasting into a
+  // terminal or another app. Distinct from `copy`, which stages entries in the internal clipboard.
+  const copyPath = useCallback((targets: string[]) => {
+    if (!targets.length || !targets[0]) return;
+    navigator.clipboard.writeText(targets.join("\n"));
+    notify(t.directory.pathCopied(targets.length), TOAST_TYPE.SUCCESS);
+  }, []);
+
   // Trash (reversible) or permanent delete, sharing the confirm + progress + error handling.
   const deleteTargets = useCallback(
     async (targets: string[], permanent: boolean) => {
@@ -357,6 +373,80 @@ export const useFileOperations = ({
     [transferTo],
   );
 
+  // Compress the targets into an archive in their own folder. The status-bar progress bar covers
+  // the in-progress state (streamed byte progress), so there's no start toast — only the clickable
+  // success toast, which reveals + selects the created archive.
+  const compress = useCallback(
+    async (
+      targets: string[],
+      options: { name: string; level: number; password?: string },
+    ) => {
+      if (!targets.length || !targets[0]) return;
+      const destDir = dirname(targets[0]);
+      const label = t.archive.compressing;
+      const onProgress = (p: { processed: number; total: number }) =>
+        setProgress({ label, done: p.processed, total: p.total });
+
+      setProgress({ label, done: 0, total: 0 });
+      try {
+        const out = await compressEntries(
+          targets,
+          destDir,
+          options.name,
+          options.level,
+          options.password,
+          onProgress,
+        );
+        notify(
+          t.archive.compressed(basename(out)),
+          TOAST_TYPE.SUCCESS,
+          revealAction(destDir, [out]),
+        );
+      } catch (err) {
+        notify(t.archive.compressError(String(err)), TOAST_TYPE.ERROR);
+      } finally {
+        setProgress(null);
+      }
+      refreshDir();
+    },
+    [refreshDir, revealAction],
+  );
+
+  // Extract an archive beside it, then reveal + select the output. `intoSubfolder` picks "Extract to
+  // Folder" (wrap in a subfolder) vs "Extract Here" (top-level entries loose in the folder). Same
+  // progress/toast model as compress; the toast reveals the created top-level entries.
+  const extract = useCallback(
+    async (archivePath: string, password?: string, intoSubfolder = false) => {
+      if (!archivePath) return;
+      const destDir = dirname(archivePath);
+      const label = t.archive.extracting;
+      const onProgress = (p: { processed: number; total: number }) =>
+        setProgress({ label, done: p.processed, total: p.total });
+
+      setProgress({ label, done: 0, total: 0 });
+      try {
+        const outputs = await extractArchive(
+          archivePath,
+          destDir,
+          password,
+          intoSubfolder,
+          onProgress,
+        );
+        const message =
+          outputs.length === 1
+            ? t.archive.extracted(basename(outputs[0]))
+            : t.archive.extractedMany(outputs.length);
+        notify(message, TOAST_TYPE.SUCCESS, revealAction(destDir, outputs));
+      } catch (err) {
+        notify(t.archive.extractError(String(err)), TOAST_TYPE.ERROR);
+      } finally {
+        setProgress(null);
+      }
+      refreshDir();
+    },
+    [refreshDir, revealAction],
+  );
+
   const rename = useCallback(
     async (targetPath: string, newName: string) => {
       try {
@@ -410,6 +500,7 @@ export const useFileOperations = ({
   return {
     clipboard,
     copy,
+    copyPath,
     cut,
     remove,
     removePermanently,
@@ -417,6 +508,8 @@ export const useFileOperations = ({
     paste,
     moveTo,
     copyTo,
+    compress,
+    extract,
     rename,
     undo,
     redo,
diff --git a/src/features/directory/providers/DirectoryProvider/DirectoryProvider.tsx b/src/features/directory/providers/DirectoryProvider/DirectoryProvider.tsx
index 755164f1..75a11188 100644
--- a/src/features/directory/providers/DirectoryProvider/DirectoryProvider.tsx
+++ b/src/features/directory/providers/DirectoryProvider/DirectoryProvider.tsx
@@ -1,7 +1,13 @@
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 
 import { useStateContext } from "@/shared/providers/StateProvider";
+import { openPreviewWindow, openPropertiesWindow } from "@/shared/services/api";
+import { notify, TOAST_TYPE } from "@/shared/toast";
+import { extension } from "@/shared/utils";
+import type { DirEntry } from "@/shared/models";
+import { t } from "@/lang";
 import { revealTargetFromUrl } from "@/features/tabs/utils";
+import { opensInAppPreview } from "@/features/directory/constants";
 
 import { useDirectoryEntries } from "../../hooks/useDirectoryEntries";
 import { useSelection } from "../../hooks/useSelection";
@@ -15,7 +21,17 @@ import type { DirectoryProviderProps } from "./types";
 // Owns the directory's domain state (entries, selection, clipboard ops, preview/properties,
 // inline rename) and provides it to the directory view and the quick-actions bar alike.
 export const DirectoryProvider = ({ children }: DirectoryProviderProps) => {
-  const { view, path, setPath, refreshDir } = useStateContext();
+  const {
+    fs,
+    view,
+    path,
+    setPath,
+    refreshDir,
+    openPreviewInWindow,
+    openPropertiesInWindow,
+    previewImagesInApp,
+    previewMarkdownInApp,
+  } = useStateContext();
 
   const entries = useDirectoryEntries(view);
   const selection = useSelection(entries.sorted.map((entry) => entry.path));
@@ -79,6 +95,73 @@ export const DirectoryProvider = ({ children }: DirectoryProviderProps) => {
   const preview = usePreview(entries.previewables);
   const properties = useProperties();
 
+  // The preview opens either in the in-app overlay or, when openPreviewInWindow is on, its own
+  // detached window (a fresh window per open). Branch here — in the one place `preview.open` is
+  // created — so every trigger (Open/Preview in the context menu, the quick bar, keyboard) honours
+  // the setting without each caller re-checking it.
+  const openPreview = useCallback(
+    (path: string) => {
+      if (openPreviewInWindow) {
+        void openPreviewWindow(path).catch((err) =>
+          notify(t.errors.open(String(err)), TOAST_TYPE.ERROR),
+        );
+        return;
+      }
+      preview.open(path);
+    },
+    [openPreviewInWindow, preview],
+  );
+  const previewApi = useMemo(
+    () => ({ ...preview, open: openPreview }),
+    [preview, openPreview],
+  );
+
+  // Open a file like a double-click in the listing: images/markdown go to the in-app preview when
+  // their setting is on, everything else (and those when it's off) opens in the OS default app.
+  // Shared by the directory view (Enter/double-click) and the path bar (committing a file path).
+  const openFile = useCallback(
+    async (entry: DirEntry) => {
+      const ext = extension(entry.name);
+      // In-app preview keeps the real (possibly remote) path so prev/next works over the folder's
+      // entries; the Preview panel downloads a remote file to the cache itself. Opening in the OS
+      // app needs a local path now, so materialize first (read-only — see SSH_PLAN.md phase 3a).
+      if (opensInAppPreview(ext, previewImagesInApp, previewMarkdownInApp)) {
+        openPreview(entry.path);
+        return;
+      }
+      try {
+        // TODO(SSH_PLAN.md §9): opening a remote file in an external OS app edits only the local
+        // cache copy — changes are NOT pushed back to the server. Would need to watch the temp and
+        // re-upload on change. The in-app markdown editor does save back (see useMarkdownPreview).
+        await fs.open(await fs.materialize(entry.path));
+      } catch (err) {
+        notify(t.connections.openError(String(err)), TOAST_TYPE.ERROR);
+      }
+    },
+    [previewImagesInApp, previewMarkdownInApp, openPreview, fs],
+  );
+
+  // Same branch for properties: in-app dialog, or a detached window when openPropertiesInWindow is
+  // on. Centralised here so the context menu, quick bar and keyboard shortcut all honour the setting.
+  const openProperties = useCallback(
+    async (targetId: string, isCurrentDirectory: boolean) => {
+      if (openPropertiesInWindow) {
+        try {
+          await openPropertiesWindow(targetId);
+        } catch (err) {
+          notify(t.errors.properties(String(err)), TOAST_TYPE.ERROR);
+        }
+        return;
+      }
+      await properties.open(targetId, isCurrentDirectory);
+    },
+    [openPropertiesInWindow, properties],
+  );
+  const propertiesApi = useMemo(
+    () => ({ ...properties, open: openProperties }),
+    [properties, openProperties],
+  );
+
   return (
     <DirectoryContext.Provider
       value={{
@@ -87,10 +170,11 @@ export const DirectoryProvider = ({ children }: DirectoryProviderProps) => {
         renamingID,
         setRenamingID,
         fileOps,
-        preview,
-        properties,
+        preview: previewApi,
+        properties: propertiesApi,
         revealID,
         clearRevealID,
+        openFile,
       }}
     >
       {children}
diff --git a/src/features/directory/providers/DirectoryProvider/types.ts b/src/features/directory/providers/DirectoryProvider/types.ts
index b551c5bd..683f9711 100644
--- a/src/features/directory/providers/DirectoryProvider/types.ts
+++ b/src/features/directory/providers/DirectoryProvider/types.ts
@@ -1,5 +1,7 @@
 import type { ReactNode } from "react";
 
+import type { DirEntry } from "@/shared/models";
+
 import type { useDirectoryEntries } from "../../hooks/useDirectoryEntries";
 import type { useSelection } from "../../hooks/useSelection";
 import type { useFileOperations } from "../../hooks/useFileOperations";
@@ -19,6 +21,9 @@ export type DirectoryContextValue = ReturnType<typeof useDirectoryEntries> &
     // loaded. The view ensures it's rendered, scrolls to it, then calls clearRevealID.
     revealID: string | null;
     clearRevealID: () => void;
+    // Open a file like a double-click in the listing: in-app preview when its setting covers the
+    // type, the OS default app otherwise. Shared by the view and the path bar.
+    openFile: (entry: DirEntry) => Promise<void>;
   };
 
 export type DirectoryProviderProps = {
diff --git a/src/features/navigation/PathBar.tsx b/src/features/navigation/PathBar.tsx
index 3f486594..ca39398c 100644
--- a/src/features/navigation/PathBar.tsx
+++ b/src/features/navigation/PathBar.tsx
@@ -7,7 +7,8 @@ import IconButton, {
 } from "@/shared/components/elements/IconButton";
 import { VIEW_MODE, RECENTS } from "@/shared/constants";
 import { useKeymap, formatBinding, KEYMAP_ACTION } from "@/shared/keymap";
-import { classNames, isTagsPath, tagFromPath } from "@/shared/utils";
+import { classNames, isTagsPath, tagFromPath, dirname } from "@/shared/utils";
+import { useDirectory } from "@/features/directory";
 import { t } from "@/lang";
 
 import { usePathBarShortcuts } from "./hooks/usePathBarShortcuts";
@@ -30,6 +31,7 @@ import "@/styles/components/PathBar.css";
 
 const PathBar = () => {
   const {
+    fs,
     path,
     setPath,
     canGoBack,
@@ -77,6 +79,28 @@ const PathBar = () => {
     setSearchClosing(false);
   }
 
+  const { openFile } = useDirectory();
+
+  // Committing a FILE path in the path field navigates to its folder and opens the file (like
+  // double-clicking it there). Anything else — a folder, or a path that can't be stat'ed —
+  // navigates as before (a bad path surfaces through the normal load-error handling).
+  const commitPath = useCallback(
+    async (next: string) => {
+      try {
+        const entry = await fs.getEntry(next);
+        if (entry.metadata.isFile) {
+          setPath(dirname(next));
+          void openFile(entry);
+          return;
+        }
+      } catch {
+        // Not stat-able (missing, remote error, virtual path) → plain navigation below.
+      }
+      setPath(next);
+    },
+    [fs, setPath, openFile],
+  );
+
   const goHome = () => setPath("");
 
   // Go up one level to the parent directory. Uses the POSIX separator since paths come from the backend as '/'.
@@ -156,7 +180,7 @@ const PathBar = () => {
       ) : isTagsPath(path) ? (
         <div className="path_label shadow">{tagFromPath(path)}</div>
       ) : (
-        <PathField key={path} path={path} onCommit={setPath} />
+        <PathField key={path} path={path} onCommit={commitPath} />
       )}
 
       {/* The search button expands into an inline folder filter; while open it replaces the
diff --git a/src/features/navigation/components/PathInput/PathInput.tsx b/src/features/navigation/components/PathInput/PathInput.tsx
index 20c0d2ae..e1b1b254 100644
--- a/src/features/navigation/components/PathInput/PathInput.tsx
+++ b/src/features/navigation/components/PathInput/PathInput.tsx
@@ -1,5 +1,6 @@
 import { useEffect, useRef, useState, type KeyboardEvent } from "react";
 
+import TextInput from "@/shared/components/elements/TextInput";
 import { KEY } from "@/shared/constants";
 import { t } from "@/lang";
 
@@ -31,9 +32,9 @@ const PathInput = ({ path, onCommit, autoFocus, onExit }: PathInputProps) => {
   };
 
   return (
-    <input
+    <TextInput
+      unstyled
       ref={inputRef}
-      type="text"
       value={draft}
       onChange={(event) => setDraft(event.target.value)}
       onKeyDown={handleKeyDown}
diff --git a/src/features/navigation/components/PathSearch/PathSearch.tsx b/src/features/navigation/components/PathSearch/PathSearch.tsx
index 2cf5088c..e3765ccf 100644
--- a/src/features/navigation/components/PathSearch/PathSearch.tsx
+++ b/src/features/navigation/components/PathSearch/PathSearch.tsx
@@ -5,7 +5,9 @@ import {
   faClockRotateLeft,
 } from "@fortawesome/free-solid-svg-icons";
 
+import Button from "@/shared/components/elements/Button";
 import Icon from "@/shared/components/elements/Icon";
+import TextInput from "@/shared/components/elements/TextInput";
 import { useRecentSearches } from "@/shared/search/recentSearches";
 import { classNames } from "@/shared/utils";
 import { t } from "@/lang";
@@ -86,9 +88,9 @@ const PathSearch = ({
       }}
     >
       <Icon className="path_search_icon" icon={faMagnifyingGlass} />
-      <input
+      <TextInput
+        unstyled
         ref={inputRef}
-        type="text"
         className="path_search_input"
         value={value}
         onChange={(event) => onChange(event.target.value)}
@@ -110,26 +112,26 @@ const PathSearch = ({
             <div className="path_recents_header">
               <span>{t.pathbar.recentSearches}</span>
               {/* preventDefault on mousedown so clicking doesn't blur (and close) the field. */}
-              <button
-                type="button"
+              <Button
+                unstyled
                 className="path_recents_clear"
                 onMouseDown={(event) => event.preventDefault()}
                 onClick={clearRecents}
               >
                 {t.pathbar.clearRecents}
-              </button>
+              </Button>
             </div>
             {recents.map((query) => (
-              <button
+              <Button
                 key={query}
-                type="button"
+                unstyled
                 className="path_recents_item"
                 onMouseDown={(event) => event.preventDefault()}
                 onClick={() => selectRecent(query)}
               >
                 <Icon icon={faClockRotateLeft} />
                 <span>{query}</span>
-              </button>
+              </Button>
             ))}
           </div>,
           document.body,
diff --git a/src/features/navigation/components/SearchFilters/SearchFilters.tsx b/src/features/navigation/components/SearchFilters/SearchFilters.tsx
index 231b764f..fc0261c1 100644
--- a/src/features/navigation/components/SearchFilters/SearchFilters.tsx
+++ b/src/features/navigation/components/SearchFilters/SearchFilters.tsx
@@ -6,6 +6,8 @@ import IconButton, {
   ICON_BUTTON_VARIANT,
   ICON_BUTTON_SIZE,
 } from "@/shared/components/elements/IconButton";
+import Button from "@/shared/components/elements/Button";
+import Checkbox from "@/shared/components/elements/Checkbox";
 import ToggleableChip from "@/shared/components/elements/ToggleableChip";
 import { CHIP_SIZE } from "@/shared/components/elements/Chip";
 import { useStateContext } from "@/shared/providers/StateProvider";
@@ -96,13 +98,13 @@ const SearchFilters = () => {
             <div className="filters_panel_head">
               <span className="filters_panel_title">{t.filters.title}</span>
               {count > 0 && (
-                <button
-                  type="button"
+                <Button
+                  unstyled
                   className="filters_clear"
                   onClick={() => setFilters(DEFAULT_FILTERS)}
                 >
                   {t.filters.clear}
-                </button>
+                </Button>
               )}
             </div>
 
@@ -155,8 +157,7 @@ const SearchFilters = () => {
             </div>
 
             <label className="filters_scope">
-              <input
-                type="checkbox"
+              <Checkbox
                 checked={filters.currentFolderOnly}
                 onChange={(e) =>
                   setFilters({
diff --git a/src/features/settings/components/SettingsDialog/SettingsButton.tsx b/src/features/settings/components/SettingsDialog/SettingsButton.tsx
index 403b9aca..8be408d8 100644
--- a/src/features/settings/components/SettingsDialog/SettingsButton.tsx
+++ b/src/features/settings/components/SettingsDialog/SettingsButton.tsx
@@ -1,21 +1,18 @@
 import type { ButtonHTMLAttributes } from "react";
 
+import Button from "@/shared/components/elements/Button";
 import { classNames } from "@/shared/utils";
 
 // A text button styled to match the settings dialog's controls (the "settings_button" chrome:
-// select-like border + input surface). Defaults to type="button" so it never submits an enclosing
-// form. Forwards every native button prop (onClick, disabled, aria-*, …); any extra className is
-// merged after the base class. Used by the settings custom controls (e.g. the folder chooser and
-// the size-ignore "Add" button) instead of a raw <button className="settings_button">.
+// select-like border + input surface). Built on the shared Button (type="button" default + ref
+// forwarding) but `unstyled` so only the settings chrome applies. Any extra className is merged
+// after the base class. Used by the settings custom controls (e.g. the folder chooser and the
+// size-ignore "Add" button) instead of a raw <button className="settings_button">.
 type SettingsButtonProps = ButtonHTMLAttributes<HTMLButtonElement>;
 
-const SettingsButton = ({
-  type = "button",
-  className,
-  ...rest
-}: SettingsButtonProps) => (
-  <button
-    type={type}
+const SettingsButton = ({ className, ...rest }: SettingsButtonProps) => (
+  <Button
+    unstyled
     className={classNames("settings_button", className)}
     {...rest}
   />
diff --git a/src/features/settings/components/SettingsDialog/SettingsDialog.tsx b/src/features/settings/components/SettingsDialog/SettingsDialog.tsx
index 26f0333a..74220b07 100644
--- a/src/features/settings/components/SettingsDialog/SettingsDialog.tsx
+++ b/src/features/settings/components/SettingsDialog/SettingsDialog.tsx
@@ -7,6 +7,7 @@ import IconButton, {
   ICON_BUTTON_VARIANT,
   ICON_BUTTON_SIZE,
 } from "@/shared/components/elements/IconButton";
+import TextInput from "@/shared/components/elements/TextInput";
 import { useCloseOnEscape } from "@/shared/hooks/useCloseOnEscape";
 import { useStateContext } from "@/shared/providers/StateProvider";
 import { useConfirm } from "@/shared/providers/ConfirmProvider";
@@ -160,7 +161,7 @@ const SettingsDialog = ({ visible, onClose }: SettingsDialogProps) => {
       />
 
       <div className="settings_toolbar">
-        <input
+        <TextInput
           type="search"
           className="settings_search"
           value={rawQuery}
diff --git a/src/features/settings/components/SettingsDialog/SettingsNav.tsx b/src/features/settings/components/SettingsDialog/SettingsNav.tsx
index 0284989f..3b77a5b4 100644
--- a/src/features/settings/components/SettingsDialog/SettingsNav.tsx
+++ b/src/features/settings/components/SettingsDialog/SettingsNav.tsx
@@ -1,3 +1,4 @@
+import Button from "@/shared/components/elements/Button";
 import { classNames } from "@/shared/utils";
 
 import { SETTINGS_SECTIONS } from "../../schema";
@@ -8,9 +9,9 @@ import type { SettingsNavProps } from "./types";
 const SettingsNav = ({ active, counts, onSelect }: SettingsNavProps) => (
   <nav className="settings_nav">
     {SETTINGS_SECTIONS.map((section) => (
-      <button
+      <Button
         key={section.id}
-        type="button"
+        unstyled
         className={classNames(
           "settings_nav_item",
           section.id === active && "active",
@@ -19,7 +20,7 @@ const SettingsNav = ({ active, counts, onSelect }: SettingsNavProps) => (
         onClick={() => onSelect(section.id)}
       >
         {section.label()}
-      </button>
+      </Button>
     ))}
   </nav>
 );
diff --git a/src/features/settings/components/SettingsDialog/controls/AccentControl.tsx b/src/features/settings/components/SettingsDialog/controls/AccentControl.tsx
index 6943ffd6..f75a4171 100644
--- a/src/features/settings/components/SettingsDialog/controls/AccentControl.tsx
+++ b/src/features/settings/components/SettingsDialog/controls/AccentControl.tsx
@@ -1,5 +1,6 @@
 import type { CSSProperties } from "react";
 
+import Button from "@/shared/components/elements/Button";
 import { classNames } from "@/shared/utils";
 import { ACCENTS } from "@/shared/constants";
 import { t } from "@/lang";
@@ -20,9 +21,10 @@ const AccentControl = ({ settings, update }: CustomControlProps) => (
       const active = settings.accentColor === value;
       const name = t.settings.accents[value];
       return (
-        <button
+        <Button
           key={value}
-          type="button"
+          unstyled
+          // eslint-disable-next-line i18next/no-literal-string -- ARIA role, not user-facing copy
           role="radio"
           aria-checked={active}
           aria-label={name}
diff --git a/src/features/settings/components/SettingsDialog/controls/DateFormatBelow.tsx b/src/features/settings/components/SettingsDialog/controls/DateFormatBelow.tsx
index 59e72145..240afb6d 100644
--- a/src/features/settings/components/SettingsDialog/controls/DateFormatBelow.tsx
+++ b/src/features/settings/components/SettingsDialog/controls/DateFormatBelow.tsx
@@ -1,5 +1,6 @@
 import type { ChangeEvent } from "react";
 
+import TextInput from "@/shared/components/elements/TextInput";
 import { formatDate } from "@/shared/utils";
 import { t } from "@/lang";
 
@@ -18,8 +19,7 @@ const DateFormatBelow = ({ settings, update }: CustomControlProps) => {
 
   return (
     <div className="settings_date_custom">
-      <input
-        type="text"
+      <TextInput
         className="settings_input"
         value={settings.dateFormat}
         onChange={onChange}
diff --git a/src/features/settings/components/SettingsDialog/controls/DateFormatControl.tsx b/src/features/settings/components/SettingsDialog/controls/DateFormatControl.tsx
index 6411431e..04d5a840 100644
--- a/src/features/settings/components/SettingsDialog/controls/DateFormatControl.tsx
+++ b/src/features/settings/components/SettingsDialog/controls/DateFormatControl.tsx
@@ -1,5 +1,6 @@
 import type { ChangeEvent } from "react";
 
+import Select from "@/shared/components/elements/Select";
 import { formatWithPattern } from "@/shared/utils";
 import { DATE_FORMAT_LOCALE } from "@/shared/constants";
 import { t } from "@/lang";
@@ -29,7 +30,7 @@ const DateFormatControl = ({ settings, update }: CustomControlProps) => {
   };
 
   return (
-    <select className="settings_select" value={selectValue} onChange={onSelect}>
+    <Select className="settings_select" value={selectValue} onChange={onSelect}>
       <option value={DATE_FORMAT_LOCALE}>{t.settings.dateFormatLocale}</option>
       {DATE_FORMAT_PRESETS.map((pattern) => (
         <option key={pattern} value={pattern}>
@@ -37,7 +38,7 @@ const DateFormatControl = ({ settings, update }: CustomControlProps) => {
         </option>
       ))}
       <option value={DATE_FORMAT_CUSTOM}>{t.settings.dateFormatCustom}</option>
-    </select>
+    </Select>
   );
 };
 
diff --git a/src/features/settings/components/SettingsDialog/controls/RangeControl.tsx b/src/features/settings/components/SettingsDialog/controls/RangeControl.tsx
index da08cefe..a9036afa 100644
--- a/src/features/settings/components/SettingsDialog/controls/RangeControl.tsx
+++ b/src/features/settings/components/SettingsDialog/controls/RangeControl.tsx
@@ -1,5 +1,6 @@
 import { useEffect, useRef, useState } from "react";
 
+import Slider from "@/shared/components/elements/Slider";
 import { useDebouncedCallback } from "@/shared/hooks/useDebouncedCallback";
 
 import { RANGE_COMMIT_DEBOUNCE_MS } from "../constants";
@@ -32,8 +33,7 @@ const RangeControl = ({ descriptor, settings, update }: RangeControlProps) => {
 
   return (
     <span className="settings_range_control">
-      <input
-        type="range"
+      <Slider
         className="settings_range"
         min={descriptor.min}
         max={descriptor.max}
diff --git a/src/features/settings/components/SettingsDialog/controls/SelectControl.tsx b/src/features/settings/components/SettingsDialog/controls/SelectControl.tsx
index 0df0d250..98050036 100644
--- a/src/features/settings/components/SettingsDialog/controls/SelectControl.tsx
+++ b/src/features/settings/components/SettingsDialog/controls/SelectControl.tsx
@@ -1,3 +1,5 @@
+import Select from "@/shared/components/elements/Select";
+
 import type { SelectControlProps } from "./types";
 
 // Enum setting → a dropdown, bound generically. The <select> value is a string; `toValue` maps it
@@ -7,7 +9,7 @@ const SelectControl = ({
   settings,
   update,
 }: SelectControlProps) => (
-  <select
+  <Select
     className="settings_select"
     value={String(settings[descriptor.key])}
     onChange={(event) =>
@@ -23,7 +25,7 @@ const SelectControl = ({
         {option.label}
       </option>
     ))}
-  </select>
+  </Select>
 );
 
 export default SelectControl;
diff --git a/src/features/settings/components/SettingsDialog/controls/SizeIgnoresBelow.tsx b/src/features/settings/components/SettingsDialog/controls/SizeIgnoresBelow.tsx
index 7086bf8f..a5d56567 100644
--- a/src/features/settings/components/SettingsDialog/controls/SizeIgnoresBelow.tsx
+++ b/src/features/settings/components/SettingsDialog/controls/SizeIgnoresBelow.tsx
@@ -2,6 +2,7 @@ import { useState, type KeyboardEvent } from "react";
 import { faPlus } from "@fortawesome/free-solid-svg-icons";
 
 import DeletableChip from "@/shared/components/elements/DeletableChip";
+import TextInput from "@/shared/components/elements/TextInput";
 import IconButton, {
   ICON_BUTTON_SIZE,
   ICON_BUTTON_VARIANT,
@@ -41,15 +42,16 @@ const SizeIgnoresBelow = ({ settings, update }: CustomControlProps) => {
   return (
     <div className="settings_ignores">
       <div className="settings_ignores_input">
-        <input
-          type="text"
+        <TextInput
           className="settings_input"
           value={draft}
           placeholder={t.settings.sizeIgnoresPlaceholder}
           onChange={(event) => setDraft(event.target.value)}
           onKeyDown={onKeyDown}
           spellCheck={false}
+          // eslint-disable-next-line i18next/no-literal-string -- HTML input attribute value
           autoCapitalize="off"
+          // eslint-disable-next-line i18next/no-literal-string -- HTML input attribute value
           autoCorrect="off"
         />
         <IconButton
diff --git a/src/features/settings/components/SettingsDialog/controls/StartupControl.tsx b/src/features/settings/components/SettingsDialog/controls/StartupControl.tsx
index e5a7c2c0..9048f051 100644
--- a/src/features/settings/components/SettingsDialog/controls/StartupControl.tsx
+++ b/src/features/settings/components/SettingsDialog/controls/StartupControl.tsx
@@ -1,5 +1,6 @@
 import type { ChangeEvent } from "react";
 
+import Select from "@/shared/components/elements/Select";
 import { STARTUP_MODE } from "@/shared/constants";
 import { t } from "@/lang";
 
@@ -13,7 +14,7 @@ const StartupControl = ({ settings, update }: CustomControlProps) => {
     update({ startupMode: event.target.value });
 
   return (
-    <select
+    <Select
       className="settings_select"
       value={settings.startupMode}
       onChange={onSelect}
@@ -21,7 +22,7 @@ const StartupControl = ({ settings, update }: CustomControlProps) => {
       <option value={STARTUP_MODE.RESTORE}>{t.settings.startupRestore}</option>
       <option value={STARTUP_MODE.VOLUMES}>{t.settings.startupVolumes}</option>
       <option value={STARTUP_MODE.HOME}>{t.settings.startupHome}</option>
-    </select>
+    </Select>
   );
 };
 
diff --git a/src/features/settings/components/SettingsDialog/controls/StorageBelow.tsx b/src/features/settings/components/SettingsDialog/controls/StorageBelow.tsx
index 33a3382a..68012526 100644
--- a/src/features/settings/components/SettingsDialog/controls/StorageBelow.tsx
+++ b/src/features/settings/components/SettingsDialog/controls/StorageBelow.tsx
@@ -2,6 +2,7 @@ import { useCallback, useEffect, useState } from "react";
 import { faTrashCan } from "@fortawesome/free-solid-svg-icons";
 
 import type { AppStorageLocation } from "@/shared/services/api";
+import Button from "@/shared/components/elements/Button";
 import IconButton, {
   ICON_BUTTON_SIZE,
   ICON_BUTTON_VARIANT,
@@ -93,14 +94,14 @@ const StorageBelow = () => {
             <span className="settings_row_label">
               {kindLabel(location.kind)}
             </span>
-            <button
-              type="button"
+            <Button
+              unstyled
               className="settings_storage_path"
               title={t.settings.storageOpen}
               onClick={() => void manager.openPath(location.path)}
             >
               {location.path}
-            </button>
+            </Button>
           </span>
           <span className="settings_storage_meta">
             <span className="settings_range_value">
diff --git a/src/features/settings/components/SettingsDialog/utils.ts b/src/features/settings/components/SettingsDialog/utils.ts
index 67f1f95e..98ad7568 100644
--- a/src/features/settings/components/SettingsDialog/utils.ts
+++ b/src/features/settings/components/SettingsDialog/utils.ts
@@ -21,9 +21,7 @@ export type Subgroup = { title: string | null; items: SettingDescriptor[] };
 // resolved `subsection` label cluster together; items without one fall under a leading title-less
 // group. Groups appear in the order their subsection is first seen (so authoring the schema in
 // subsection order yields the intended layout).
-export const groupBySubsection = (
-  items: SettingDescriptor[],
-): Subgroup[] => {
+export const groupBySubsection = (items: SettingDescriptor[]): Subgroup[] => {
   const groups: Subgroup[] = [];
   const byTitle = new Map<string, Subgroup>();
   for (const descriptor of items) {
diff --git a/src/features/settings/schema/schema.ts b/src/features/settings/schema/schema.ts
index d93446f6..ca1705e4 100644
--- a/src/features/settings/schema/schema.ts
+++ b/src/features/settings/schema/schema.ts
@@ -129,6 +129,22 @@ export const SETTINGS_SCHEMA: readonly SettingDescriptor[] = [
     label: () => t.settings.previewMarkdownInApp,
     hint: () => t.settings.previewMarkdownInAppHint,
   },
+  {
+    kind: SETTING_KIND.TOGGLE,
+    key: "openPreviewInWindow",
+    section: SETTINGS_SECTION.GENERAL,
+    subsection: () => t.settings.subsections.previews,
+    label: () => t.settings.openPreviewInWindow,
+    hint: () => t.settings.openPreviewInWindowHint,
+  },
+  {
+    kind: SETTING_KIND.TOGGLE,
+    key: "openPropertiesInWindow",
+    section: SETTINGS_SECTION.GENERAL,
+    subsection: () => t.settings.subsections.previews,
+    label: () => t.settings.openPropertiesInWindow,
+    hint: () => t.settings.openPropertiesInWindowHint,
+  },
   {
     kind: SETTING_KIND.TOGGLE,
     key: "showSystemStats",
diff --git a/src/features/shortcuts/constants.ts b/src/features/shortcuts/constants.ts
index 68658183..0739be66 100644
--- a/src/features/shortcuts/constants.ts
+++ b/src/features/shortcuts/constants.ts
@@ -23,6 +23,10 @@ export const SHORTCUT_SECTIONS: readonly ShortcutSection[] = [
     title: () => t.shortcuts.sections.files,
     rows: [
       { label: () => t.shortcuts.actions.copy, actions: [KEYMAP_ACTION.COPY] },
+      {
+        label: () => t.shortcuts.actions.copyPath,
+        actions: [KEYMAP_ACTION.COPY_PATH],
+      },
       { label: () => t.shortcuts.actions.cut, actions: [KEYMAP_ACTION.CUT] },
       {
         label: () => t.shortcuts.actions.paste,
diff --git a/src/features/sidebar/SideBar.tsx b/src/features/sidebar/SideBar.tsx
index cd43a008..afcf458a 100644
--- a/src/features/sidebar/SideBar.tsx
+++ b/src/features/sidebar/SideBar.tsx
@@ -89,8 +89,11 @@ const SideBar = ({ collapsed, onToggle }: SideBarProps) => {
 
   const { keymap } = useKeymap();
   const { open: openSettings } = useSettings();
-  const { connections, manager: connectionsManager, reload: reloadConnections } =
-    useConnections();
+  const {
+    connections,
+    manager: connectionsManager,
+    reload: reloadConnections,
+  } = useConnections();
   // Open state for the create-connection form (opened from the Network group's "+").
   const [connectionFormOpen, setConnectionFormOpen] = useState(false);
   // The connection being edited (null = not editing); drives the same form dialog prefilled.
@@ -237,7 +240,8 @@ const SideBar = ({ collapsed, onToggle }: SideBarProps) => {
   };
 
   // Saved SSH/SFTP connections (see SSH_PLAN.md). Clicking opens the connection's home dir; the row
-  // stays highlighted for any remote folder browsed under it (prefix match).
+  // stays highlighted for any remote folder browsed under it (prefix match). In edit mode the
+  // open-in-new-tab quick action gives way to edit + delete buttons.
   const connectionRows = connections.map((connection) => {
     const prefix = connectionsManager.prefix(connection.id);
     return (
@@ -253,7 +257,13 @@ const SideBar = ({ collapsed, onToggle }: SideBarProps) => {
         collapsed={collapsed}
         active={path === prefix || path.startsWith(`${prefix}/`)}
         onContextMenu={onRowContextMenu(prefix, SIDEBAR_ITEM_KIND.CONNECTION)}
-        onOpenInNewTab={() => openConnectionInNewTab(connection)}
+        onOpenInNewTab={
+          editingSidebar ? undefined : () => openConnectionInNewTab(connection)
+        }
+        onEdit={
+          editingSidebar ? () => setEditConnectionTarget(connection) : undefined
+        }
+        onRemove={editingSidebar ? () => removeConnection(prefix) : undefined}
       />
     );
   });
diff --git a/src/features/sidebar/components/FolderItem/FolderItem.tsx b/src/features/sidebar/components/FolderItem/FolderItem.tsx
index c845d4e1..42b377ca 100644
--- a/src/features/sidebar/components/FolderItem/FolderItem.tsx
+++ b/src/features/sidebar/components/FolderItem/FolderItem.tsx
@@ -12,6 +12,7 @@ import {
   faTrash,
   faEye,
   faEyeSlash,
+  faPen,
   faUpRightFromSquare,
 } from "@fortawesome/free-solid-svg-icons";
 
@@ -25,6 +26,7 @@ const FolderItem = ({
   hotkey,
   onContextMenu,
   onRemove,
+  onEdit,
   onToggleHidden,
   onOpenInNewTab,
   hidden,
@@ -70,6 +72,20 @@ const FolderItem = ({
           aria-label={t.contextMenu.openInNewTab}
         />
       )}
+      {onEdit && (
+        <IconButton
+          icon={faPen}
+          size={ICON_BUTTON_SIZE.SM}
+          className="item_edit"
+          tooltip={t.connections.edit}
+          tooltipPlacement={TOOLTIP_PLACEMENT.RIGHT}
+          onClick={(e) => {
+            e.stopPropagation();
+            onEdit();
+          }}
+          aria-label={t.connections.edit}
+        />
+      )}
       {onRemove && (
         <IconButton
           icon={faTrash}
diff --git a/src/features/sidebar/components/FolderItem/types.ts b/src/features/sidebar/components/FolderItem/types.ts
index 2093344b..1ee8616a 100644
--- a/src/features/sidebar/components/FolderItem/types.ts
+++ b/src/features/sidebar/components/FolderItem/types.ts
@@ -11,6 +11,9 @@ export type FolderItemProps = {
   onContextMenu?: (e: MouseEvent) => void;
   // When provided (edit mode, custom items only) a trash button shows to remove the item.
   onRemove?: () => void;
+  // When provided (edit mode, connection rows only) a pen button shows to edit the item, next to
+  // the trash button.
+  onEdit?: () => void;
   // When provided (edit mode, preset rows only) an eye button toggles the preset's visibility
   // instead of a trash button — presets are hidden, never deleted.
   onToggleHidden?: () => void;
diff --git a/src/features/sidebar/components/SidebarSection/SidebarSection.tsx b/src/features/sidebar/components/SidebarSection/SidebarSection.tsx
index 06afcc85..b6becca1 100644
--- a/src/features/sidebar/components/SidebarSection/SidebarSection.tsx
+++ b/src/features/sidebar/components/SidebarSection/SidebarSection.tsx
@@ -11,6 +11,7 @@ import IconButton, {
   ICON_BUTTON_SIZE,
 } from "@/shared/components/elements/IconButton";
 import Icon from "@/shared/components/elements/Icon";
+import TextInput from "@/shared/components/elements/TextInput";
 import { TOOLTIP_PLACEMENT } from "@/shared/components/elements/Tooltip";
 import { classNames } from "@/shared/utils";
 import { t } from "@/lang";
@@ -100,23 +101,23 @@ const SidebarSection = forwardRef<HTMLElement, SidebarSectionProps>(
             </span>
           )}
           {renaming ? (
-            <input
+            <TextInput
+              unstyled
               ref={inputRef}
-              type="text"
               className="section_title_input"
               defaultValue={title}
               onKeyDown={handleRenameKeyDown}
               onBlur={cancelRename}
             />
           ) : (
-            <button
-              type="button"
+            <Button
+              unstyled
               className="section_title"
               // Editable groups open the rename input on click; read-only groups just toggle.
               onClick={onRename ? startRename : toggle}
             >
               <h2>{title}</h2>
-            </button>
+            </Button>
           )}
           {editing && onDelete && (
             <IconButton
@@ -129,15 +130,15 @@ const SidebarSection = forwardRef<HTMLElement, SidebarSectionProps>(
               aria-label={t.sidebar.deleteGroup}
             />
           )}
-          <button
-            type="button"
+          <Button
+            unstyled
             className="section_chevron"
             onClick={toggle}
             aria-expanded={open}
             aria-label={open ? t.sidebar.collapseGroup : t.sidebar.expandGroup}
           >
             <Icon icon={faChevronDown} />
-          </button>
+          </Button>
         </div>
         <div className="section_content">
           <div className="section_content_inner">
diff --git a/src/lang/en.ts b/src/lang/en.ts
index 6fcd8a97..4660d943 100644
--- a/src/lang/en.ts
+++ b/src/lang/en.ts
@@ -13,6 +13,7 @@ export const en = {
     edit: "Edit",
     preview: "Preview",
     previewTitle: (name: string) => `Preview - ${name}`,
+    propertiesTitle: (name: string) => `Properties - ${name}`,
     editTitle: (name: string) => `Edit - ${name}`,
     previous: "Previous",
     next: "Next",
@@ -23,6 +24,8 @@ export const en = {
     pause: "Pause",
     cancel: "Cancel",
     confirm: "Confirm",
+    showPassword: "Show password",
+    hidePassword: "Hide password",
     move: "Move",
     copy: "Copy",
     dontAskAgain: "Don't ask again",
@@ -48,6 +51,7 @@ export const en = {
     emptyTrash: "Empty Trash",
     eject: "Eject",
     copy: "Copy",
+    copyPath: "Copy Path",
     cut: "Cut",
     rename: "Rename",
     delete: "Move to trash",
@@ -56,11 +60,36 @@ export const en = {
     copyImage: "Copy image",
     paste: "Paste",
     properties: "Properties",
+    compress: "Compress",
+    extract: "Extract Here",
+    extractToFolder: "Extract to Folder",
     sortBy: "Sort By",
     showHidden: "Show Hidden Files",
     sortAscending: "Ascending",
     sortDescending: "Descending",
   },
+  archive: {
+    toZip: "To ZIP (.zip)",
+    to7z: "To 7z (.7z)",
+    compressTitle: "Compress",
+    name: "Archive name",
+    level: "Compression level",
+    levelFast: "Fastest",
+    levelBest: "Smallest",
+    compressButton: "Compress",
+    password: "Password",
+    passwordOptional: "Optional — leave empty for no encryption",
+    passwordTitle: "Enter password",
+    passwordPrompt: "This archive is password-protected",
+    extractButton: "Extract",
+    compressing: "Compressing…",
+    compressed: (name: string) => `Created ${name}`,
+    extracting: "Extracting…",
+    extracted: (name: string) => `Extracted ${name}`,
+    extractedMany: (count: number) => `Extracted ${count} items`,
+    compressError: (reason: string) => `Could not compress: ${reason}`,
+    extractError: (reason: string) => `Could not extract: ${reason}`,
+  },
   properties: {
     title: "Properties",
     name: "Name",
@@ -201,6 +230,7 @@ export const en = {
     },
     actions: {
       copy: "Copy",
+      copyPath: "Copy path",
       cut: "Cut",
       paste: "Paste",
       undo: "Undo",
@@ -445,6 +475,12 @@ export const en = {
     previewMarkdownInApp: "Open markdown in built-in preview",
     previewMarkdownInAppHint:
       "Opening a markdown file (Enter or double-click) shows it in the app's preview — where you can also edit it — instead of the system app.",
+    openPreviewInWindow: "Open preview in its own window",
+    openPreviewInWindowHint:
+      "The built-in preview opens as a separate, movable window instead of an overlay inside the current window. A new window opens each time, so you can compare several files side by side.",
+    openPropertiesInWindow: "Open properties in its own window",
+    openPropertiesInWindowHint:
+      "Properties open as a separate, movable window instead of a dialog inside the current window. A new window opens each time.",
     saving: "Saving settings…",
     storage: "Disk usage",
     storageHint: "Space the app's data uses on disk and where it's stored.",
@@ -535,6 +571,7 @@ export const en = {
     showingHidden: "Showing hidden files",
     hidingHidden: "Hiding hidden files",
     copied: (label: string) => `Copied ${label}`,
+    pathCopied: (n: number) => (n === 1 ? "Path copied" : "Paths copied"),
     cut: (label: string) => `Cut ${label}`,
     pasted: (label: string) => `Pasted ${label}`,
     moved: (label: string) => `Moved ${label}`,
@@ -551,6 +588,12 @@ export const en = {
       grant: "Open Full Disk Access settings",
       hint: "After enabling access, reopen the app.",
     },
+    // Shown in place of the listing when a remote (SFTP) folder fails to load — the description is
+    // the loader's error (connections.listError / hostKeyChanged).
+    remoteError: {
+      title: "Can't reach this server",
+      retry: "Retry",
+    },
     ntfs: {
       title: "Read-only NTFS drive",
       description:
diff --git a/src/shared/components/elements/Button/Button.tsx b/src/shared/components/elements/Button/Button.tsx
index b74e06ce..38837914 100644
--- a/src/shared/components/elements/Button/Button.tsx
+++ b/src/shared/components/elements/Button/Button.tsx
@@ -7,11 +7,11 @@ import "@/styles/components/Button.css";
 import type { ButtonProps } from "./types";
 
 const Button = forwardRef<HTMLButtonElement, ButtonProps>(
-  ({ type = "button", className, ...props }, ref) => (
+  ({ type = "button", unstyled, className, ...props }, ref) => (
     <button
       ref={ref}
       type={type}
-      className={classNames("Button", className)}
+      className={classNames(!unstyled && "Button", className)}
       {...props}
     />
   ),
diff --git a/src/shared/components/elements/Button/types.ts b/src/shared/components/elements/Button/types.ts
index 74e81a80..ff8d74a6 100644
--- a/src/shared/components/elements/Button/types.ts
+++ b/src/shared/components/elements/Button/types.ts
@@ -1,3 +1,8 @@
 import type { ButtonHTMLAttributes } from "react";
 
-export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement>;
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+  // Skip the base `.Button` look and style purely from `className`. For buttons that carry their own
+  // bespoke styling (nav items, list rows, stat chips, icon toggles) but still want the shared
+  // element's `type="button"` default + ref forwarding.
+  unstyled?: boolean;
+}
diff --git a/src/shared/components/elements/Checkbox/Checkbox.tsx b/src/shared/components/elements/Checkbox/Checkbox.tsx
new file mode 100644
index 00000000..9a808bfe
--- /dev/null
+++ b/src/shared/components/elements/Checkbox/Checkbox.tsx
@@ -0,0 +1,25 @@
+import { forwardRef } from "react";
+
+import { classNames } from "@/shared/utils";
+
+import "@/styles/components/Checkbox.css";
+
+import type { CheckboxProps } from "./types";
+
+// Base checkbox: the app accent colour applied to the box (via accent-color) so ticks match the
+// live theme instead of the browser default. Forwards the ref + every native attribute
+// (checked/onChange/disabled…); `type` is fixed to "checkbox".
+const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(
+  ({ className, ...props }, ref) => (
+    <input
+      ref={ref}
+      type="checkbox"
+      className={classNames("Checkbox", className)}
+      {...props}
+    />
+  ),
+);
+
+Checkbox.displayName = "Checkbox";
+
+export default Checkbox;
diff --git a/src/shared/components/elements/Checkbox/index.ts b/src/shared/components/elements/Checkbox/index.ts
new file mode 100644
index 00000000..fce77984
--- /dev/null
+++ b/src/shared/components/elements/Checkbox/index.ts
@@ -0,0 +1,2 @@
+export { default } from "./Checkbox";
+export type { CheckboxProps } from "./types";
diff --git a/src/shared/components/elements/Checkbox/types.ts b/src/shared/components/elements/Checkbox/types.ts
new file mode 100644
index 00000000..a5604d46
--- /dev/null
+++ b/src/shared/components/elements/Checkbox/types.ts
@@ -0,0 +1,5 @@
+import type { InputHTMLAttributes } from "react";
+
+// A checkbox input. `type` is fixed to "checkbox" by the element, so callers only pass checked/
+// onChange and any other native attributes.
+export type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type">;
diff --git a/src/shared/components/elements/DeletableChip/DeletableChip.tsx b/src/shared/components/elements/DeletableChip/DeletableChip.tsx
index d00be5ac..814bd807 100644
--- a/src/shared/components/elements/DeletableChip/DeletableChip.tsx
+++ b/src/shared/components/elements/DeletableChip/DeletableChip.tsx
@@ -3,7 +3,10 @@ import { faXmark } from "@fortawesome/free-solid-svg-icons";
 import { classNames } from "@/shared/utils";
 
 import Chip, { CHIP_VARIANT } from "../Chip";
-import IconButton, { ICON_BUTTON_SIZE, ICON_BUTTON_VARIANT } from "../IconButton";
+import IconButton, {
+  ICON_BUTTON_SIZE,
+  ICON_BUTTON_VARIANT,
+} from "../IconButton";
 import type { DeletableChipProps } from "./types";
 
 // A Chip that displays a value with a trailing × to remove it — e.g. an entry in an editable list
diff --git a/src/shared/components/elements/Select/Select.tsx b/src/shared/components/elements/Select/Select.tsx
new file mode 100644
index 00000000..9c5d0e48
--- /dev/null
+++ b/src/shared/components/elements/Select/Select.tsx
@@ -0,0 +1,22 @@
+import { forwardRef } from "react";
+
+import { classNames } from "@/shared/utils";
+
+import "@/styles/components/Select.css";
+
+import type { SelectProps } from "./types";
+
+// Base dropdown: theme-aware surface/border/text + accent focus ring so it matches TextInput and
+// never falls back to the browser's default white box. Forwards the ref + every native attribute
+// (value, onChange, disabled, …); callers supply the <option> children.
+const Select = forwardRef<HTMLSelectElement, SelectProps>(
+  ({ className, children, ...props }, ref) => (
+    <select ref={ref} className={classNames("Select", className)} {...props}>
+      {children}
+    </select>
+  ),
+);
+
+Select.displayName = "Select";
+
+export default Select;
diff --git a/src/shared/components/elements/Select/index.ts b/src/shared/components/elements/Select/index.ts
new file mode 100644
index 00000000..d146ed26
--- /dev/null
+++ b/src/shared/components/elements/Select/index.ts
@@ -0,0 +1,2 @@
+export { default } from "./Select";
+export type { SelectProps } from "./types";
diff --git a/src/shared/components/elements/Select/types.ts b/src/shared/components/elements/Select/types.ts
new file mode 100644
index 00000000..027516e1
--- /dev/null
+++ b/src/shared/components/elements/Select/types.ts
@@ -0,0 +1,5 @@
+import type { SelectHTMLAttributes } from "react";
+
+// Native single-select dropdown. Callers pass <option> children plus value/onChange; the element
+// only supplies the theme-aware surface so it reads correctly in both light and dark mode.
+export type SelectProps = SelectHTMLAttributes<HTMLSelectElement>;
diff --git a/src/shared/components/elements/Slider/Slider.tsx b/src/shared/components/elements/Slider/Slider.tsx
new file mode 100644
index 00000000..67ca62cf
--- /dev/null
+++ b/src/shared/components/elements/Slider/Slider.tsx
@@ -0,0 +1,24 @@
+import { forwardRef } from "react";
+
+import { classNames } from "@/shared/utils";
+
+import "@/styles/components/Slider.css";
+
+import type { SliderProps } from "./types";
+
+// Range slider with the app accent colour applied to the track/thumb (via accent-color). Forwards
+// the ref + every native attribute (min/max/step/value/onChange…).
+const Slider = forwardRef<HTMLInputElement, SliderProps>(
+  ({ className, ...props }, ref) => (
+    <input
+      ref={ref}
+      type="range"
+      className={classNames("Slider", className)}
+      {...props}
+    />
+  ),
+);
+
+Slider.displayName = "Slider";
+
+export default Slider;
diff --git a/src/shared/components/elements/Slider/index.ts b/src/shared/components/elements/Slider/index.ts
new file mode 100644
index 00000000..542489df
--- /dev/null
+++ b/src/shared/components/elements/Slider/index.ts
@@ -0,0 +1,2 @@
+export { default } from "./Slider";
+export type { SliderProps } from "./types";
diff --git a/src/shared/components/elements/Slider/types.ts b/src/shared/components/elements/Slider/types.ts
new file mode 100644
index 00000000..658db916
--- /dev/null
+++ b/src/shared/components/elements/Slider/types.ts
@@ -0,0 +1,5 @@
+import type { InputHTMLAttributes } from "react";
+
+// A range/slider input. `type` is fixed to "range" by the element, so callers only pass min/max/step/
+// value/onChange and any other native attributes.
+export type SliderProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type">;
diff --git a/src/shared/components/elements/TextArea/TextArea.tsx b/src/shared/components/elements/TextArea/TextArea.tsx
new file mode 100644
index 00000000..330b1e82
--- /dev/null
+++ b/src/shared/components/elements/TextArea/TextArea.tsx
@@ -0,0 +1,24 @@
+import { forwardRef } from "react";
+
+import { classNames } from "@/shared/utils";
+
+import "@/styles/components/TextArea.css";
+
+import type { TextAreaProps } from "./types";
+
+// Base multi-line text input: the <textarea> sibling of TextInput with the same theme-aware
+// surface/border/text (never the browser's default white box) and accent focus ring. Forwards the
+// ref + every native attribute, so callers keep full control (value, onChange, rows, autoFocus, …).
+const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(
+  ({ className, ...props }, ref) => (
+    <textarea
+      ref={ref}
+      className={classNames("TextArea", className)}
+      {...props}
+    />
+  ),
+);
+
+TextArea.displayName = "TextArea";
+
+export default TextArea;
diff --git a/src/shared/components/elements/TextArea/index.ts b/src/shared/components/elements/TextArea/index.ts
new file mode 100644
index 00000000..c47f564a
--- /dev/null
+++ b/src/shared/components/elements/TextArea/index.ts
@@ -0,0 +1,2 @@
+export { default } from "./TextArea";
+export type { TextAreaProps } from "./types";
diff --git a/src/shared/components/elements/TextArea/types.ts b/src/shared/components/elements/TextArea/types.ts
new file mode 100644
index 00000000..821c0481
--- /dev/null
+++ b/src/shared/components/elements/TextArea/types.ts
@@ -0,0 +1,5 @@
+import type { TextareaHTMLAttributes } from "react";
+
+// Multi-line text input. The <textarea> sibling of TextInput: same theme-aware surface, forwards the
+// ref + every native attribute (value, onChange, placeholder, rows, spellCheck, …).
+export type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement>;
diff --git a/src/shared/components/elements/TextInput/TextInput.tsx b/src/shared/components/elements/TextInput/TextInput.tsx
new file mode 100644
index 00000000..a1333b20
--- /dev/null
+++ b/src/shared/components/elements/TextInput/TextInput.tsx
@@ -0,0 +1,25 @@
+import { forwardRef } from "react";
+
+import { classNames } from "@/shared/utils";
+
+import "@/styles/components/TextInput.css";
+
+import type { TextInputProps } from "./types";
+
+// Base single-line text input: theme-aware surface/border/text so it reads correctly in both light
+// and dark mode (raw <input> falls back to the browser's white box). Forwards the ref + every native
+// attribute, so callers keep full control (value, onChange, placeholder, autoFocus, …).
+const TextInput = forwardRef<HTMLInputElement, TextInputProps>(
+  ({ type = "text", unstyled, className, ...props }, ref) => (
+    <input
+      ref={ref}
+      type={type}
+      className={classNames(!unstyled && "TextInput", className)}
+      {...props}
+    />
+  ),
+);
+
+TextInput.displayName = "TextInput";
+
+export default TextInput;
diff --git a/src/shared/components/elements/TextInput/index.ts b/src/shared/components/elements/TextInput/index.ts
new file mode 100644
index 00000000..088d92a5
--- /dev/null
+++ b/src/shared/components/elements/TextInput/index.ts
@@ -0,0 +1,2 @@
+export { default } from "./TextInput";
+export type { TextInputProps } from "./types";
diff --git a/src/shared/components/elements/TextInput/types.ts b/src/shared/components/elements/TextInput/types.ts
new file mode 100644
index 00000000..989efae6
--- /dev/null
+++ b/src/shared/components/elements/TextInput/types.ts
@@ -0,0 +1,10 @@
+import type { InputHTMLAttributes } from "react";
+
+// Any single-line text-ish input (text, search, number, email, url…). Password gets its own pattern
+// (PasswordInput) that layers a show/hide toggle on top of this element.
+export interface TextInputProps extends InputHTMLAttributes<HTMLInputElement> {
+  // Skip the base `.TextInput` box and style purely from `className`. For bespoke fields (inline
+  // rename overlays, breadcrumb path field, search bars) that still want ref forwarding + the
+  // `type="text"` default.
+  unstyled?: boolean;
+}
diff --git a/src/shared/components/patterns/DialogActions/DialogActions.tsx b/src/shared/components/patterns/DialogActions/DialogActions.tsx
index faba51b9..42175b0d 100644
--- a/src/shared/components/patterns/DialogActions/DialogActions.tsx
+++ b/src/shared/components/patterns/DialogActions/DialogActions.tsx
@@ -13,8 +13,6 @@ const DialogActions = ({
 }: {
   children: ReactNode;
   className?: string;
-}) => (
-  <div className={classNames("dialog_actions", className)}>{children}</div>
-);
+}) => <div className={classNames("dialog_actions", className)}>{children}</div>;
 
 export default DialogActions;
diff --git a/src/shared/components/patterns/PasswordInput/PasswordInput.tsx b/src/shared/components/patterns/PasswordInput/PasswordInput.tsx
new file mode 100644
index 00000000..78fd86e0
--- /dev/null
+++ b/src/shared/components/patterns/PasswordInput/PasswordInput.tsx
@@ -0,0 +1,45 @@
+import { forwardRef, useState } from "react";
+import { faEye, faEyeSlash } from "@fortawesome/free-solid-svg-icons";
+
+import TextInput from "@/shared/components/elements/TextInput";
+import IconButton from "@/shared/components/elements/IconButton";
+import { classNames } from "@/shared/utils";
+import { t } from "@/lang";
+
+import "@/styles/components/PasswordInput.css";
+
+import type { PasswordInputProps } from "./types";
+
+// Masked text field with an eye toggle to reveal/hide the value. Wraps the base TextInput so it
+// inherits the shared theme-aware styling; the toggle button sits inside the field on the right.
+const PasswordInput = forwardRef<HTMLInputElement, PasswordInputProps>(
+  ({ showToggle = true, className, ...props }, ref) => {
+    const [revealed, setRevealed] = useState(false);
+
+    return (
+      <div className={classNames("PasswordInput", className)}>
+        <TextInput
+          ref={ref}
+          type={revealed ? "text" : "password"}
+          className={showToggle ? "PasswordInput_field" : undefined}
+          {...props}
+        />
+        {showToggle && (
+          <IconButton
+            icon={revealed ? faEyeSlash : faEye}
+            className="PasswordInput_toggle"
+            tabIndex={-1}
+            aria-label={
+              revealed ? t.common.hidePassword : t.common.showPassword
+            }
+            onClick={() => setRevealed((v) => !v)}
+          />
+        )}
+      </div>
+    );
+  },
+);
+
+PasswordInput.displayName = "PasswordInput";
+
+export default PasswordInput;
diff --git a/src/shared/components/patterns/PasswordInput/index.ts b/src/shared/components/patterns/PasswordInput/index.ts
new file mode 100644
index 00000000..7a1622e6
--- /dev/null
+++ b/src/shared/components/patterns/PasswordInput/index.ts
@@ -0,0 +1,2 @@
+export { default } from "./PasswordInput";
+export type { PasswordInputProps } from "./types";
diff --git a/src/shared/components/patterns/PasswordInput/types.ts b/src/shared/components/patterns/PasswordInput/types.ts
new file mode 100644
index 00000000..9caa7a03
--- /dev/null
+++ b/src/shared/components/patterns/PasswordInput/types.ts
@@ -0,0 +1,7 @@
+import type { TextInputProps } from "@/shared/components/elements/TextInput";
+
+// Same props as TextInput minus `type` (fixed to password/text by the toggle). The reveal toggle is
+// on by default; pass showToggle={false} for a plain masked field.
+export type PasswordInputProps = Omit<TextInputProps, "type"> & {
+  showToggle?: boolean;
+};
diff --git a/src/shared/constants.ts b/src/shared/constants.ts
index e5362ee4..04385e1c 100644
--- a/src/shared/constants.ts
+++ b/src/shared/constants.ts
@@ -3,8 +3,8 @@ import { isMacPlatform } from "@/shared/keymap/utils";
 import type { AppSettings } from "@/shared/services/api";
 
 // Recommended folder-size exclusions on macOS: OS-generated junk (Finder metadata, AppleDouble
-// forks, Spotlight/Trash/Versions/FSEvents stores) that never holds user content and only inflates
-// size totals. Seeded as the default so new users get sensible exclusions out of the box. Mirrors
+// forks, Spotlight/Trash/Versions/FSEvents stores, WidgetKit timeline caches, localization
+// markers, Windows-share droppings) that never holds user content and only inflates size totals. Seeded as the default so new users get sensible exclusions out of the box. Mirrors
 // default_size_ignores() in functions/settings.rs (must stay in sync). Empty on other platforms.
 export const MACOS_SIZE_IGNORES = [
   ".DS_Store",
@@ -14,6 +14,11 @@ export const MACOS_SIZE_IGNORES = [
   ".DocumentRevisions-V100",
   ".apdisk",
   ".fseventsd",
+  "com.apple.chrono",
+  ".localized",
+  ".AppleDouble",
+  "Thumbs.db",
+  "desktop.ini",
 ];
 
 export const VIEW_MODE = {
@@ -191,6 +196,8 @@ export const DEFAULT_SETTINGS: AppSettings = {
   useCustomFolderPicker: false,
   previewImagesInApp: false,
   previewMarkdownInApp: false,
+  openPreviewInWindow: false,
+  openPropertiesInWindow: false,
   confirmExportOverwrite: false,
   remoteThumbnails: false,
   showSystemStats: false,
diff --git a/src/shared/hooks/useSevenzipAvailable/index.ts b/src/shared/hooks/useSevenzipAvailable/index.ts
new file mode 100644
index 00000000..cd4919d6
--- /dev/null
+++ b/src/shared/hooks/useSevenzipAvailable/index.ts
@@ -0,0 +1 @@
+export { useSevenzipAvailable } from "./useSevenzipAvailable";
diff --git a/src/shared/hooks/useSevenzipAvailable/useSevenzipAvailable.ts b/src/shared/hooks/useSevenzipAvailable/useSevenzipAvailable.ts
new file mode 100644
index 00000000..b8318cf6
--- /dev/null
+++ b/src/shared/hooks/useSevenzipAvailable/useSevenzipAvailable.ts
@@ -0,0 +1,26 @@
+import { useEffect, useState } from "react";
+
+import { sevenzipAvailable } from "@/shared/services/api";
+
+// Whether a 7-Zip binary is on PATH. Probed once and cached module-wide (it can't change during a
+// session), so every consumer (compress submenu, …) shares the single result. Starts false until the
+// first probe resolves, so the 7z option only appears once we know it works.
+let cached: boolean | null = null;
+
+export const useSevenzipAvailable = (): boolean => {
+  const [available, setAvailable] = useState(cached ?? false);
+
+  useEffect(() => {
+    if (cached !== null) return;
+    let alive = true;
+    sevenzipAvailable().then((value) => {
+      cached = value;
+      if (alive) setAvailable(value);
+    });
+    return () => {
+      alive = false;
+    };
+  }, []);
+
+  return available;
+};
diff --git a/src/shared/keymap/constants.ts b/src/shared/keymap/constants.ts
index 0c13d7ad..689a0a09 100644
--- a/src/shared/keymap/constants.ts
+++ b/src/shared/keymap/constants.ts
@@ -1,6 +1,7 @@
 // Named actions that can be bound to a key. Values match the table names in keymap.toml.
 export const KEYMAP_ACTION = {
   COPY: "copy",
+  COPY_PATH: "copy_path",
   CUT: "cut",
   PASTE: "paste",
   UNDO: "undo",
diff --git a/src/shared/providers/CompressProvider/CompressContext.ts b/src/shared/providers/CompressProvider/CompressContext.ts
new file mode 100644
index 00000000..4d3f48f5
--- /dev/null
+++ b/src/shared/providers/CompressProvider/CompressContext.ts
@@ -0,0 +1,13 @@
+import { createContext, useContext } from "react";
+
+import type { CompressContextValue } from "./types";
+
+// No-op default if no provider is mounted (defensive; the app always mounts one).
+const fallback: CompressContextValue = {
+  requestOptions: async () => null,
+  requestPassword: async () => null,
+};
+
+export const CompressContext = createContext<CompressContextValue>(fallback);
+
+export const useCompress = () => useContext(CompressContext);
diff --git a/src/shared/providers/CompressProvider/CompressDialog.tsx b/src/shared/providers/CompressProvider/CompressDialog.tsx
new file mode 100644
index 00000000..b6ef81bd
--- /dev/null
+++ b/src/shared/providers/CompressProvider/CompressDialog.tsx
@@ -0,0 +1,126 @@
+import { useEffect, useState } from "react";
+
+import Dialog from "@/shared/components/patterns/Dialog";
+import DialogHeader from "@/shared/components/patterns/DialogHeader";
+import DialogActions from "@/shared/components/patterns/DialogActions";
+import Button from "@/shared/components/elements/Button";
+import TextInput from "@/shared/components/elements/TextInput";
+import Slider from "@/shared/components/elements/Slider";
+import PasswordInput from "@/shared/components/patterns/PasswordInput";
+import { useCloseOnEscape } from "@/shared/hooks/useCloseOnEscape";
+import { t } from "@/lang";
+
+import "@/styles/components/CompressDialog.css";
+
+import type { CompressDialogProps } from "./types";
+
+const TITLE_ID = "compress-dialog-title";
+// Balanced default (zip levels run 0=fastest .. 9=smallest).
+const DEFAULT_LEVEL = 6;
+
+// Compress-options dialog: archive name + DEFLATE level + optional password (AES-256). Enter
+// submits, Escape/backdrop cancels. (Split volumes are planned once 7z/rar land.)
+const CompressDialog = ({
+  visible,
+  defaultName,
+  ext,
+  onSubmit,
+  onClose,
+}: CompressDialogProps) => {
+  useCloseOnEscape(visible, onClose);
+
+  const [name, setName] = useState(defaultName);
+  const [level, setLevel] = useState(DEFAULT_LEVEL);
+  const [password, setPassword] = useState("");
+
+  // Reset fields each time the dialog (re)opens for a new selection.
+  useEffect(() => {
+    if (visible) {
+      // eslint-disable-next-line react-hooks/set-state-in-effect -- reset fields on (re)open
+      setName(defaultName);
+      setLevel(DEFAULT_LEVEL);
+      setPassword("");
+    }
+  }, [visible, defaultName]);
+
+  const trimmed = name.trim();
+  const canSubmit = trimmed.length > 0;
+
+  const submit = () => {
+    if (!canSubmit) return;
+    // Keep the name ending in the target extension (the backend picks the format from it).
+    const suffix = `.${ext}`;
+    const finalName = trimmed.toLowerCase().endsWith(suffix.toLowerCase())
+      ? trimmed
+      : `${trimmed}${suffix}`;
+    onSubmit({ name: finalName, level, password: password || undefined });
+  };
+
+  return (
+    <Dialog
+      visible={visible}
+      onClose={onClose}
+      className="confirmation_modal"
+      labelledBy={TITLE_ID}
+    >
+      <DialogHeader
+        title={t.archive.compressTitle}
+        titleId={TITLE_ID}
+        onClose={onClose}
+      />
+      <form
+        className="confirmation_body"
+        onSubmit={(event) => {
+          event.preventDefault();
+          submit();
+        }}
+      >
+        <label className="compress_field">
+          <span>{t.archive.name}</span>
+          <TextInput
+            autoFocus
+            value={name}
+            onChange={(event) => setName(event.target.value)}
+          />
+        </label>
+
+        <label className="compress_field">
+          <span>
+            {t.archive.level}: {level}
+          </span>
+          <Slider
+            min={0}
+            max={9}
+            step={1}
+            value={level}
+            onChange={(event) => setLevel(Number(event.target.value))}
+          />
+          <span className="compress_level_hint">
+            <span>{t.archive.levelFast}</span>
+            <span>{t.archive.levelBest}</span>
+          </span>
+        </label>
+
+        <label className="compress_field">
+          <span>{t.archive.password}</span>
+          <PasswordInput
+            placeholder={t.archive.passwordOptional}
+            value={password}
+            // eslint-disable-next-line i18next/no-literal-string -- HTML autocomplete token
+            autoComplete="new-password"
+            onChange={(event) => setPassword(event.target.value)}
+          />
+        </label>
+
+        <DialogActions>
+          <Button onClick={onClose}>{t.common.cancel}</Button>
+          <Button type="submit" className="primary" disabled={!canSubmit}>
+            {t.archive.compressButton}
+          </Button>
+        </DialogActions>
+      </form>
+    </Dialog>
+  );
+};
+
+export default CompressDialog;
diff --git a/src/shared/providers/CompressProvider/CompressProvider.tsx b/src/shared/providers/CompressProvider/CompressProvider.tsx
new file mode 100644
index 00000000..971df82e
--- /dev/null
+++ b/src/shared/providers/CompressProvider/CompressProvider.tsx
@@ -0,0 +1,85 @@
+import { useCallback, useRef, useState, type ReactNode } from "react";
+
+import { basename, dirname } from "@/shared/utils";
+
+import CompressDialog from "./CompressDialog";
+import PasswordDialog from "./PasswordDialog";
+import { CompressContext } from "./CompressContext";
+import type { ArchiveFormat, CompressValues } from "./types";
+
+// Owns only the compress-options dialog. `requestOptions(targets)` opens it and resolves the chosen
+// options (or null on cancel); the directory's file operations run the actual compression so it
+// shares the status-bar progress bar and the clickable "reveal the archive" toast. Modelled on
+// ConfirmProvider (promise + resolver ref that survives the fade-out).
+export const CompressProvider = ({ children }: { children: ReactNode }) => {
+  const [defaultName, setDefaultName] = useState<string | null>(null);
+  const [ext, setExt] = useState<ArchiveFormat>("zip");
+  // Held in a ref so settling doesn't depend on a stale render and survives the fade-out.
+  const resolverRef = useRef<((value: CompressValues | null) => void) | null>(
+    null,
+  );
+
+  // Extraction password prompt — same promise + resolver-ref pattern as the compress dialog.
+  const [passwordVisible, setPasswordVisible] = useState(false);
+  const passwordResolverRef = useRef<((value: string | null) => void) | null>(
+    null,
+  );
+
+  const requestOptions = useCallback(
+    (targets: string[], format: ArchiveFormat = "zip") =>
+      new Promise<CompressValues | null>((resolve) => {
+        if (!targets.length || !targets[0]) {
+          resolve(null);
+          return;
+        }
+        // One item → its own name; many → the parent folder's name (falling back to "Archive").
+        const stem =
+          targets.length === 1
+            ? basename(targets[0])
+            : basename(dirname(targets[0])) || "Archive";
+        resolverRef.current = resolve;
+        setExt(format);
+        setDefaultName(`${stem}.${format}`);
+      }),
+    [],
+  );
+
+  const settle = useCallback((value: CompressValues | null) => {
+    setDefaultName(null);
+    resolverRef.current?.(value);
+    resolverRef.current = null;
+  }, []);
+
+  const requestPassword = useCallback(
+    () =>
+      new Promise<string | null>((resolve) => {
+        passwordResolverRef.current = resolve;
+        setPasswordVisible(true);
+      }),
+    [],
+  );
+
+  const settlePassword = useCallback((value: string | null) => {
+    setPasswordVisible(false);
+    passwordResolverRef.current?.(value);
+    passwordResolverRef.current = null;
+  }, []);
+
+  return (
+    <CompressContext.Provider value={{ requestOptions, requestPassword }}>
+      {children}
+      <CompressDialog
+        visible={defaultName !== null}
+        defaultName={defaultName ?? ""}
+        ext={ext}
+        onSubmit={(values) => settle(values)}
+        onClose={() => settle(null)}
+      />
+      <PasswordDialog
+        visible={passwordVisible}
+        onSubmit={(password) => settlePassword(password)}
+        onClose={() => settlePassword(null)}
+      />
+    </CompressContext.Provider>
+  );
+};
diff --git a/src/shared/providers/CompressProvider/PasswordDialog.tsx b/src/shared/providers/CompressProvider/PasswordDialog.tsx
new file mode 100644
index 00000000..d95b6b9e
--- /dev/null
+++ b/src/shared/providers/CompressProvider/PasswordDialog.tsx
@@ -0,0 +1,82 @@
+import { useEffect, useState } from "react";
+
+import Dialog from "@/shared/components/patterns/Dialog";
+import DialogHeader from "@/shared/components/patterns/DialogHeader";
+import DialogActions from "@/shared/components/patterns/DialogActions";
+import Button from "@/shared/components/elements/Button";
+import PasswordInput from "@/shared/components/patterns/PasswordInput";
+import { useCloseOnEscape } from "@/shared/hooks/useCloseOnEscape";
+import { t } from "@/lang";
+
+import "@/styles/components/CompressDialog.css";
+
+import type { PasswordDialogProps } from "./types";
+
+const TITLE_ID = "extract-password-dialog-title";
+
+// Password prompt shown when extracting an encrypted archive. Enter submits, Escape/backdrop
+// cancels. The caller runs the actual extraction with the entered password.
+const PasswordDialog = ({
+  visible,
+  onSubmit,
+  onClose,
+}: PasswordDialogProps) => {
+  useCloseOnEscape(visible, onClose);
+
+  const [password, setPassword] = useState("");
+
+  // Clear the field each time the dialog (re)opens.
+  useEffect(() => {
+    // eslint-disable-next-line react-hooks/set-state-in-effect -- clear field on (re)open
+    if (visible) setPassword("");
+  }, [visible]);
+
+  const canSubmit = password.length > 0;
+
+  const submit = () => {
+    if (canSubmit) onSubmit(password);
+  };
+
+  return (
+    <Dialog
+      visible={visible}
+      onClose={onClose}
+      className="confirmation_modal"
+      labelledBy={TITLE_ID}
+    >
+      <DialogHeader
+        title={t.archive.passwordTitle}
+        titleId={TITLE_ID}
+        onClose={onClose}
+      />
+      <form
+        className="confirmation_body"
+        onSubmit={(event) => {
+          event.preventDefault();
+          submit();
+        }}
+      >
+        <label className="compress_field">
+          <span>{t.archive.password}</span>
+          <PasswordInput
+            autoFocus
+            placeholder={t.archive.passwordPrompt}
+            value={password}
+            // eslint-disable-next-line i18next/no-literal-string -- HTML autocomplete token
+            autoComplete="current-password"
+            onChange={(event) => setPassword(event.target.value)}
+          />
+        </label>
+
+        <DialogActions>
+          <Button onClick={onClose}>{t.common.cancel}</Button>
+          <Button type="submit" className="primary" disabled={!canSubmit}>
+            {t.archive.extractButton}
+          </Button>
+        </DialogActions>
+      </form>
+    </Dialog>
+  );
+};
+
+export default PasswordDialog;
diff --git a/src/shared/providers/CompressProvider/index.ts b/src/shared/providers/CompressProvider/index.ts
new file mode 100644
index 00000000..4c35c0c1
--- /dev/null
+++ b/src/shared/providers/CompressProvider/index.ts
@@ -0,0 +1,3 @@
+export { CompressProvider } from "./CompressProvider";
+export { useCompress } from "./CompressContext";
+export type { CompressContextValue, ArchiveFormat } from "./types";
diff --git a/src/shared/providers/CompressProvider/types.ts b/src/shared/providers/CompressProvider/types.ts
new file mode 100644
index 00000000..23b4afe7
--- /dev/null
+++ b/src/shared/providers/CompressProvider/types.ts
@@ -0,0 +1,40 @@
+// Public shape of the compress/extract context and its dialog.
+
+// Archive format the dialog targets — decides the file extension (backend picks zip vs 7z from it).
+export type ArchiveFormat = "zip" | "7z";
+
+export type CompressContextValue = {
+  // Open the compress-options dialog for these targets in the given format (default "zip"); resolves
+  // the chosen options, or null if the user cancels. The caller (directory file ops) runs the actual
+  // compression so it gets the shared status-bar progress + reveal toast.
+  requestOptions: (
+    targets: string[],
+    format?: ArchiveFormat,
+  ) => Promise<CompressValues | null>;
+  // Prompt for a password to extract an encrypted archive; resolves the entered password, or null
+  // if the user cancels.
+  requestPassword: () => Promise<string | null>;
+};
+
+// Values collected by the compress dialog. `name` already carries the archive extension (.zip/.7z),
+// which the backend uses to pick the format. A non-empty `password` encrypts the archive.
+export type CompressValues = {
+  name: string;
+  level: number;
+  password?: string;
+};
+
+export type CompressDialogProps = {
+  visible: boolean;
+  defaultName: string;
+  // Target extension without the dot ("zip"/"7z"); the dialog keeps the name ending in it.
+  ext: string;
+  onSubmit: (values: CompressValues) => void;
+  onClose: () => void;
+};
+
+export type PasswordDialogProps = {
+  visible: boolean;
+  onSubmit: (password: string) => void;
+  onClose: () => void;
+};
diff --git a/src/shared/providers/StateProvider/constants.ts b/src/shared/providers/StateProvider/constants.ts
index 57982502..830ccd32 100644
--- a/src/shared/providers/StateProvider/constants.ts
+++ b/src/shared/providers/StateProvider/constants.ts
@@ -33,6 +33,7 @@ export const initialState: State = {
   dirContent: [],
   setDirContent: () => {},
   accessDenied: false,
+  loadError: null,
   loadingDir: false,
   view: VIEW_MODE.GRID,
   setView: () => {},
@@ -69,6 +70,8 @@ export const initialState: State = {
   toggleDragToExternalApps: () => {},
   previewImagesInApp: false,
   previewMarkdownInApp: false,
+  openPreviewInWindow: false,
+  openPropertiesInWindow: false,
   remoteThumbnails: false,
   savingSettings: false,
   search: "",
diff --git a/src/shared/providers/StateProvider/types.ts b/src/shared/providers/StateProvider/types.ts
index 6665b488..9f971d02 100644
--- a/src/shared/providers/StateProvider/types.ts
+++ b/src/shared/providers/StateProvider/types.ts
@@ -31,6 +31,9 @@ export type State = {
   // True when the current directory could not be read due to OS privacy protection
   // (e.g. macOS Full Disk Access required for the Trash).
   accessDenied: boolean;
+  // Why the current listing failed (remote connect/auth errors), or null. Drives the persistent
+  // error notice in the directory view.
+  loadError: string | null;
   // True while a navigation is still fetching the new folder's listing (after a short delay, so
   // fast local reads don't flash). The directory view shows a spinner instead of the stale entries.
   loadingDir: boolean;
@@ -90,6 +93,12 @@ export type State = {
   // Whether opening a markdown file (Enter/double-click) shows it in the built-in preview instead
   // of the OS default app. Read by the directory open flow.
   previewMarkdownInApp: boolean;
+  // Whether the built-in preview opens in its own detached window instead of the in-app overlay.
+  // Read by the directory open flow, which spawns a preview window instead of the local preview.
+  openPreviewInWindow: boolean;
+  // Whether the properties open in their own detached window instead of the in-app dialog. Read by
+  // the properties flow (useProperties via DirectoryProvider), which spawns a properties window.
+  openPropertiesInWindow: boolean;
   // Whether to generate thumbnails for remote (SFTP) images (off by default — each downloads the
   // whole file). Gates the thumbnail request for remote entries.
   remoteThumbnails: boolean;
diff --git a/src/shared/services/api.ts b/src/shared/services/api.ts
index 2a3a5229..e52a66fc 100644
--- a/src/shared/services/api.ts
+++ b/src/shared/services/api.ts
@@ -60,6 +60,12 @@ export type AppSettings = {
   // Open markdown files in the app's built-in preview (on Enter/double-click) instead of the OS
   // default app.
   previewMarkdownInApp: boolean;
+  // Open the built-in preview in its own detached window instead of the in-app overlay. A new
+  // window is spawned per open (see openPreviewWindow / window::create_preview_window).
+  openPreviewInWindow: boolean;
+  // Open the properties in their own detached window instead of the in-app dialog. A new window is
+  // spawned per open (see openPropertiesWindow / window::create_properties_window).
+  openPropertiesInWindow: boolean;
   // On export, ask before replacing an existing settings.toml. When off (default), a unique
   // filename is used instead so nothing is overwritten silently.
   confirmExportOverwrite: boolean;
@@ -217,6 +223,12 @@ export const listAllTags = async (): Promise<Tag[]> =>
 export const getContextMenu = async (): Promise<ContextMenuLayout> =>
   (await invoke("get_context_menu")) as ContextMenuLayout;
 
+// Mirror a Copy to the OS clipboard with Finder-style multi-flavor data: the entries paste as
+// real files into file-aware apps (Finder, Mail) and as their name (+ ext) into text fields.
+// Best-effort — callers ignore failures so the in-app clipboard still works.
+export const copyFilesToClipboard = async (paths: string[]): Promise<void> =>
+  await invoke("copy_files_to_clipboard", { paths });
+
 // Visible list columns for a folder (saved preference, or a well-known-folder default).
 export const getFolderColumns = async (path: string): Promise<string[]> =>
   (await invoke("get_folder_columns", { path })) as string[];
@@ -293,12 +305,15 @@ export const ejectVolume = async (mountPoint: string): Promise<void> =>
   await invoke("eject_volume", { mountPoint });
 
 // Read directory invokement method. Rethrows ACCESS_DENIED_ERROR so the UI can prompt for Full
-// Disk Access; any other failure (invalid/missing path) resolves to an empty listing.
+// Disk Access, and any remote (SFTP) failure so the directory view can show the connect/auth error
+// — swallowing those would render an unreachable server as an empty folder. Other local failures
+// (invalid/missing path) resolve to an empty listing.
 export const readDirectory = async (path: string): Promise<DirEntry[]> => {
   try {
     return (await invoke("read_directory", { path })) as DirEntry[];
   } catch (err) {
     if (String(err).includes(ACCESS_DENIED_ERROR)) throw err;
+    if (path.startsWith(SFTP_SCHEME)) throw err;
     console.error("Path is either not valid or does not exist:\n" + err);
     return [];
   }
@@ -428,6 +443,59 @@ export const moveEntry = async (
     onProgress: channel,
   })) as string;
 };
+// Compress the given entries into a new .zip inside `destDir`, at DEFLATE `level` (0..9). Streams
+// byte progress (input bytes read) over the same Channel as copy. Resolves to the created archive's
+// path, which differs from destDir/archiveName when a name collision forced a rename.
+export const compressEntries = async (
+  sources: string[],
+  destDir: string,
+  archiveName: string,
+  level: number,
+  password?: string,
+  onProgress?: (progress: CopyProgress) => void,
+): Promise<string> => {
+  const channel = new Channel<CopyProgress>();
+  if (onProgress) channel.onmessage = onProgress;
+  return (await invoke("compress_entries", {
+    sources,
+    destDir,
+    archiveName,
+    level,
+    password: password || null,
+    onProgress: channel,
+  })) as string;
+};
+
+// True if the zip has any encrypted entry, so the caller can prompt for a password before extract.
+export const archiveEncrypted = async (archive: string): Promise<boolean> =>
+  (await invoke("archive_encrypted", { archive })) as boolean;
+
+// True if a 7-Zip binary (7zz/7z/7za) is on PATH. Gates the "To 7z" compress option and .7z extract.
+export const sevenzipAvailable = async (): Promise<boolean> =>
+  (await invoke("sevenzip_available")) as boolean;
+
+// Extract a .zip into `destDir`. `password` decrypts an encrypted archive. `intoSubfolder` wraps
+// output in a new subfolder named after the archive ("Extract to Folder"); when false, the archive's
+// top-level entries land directly in `destDir` ("Extract Here"). Resolves to the created top-level
+// output paths (for reveal/select).
+export const extractArchive = async (
+  archive: string,
+  destDir: string,
+  password?: string,
+  intoSubfolder = false,
+  onProgress?: (progress: CopyProgress) => void,
+): Promise<string[]> => {
+  const channel = new Channel<CopyProgress>();
+  if (onProgress) channel.onmessage = onProgress;
+  return (await invoke("extract_archive", {
+    archive,
+    destDir,
+    password: password || null,
+    intoSubfolder,
+    onProgress: channel,
+  })) as string[];
+};
+
 export const renameEntry = async (
   path: string,
   newName: string,
@@ -511,6 +579,16 @@ export const openNewWindow = async (): Promise<void> =>
 export const openPathInNewWindow = async (path: string): Promise<void> =>
   await invoke("open_path_in_new_window", { path });
 
+// Open the built-in preview for `path` in its own detached window (used when openPreviewInWindow is
+// on). A fresh window is spawned per call so several previews can sit side by side.
+export const openPreviewWindow = async (path: string): Promise<void> =>
+  await invoke("open_preview_window", { path });
+
+// Open the properties for `path` in its own detached window (used when openPropertiesInWindow is
+// on). A fresh window is spawned per call.
+export const openPropertiesWindow = async (path: string): Promise<void> =>
+  await invoke("open_properties_window", { path });
+
 // One of the app's on-disk data locations, with its recursively-summed size in bytes. `kind` is a
 // stable id (see STORAGE_KIND) mapped to a localized label in the UI. Mirrors StorageLocation in
 // functions/storage.rs.
@@ -532,13 +610,15 @@ export const clearAppCache = async (): Promise<void> =>
   await invoke("clear_app_cache");
 
 // A saved SSH/SFTP connection. Secrets (password/passphrase) are never sent to the frontend — the
-// backend strips them. Mirrors the Connection struct in filesystem/sftp.rs. See SSH_PLAN.md.
+// backend strips them; the key path is not a secret and rehydrates the edit dialog's auth fields.
+// Mirrors ConnectionInfo in filesystem/sftp.rs. See SSH_PLAN.md.
 export type Connection = {
   id: string;
   name: string;
   host: string;
   port: number;
   user: string;
+  keyPath?: string;
 };
 
 // The saved SSH connections, surfaced as rows in the sidebar's Network group. Read from
diff --git a/src/styles/components/Button.css b/src/styles/components/Button.css
index facfc429..ad2c1dd8 100644
--- a/src/styles/components/Button.css
+++ b/src/styles/components/Button.css
@@ -23,3 +23,19 @@
   cursor: not-allowed;
   opacity: 0.5;
 }
+
+/* Primary / submit CTA: a solid accent fill with on-solid (white) text. Shared by every dialog's
+   confirm button so the look — and any future change — stays in one place. Hover DARKENS the accent
+   (not the base light overlay), otherwise the fill goes pale grey and the white label loses contrast
+   in light mode. */
+.Button.primary {
+  background-color: var(--color-selection-indicator);
+  border-color: var(--color-selection-indicator);
+  color: var(--color-text-on-solid);
+}
+
+.Button.primary:hover:not(:disabled) {
+  background-color: color-mix(in srgb, var(--color-accent), black 12%);
+  border-color: color-mix(in srgb, var(--color-accent), black 12%);
+  color: var(--color-text-on-solid);
+}
diff --git a/src/styles/components/Checkbox.css b/src/styles/components/Checkbox.css
new file mode 100644
index 00000000..d51c1b3d
--- /dev/null
+++ b/src/styles/components/Checkbox.css
@@ -0,0 +1,11 @@
+/* Base checkbox. Uses the app accent for the checked fill (via accent-color) so it tracks the live
+   theme instead of the browser's default blue. Callers keep layout on their own container. */
+.Checkbox {
+  accent-color: var(--color-accent);
+  cursor: pointer;
+}
+
+.Checkbox:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
diff --git a/src/styles/components/CompressDialog.css b/src/styles/components/CompressDialog.css
new file mode 100644
index 00000000..462de0ab
--- /dev/null
+++ b/src/styles/components/CompressDialog.css
@@ -0,0 +1,21 @@
+/* Compress-options dialog fields (name + compression level). Reuses the confirmation modal shell
+   for padding/backdrop; these style the form rows inside it. */
+
+.compress_field {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  margin-bottom: 16px;
+}
+
+.compress_field > span {
+  font-size: 13px;
+  opacity: 0.8;
+}
+
+.compress_level_hint {
+  display: flex;
+  justify-content: space-between;
+  font-size: 11px;
+  opacity: 0.6;
+}
diff --git a/src/styles/components/ConnectionDialog.css b/src/styles/components/ConnectionDialog.css
index 913a970f..c537e17a 100644
--- a/src/styles/components/ConnectionDialog.css
+++ b/src/styles/components/ConnectionDialog.css
@@ -19,25 +19,8 @@
   color: var(--color-text-dim);
 }
 
-.connection_field > input,
-.connection_select {
-  padding: var(--space-1-5) var(--space-2);
-  border-radius: var(--radius-sm);
-  border: var(--border-width-default) solid var(--color-border-default);
-  background-color: var(--color-surface-input);
-  color: var(--color-text-primary);
-  font-size: var(--font-size-base);
-}
-
-.connection_select {
-  cursor: pointer;
-}
-
-.connection_field > input:focus,
-.connection_select:focus {
-  outline: none;
-  border-color: var(--color-selection-indicator);
-}
+/* The auth dropdown uses the shared .Select element; text fields use TextInput. Both bring their own
+   theme-aware surface + focus ring, so this dialog no longer restyles them. */
 
 /* User (grow) + port (fixed narrow) side by side. */
 .connection_row {
@@ -65,12 +48,5 @@
   margin: 0;
 }
 
-.connection_submit {
-  background-color: var(--color-selection-indicator);
-  color: var(--color-text-on-solid);
-}
-
-.connection_submit.disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
+/* Submit uses the shared .Button.primary variant (accent fill + darkening hover); the disabled
+   look comes from the base .Button:disabled. */
diff --git a/src/styles/components/PasswordInput.css b/src/styles/components/PasswordInput.css
new file mode 100644
index 00000000..6f709b76
--- /dev/null
+++ b/src/styles/components/PasswordInput.css
@@ -0,0 +1,17 @@
+/* Masked field + inline reveal toggle. The button overlaps the input's right edge, so the field
+   reserves padding for it. */
+.PasswordInput {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+
+.PasswordInput_field {
+  padding-right: var(--space-8);
+}
+
+.PasswordInput_toggle {
+  position: absolute;
+  right: var(--space-1);
+  color: var(--color-text-dim);
+}
diff --git a/src/styles/components/Preview.css b/src/styles/components/Preview.css
index 40074468..ad834573 100644
--- a/src/styles/components/Preview.css
+++ b/src/styles/components/Preview.css
@@ -264,10 +264,12 @@
 }
 
 /* Raw markdown source editor (edit mode). Fills the preview body. */
+/* Fills the preview pane edge-to-edge: strips the shared .TextArea's frame + inset padding. */
 .preview_container .preview_content .preview_md_editor {
   width: 100%;
   height: 100%;
   box-sizing: border-box;
+  padding: 0;
   resize: none;
   border: none;
   outline: none;
@@ -430,3 +432,23 @@
   width: calc(100% - var(--space-20));
   height: calc(100% - var(--space-20));
 }
+
+/* Windowed mode (PreviewWindow): the panel IS the window's content, framed by the native window
+   chrome. Fill the window edge-to-edge, opaque, with no floating-panel styling (no margin, border,
+   radius, blur, shadow, or enter animation) and no free-floating geometry. */
+.preview_container.windowed,
+.preview_container.windowed.image {
+  position: absolute;
+  inset: 0;
+  margin: var(--space-0);
+  width: 100%;
+  height: 100%;
+  border: none;
+  border-radius: var(--space-0);
+  background-color: var(--color-background-app);
+  backdrop-filter: none;
+  opacity: 1;
+  transform: none;
+  visibility: visible;
+  pointer-events: auto;
+}
diff --git a/src/styles/components/Properties.css b/src/styles/components/Properties.css
index 432e2702..c37e4d9e 100644
--- a/src/styles/components/Properties.css
+++ b/src/styles/components/Properties.css
@@ -3,6 +3,21 @@
   max-width: calc(100% - var(--space-10));
 }
 
+/* Detached properties window (PropertiesWindow): the content fills the native window opaquely,
+   framed by the window chrome (no dialog header). Fixed to the viewport since #root isn't sized —
+   a plain height:100% would collapse and clip the rows (overflow:auto) to nothing. */
+.properties_window {
+  position: fixed;
+  inset: 0;
+  overflow: auto;
+  background-color: var(--color-background-app);
+  /* Baseline like .App: the window chrome isn't text, so focusing it must not select-all (WebKit
+     highlights everything otherwise). The metadata rows opt back into text selection for copy via
+     the more specific .properties_content rules below. */
+  -webkit-user-select: none;
+  user-select: none;
+}
+
 /* Shared by the Properties dialog and the info side panel. */
 .properties_content {
   padding: var(--space-4);
diff --git a/src/styles/components/RemoteErrorNotice.css b/src/styles/components/RemoteErrorNotice.css
new file mode 100644
index 00000000..80943f57
--- /dev/null
+++ b/src/styles/components/RemoteErrorNotice.css
@@ -0,0 +1,32 @@
+.RemoteErrorNotice {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--space-3);
+  margin: auto;
+  padding: var(--space-8);
+  max-width: var(--size-toast-max-width);
+  text-align: center;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.RemoteErrorNotice .remote_error_icon {
+  font-size: var(--font-size-icon-large);
+  color: var(--color-text-muted);
+}
+
+.RemoteErrorNotice .remote_error_title {
+  margin: 0;
+  font-size: var(--font-size-xl);
+  font-weight: 600;
+  color: var(--color-text-primary);
+}
+
+.RemoteErrorNotice .remote_error_description {
+  margin: 0;
+  font-size: var(--font-size-base);
+  color: var(--color-text-secondary);
+  overflow-wrap: anywhere;
+}
diff --git a/src/styles/components/Select.css b/src/styles/components/Select.css
new file mode 100644
index 00000000..11d3be7a
--- /dev/null
+++ b/src/styles/components/Select.css
@@ -0,0 +1,25 @@
+/* Base dropdown. Mirrors TextInput's theme-aware fill/border/text (never the browser's default white
+   box) with an accent ring on focus. Shared by every settings/connection field so the look lives in
+   one place. Layout (width, flex-shrink) stays with the caller's own class. */
+.Select {
+  font: inherit;
+  font-size: var(--font-size-base);
+  box-sizing: border-box;
+  padding: var(--space-1-5) var(--space-2);
+  background-color: var(--color-surface-input);
+  border: var(--border-width-default) solid var(--color-border-default);
+  border-radius: var(--radius-sm);
+  color: var(--color-text-primary);
+  cursor: pointer;
+  transition: border-color 0.15s ease-in-out;
+}
+
+.Select:focus {
+  outline: none;
+  border-color: var(--color-selection-indicator);
+}
+
+.Select:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
diff --git a/src/styles/components/SettingsDialog.css b/src/styles/components/SettingsDialog.css
index 0eea9bd8..4ad9f828 100644
--- a/src/styles/components/SettingsDialog.css
+++ b/src/styles/components/SettingsDialog.css
@@ -23,15 +23,11 @@
   gap: var(--space-1-5);
 }
 
+/* Deltas over the shared TextInput base: fill the toolbar row + roomier padding. */
 .settings_modal .settings_search {
   flex: 1;
   min-width: 0;
   padding: var(--space-2) var(--space-3);
-  border-radius: var(--radius-sm);
-  border: var(--border-width-default) solid var(--color-border-default);
-  background-color: var(--color-surface-input);
-  color: var(--color-text-primary);
-  font-size: var(--font-size-base);
 }
 
 /* Two-pane body: category rail on the left, scrolling settings panel on the right. Flexes to fill
@@ -200,15 +196,9 @@
   font-size: var(--font-size-base);
 }
 
+/* Appearance comes from the shared .Select element; this only pins the field's row layout. */
 .settings_modal .settings_select {
   flex-shrink: 0;
-  padding: var(--space-1) var(--space-2);
-  border-radius: var(--radius-sm);
-  border: var(--border-width-default) solid var(--color-border-default);
-  background-color: var(--color-surface-input);
-  color: var(--color-text-primary);
-  font-size: var(--font-size-base);
-  cursor: pointer;
 }
 
 /* Accent picker: a row of colour-swatch radio buttons. Each swatch fills from its own --swatch RGB
@@ -261,13 +251,9 @@
   padding-left: var(--space-4);
 }
 
+/* Deltas over the shared TextInput base: tighter padding + monospace (these fields hold formats). */
 .settings_modal .settings_input {
   padding: var(--space-1) var(--space-2);
-  border-radius: var(--radius-sm);
-  border: var(--border-width-default) solid var(--color-border-default);
-  background-color: var(--color-surface-input);
-  color: var(--color-text-primary);
-  font-size: var(--font-size-base);
   font-family: var(--font-mono, monospace);
 }
 
@@ -284,9 +270,10 @@
   gap: var(--space-2-5);
 }
 
+/* Track + thumb come from the shared Slider base; pin an explicit width so this fixed-size control
+   doesn't stretch to the base's default 100%. */
 .settings_modal .settings_range {
-  accent-color: var(--color-selection-indicator);
-  cursor: pointer;
+  width: var(--space-20);
 }
 
 .settings_modal .settings_range_value {
diff --git a/src/styles/components/SideBar.css b/src/styles/components/SideBar.css
index e6fec15c..64327c4f 100644
--- a/src/styles/components/SideBar.css
+++ b/src/styles/components/SideBar.css
@@ -89,6 +89,17 @@
   color: var(--color-danger);
 }
 
+/* Pen button on connection rows in edit mode: right-aligned like the trash button; when both show
+   (edit + trash on a connection), the pen carries the auto margin and the trash sits next to it. */
+.SideBar section .section_content .folder_item .item_edit {
+  margin-left: auto;
+  pointer-events: auto;
+}
+
+.SideBar section .section_content .folder_item .item_edit + .item_remove {
+  margin-left: 0;
+}
+
 /* Eye toggle on preset rows: same right-aligned, still-clickable placement as the trash button,
    but neutral (presets are hidden, not deleted). */
 .SideBar section .section_content .folder_item .item_hide {
@@ -179,6 +190,18 @@
   color: var(--color-accent);
 }
 
+/* Edit mode: rows aren't navigable, so drop the hover accent — it would still light up when
+   hovering the inline action buttons (they keep pointer-events while the row doesn't). */
+.SideBar .SidebarSection.editing .section_content .folder_item:hover {
+  background-color: transparent;
+  border-color: transparent;
+}
+
+.SideBar .SidebarSection.editing .section_content .folder_item:hover svg,
+.SideBar .SidebarSection.editing .section_content .folder_item:hover p {
+  color: var(--color-text-tertiary);
+}
+
 .SideBar section .section_content .drive_item {
   width: 100%;
   height: var(--space-10);
diff --git a/src/styles/components/Slider.css b/src/styles/components/Slider.css
new file mode 100644
index 00000000..ebfeda0e
--- /dev/null
+++ b/src/styles/components/Slider.css
@@ -0,0 +1,44 @@
+/* Range slider. Custom track + thumb (not native accent-color, whose empty groove is near-invisible
+   on dark backgrounds — the track wasn't showing). Full width by default; callers can override. */
+.Slider {
+  width: 100%;
+  height: var(--space-4);
+  appearance: none;
+  -webkit-appearance: none;
+  background: transparent;
+  cursor: pointer;
+}
+
+/* Track — a visible pill in both themes. */
+.Slider::-webkit-slider-runnable-track {
+  height: var(--size-progress-track);
+  border-radius: var(--radius-pill);
+  background-color: var(--color-range-track);
+}
+.Slider::-moz-range-track {
+  height: var(--size-progress-track);
+  border-radius: var(--radius-pill);
+  background-color: var(--color-range-track);
+}
+
+/* Thumb — accent-filled circle, vertically centred on the track. */
+.Slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  width: var(--space-4);
+  height: var(--space-4);
+  margin-top: calc((var(--size-progress-track) - var(--space-4)) / 2);
+  border-radius: var(--radius-pill);
+  background-color: var(--color-accent);
+}
+.Slider::-moz-range-thumb {
+  width: var(--space-4);
+  height: var(--space-4);
+  border: none;
+  border-radius: var(--radius-pill);
+  background-color: var(--color-accent);
+}
+
+.Slider:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
diff --git a/src/styles/components/StatusBar.css b/src/styles/components/StatusBar.css
index b9ccc677..9292e089 100644
--- a/src/styles/components/StatusBar.css
+++ b/src/styles/components/StatusBar.css
@@ -96,3 +96,20 @@
   background-color: var(--color-progress-fill);
   transition: width 0.2s ease-in-out;
 }
+
+/* Indeterminate (no byte total, e.g. the 7z path): a segment slides back and forth instead of
+   filling by percentage. */
+.directory_page .status_bar .progress .progress_bar.indeterminate {
+  width: 40% !important;
+  transition: none;
+  animation: progress_indeterminate 1.1s ease-in-out infinite;
+}
+
+@keyframes progress_indeterminate {
+  0% {
+    transform: translateX(-110%);
+  }
+  100% {
+    transform: translateX(275%);
+  }
+}
diff --git a/src/styles/components/TagPicker.css b/src/styles/components/TagPicker.css
index 883a75ab..33adf965 100644
--- a/src/styles/components/TagPicker.css
+++ b/src/styles/components/TagPicker.css
@@ -97,16 +97,11 @@
   flex-shrink: 0;
 }
 
-.tag_input {
-  width: 100%;
+/* Deltas over the shared TextInput base: spacing below the tag list + tighter padding. Scoped to
+   the container so it outranks the base's own single-class padding regardless of CSS load order. */
+.tag_picker .tag_input {
   margin-top: var(--space-2);
   padding: var(--space-1) var(--space-1-5);
-  border: var(--border-width-default) solid var(--color-border-default);
-  border-radius: var(--radius-sm);
-  background-color: var(--color-surface-input);
-  color: var(--color-text-primary);
-  font-size: var(--font-size-base);
-  outline: none;
 }
 
 .tag_input::placeholder {
diff --git a/src/styles/components/TextArea.css b/src/styles/components/TextArea.css
new file mode 100644
index 00000000..3af5cf94
--- /dev/null
+++ b/src/styles/components/TextArea.css
@@ -0,0 +1,30 @@
+/* Base multi-line text input. Theme-aware fill/border/text (never the browser's default white box),
+   accent ring on focus — the <textarea> mirror of TextInput. Callers that want a borderless / fill
+   look (e.g. the markdown editor) override on their own class. */
+.TextArea {
+  font: inherit;
+  font-size: var(--font-size-base);
+  width: 100%;
+  box-sizing: border-box;
+  padding: var(--space-1-5) var(--space-2);
+  background-color: var(--color-surface-input);
+  border: var(--border-width-default) solid var(--color-border-default);
+  border-radius: var(--radius-sm);
+  color: var(--color-text-primary);
+  resize: vertical;
+  transition: border-color 0.15s ease-in-out;
+}
+
+.TextArea::placeholder {
+  color: var(--color-text-dim);
+}
+
+.TextArea:focus {
+  outline: none;
+  border-color: var(--color-selection-indicator);
+}
+
+.TextArea:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
diff --git a/src/styles/components/TextInput.css b/src/styles/components/TextInput.css
new file mode 100644
index 00000000..777df07a
--- /dev/null
+++ b/src/styles/components/TextInput.css
@@ -0,0 +1,28 @@
+/* Base text input. Theme-aware fill/border/text (never the browser's default white box), accent ring
+   on focus. Shared by every dialog/field so the look — and any future change — lives in one place. */
+.TextInput {
+  font: inherit;
+  font-size: var(--font-size-base);
+  width: 100%;
+  box-sizing: border-box;
+  padding: var(--space-1-5) var(--space-2);
+  background-color: var(--color-surface-input);
+  border: var(--border-width-default) solid var(--color-border-default);
+  border-radius: var(--radius-sm);
+  color: var(--color-text-primary);
+  transition: border-color 0.15s ease-in-out;
+}
+
+.TextInput::placeholder {
+  color: var(--color-text-dim);
+}
+
+.TextInput:focus {
+  outline: none;
+  border-color: var(--color-selection-indicator);
+}
+
+.TextInput:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}