diff --git a/.claude/design.md b/.claude/design.md
index 6a2b9725..99100de7 100644
--- a/.claude/design.md
+++ b/.claude/design.md
@@ -35,7 +35,8 @@ them to `var()`-backed utility colors, and a `.dark` class on `<html>` swaps the
 - **Soft, heavy rounding.** The UI reads as stacked rounded cards; corner radii climb with element
   size (§5).
 - **App, not webpage.** Text is not user-selectable; copy is offered through an explicit
-  `<CopyButton>` (`src/renderer/components/primitives/CopyButton.tsx`).
+  `<CopyButton>` (`src/renderer/components/primitives/CopyButton.tsx`), or by a read-only field
+  where the value is one (a fixed path).
 - **Accessibility is a gate, not a finish.** Every interactive control carries a name/role/state;
   focus is always visible; motion respects the OS setting. See `.claude/testing.md`.
 - **Desktop-first, fixed-width.** Almost no responsive breakpoints — this is a windowed Electron
@@ -665,8 +666,8 @@ places at the right end (the filter's count and clear button).
 
 ### Field label — `primitives/FieldLabel.tsx`
 `font-headline text-sm font-bold text-accent px-1`, and the element is the point: `htmlFor` renders
-a `<label>` for a real form control, `id` renders a `<span>` for something that is not one (the icon
-picker, a `PathRow` whose action is a button), which points `aria-labelledby` back at it.
+a `<label>` for a real form control (a `PathRow` field included), `id` renders a `<span>` for
+something that is not one (the icon picker), which points `aria-labelledby` back at it.
 
 ### Inline error — `primitives/InlineError.tsx`
 The `text-error` sentence under the thing that failed, with `role="alert"` so it is announced when
@@ -701,21 +702,33 @@ leading-relaxed` body. Pick the tone by what the text says, not by how loud it s
 
 ### Path field — `path/PathRow.tsx`
 **Every** filesystem path the user can act on, in a modal or on a settings screen, always the same
-shape: the path in a filled `px-5 py-3.5 rounded-xl` field (via `FilePath`, so it middle-truncates
-and carries the full path for assistive tech), with an optional button beside it that re-picks it.
-Used by Add Folder, Mirror to Disk, Edit Folder, Edit Space and Storage settings. There is no second
-form — a bare line of path text next to a `secondary` button is the drift this replaced, and it read
-as a different kind of thing depending on which door you came through.
-
-The two mount wizards reach it through **`path/MountPathField.tsx`**, which adds the field's
-headline label and its `role="alert"` validation line. The label is a `<span>` with an id rather
-than a `<label>`, because the row's action is a button, not a form control — the association goes
-through `aria-describedby`.
-
-`FilePath` keeps **exactly one flexible run** next to its pinned final segment: ranking two
-shrinkable spans by `flex-shrink` does not work — once the first freezes at zero width Chromium
-leaves the rest overflowing, which is how a long folder name ended up painted over the Browse
-button.
+shape: a filled `px-5 py-3.5 rounded-xl` **text input** in `font-mono text-sm text-accent`, on the
+fill its ground gives (`useFieldFill()`). There is no second form — a bare line of path text next to
+a `secondary` button is the drift this replaced.
+
+- **Editable** — the `surface-control` Browse…/Change button sits beside the field, and the field
+  takes a typed or pasted path on **Enter or blur**, never per keystroke: every take runs a
+  filesystem check or applies a setting, and the caller checks a typed path exactly as it checks a
+  picked one. While an edit is pending, Enter takes it and Escape reverts it rather than confirming
+  or dismissing the dialog. The props pair `onAction` with `onCommit`, so a picker never comes
+  without a typed path.
+- **Fixed** (an organization's folder, a source that cannot move, a locked setting) — the same field
+  `readOnly`, with the `CopyButton` icon inside its end. No button: its absence is what says the path
+  cannot change. Selectable, and announced as read-only text with the whole path.
+- **No placeholder.** The label above says what goes in, as platform path fields do. A path still
+  loading reads "Loading…" in the placeholder's muted text.
+- **Long paths** — an input cannot middle-truncate, so a field without focus is scrolled to its
+  end (re-applied on resize and once fonts land): the folder's own name stays visible. `title`
+  carries the whole path.
+
+The field is a form control, so it is named by a `<label htmlFor>` (`FieldLabel htmlFor`), or by
+`aria-labelledby` on a section heading where there is no label. The two mount wizards reach it
+through **`path/MountPathField.tsx`**, which adds the label and its `role="alert"` validation line.
+
+`FilePath` renders path text where a field would be wrong — rows of a file list, the data folder on
+the storage card beside its own Copy. It keeps **exactly one flexible run** next to its pinned
+final segment: ranking two shrinkable spans by `flex-shrink` does not work — once the first freezes
+at zero width Chromium leaves the rest overflowing.
 
 **Names are middle-truncated, never cut at the end or before the extension.** File, folder and
 share names on cards, folder rows and the Mirror to Disk owner line go through
diff --git a/.claude/lessons.md b/.claude/lessons.md
index 0c4f2708..2410f69e 100644
--- a/.claude/lessons.md
+++ b/.claude/lessons.md
@@ -342,7 +342,8 @@ app is frontmost; `press` needs an AX-focused element the inactive app does not
 cannot tell dev instances apart (all are "Electron"). Keys go through the main-process channel
 (`sendInputEvent`, menu accelerators via their menu item). `sendInputEvent` only queues, so wait a
 rendered frame before the next step, and give Return/Space their `char` event — a focused button
-activates on keypress, not keyDown.
+activates on keypress, not keyDown. `set-value` does not move DOM focus either: a key pressed after
+it lands on whatever held focus (a dialog's panel), so `click` the field before typing into it.
 
 **An inactive Electron window still activates the app on macOS 27 unless AppKit's state restorer
 is off.** The restorer runs at every launch even with no saved state and, when it finishes after
diff --git a/.claude/mockups/path-field-input.html b/.claude/mockups/path-field-input.html
new file mode 100644
index 00000000..d1e21ed6
--- /dev/null
+++ b/.claude/mockups/path-field-input.html
@@ -0,0 +1,595 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Editable path field — mockup</title>
+
+<link rel="preconnect" href="https://fonts.googleapis.com" />
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&family=Plus+Jakarta+Sans:wght@700;800&display=swap" rel="stylesheet" />
+
+<script src="https://cdn.tailwindcss.com"></script>
+<script>
+  tailwind.config = {
+    darkMode: 'class',
+    theme: {
+      extend: {
+        colors: {
+          'accent': 'var(--color-accent)',
+          'icon-tile': 'var(--color-icon-tile)',
+          'on-icon-tile': 'var(--color-on-icon-tile)',
+          'success': 'var(--color-success)',
+          'on-success': 'var(--color-on-success)',
+          'info': 'var(--color-info)',
+          'on-info': 'var(--color-on-info)',
+          'online': 'var(--color-online)',
+          'offline': 'var(--color-offline)',
+          'primary': 'var(--color-primary)',
+          'on-primary': 'var(--color-on-primary)',
+          'secondary': 'var(--color-secondary)',
+          'secondary-container': 'var(--color-secondary-container)',
+          'on-secondary': 'var(--color-on-secondary)',
+          'on-secondary-container': 'var(--color-on-secondary-container)',
+          'surface': 'var(--color-surface)',
+          'surface-container': 'var(--color-surface-container)',
+          'surface-container-low': 'var(--color-surface-container-low)',
+          'surface-container-high': 'var(--color-surface-container-high)',
+          'surface-container-highest': 'var(--color-surface-container-highest)',
+          'surface-container-lowest': 'var(--color-surface-container-lowest)',
+          'progress-track': 'var(--color-progress-track)',
+          'on-surface': 'var(--color-on-surface)',
+          'on-surface-variant': 'var(--color-on-surface-variant)',
+          'on-background': 'var(--color-on-background)',
+          'background': 'var(--color-background)',
+          'outline': 'var(--color-outline)',
+          'outline-variant': 'var(--color-outline-variant)',
+          'error': 'var(--color-error)',
+          'error-container': 'var(--color-error-container)',
+          'error-container-hover': 'var(--color-error-container-hover)',
+          'on-error-container': 'var(--color-on-error-container)',
+          'warning': 'var(--color-warning)',
+          'on-warning': 'var(--color-on-warning)',
+          'primary-hover': 'var(--color-primary-hover)',
+          'surface-control': 'var(--color-surface-control)',
+          'surface-control-hover': 'var(--color-surface-control-hover)',
+          'warning-container': 'var(--color-warning-container)',
+          'on-warning-container': 'var(--color-on-warning-container)',
+        },
+        fontFamily: {
+          headline: ['Plus Jakarta Sans', 'sans-serif'],
+          body: ['Manrope', 'sans-serif'],
+          label: ['Manrope', 'sans-serif'],
+        },
+        borderRadius: {
+          DEFAULT: '0.25rem',
+          lg: '0.5rem',
+          xl: '0.75rem',
+          '2xl': '1.5rem',
+          '3xl': '2rem',
+          full: '9999px',
+        },
+      },
+    },
+  }
+</script>
+
+<style>
+  :root {
+    --color-icon-tile: #fec78a;
+    --color-on-icon-tile: #0a4742;
+    --color-success: #c1ecc4;
+    --color-on-success: #0c4d20;
+    --color-info: #d6e6f5;
+    --color-on-info: #1f4a78;
+    --color-online: #0d8b80;
+    --color-offline: #a0a4ac;
+    --color-accent: #33253b;
+    --color-primary: #42304a;
+    --color-primary-hover: #52405b;
+    --color-on-primary: #ffffff;
+    --color-secondary: #904d00;
+    --color-secondary-container: #fd9c42;
+    --color-on-secondary: #ffffff;
+    --color-on-secondary-container: #6b3800;
+    --color-surface: #fbf9f5;
+    --color-surface-container: #efeeea;
+    --color-surface-container-low: #f5f3ef;
+    --color-surface-container-high: #eae8e4;
+    --color-surface-control: #eae8e4;
+    --color-surface-control-hover: #dcdad6;
+    --color-surface-container-highest: #e4e2de;
+    --color-surface-container-lowest: #ffffff;
+    --color-progress-track: #d0cec9;
+    --avatar-recess: rgb(0 0 0 / 0.36);
+    --color-on-surface: #1b1c1a;
+    --color-on-surface-variant: #4a454b;
+    --color-on-background: #1b1c1a;
+    --color-background: #fbf9f5;
+    --color-outline: #7c757c;
+    --color-outline-variant: #ccc4cc;
+    --color-error: #ba1a1a;
+    --color-error-container: #f6c8c4;
+    --color-error-container-hover: #e8bab6;
+    --color-on-error-container: #93000a;
+    --color-warning: #fcd34d;
+    --color-on-warning: #1b1c1a;
+    --color-warning-container: #fdefc6;
+    --color-on-warning-container: #6d4c00;
+  }
+  .dark {
+    --color-icon-tile: #fec78a;
+    --color-on-icon-tile: #0a4742;
+    --color-success: #20492a;
+    --color-on-success: #8fd99b;
+    --color-info: #1f3a52;
+    --color-on-info: #9bc6e8;
+    --color-online: #5cc4b8;
+    --color-offline: #5b6270;
+    --color-accent: #fce8d2;
+    --color-primary: #fd9c42;
+    --color-primary-hover: #dd8837;
+    --color-on-primary: #282c34;
+    --color-secondary: #e4bf7a;
+    --color-secondary-container: #4a3e28;
+    --color-on-secondary: #282c34;
+    --color-on-secondary-container: #ecd09a;
+    --color-surface: #282c34;
+    --color-surface-container: #2e323a;
+    --color-surface-container-low: #2e3239;
+    --color-surface-container-high: #5c6068;
+    --color-surface-control: #434955;
+    --color-surface-control-hover: #4f5561;
+    --color-surface-container-highest: #393f4a;
+    --color-surface-container-lowest: #21252b;
+    --color-progress-track: #4a5160;
+    --avatar-recess: rgb(0 0 0 / 0.62);
+    --color-on-surface: #fefaf3;
+    --color-on-surface-variant: #ebe2d2;
+    --color-on-background: #fefaf3;
+    --color-background: #282c34;
+    --color-outline: #5b6270;
+    --color-outline-variant: #393f4a;
+    --color-error: #ec9199;
+    --color-error-container: #6f3338;
+    --color-error-container-hover: #7c3f43;
+    --color-on-error-container: #ffd2cf;
+    --color-warning: #fbbf24;
+    --color-on-warning: #1b1c1a;
+    --color-warning-container: #4e4229;
+    --color-on-warning-container: #fbe3a4;
+  }
+
+  /* App rules from tailwind.css that the CDN build cannot express. */
+  .font-headline { font-family: 'Plus Jakarta Sans', sans-serif; }
+  .focus-ring:focus { outline: none; }
+  .focus-ring:focus-visible { box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-secondary) 30%, transparent); }
+  .glass-modal { background: var(--color-surface-container-lowest); }
+  .avatar-recess { position: relative; }
+  .avatar-recess::after { content: ''; position: absolute; inset: 0; border-radius: 9999px; box-shadow: inset 0 1px 2px var(--avatar-recess); pointer-events: none; }
+
+  /* Mockup canvas (not app UI). */
+  body { font-family: 'Manrope', sans-serif; background: #d8d4cc; }
+  .dark body, body.dark { background: #15171c; }
+
+  /* Mirall window frame. The title bar is hidden (titleBarStyle 'hiddenInset'), so the macOS
+     traffic lights sit over the top-left of the app's own header. */
+  .device-frame {
+    position: relative;
+    background: var(--color-background);
+    border-radius: 16px;
+    box-shadow: 0 30px 80px rgba(15, 12, 20, 0.18), 0 8px 24px rgba(15, 12, 20, 0.12);
+    overflow: hidden;
+  }
+  .traffic-lights { position: absolute; top: 20px; left: 20px; z-index: 60; display: inline-flex; gap: 8px; }
+  .traffic-lights span { width: 12px; height: 12px; border-radius: 9999px; display: inline-block; }
+  .traffic-lights .r { background: #ff5f57; }
+  .traffic-lights .y { background: #febc2e; }
+  .traffic-lights .g { background: #28c840; }
+
+  /* Header glass: bg-surface-container-lowest/70 backdrop-blur-xl plus the ambient shadow, which
+     both headers drop in dark mode (dark:shadow-none). The CDN build cannot apply an opacity
+     modifier to a var() colour, hence the color-mix. */
+  .nav-glass {
+    background: color-mix(in srgb, var(--color-surface-container-lowest) 70%, transparent);
+    backdrop-filter: blur(24px);
+    -webkit-backdrop-filter: blur(24px);
+    box-shadow: 0 12px 40px rgba(74, 59, 82, 0.06);
+  }
+  .dark .nav-glass { box-shadow: none; }
+
+  /* Modal backdrop (CrystalBackdrop approximation). */
+  .modal-scrim { background: rgba(51, 37, 59, 0.30); }
+  .dark .modal-scrim { background: rgba(20, 22, 28, 0.55); }
+
+  /* Annotation chrome (not app UI, so literal colours are fine here). */
+  .badge { display: inline-flex; align-items: center; gap: 6px; border-radius: 9999px; padding: 3px 10px; font-size: 11px; font-weight: 800; letter-spacing: .01em; }
+  .badge-real { background: #d6e6f5; color: #1f4a78; }
+  .badge-proposed { background: #fce8d2; color: #6b3800; }
+  .badge-a11y { background: #ccebe6; color: #0d4d49; }
+  .anno-h { color: #33253b; }
+  .dark .anno-h { color: #f2ebe0; }
+  .anno { color: #4a454b; }
+  .anno code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; background: rgba(0,0,0,.05); padding: 1px 6px; border-radius: 6px; color: #4a454b; }
+  .dark .anno { color: #cfc8be; }
+  .dark .anno code { background: rgba(255,255,255,.08); color: #cfc8be; }
+</style>
+</head>
+
+<body class="min-h-screen pb-24">
+
+<!-- TopNav (src/renderer/components/layout/TopNav.tsx), injected into every frame by the script at the end. -->
+<template id="topnav">
+  <nav class="absolute top-0 w-full z-0">
+    <div class="nav-glass">
+      <div class="flex items-center py-4 px-8 w-full max-w-7xl mx-auto relative">
+        <div class="absolute inset-0 flex items-center justify-center pointer-events-none">
+          <span class="flex h-8 items-center text-black dark:text-white px-2">
+            <svg viewBox="0 0 2835 844" class="h-5 w-auto" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" aria-hidden="true" focusable="false"><g transform="matrix(4.166667,0,0,4.166667,-356.081667,-1351.366667)"><path transform="matrix(1,0,0,1,251.3906,523.7084)" d="M0,-196.22L-62.292,-111.171L-126.424,-196.22L-165.931,-196.22L-165.931,0L-125.107,0L-125.107,-129.2L-65.846,-50.043L-60.578,-50.043L-1.317,-126.442L-1.317,0L39.507,0L39.507,-196.22L0,-196.22Z" /><rect transform="matrix(1,0,0,1,0,-155.911)" x="314.601" y="483.399" width="39.507" height="39.507" /><rect transform="matrix(1,0,0,1,0,53.215)" x="314.601" y="326.686" width="39.507" height="143.807" /><path transform="matrix(1,0,0,1,528.4458,424.5448)" d="M0,57.681C-2.725,62.512 -6.543,66.331 -11.457,69.138C-16.375,71.949 -22.083,73.352 -28.577,73.352C-33.495,73.352 -37.623,72.126 -40.956,69.665C-44.294,67.208 -45.960,63.784 -45.960,59.393C-45.960,54.652 -44.471,51.010 -41.483,48.463C-38.499,45.919 -34.199,44.117 -28.577,43.063L4.082,37.231L4.082,41.746C4.082,47.541 2.720,52.854 0,57.681M35.952,-18.305C30.857,-26.733 23.573,-33.227 14.091,-37.795C4.609,-42.359 -6.716,-44.643 -19.885,-44.643L-149.265,-44.643L-149.265,99.164L-109.758,99.164L-109.758,-10.404L-22.519,-10.404C-13.918,-10.404 -7.334,-8.206 -2.766,-3.819C0.584,-0.596 2.694,3.438 3.586,8.268L-35.689,14.618C-47.104,16.375 -56.627,19.359 -64.266,23.573C-71.904,27.787 -77.566,33.014 -81.254,39.244C-84.941,45.479 -86.785,52.636 -86.785,60.710C-86.785,69.315 -84.768,76.735 -80.727,82.966C-76.690,89.200 -70.895,93.987 -63.344,97.320C-55.796,100.653 -46.841,102.324 -36.479,102.324C-28.754,102.324 -21.729,101.312 -15.408,99.295C-9.087,97.279 -3.383,94.205 1.712,90.077C3.431,88.684 5.096,87.155 6.716,85.511L6.716,99.164L43.590,99.164L43.590,11.721C43.590,0.132 41.042,-9.877 35.952,-18.305" /><rect transform="matrix(1,0,0,1,0,-2.357)" x="598.477" y="326.685" width="39.507" height="199.381" /><rect transform="matrix(1,0,0,1,0,-2.357)" x="663.056" y="326.685" width="39.507" height="199.381" /><rect transform="matrix(1,0,0,1,0,157.259)" x="726.267" y="326.814" width="39.507" height="39.507" fill="#fd9c42" /></g></svg>
+          </span>
+        </div>
+        <div class="h-10"></div>
+      </div>
+    </div>
+  </nav>
+</template>
+
+<!-- The close icon, reused by every modal header. -->
+<template id="close-btn">
+  <button type="button" aria-label="Close" class="w-10 h-10 shrink-0 flex items-center justify-center rounded-full hover:bg-surface-container-high active:scale-95 transition-all focus-ring">
+    <svg width="24" height="24" viewBox="0 -960 960 960" fill="currentColor" class="text-secondary" aria-hidden="true"><path d="m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z"/></svg>
+  </button>
+</template>
+
+<!-- Title and theme toggle -->
+<div class="max-w-[1040px] mx-auto px-6 pt-10 pb-2 flex items-start justify-between gap-6">
+  <div class="anno">
+    <h1 class="anno-h font-headline font-extrabold text-2xl tracking-tight">Editable path field — mockup</h1>
+    <p class="text-sm mt-1 max-w-2xl">
+      <code>PathRow</code> becomes a real text input: paste, type, select and copy work, and the Browse… / Change button
+      stays beside it. Where the path is fixed, the same field is <strong>read-only</strong> — selectable and copyable, no button.
+      One component change covers all nine call sites (Backup setup, Backup settings, Restore, Add Folder, Mirror to Disk,
+      Edit Folder, Edit Space, Storage settings). Baseline: <code>origin/main @ e6f6f8b6</code>.
+    </p>
+    <p class="text-sm mt-2 max-w-2xl">The fields below are live: paste a path, press Enter, select and copy the managed one.</p>
+  </div>
+  <button id="theme-toggle" type="button" aria-pressed="false"
+    class="shrink-0 rounded-xl border border-black/10 px-3 py-2 text-sm font-bold bg-white shadow-sm hover:shadow"
+    style="color:#33253b">Toggle dark</button>
+</div>
+
+<!-- Legend -->
+<div class="max-w-[1040px] mx-auto px-6 pt-4">
+  <div class="anno rounded-2xl p-5 flex flex-wrap items-center gap-x-6 gap-y-2 text-sm" style="background:var(--color-surface-container-lowest)">
+    <span class="flex items-center gap-2"><span class="badge badge-real">Recreated from code</span> reproduced from the shipped <code>.tsx</code></span>
+    <span class="flex items-center gap-2"><span class="badge badge-proposed">Proposed new</span> built from existing primitives and <code>design.md</code> tokens</span>
+    <span class="flex items-center gap-2"><span class="badge badge-a11y">a11y</span> name / role / state intent</span>
+  </div>
+</div>
+
+<!-- ===================================================================================== -->
+<section class="max-w-[1040px] mx-auto px-6 pt-12">
+  <h2 class="anno-h font-headline font-extrabold text-xl">1 · Today — Backup setup, step 1</h2>
+  <div class="anno flex flex-wrap items-center gap-2 mt-2 mb-3 text-sm">
+    <span class="badge badge-real">Recreated from code</span>
+    <code>components/modals/BackupSetupModal.tsx</code> + <code>components/path/PathRow.tsx</code>
+    <span>— the path is a <code>&lt;span&gt;</code> in a filled box; app-wide <code>user-select: none</code> means nothing can be pasted, selected or copied.</span>
+  </div>
+
+  <div class="device-frame max-w-[860px] mx-auto" data-frame>
+    <span class="traffic-lights" aria-hidden="true"><span class="r"></span><span class="y"></span><span class="g"></span></span>
+    <div class="bg-surface font-body relative" style="height:820px; overflow:hidden">
+      <div class="modal-scrim absolute inset-0 z-10 flex items-center justify-center p-6">
+        <div class="glass-modal w-full max-w-xl rounded-3xl shadow-2xl shadow-black/30 overflow-hidden relative">
+          <div class="px-10 pt-10 pb-6">
+            <div class="flex justify-between items-start mb-2 gap-3">
+              <h1 class="font-headline text-2xl font-extrabold text-accent tracking-tight">Back Up Your Spaces</h1>
+              <span data-close></span>
+            </div>
+            <p class="text-on-surface-variant font-medium text-sm">Set this up once. Mirall keeps it up to date by itself.</p>
+          </div>
+          <div class="px-10 pb-10 space-y-6">
+            <p class="text-xs font-bold uppercase tracking-wide text-secondary">Step 1 of 2</p>
+            <div data-scope></div>
+            <div class="space-y-3">
+              <span id="t-label" class="block font-headline text-sm font-bold text-accent px-1">Where should the backup live?</span>
+              <!-- PathRow today -->
+              <div class="flex items-center gap-3">
+                <div class="flex-grow flex items-center bg-surface-container-low px-5 py-3.5 rounded-xl min-w-0" style="user-select:none">
+                  <span class="text-sm text-on-surface-variant italic">Select location…</span>
+                </div>
+                <button type="button" aria-label="Browse… (backup folder)" class="shrink-0 bg-surface-control text-accent rounded-xl px-5 py-3.5 font-headline font-bold text-sm hover:bg-surface-control-hover active:scale-95 transition-all focus-ring">Browse…</button>
+              </div>
+              <p class="text-xs text-on-surface-variant px-1">Pick an empty folder — on another drive, a network folder, or a folder that syncs to the cloud (iCloud Drive, Dropbox, OneDrive). Your backup is encrypted, so it's safe there — and it still works if this computer is lost.</p>
+            </div>
+            <div data-footer></div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- ===================================================================================== -->
+<section class="max-w-[1040px] mx-auto px-6 pt-16">
+  <h2 class="anno-h font-headline font-extrabold text-xl">2 · Proposed — Backup setup, nothing chosen yet</h2>
+  <div class="anno flex flex-wrap items-center gap-2 mt-2 mb-3 text-sm">
+    <span class="badge badge-proposed">Proposed new</span>
+    <code>PathRow</code> → <code>&lt;input type="text"&gt;</code>
+    <span>— same 48px filled field and button, now an input in <code>FilePath</code>'s monospace. <strong>No placeholder</strong>: the label above already says what goes in, as in Finder's, VS Code's and Windows' own path fields.</span>
+  </div>
+
+  <div class="device-frame max-w-[860px] mx-auto" data-frame>
+    <span class="traffic-lights" aria-hidden="true"><span class="r"></span><span class="y"></span><span class="g"></span></span>
+    <div class="bg-surface font-body relative" style="height:820px; overflow:hidden">
+      <div class="modal-scrim absolute inset-0 z-10 flex items-center justify-center p-6">
+        <div class="glass-modal w-full max-w-xl rounded-3xl shadow-2xl shadow-black/30 overflow-hidden relative">
+          <div class="px-10 pt-10 pb-6">
+            <div class="flex justify-between items-start mb-2 gap-3">
+              <h1 class="font-headline text-2xl font-extrabold text-accent tracking-tight">Back Up Your Spaces</h1>
+              <span data-close></span>
+            </div>
+            <p class="text-on-surface-variant font-medium text-sm">Set this up once. Mirall keeps it up to date by itself.</p>
+          </div>
+          <div class="px-10 pb-10 space-y-6">
+            <p class="text-xs font-bold uppercase tracking-wide text-secondary">Step 1 of 2</p>
+            <div data-scope></div>
+            <div class="space-y-3">
+              <label for="p2-path" class="font-headline text-sm font-bold text-accent px-1">Where should the backup live?</label>
+              <div class="flex items-center gap-3" data-pathrow>
+                <input id="p2-path" type="text" spellcheck="false" autocomplete="off" aria-describedby="p2-hint"
+                  class="path-input flex-grow min-w-0 bg-surface-container-low border-none focus-ring rounded-xl px-5 py-3.5 font-mono text-sm text-accent font-medium transition-all" value="" />
+                <button type="button" data-action aria-label="Browse… (backup folder)" class="shrink-0 bg-surface-control text-accent rounded-xl px-5 py-3.5 font-headline font-bold text-sm hover:bg-surface-control-hover active:scale-95 transition-all focus-ring">Browse…</button>
+              </div>
+              <p id="p2-hint" class="text-xs text-on-surface-variant px-1">Pick an empty folder — on another drive, a network folder, or a folder that syncs to the cloud (iCloud Drive, Dropbox, OneDrive). Your backup is encrypted, so it's safe there — and it still works if this computer is lost.</p>
+            </div>
+            <div data-footer data-disabled></div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="anno text-sm mt-3 space-y-1 max-w-[860px] mx-auto">
+    <p><span class="badge badge-a11y">a11y</span> The label becomes a real <code>&lt;label htmlFor&gt;</code> (today it is a <code>&lt;span id&gt;</code> because the row held no control — <code>FieldLabel.tsx</code>). The hint stays on <code>aria-describedby</code>. The button keeps its subject name, "Browse… (backup folder)" / "Change (backup folder)".</p>
+    <p>Typing does not check on every keystroke: the path is taken on <strong>Enter</strong> or when focus leaves the field, and then runs the same checks Browse… runs (empty folder, same disk).</p>
+  </div>
+</section>
+
+<!-- ===================================================================================== -->
+<section class="max-w-[1040px] mx-auto px-6 pt-16">
+  <h2 class="anno-h font-headline font-extrabold text-xl">3 · Proposed — a pasted path, checked</h2>
+  <div class="anno flex flex-wrap items-center gap-2 mt-2 mb-3 text-sm">
+    <span class="badge badge-proposed">Proposed new</span>
+    <span>— a path pasted and taken (Enter). The button now reads <strong>Change</strong> (the rule <code>PathRow</code> already has). The same-disk warning is the shipped <code>Callout</code>, raised by the typed path exactly as by a picked one.</span>
+  </div>
+
+  <div class="device-frame max-w-[860px] mx-auto" data-frame>
+    <span class="traffic-lights" aria-hidden="true"><span class="r"></span><span class="y"></span><span class="g"></span></span>
+    <div class="bg-surface font-body relative" style="height:920px; overflow:hidden">
+      <div class="modal-scrim absolute inset-0 z-10 flex items-center justify-center p-6">
+        <div class="glass-modal w-full max-w-xl rounded-3xl shadow-2xl shadow-black/30 overflow-hidden relative">
+          <div class="px-10 pt-10 pb-6">
+            <div class="flex justify-between items-start mb-2 gap-3">
+              <h1 class="font-headline text-2xl font-extrabold text-accent tracking-tight">Back Up Your Spaces</h1>
+              <span data-close></span>
+            </div>
+            <p class="text-on-surface-variant font-medium text-sm">Set this up once. Mirall keeps it up to date by itself.</p>
+          </div>
+          <div class="px-10 pb-10 space-y-6">
+            <p class="text-xs font-bold uppercase tracking-wide text-secondary">Step 1 of 2</p>
+            <div data-scope></div>
+            <div class="space-y-3">
+              <label for="p3-path" class="font-headline text-sm font-bold text-accent px-1">Where should the backup live?</label>
+              <div class="flex items-center gap-3" data-pathrow>
+                <input id="p3-path" type="text" spellcheck="false" autocomplete="off" aria-describedby="p3-hint"
+                  class="path-input flex-grow min-w-0 bg-surface-container-low border-none focus-ring rounded-xl px-5 py-3.5 font-mono text-sm text-accent font-medium transition-all" value="/Users/oliver/Documents/Mirall Backup" />
+                <button type="button" data-action aria-label="Change (backup folder)" class="shrink-0 bg-surface-control text-accent rounded-xl px-5 py-3.5 font-headline font-bold text-sm hover:bg-surface-control-hover active:scale-95 transition-all focus-ring">Change</button>
+              </div>
+              <p id="p3-hint" class="text-xs text-on-surface-variant px-1">Pick an empty folder — on another drive, a network folder, or a folder that syncs to the cloud (iCloud Drive, Dropbox, OneDrive). Your backup is encrypted, so it's safe there — and it still works if this computer is lost.</p>
+            </div>
+            <!-- Callout tone="warning" (components/primitives/Callout.tsx) -->
+            <div class="bg-warning-container rounded-xl p-4 flex items-start gap-3">
+              <svg width="20" height="20" viewBox="0 -960 960 960" fill="currentColor" class="text-on-warning-container shrink-0 mt-0.5" aria-hidden="true"><path d="m40-120 440-760 440 760H40Zm104-60h672L480-760 144-180Zm361.5-65.68q8.5-8.67 8.5-21.500 0-12.820-8.680-21.320-8.670-8.500-21.500-8.500-12.820 0-21.320 8.680-8.500 8.670-8.500 21.500 0 12.820 8.680 21.320 8.670 8.500 21.500 8.500 12.820 0 21.320-8.680ZM454-348h60v-224h-60v224Zm26-122Z"/></svg>
+              <div class="min-w-0">
+                <p class="font-bold text-on-warning-container">Same disk as this computer</p>
+                <div class="text-sm leading-relaxed text-on-warning-container mt-1">This folder is on the same disk as Mirall. If the disk fails, you lose both. Choose another drive or a network folder if you can.</div>
+              </div>
+            </div>
+            <div data-footer data-anyway></div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="anno text-sm mt-3 space-y-1 max-w-[860px] mx-auto">
+    <p><strong>Long paths.</strong> An input cannot middle-truncate the way <code>FilePath</code> does, so when the field is not focused it scrolls to the <em>end</em> — the folder name stays visible. Click in to see the whole path; it scrolls like any text field.</p>
+    <p>Not shown: a path that does not exist or is not a folder answers with the shipped <code>InlineError</code> under the field, the same line Edit Folder and Storage settings show today.</p>
+  </div>
+</section>
+
+<!-- ===================================================================================== -->
+<section class="max-w-[1040px] mx-auto px-6 pt-16">
+  <h2 class="anno-h font-headline font-extrabold text-xl">4 · Proposed — read-only: the organization's folder</h2>
+  <div class="anno flex flex-wrap items-center gap-2 mt-2 mb-3 text-sm">
+    <span class="badge badge-proposed">Proposed new</span>
+    <span>— <code>&lt;input readOnly&gt;</code> with the shipped <code>CopyButton</code> (the App Storage card's copy icon) at the field's end. No Browse/Change button: its absence still says "you cannot change this". One click copies the whole path; the text can also be selected (⌘C). Every read-only path gets it: this one, Edit Folder's fixed source, Backup settings while locked.</span>
+  </div>
+
+  <div class="device-frame max-w-[860px] mx-auto" data-frame>
+    <span class="traffic-lights" aria-hidden="true"><span class="r"></span><span class="y"></span><span class="g"></span></span>
+    <div class="bg-surface font-body relative" style="height:820px; overflow:hidden">
+      <div class="modal-scrim absolute inset-0 z-10 flex items-center justify-center p-6">
+        <div class="glass-modal w-full max-w-xl rounded-3xl shadow-2xl shadow-black/30 overflow-hidden relative">
+          <div class="px-10 pt-10 pb-6">
+            <div class="flex justify-between items-start mb-2 gap-3">
+              <h1 class="font-headline text-2xl font-extrabold text-accent tracking-tight">Back Up Your Spaces</h1>
+              <span data-close></span>
+            </div>
+            <p class="text-on-surface-variant font-medium text-sm">Set this up once. Mirall keeps it up to date by itself.</p>
+          </div>
+          <div class="px-10 pb-10 space-y-6">
+            <p class="text-xs font-bold uppercase tracking-wide text-secondary">Step 1 of 2</p>
+            <div data-scope></div>
+            <div class="space-y-3">
+              <label for="p4-path" class="font-headline text-sm font-bold text-accent px-1">Where should the backup live?</label>
+              <div class="flex items-center gap-3">
+                <div class="relative flex-grow min-w-0">
+                  <input id="p4-path" type="text" readonly spellcheck="false" aria-describedby="p4-note p4-hint"
+                    class="path-input w-full bg-surface-container-low border-none focus-ring rounded-xl pl-5 pr-12 py-3.5 font-mono text-sm text-accent font-medium transition-all" value="\\fileserver.acme.local\backups\mirall" />
+                  <!-- CopyButton (components/primitives/CopyButton.tsx), icon-only, at the field's end -->
+                  <button type="button" data-copy="p4-path" aria-label="Copy" title="Copy"
+                    class="absolute right-3 top-1/2 -translate-y-1/2 w-8 h-8 inline-flex items-center justify-center rounded-lg hover:bg-surface-control focus-ring">
+                    <svg data-icon-copy width="16" height="16" viewBox="0 -960 960 960" fill="currentColor" class="text-outline" aria-hidden="true"><path d="M300-200q-24 0-42-18t-18-42v-560q0-24 18-42t42-18h440q24 0 42 18t18 42v560q0 24-18 42t-42 18H300Zm0-60h440v-560H300v560ZM180-80q-24 0-42-18t-18-42v-620h60v620h500v60H180Zm120-180v-560 560Z"/></svg>
+                    <svg data-icon-check width="16" height="16" viewBox="0 -960 960 960" fill="currentColor" class="text-outline hidden" aria-hidden="true"><path d="M378-246 154-470l43-43 181 181 384-384 43 43-427 427Z"/></svg>
+                  </button>
+                  <span role="status" aria-live="polite" class="sr-only" data-copy-status></span>
+                </div>
+              </div>
+              <!-- ManagedNote (components/managed/ManagedNote.tsx) -->
+              <p id="p4-note" class="flex items-center gap-2 text-sm font-semibold text-on-surface-variant px-1">
+                <svg width="16" height="16" viewBox="0 -960 960 960" fill="currentColor" class="text-secondary shrink-0" aria-hidden="true"><path d="M240-80q-33 0-56.5-23.5T160-160v-400q0-33 23.5-56.5T240-640h40v-80q0-83 58.5-141.5T480-920q83 0 141.5 58.5T680-720v80h40q33 0 56.5 23.5T800-560v400q0 33-23.5 56.5T720-80H240Zm0-80h480v-400H240v400Zm240-120q33 0 56.5-23.5T560-360q0-33-23.5-56.5T480-440q-33 0-56.5 23.5T400-360q0 33 23.5 56.5T480-280ZM360-640h240v-80q0-50-35-85t-85-35q-50 0-85 35t-35 85v80ZM240-160v-400 400Z"/></svg>
+                Set by Acme GmbH
+              </p>
+              <p id="p4-hint" class="text-xs text-on-surface-variant px-1">Your organization chose this folder. Mirall creates this computer’s own folder inside it.</p>
+            </div>
+            <div data-footer></div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="anno text-sm mt-3 space-y-1 max-w-[860px] mx-auto">
+    <p><span class="badge badge-a11y">a11y</span> A read-only input stays in the tab order and is announced as "read-only, text" with the full path — today a screen reader gets the path only through <code>FilePath</code>'s <code>sr-only</code> copy, and cannot select it.</p>
+    <p><span class="badge badge-a11y">a11y</span> The copy button is named "Copy", flips to a check and "Copied!" for a moment, and announces it through <code>CopyButton</code>'s own polite live region. It sits inside the field so the field keeps the width of its editable siblings and the icon does not read as a second action button.</p>
+    <p><strong>Editable fields get no copy icon:</strong> their text is selectable already, and the Browse/Change button holds the end of the row.</p>
+  </div>
+</section>
+
+<!-- ===================================================================================== -->
+<section class="max-w-[1040px] mx-auto px-6 pt-16">
+  <h2 class="anno-h font-headline font-extrabold text-xl">5 · Proposed — on a settings screen (Storage)</h2>
+  <div class="anno flex flex-wrap items-center gap-2 mt-2 mb-3 text-sm">
+    <span class="badge badge-real">Recreated from code</span>
+    <code>screens/settings/StorageSettings.tsx</code>
+    <span>+ <span class="badge badge-proposed">Proposed new</span> field. Outside a modal the field sits on a <code>-low</code> card, so it takes the <code>-lowest</code> fill (<code>FieldGround.tsx</code>), as every text field does.</span>
+  </div>
+
+  <div class="device-frame max-w-[860px] mx-auto" data-frame>
+    <span class="traffic-lights" aria-hidden="true"><span class="r"></span><span class="y"></span><span class="g"></span></span>
+    <div data-nav></div>
+    <div class="bg-surface font-body" style="height:440px; overflow:hidden">
+      <main class="pt-20">
+        <div class="pt-8 px-8 max-w-2xl mx-auto">
+          <div class="mb-8">
+            <h1 class="font-headline text-3xl font-extrabold text-accent tracking-tight">Storage</h1>
+          </div>
+          <section>
+            <h2 class="text-xl font-headline font-bold text-accent mb-6">Download Folder for New Spaces</h2>
+            <div class="bg-surface-container-low rounded-xl p-6">
+              <p id="p5-desc" class="text-sm text-on-surface-variant mb-3">Spaces you create or join start downloading here. Each space then keeps its own folder; changing this one does not change them.</p>
+              <div class="flex items-center gap-3" data-pathrow>
+                <input id="p5-path" type="text" spellcheck="false" autocomplete="off" aria-label="Download Folder for New Spaces" aria-describedby="p5-desc"
+                  class="path-input flex-grow min-w-0 bg-surface-container-lowest border-none focus-ring rounded-xl px-5 py-3.5 font-mono text-sm text-accent font-medium transition-all" value="/Users/oliver/Mirall" />
+                <button type="button" data-action class="shrink-0 bg-surface-control text-accent rounded-xl px-5 py-3.5 font-headline font-bold text-sm hover:bg-surface-control-hover active:scale-95 transition-all focus-ring">Change</button>
+              </div>
+            </div>
+          </section>
+        </div>
+      </main>
+    </div>
+  </div>
+
+  <div class="anno text-sm mt-3 space-y-1 max-w-[860px] mx-auto">
+    <p>The page header is abbreviated (no back button or subtitle); only the section is the subject here. This change applies on Enter or blur, as a pick does today — never mid-typing. <span class="badge badge-a11y">a11y</span> The section heading is not a <code>&lt;label&gt;</code> here, so the input is named by <code>aria-labelledby</code> on the heading (shown as <code>aria-label</code> in the mockup).</p>
+  </div>
+</section>
+
+<!-- Shared fragments -->
+<template id="scope">
+  <ul class="space-y-3 text-sm text-on-surface-variant">
+    <li class="flex gap-3"><svg width="18" height="18" viewBox="0 -960 960 960" fill="currentColor" class="text-secondary shrink-0" aria-hidden="true"><path d="M378-246 154-470l43-43 181 181 384-384 43 43-427 427Z"/></svg><span><strong class="text-on-surface">Backed up:</strong> your spaces, their file lists, your profile and settings.</span></li>
+    <li class="flex gap-3"><svg width="18" height="18" viewBox="0 -960 960 960" fill="currentColor" class="text-secondary shrink-0" aria-hidden="true"><path d="M453-280h60v-240h-60v240Zm50.5-323.2q9.5-9.2 9.5-22.8 0-14.45-9.48-24.22-9.48-9.78-23.5-9.78t-23.52 9.78Q447-640.45 447-626q0 13.6 9.48 22.8 9.48 9.2 23.5 9.2t23.52-9.2ZM480.27-80q-82.74 0-155.5-31.5Q252-143 197.5-197.5t-86-127.34Q80-397.68 80-480.5t31.5-155.66Q143-709 197.5-763t127.34-85.5Q397.68-880 480.5-880t155.66 31.5Q709-817 763-763t85.5 127Q880-563 880-480.27q0 82.74-31.5 155.5Q817-252 763-197.68q-54 54.31-127 86Q563-80 480.27-80Zm.23-60Q622-140 721-239.5t99-241Q820-622 721.19-721T480-820q-141 0-240.5 98.81T140-480q0 141 99.5 240.5t241 99.5Zm-.5-340Z"/></svg><span><strong class="text-on-surface">Not backed up:</strong> the files themselves. They stay in your folders; back those up as you do today.</span></li>
+    <li class="flex gap-3"><svg width="18" height="18" viewBox="0 -960 960 960" fill="currentColor" class="text-secondary shrink-0" aria-hidden="true"><path d="M240-80q-33 0-56.5-23.5T160-160v-400q0-33 23.5-56.5T240-640h40v-80q0-83 58.5-141.5T480-920q83 0 141.5 58.5T680-720v80h40q33 0 56.5 23.5T800-560v400q0 33-23.5 56.5T720-80H240Zm0-80h480v-400H240v400Zm240-120q33 0 56.5-23.5T560-360q0-33-23.5-56.5T480-440q-33 0-56.5 23.5T400-360q0 33 23.5 56.5T480-280ZM360-640h240v-80q0-50-35-85t-85-35q-50 0-85 35t-35 85v80ZM240-160v-400 400Z"/></svg><span><strong class="text-on-surface">Private:</strong> everything is encrypted. Only your passphrase opens it — not even we can.</span></li>
+  </ul>
+</template>
+
+<template id="footer">
+  <!-- ModalFooter (components/layout/ModalFooter.tsx) with Button size="lg" -->
+  <div class="pt-2 flex gap-4 [&>*]:flex-1">
+    <button type="button" class="flex items-center justify-center gap-2 whitespace-nowrap rounded-xl font-headline font-bold transition-all active:scale-95 focus:outline-none focus-visible:ring-2 h-14 px-5 text-lg bg-surface-control text-on-surface-variant hover:bg-surface-control-hover">Cancel</button>
+    <button type="button" data-next class="flex items-center justify-center gap-2 whitespace-nowrap rounded-xl font-headline font-bold transition-all active:scale-95 focus:outline-none focus-visible:ring-2 h-14 px-5 text-lg bg-primary text-on-primary shadow-lg hover:bg-primary-hover disabled:opacity-50 disabled:cursor-not-allowed">
+      <span data-next-label>Next</span>
+      <svg width="20" height="20" viewBox="0 -960 960 960" fill="currentColor" aria-hidden="true"><path d="M686-450H160v-60h526L438-758l42-42 320 320-320 320-42-42 248-248Z"/></svg>
+    </button>
+  </div>
+</template>
+
+<script>
+  const toggle = document.getElementById('theme-toggle')
+  toggle.addEventListener('click', () => {
+    const dark = document.documentElement.classList.toggle('dark')
+    document.body.classList.toggle('dark', dark)
+    toggle.setAttribute('aria-pressed', String(dark))
+  })
+
+  const fill = (sel, tpl) => document.querySelectorAll(sel).forEach((el) => el.replaceWith(document.getElementById(tpl).content.cloneNode(true)))
+  document.querySelectorAll('[data-footer]').forEach((el) => {
+    const frag = document.getElementById('footer').content.cloneNode(true)
+    const next = frag.querySelector('[data-next]')
+    if (el.hasAttribute('data-disabled')) next.disabled = true
+    if (el.hasAttribute('data-anyway')) frag.querySelector('[data-next-label]').textContent = 'Use it anyway'
+    el.replaceWith(frag)
+  })
+  fill('[data-scope]', 'scope')
+  fill('[data-close]', 'close-btn')
+  document.querySelectorAll('[data-frame]').forEach((frame) => frame.prepend(document.getElementById('topnav').content.cloneNode(true)))
+  document.querySelectorAll('[data-nav]').forEach((el) => el.remove())
+
+  // Mockup behaviour only: the path is taken on Enter or blur; unfocused, the field shows the end.
+  function showEnd(input) { input.scrollLeft = input.scrollWidth }
+  document.querySelectorAll('.path-input').forEach((input) => {
+    showEnd(input)
+    input.addEventListener('blur', () => showEnd(input))
+    input.addEventListener('keydown', (e) => { if (e.key === 'Enter') input.blur() })
+  })
+  // Mockup of CopyButton: copy, then check + "Copied!" for a moment.
+  document.querySelectorAll('[data-copy]').forEach((button) => {
+    const input = document.getElementById(button.dataset.copy)
+    const status = button.parentElement.querySelector('[data-copy-status]')
+    button.addEventListener('click', async () => {
+      try { await navigator.clipboard.writeText(input.value) } catch { input.select(); document.execCommand('copy') }
+      const flip = (copied) => {
+        button.querySelector('[data-icon-copy]').classList.toggle('hidden', copied)
+        button.querySelector('[data-icon-check]').classList.toggle('hidden', !copied)
+        button.setAttribute('aria-label', copied ? 'Copied!' : 'Copy')
+        button.title = copied ? 'Copied!' : 'Copy'
+        status.textContent = copied ? 'Copied!' : ''
+      }
+      flip(true)
+      setTimeout(() => flip(false), 2000)
+    })
+  })
+  document.querySelectorAll('[data-pathrow]').forEach((row) => {
+    const input = row.querySelector('input')
+    const button = row.querySelector('[data-action]')
+    const subject = button.getAttribute('aria-label') ? ' (backup folder)' : ''
+    const sync = () => {
+      const label = input.value.trim() ? 'Change' : 'Browse…'
+      button.textContent = label
+      if (subject) button.setAttribute('aria-label', label + subject)
+      const next = row.closest('.glass-modal')?.querySelector('[data-next]')
+      if (next) next.disabled = !input.value.trim()
+    }
+    input.addEventListener('blur', sync)
+    button.addEventListener('click', () => {
+      input.value = '/Volumes/Backup Drive/Mirall/' + 'a-rather-long-nested-folder-name/backups'
+      sync(); showEnd(input)
+    })
+  })
+</script>
+
+</body>
+</html>
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7e01acbe..cc275d14 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -42,6 +42,9 @@ happened, by you or a member, comes first, and each card says when.
 ⌘1–9 now go to your favorites first, then your oldest spaces.
 - **Settings → Storage sets the download folder for new spaces.** Spaces you
 already have keep their own folder when you change it.
+- **Folder paths can be pasted, typed and copied.** Every folder field takes
+a path as well as Browse…, and checks it the same way. A folder your
+organization sets is shown read-only, with a Copy button.
 - **A file downloaded from a shared folder keeps its subfolders**, as a
 batch download does.
 - **A downloaded file on a drive that isn't connected says so** instead of
diff --git a/eslint-rules/invariants.mjs b/eslint-rules/invariants.mjs
index b1b7acd2..2fef27ed 100644
--- a/eslint-rules/invariants.mjs
+++ b/eslint-rules/invariants.mjs
@@ -287,10 +287,11 @@ export const promiseLintAllowlist = Object.freeze({
     ],
   },
   'src/renderer/components/modals/BackupSetupModal.tsx': {
-    why: 'chooseFolder and turnOn catch into the dialog\'s inline error.',
+    why: 'chooseFolder, takeFolder and turnOn catch into the dialog\'s inline error.',
     sites: [
       'no-floating-promises BackupSetupModal > confirm: void turnOn()',
       'no-floating-promises BackupSetupModal > onChoose: void chooseFolder()',
+      'no-floating-promises BackupSetupModal > onTake: void takeFolder(typed)',
       'no-floating-promises BackupSetupModal > onClick: void turnOn()',
     ],
   },
@@ -311,7 +312,7 @@ export const promiseLintAllowlist = Object.freeze({
   'src/renderer/components/modals/EditFolderModal.tsx': {
     why: 'handleSave catches into the field errors; browse is the native picker.',
     sites: [
-      'no-misused-promises EditFolderModal > onAction: {canRelocate ? handleBrowse : undefined}',
+      'no-misused-promises EditFolderModal > onAction: {handleBrowse}',
       'no-misused-promises EditFolderModal > onClick: {handleSave}',
       'no-misused-promises EditFolderModal > onConfirm: {handleSave}',
     ],
@@ -370,9 +371,9 @@ export const promiseLintAllowlist = Object.freeze({
     ],
   },
   'src/renderer/components/modals/RestoreBackupModal.tsx': {
-    why: 'chooseFolder, showBackups and restore catch into the modal\'s inline and field errors; the modal renders outside ToastProvider.',
+    why: 'openFolder, showBackups and restore catch into the modal\'s inline and field errors; the modal renders outside ToastProvider.',
     sites: [
-      'no-floating-promises RestoreBackupModal > onChooseFolder: void chooseFolder()',
+      'no-floating-promises RestoreBackupModal > onOpenFolder: void openFolder(pick)',
       'no-floating-promises RestoreBackupModal > onClick: void restore()',
       'no-floating-promises RestoreBackupModal > onClick: void showBackups()',
       'no-floating-promises RestoreBackupModal > onConfirm: void restore()',
@@ -479,6 +480,7 @@ export const promiseLintAllowlist = Object.freeze({
       'no-floating-promises BackupSettings > onChange: void act(() => changeFolder(status.folder ?? undefined))',
       'no-floating-promises BackupSettings > onConfirm: void turnOff()',
       'no-floating-promises BackupSettings > onReminders: void act(() => setReminders(next))',
+      'no-floating-promises BackupSettings > onTake: void act(async () => { await request(\'backup:configure\', { folder: typed }) })',
     ],
   },
   'src/renderer/screens/settings/NetworkSettings.tsx': {
diff --git a/src/main/backup-settings.js b/src/main/backup-settings.js
index a6b1686b..1cb055bb 100644
--- a/src/main/backup-settings.js
+++ b/src/main/backup-settings.js
@@ -1,10 +1,11 @@
 'use strict'
 
-// The backup's main-process side: the folder picker, which says whether the folder shares a disk with
+// The backup's main-process side: what a picked or typed folder is — whether it shares a disk with
 // Mirall's own data (the failure a backup is meant to survive) and whether it holds files a backup may
-// not start beside, and putting back the host's groups of the settings a restored backup carried. The
+// not start beside — and putting back the host's groups of the settings a restored backup carried. The
 // worker puts back its own groups (downloads, network) when it stages the restore.
 const fs = require('fs')
+const path = require('path')
 const { BACKUP_SETTING_GROUPS } = require('../shared/contract/backup-settings.js')
 const { fitsNewBackup } = require('../shared/contract/backup-folder.js')
 
@@ -24,6 +25,20 @@ async function otherFiles(folder) {
   }
 }
 
+function isFolder(folder) {
+  try {
+    return fs.statSync(folder).isDirectory()
+  } catch {
+    return false
+  }
+}
+
+// Null unless the path names an existing folder: a typed path is not known to be one.
+async function describeFolder(folder, dataDir) {
+  if (typeof folder !== 'string' || !path.isAbsolute(folder) || !isFolder(folder)) return null
+  return { folder, sameDisk: sameDisk(folder, dataDir), otherFiles: await otherFiles(folder) }
+}
+
 const isPlainObject = (value) => typeof value === 'object' && value !== null && !Array.isArray(value)
 
 function restoredGroups(json) {
@@ -45,9 +60,11 @@ function applyRestoredSettings(json, { store }) {
 function registerBackupIpc({ ipcMain, config, pickDirectory, dataDir }) {
   ipcMain.handle('backup:browse', async (evt, defaultPath) => {
     const folder = await pickDirectory(evt, defaultPath)
-    return folder ? { folder, sameDisk: sameDisk(folder, dataDir()), otherFiles: await otherFiles(folder) } : null
+    return folder ? describeFolder(folder, dataDir()) : null
   })
 
+  ipcMain.handle('backup:inspect', (_evt, folder) => describeFolder(folder, dataDir()))
+
   ipcMain.handle('backup:apply-settings', (_evt, json) => {
     if (typeof json !== 'string') throw new Error('Settings must be a string')
     applyRestoredSettings(json, { store: config() })
diff --git a/src/preload/preload.js b/src/preload/preload.js
index 557a625d..852ac6bf 100644
--- a/src/preload/preload.js
+++ b/src/preload/preload.js
@@ -109,6 +109,7 @@ contextBridge.exposeInMainWorld('bridge', {
 
   browseShareFolder: () => ipcRenderer.invoke('share:browseFolder'),
   browseBackupFolder: (defaultPath) => ipcRenderer.invoke('backup:browse', defaultPath),
+  inspectBackupFolder: (folder) => ipcRenderer.invoke('backup:inspect', folder),
   applyRestoredSettings: (json) => ipcRenderer.invoke('backup:apply-settings', json),
   onZoomChanged: (listener) => {
     const wrap = (_evt, factor) => listener(factor)
diff --git a/src/renderer/components/layout/SectionHeading.tsx b/src/renderer/components/layout/SectionHeading.tsx
index dc30dcfa..d2fd8e6f 100644
--- a/src/renderer/components/layout/SectionHeading.tsx
+++ b/src/renderer/components/layout/SectionHeading.tsx
@@ -2,10 +2,12 @@ import type { ReactNode } from 'react'
 
 interface SectionHeadingProps {
   children: ReactNode
+  /** For a control the heading names through `aria-labelledby`. */
+  id?: string
 }
 
-export default function SectionHeading({ children }: SectionHeadingProps) {
+export default function SectionHeading({ children, id }: SectionHeadingProps) {
   return (
-    <h2 className="text-xl font-headline font-bold text-accent mb-6">{children}</h2>
+    <h2 id={id} className="text-xl font-headline font-bold text-accent mb-6">{children}</h2>
   )
 }
diff --git a/src/renderer/components/modals/AddFolderShareModal.tsx b/src/renderer/components/modals/AddFolderShareModal.tsx
index c9d7017a..c7388100 100644
--- a/src/renderer/components/modals/AddFolderShareModal.tsx
+++ b/src/renderer/components/modals/AddFolderShareModal.tsx
@@ -80,6 +80,11 @@ export default function AddFolderShareModal({
     if (picked) setShareName(basename(picked))
   }
 
+  function handleCommit(typed: string) {
+    wizard.setMountPath(typed)
+    setShareName(basename(typed))
+  }
+
   if (wizard.step === 'preview') {
     return (
       <ScanPreviewModal
@@ -109,11 +114,12 @@ export default function AddFolderShareModal({
       onClose={onClose}
     >
       <MountPathField
-        id="add-folder-path-label"
+        id="add-folder-path"
         label={t('addFolder.pathLabel')}
         path={wizard.mountPath}
         error={wizard.validationError}
         onBrowse={() => { void handleBrowse() }}
+        onCommit={handleCommit}
       />
 
       <ShareNameField value={shareName} error={nameError} onChange={setShareName} />
diff --git a/src/renderer/components/modals/BackupSetupModal.tsx b/src/renderer/components/modals/BackupSetupModal.tsx
index 72c4a390..311c3a94 100644
--- a/src/renderer/components/modals/BackupSetupModal.tsx
+++ b/src/renderer/components/modals/BackupSetupModal.tsx
@@ -19,6 +19,7 @@ import BackupScopeList from '../backup/BackupScopeList.js'
 import NewPassphraseFields from '../backup/NewPassphraseFields.js'
 import ManagedNote from '../managed/ManagedNote.js'
 import { useManagedBackupFolder, type ManagedBackupFolder } from '../../hooks/useManagedBackupFolder.js'
+import type { BackupFolderChoice } from '../../platform/global.js'
 
 interface BackupSetupModalProps {
   isOpen: boolean
@@ -27,21 +28,15 @@ interface BackupSetupModalProps {
 
 type Step = 1 | 2
 
-interface Chosen {
-  folder: string
-  sameDisk: boolean
-  otherFiles: boolean
-}
-
 export default function BackupSetupModal({ isOpen, onClose }: BackupSetupModalProps) {
   const { t } = useTranslation()
   const errorText = useErrorText()
   const toast = useToast()
   const [step, setStep] = useState<Step>(1)
-  const [picked, setChosen] = useState<Chosen | null>(null)
+  const [picked, setChosen] = useState<BackupFolderChoice | null>(null)
   // An organization's folder is set up as it is: nothing to pick, and the worker creates it empty.
   const managed = useManagedBackupFolder()
-  const chosen: Chosen | null = managed.folder ? { folder: managed.folder, sameDisk: false, otherFiles: false } : picked
+  const chosen: BackupFolderChoice | null = managed.folder ? { folder: managed.folder, sameDisk: false, otherFiles: false } : picked
   const [passphrase, setPassphrase] = useState('')
   const [confirmation, setConfirmation] = useState('')
   const [busy, setBusy] = useState(false)
@@ -73,6 +68,18 @@ export default function BackupSetupModal({ isOpen, onClose }: BackupSetupModalPr
     }
   }
 
+  // A typed folder gets the checks a picked one does: same disk, other files.
+  async function takeFolder(typed: string) {
+    setError(null)
+    try {
+      const inspected = await window.bridge.inspectBackupFolder(typed)
+      if (inspected) setChosen(inspected)
+      else setError(t('pathField.notFolder'))
+    } catch (err) {
+      setError(errorText(err))
+    }
+  }
+
   async function turnOn() {
     if (!chosen || verdict !== 'ok' || busy) return
     setBusy(true)
@@ -112,8 +119,8 @@ export default function BackupSetupModal({ isOpen, onClose }: BackupSetupModalPr
             <>
               <BackupScopeList />
               <div className="space-y-3">
-                <FieldLabel id="backup-setup-folder-label">{t('backupSetup.whereLabel')}</FieldLabel>
-                <FolderField managed={managed} folder={chosen?.folder ?? null} onChoose={() => void chooseFolder()} />
+                <FieldLabel htmlFor="backup-setup-folder">{t('backupSetup.whereLabel')}</FieldLabel>
+                <FolderField managed={managed} folder={chosen?.folder ?? null} onChoose={() => void chooseFolder()} onTake={(typed) => void takeFolder(typed)} />
               </div>
               {chosen?.otherFiles && <Callout tone="warning" role="status" id="backup-setup-other-files">{errorText({ code: 'BACKUP_TARGET_NOT_EMPTY' })}</Callout>}
               {sameDisk && (
@@ -156,21 +163,22 @@ interface FolderFieldProps {
   managed: ManagedBackupFolder
   folder: string | null
   onChoose: () => void
+  onTake: (typed: string) => void
 }
 
-function FolderField({ managed, folder, onChoose }: FolderFieldProps) {
+function FolderField({ managed, folder, onChoose, onTake }: FolderFieldProps) {
   const { t } = useTranslation()
   if (!managed.folder) {
     return (
       <>
-        <PathRow path={folder} onAction={onChoose} subject={t('backup.folderSubject')} ariaDescribedBy="backup-setup-folder-hint" />
+        <PathRow id="backup-setup-folder" path={folder} onAction={onChoose} onCommit={onTake} subject={t('backup.folderSubject')} ariaDescribedBy="backup-setup-folder-hint" />
         <p id="backup-setup-folder-hint" className="text-xs text-on-surface-variant px-1">{t('backupSetup.whereHint')}</p>
       </>
     )
   }
   return (
     <>
-      <PathRow path={managed.folder} ariaDescribedBy={`${managed.noteId} backup-setup-folder-hint`} />
+      <PathRow id="backup-setup-folder" path={managed.folder} ariaDescribedBy={`${managed.noteId} backup-setup-folder-hint`} />
       {managed.org && <ManagedNote id={managed.noteId} org={managed.org} className="px-1" />}
       <p id="backup-setup-folder-hint" className="text-xs text-on-surface-variant px-1">{t('backup.managedFolder')}</p>
     </>
diff --git a/src/renderer/components/modals/EditFolderModal.tsx b/src/renderer/components/modals/EditFolderModal.tsx
index f1bdbba2..f3cf2a9d 100644
--- a/src/renderer/components/modals/EditFolderModal.tsx
+++ b/src/renderer/components/modals/EditFolderModal.tsx
@@ -69,6 +69,13 @@ export default function EditFolderModal({
     if (picked) setDraftPath(picked)
   }
 
+  function handleTyped(typed: string) {
+    setPathError(null)
+    setDraftPath(typed)
+  }
+
+  const pathDescribers = `edit-folder-path-desc${pathError ? ' edit-folder-path-error' : ''}`
+
   async function handleSave() {
     if (!canSave || savingRef.current) return
     savingRef.current = true
@@ -123,20 +130,17 @@ export default function EditFolderModal({
           </div>
 
           <div className="space-y-3">
-            <FieldLabel id="edit-folder-path-label">
+            <FieldLabel htmlFor="edit-folder-path">
               {isOwner ? t('editFolder.sourceLabel') : t('editFolder.mirrorLabel')}
             </FieldLabel>
             <p id="edit-folder-path-desc" className="text-sm text-on-surface-variant px-1">
               {!canRelocate ? t('editFolder.sourceFixed') : isOwner ? t('editFolder.sourceDesc') : t('editFolder.mirrorDesc')}
             </p>
-            {/* Same row as Add Folder and Mirror to Disk — a path is a path, whichever door you
-                came through. Display-only when the location is fixed: the field stays, the button
-                is what says whether you can re-point it. */}
-            <PathRow
-              path={effectivePath}
-              onAction={canRelocate ? handleBrowse : undefined}
-              ariaDescribedBy={`edit-folder-path-label edit-folder-path-desc${pathError ? ' edit-folder-path-error' : ''}`}
-            />
+            {canRelocate ? (
+              <PathRow id="edit-folder-path" path={effectivePath} onAction={handleBrowse} onCommit={handleTyped} ariaDescribedBy={pathDescribers} />
+            ) : (
+              <PathRow id="edit-folder-path" path={effectivePath} ariaDescribedBy={pathDescribers} />
+            )}
             {pathError && <InlineError id="edit-folder-path-error" className="px-1">{pathError}</InlineError>}
           </div>
 
diff --git a/src/renderer/components/modals/EditSpaceModal.tsx b/src/renderer/components/modals/EditSpaceModal.tsx
index 47027c24..4a9c77c3 100644
--- a/src/renderer/components/modals/EditSpaceModal.tsx
+++ b/src/renderer/components/modals/EditSpaceModal.tsx
@@ -50,6 +50,11 @@ export default function EditSpaceModal({ space, onSave, onClose }: EditSpaceModa
     if (picked) setFolderEdit(picked)
   }, [folder])
 
+  function handleTyped(typed: string) {
+    setFolderError(null)
+    setFolderEdit(typed)
+  }
+
   async function handleSave() {
     if (!isValid || !hasChanges || saving) return
     setSaving(true)
@@ -97,16 +102,16 @@ export default function EditSpaceModal({ space, onSave, onClose }: EditSpaceModa
           </div>
 
           <div className="space-y-3">
-            <FieldLabel id="edit-space-folder-label">{t('editSpace.downloadFolder')}</FieldLabel>
+            <FieldLabel htmlFor="edit-space-folder">{t('editSpace.downloadFolder')}</FieldLabel>
             <p id="edit-space-folder-desc" className="text-sm text-on-surface-variant px-1">
               {t('editSpace.downloadFolderDesc')}
             </p>
-            {/* The same row Add Folder, Mirror to Disk, Edit Folder and Storage settings show — a
-                path is a path, whichever door you came through. */}
             <PathRow
+              id="edit-space-folder"
               path={folder}
               onAction={handleBrowse}
-              ariaDescribedBy={`edit-space-folder-label edit-space-folder-desc${folderError ? ' edit-space-folder-error' : ''}`}
+              onCommit={handleTyped}
+              ariaDescribedBy={`edit-space-folder-desc${folderError ? ' edit-space-folder-error' : ''}`}
             />
             {folderError && (
               <InlineError id="edit-space-folder-error" className="px-1">{folderError}</InlineError>
diff --git a/src/renderer/components/modals/MirrorFolderModal.tsx b/src/renderer/components/modals/MirrorFolderModal.tsx
index 735b3d98..32a19df9 100644
--- a/src/renderer/components/modals/MirrorFolderModal.tsx
+++ b/src/renderer/components/modals/MirrorFolderModal.tsx
@@ -136,11 +136,12 @@ export default function MirrorFolderModal({
       )}
 
       <MountPathField
-        id="mirror-folder-path-label"
+        id="mirror-folder-path"
         label={t('mirrorFolder.pathLabel')}
         path={wizard.mountPath}
         error={wizard.validationError}
         onBrowse={() => { void wizard.browse() }}
+        onCommit={wizard.setMountPath}
       />
 
       <Callout tone="warning" icon="lock">
diff --git a/src/renderer/components/modals/RestoreBackupModal.tsx b/src/renderer/components/modals/RestoreBackupModal.tsx
index 86814372..97644f8c 100644
--- a/src/renderer/components/modals/RestoreBackupModal.tsx
+++ b/src/renderer/components/modals/RestoreBackupModal.tsx
@@ -68,14 +68,15 @@ export default function RestoreBackupModal({ isOpen, onClose, onRestored, locked
     onClose()
   }
 
-  async function chooseFolder() {
+  // Picked or typed, the peek says whether the folder holds a backup.
+  async function openFolder(pick: () => Promise<string | null>) {
     setError(null)
     try {
-      const picked = await window.bridge.browseBackupFolder()
-      if (!picked) return
-      setFolder(picked.folder)
+      const chosen = await pick()
+      if (!chosen) return
+      setFolder(chosen)
       setPeek(null)
-      setPeek(await request('backup:peek', { folder: picked.folder }))
+      setPeek(await request('backup:peek', { folder: chosen }))
     } catch (err) {
       setError(errorText(err))
     }
@@ -168,7 +169,7 @@ export default function RestoreBackupModal({ isOpen, onClose, onRestored, locked
               passphrase={passphrase}
               fieldError={fieldError}
               busy={busy}
-              onChooseFolder={() => void chooseFolder()}
+              onOpenFolder={(pick) => void openFolder(pick)}
               onPassphrase={(v) => { setPassphrase(v); setFieldError(null) }}
             />
           ) : (
@@ -242,27 +243,34 @@ function SnapshotChoice({ snapshots, chosen, onChoose }: SnapshotChoiceProps) {
   )
 }
 
+async function pickBackupFolder() {
+  return (await window.bridge.browseBackupFolder())?.folder ?? null
+}
+
 interface SourceFieldsProps {
   folder: string | null
   peek: BackupPeek | null
   passphrase: string
   fieldError: string | null
   busy: boolean
-  onChooseFolder: () => void
+  /** Opens the folder `pick` answers: the picker's choice, or a typed path. */
+  onOpenFolder: (pick: () => Promise<string | null>) => void
   onPassphrase: (value: string) => void
 }
 
 // Where the backup is and what opens it. Nothing here can change while the dialog works on it.
-function SourceFields({ folder, peek, passphrase, fieldError, busy, onChooseFolder, onPassphrase }: SourceFieldsProps) {
+function SourceFields({ folder, peek, passphrase, fieldError, busy, onOpenFolder, onPassphrase }: SourceFieldsProps) {
   const { t } = useTranslation()
   const keyInFolder = !!peek?.keyCreatedAt
   return (
     <>
       <div className="space-y-3">
-        <FieldLabel id="restore-backup-folder-label">{t('restoreBackup.folderLabel')}</FieldLabel>
+        <FieldLabel htmlFor="restore-backup-folder">{t('restoreBackup.folderLabel')}</FieldLabel>
         <PathRow
+          id="restore-backup-folder"
           path={folder}
-          onAction={onChooseFolder}
+          onAction={() => onOpenFolder(pickBackupFolder)}
+          onCommit={(typed) => onOpenFolder(async () => typed)}
           subject={t('backup.folderSubject')}
           actionDisabled={busy}
         />
diff --git a/src/renderer/components/path/MountPathField.tsx b/src/renderer/components/path/MountPathField.tsx
index c28866dd..baddba20 100644
--- a/src/renderer/components/path/MountPathField.tsx
+++ b/src/renderer/components/path/MountPathField.tsx
@@ -8,15 +8,14 @@ interface MountPathFieldProps {
   path: string
   error: string | null
   onBrowse: () => void
+  onCommit: (path: string) => void
 }
 
-// The label is a <span> carrying an id rather than a <label>: PathRow's action is a button, not a
-// form control, so the association goes through aria-describedby.
-export default function MountPathField({ id, label, path, error, onBrowse }: MountPathFieldProps) {
+export default function MountPathField({ id, label, path, error, onBrowse, onCommit }: MountPathFieldProps) {
   return (
     <div className="space-y-3">
-      <FieldLabel id={id}>{label}</FieldLabel>
-      <PathRow path={path} onAction={onBrowse} ariaDescribedBy={error ? `${id} ${id}-error` : id} />
+      <FieldLabel htmlFor={id}>{label}</FieldLabel>
+      <PathRow id={id} path={path} onAction={onBrowse} onCommit={onCommit} ariaDescribedBy={error ? `${id}-error` : undefined} />
       {error && <InlineError id={`${id}-error`} size="xs" className="px-1">{error}</InlineError>}
     </div>
   )
diff --git a/src/renderer/components/path/PathRow.tsx b/src/renderer/components/path/PathRow.tsx
index 7741c077..ef339241 100644
--- a/src/renderer/components/path/PathRow.tsx
+++ b/src/renderer/components/path/PathRow.tsx
@@ -1,9 +1,12 @@
-import type { Ref } from 'react'
+import { useLayoutEffect, useRef, useState, type KeyboardEvent, type Ref } from 'react'
 import { useTranslation } from 'react-i18next'
-import FilePath from './FilePath.js'
+import CopyButton from '../primitives/CopyButton.js'
 import { FIELD_FILL, useFieldFill } from '../primitives/FieldGround.js'
+import { FIELD_PLACEHOLDER } from '../primitives/TextField.js'
 
-interface PathRowProps {
+interface PathRowBase {
+  /** The input's id: the field's `<label htmlFor>` points here. */
+  id: string
   path: string | null
   /**
    * A path exists but its text has not arrived yet. Distinct from having none: the field says so
@@ -11,34 +14,132 @@ interface PathRowProps {
    * not flip once the read lands.
    */
   loading?: boolean
-  /** Omit for a display-only row — the field keeps its shape, the button is absent. */
-  onAction?: () => void
+  /** For a field named by a heading rather than a `<label>`. */
+  ariaLabelledBy?: string
   ariaDescribedBy?: string
+}
+
+interface EditablePath {
+  /** Opens the folder picker. */
+  onAction: () => void
+  /** Takes a typed or pasted path; the caller checks it exactly as it checks a picked one. */
+  onCommit: (path: string) => void
   /** What the path is, when one page shows several rows: the button's name says it after its label. */
   subject?: string
-  /** The button stays focusable and announced, but does nothing while the owner is busy. */
+  /** The field is read-only and the button does nothing while the owner is busy; both stay focusable. */
   actionDisabled?: boolean
   /** Forwarded to the button, for callers that must hand focus back to it. */
   actionRef?: Ref<HTMLButtonElement>
 }
 
-// One filesystem path, presented the same way everywhere: the path in a filled field, with an
-// optional button beside it that re-picks it. Display-only keeps the field — a path is a value
-// either way; the button's presence says whether you can change it. The label follows the state,
-// not the caller: nothing picked is "Browse…", a path (or one still loading) is "Change". The
-// placeholder is muted TEXT, not `outline`: that token fails AA against every fill in both themes.
-export default function PathRow({ path, loading = false, onAction, ariaDescribedBy, subject, actionDisabled = false, actionRef }: PathRowProps) {
+interface FixedPath {
+  onAction?: never
+  onCommit?: never
+  subject?: never
+  actionDisabled?: never
+  actionRef?: never
+}
+
+type PathRowProps = PathRowBase & (EditablePath | FixedPath)
+
+// One filesystem path, presented the same way everywhere: a filled text field. An editable path
+// has a button beside it that re-picks it, and takes a typed or pasted path on Enter or blur — never
+// per keystroke, since every take runs a filesystem check or applies a setting. While an edit is
+// pending, Enter takes it and Escape reverts it instead of confirming or dismissing the dialog. A
+// fixed path is a read-only field with Copy at its end; the missing button is what says it cannot
+// change. The button label follows the state, not the caller: nothing picked is "Browse…", a path
+// (or one still loading) is "Change". A field without focus shows the end of its path, so the
+// folder's own name stays visible.
+export default function PathRow(props: PathRowProps) {
+  const { id, path, loading = false, ariaLabelledBy, ariaDescribedBy, onAction, onCommit, subject, actionDisabled = false, actionRef } = props
   const { t } = useTranslation()
   const fill = useFieldFill()
+  const inputRef = useRef<HTMLInputElement>(null)
+  const shown = path ?? ''
+  const [draft, setDraft] = useState(shown)
+  const [synced, setSynced] = useState(shown)
+  // The last path handed to onCommit, so the blur after an Enter does not take it again. Enter itself
+  // always takes: pressing it again is how a refused path is retried.
+  const taken = useRef<string | null>(null)
+  if (synced !== shown) {
+    setSynced(shown)
+    setDraft(shown)
+    taken.current = null
+  }
+  const editable = onCommit !== undefined
+  const readOnly = !editable || actionDisabled || loading
+
+  // Shown from its end whenever the text or the field's width changes, or the font lands — each moves
+  // where the end is. A focused field is the user's to scroll.
+  useLayoutEffect(() => {
+    const input = inputRef.current
+    if (!input) return
+    const showEnd = () => {
+      if (document.activeElement !== input) input.scrollLeft = input.scrollWidth
+    }
+    showEnd()
+    const observer = new ResizeObserver(showEnd)
+    observer.observe(input)
+    document.fonts.addEventListener('loadingdone', showEnd)
+    return () => {
+      observer.disconnect()
+      document.fonts.removeEventListener('loadingdone', showEnd)
+    }
+  }, [shown])
+
+  function take(again: boolean) {
+    const next = draft.trim()
+    if (!onCommit || readOnly) return
+    if (!next || next === shown) {
+      setDraft(shown)
+      return
+    }
+    if (!again && next === taken.current) return
+    taken.current = next
+    onCommit(next)
+  }
+
+  function handleKeyDown(e: KeyboardEvent<HTMLInputElement>) {
+    if (draft === shown) return
+    if (e.key === 'Enter') {
+      e.preventDefault()
+      e.stopPropagation()
+      take(true)
+    } else if (e.key === 'Escape') {
+      e.stopPropagation()
+      setDraft(shown)
+      taken.current = null
+    }
+  }
+
+  function handleBlur() {
+    take(false)
+    const input = inputRef.current
+    if (input) input.scrollLeft = input.scrollWidth
+  }
+
   return (
     <div className="flex items-center gap-3">
-      <div className={`flex-grow flex items-center ${FIELD_FILL[fill]} px-5 py-3.5 rounded-xl min-w-0`}>
-        {path ? (
-          <FilePath path={path} className="flex-1 text-sm text-accent font-medium" />
-        ) : (
-          <span className="text-sm text-on-surface-variant italic">
-            {loading ? t('pathField.loading') : t('pathField.placeholder')}
-          </span>
+      <div className="relative flex-grow min-w-0">
+        <input
+          ref={inputRef}
+          id={id}
+          type="text"
+          value={draft}
+          readOnly={readOnly}
+          spellCheck={false}
+          autoComplete="off"
+          placeholder={loading ? t('pathField.loading') : undefined}
+          title={shown || undefined}
+          aria-labelledby={ariaLabelledBy}
+          aria-describedby={ariaDescribedBy}
+          onChange={(e) => setDraft(e.target.value)}
+          onKeyDown={handleKeyDown}
+          onBlur={handleBlur}
+          className={`w-full ${FIELD_FILL[fill]} border-none focus-ring rounded-xl px-5 py-3.5 font-mono text-sm text-accent font-medium ${FIELD_PLACEHOLDER}${editable ? '' : ' pr-12'}`}
+        />
+        {!editable && shown && (
+          <CopyButton value={shown} className="absolute right-3 top-1/2 -translate-y-1/2 w-8 h-8 rounded-lg hover:bg-surface-control" />
         )}
       </div>
       {onAction && (
diff --git a/src/renderer/components/primitives/CopyButton.tsx b/src/renderer/components/primitives/CopyButton.tsx
index 45946664..9dd242d5 100644
--- a/src/renderer/components/primitives/CopyButton.tsx
+++ b/src/renderer/components/primitives/CopyButton.tsx
@@ -36,7 +36,7 @@ export default function CopyButton({ value, className = '', showLabel = false }:
           title={label}
           className={`shrink-0 inline-flex items-center justify-center rounded-sm focus-ring ${className}`}
         >
-          <Icon name={icon} size={16} className="text-outline" />
+          <Icon name={icon} size={16} className="text-on-surface-variant" />
         </button>
       )}
       <span role="status" aria-live="polite" className="sr-only">{copied ? t('actions.copied') : ''}</span>
diff --git a/src/renderer/locales/de/common.json b/src/renderer/locales/de/common.json
index 1b5ea011..585b7e4e 100644
--- a/src/renderer/locales/de/common.json
+++ b/src/renderer/locales/de/common.json
@@ -179,7 +179,7 @@
   "pathField": {
     "browse": "Durchsuchen…",
     "loading": "Wird geladen…",
-    "placeholder": "Ort auswählen…",
+    "notFolder": "Unter diesem Pfad gibt es keinen Ordner.",
     "browseSubject": "Durchsuchen… ({{subject}})",
     "changeSubject": "Ändern ({{subject}})"
   },
diff --git a/src/renderer/locales/en/common.json b/src/renderer/locales/en/common.json
index 2422ff29..55d927ca 100644
--- a/src/renderer/locales/en/common.json
+++ b/src/renderer/locales/en/common.json
@@ -208,7 +208,7 @@
   "pathField": {
     "browse": "Browse…",
     "loading": "Loading…",
-    "placeholder": "Select location…",
+    "notFolder": "There is no folder at this path.",
     "browseSubject": "Browse… ({{subject}})",
     "changeSubject": "Change ({{subject}})"
   },
diff --git a/src/renderer/locales/es/common.json b/src/renderer/locales/es/common.json
index 4a03157e..9cd03659 100644
--- a/src/renderer/locales/es/common.json
+++ b/src/renderer/locales/es/common.json
@@ -179,7 +179,7 @@
   "pathField": {
     "browse": "Examinar…",
     "loading": "Cargando…",
-    "placeholder": "Selecciona una ubicación…",
+    "notFolder": "No hay ninguna carpeta en esta ruta.",
     "browseSubject": "Examinar… ({{subject}})",
     "changeSubject": "Cambiar ({{subject}})"
   },
diff --git a/src/renderer/locales/fr/common.json b/src/renderer/locales/fr/common.json
index 2b3d5b3a..5c67d084 100644
--- a/src/renderer/locales/fr/common.json
+++ b/src/renderer/locales/fr/common.json
@@ -179,7 +179,7 @@
   "pathField": {
     "browse": "Parcourir…",
     "loading": "Chargement…",
-    "placeholder": "Choisir un emplacement…",
+    "notFolder": "Aucun dossier à cet emplacement.",
     "browseSubject": "Parcourir… ({{subject}})",
     "changeSubject": "Modifier ({{subject}})"
   },
diff --git a/src/renderer/locales/it/common.json b/src/renderer/locales/it/common.json
index 20a17cd1..5438d821 100644
--- a/src/renderer/locales/it/common.json
+++ b/src/renderer/locales/it/common.json
@@ -179,7 +179,7 @@
   "pathField": {
     "browse": "Sfoglia…",
     "loading": "Caricamento…",
-    "placeholder": "Seleziona posizione…",
+    "notFolder": "Non esiste una cartella in questo percorso.",
     "browseSubject": "Sfoglia… ({{subject}})",
     "changeSubject": "Modifica ({{subject}})"
   },
diff --git a/src/renderer/platform/global.d.ts b/src/renderer/platform/global.d.ts
index 73a0cf1a..6f7b36dd 100644
--- a/src/renderer/platform/global.d.ts
+++ b/src/renderer/platform/global.d.ts
@@ -63,6 +63,13 @@ export interface NotificationClickEvent {
   payload: NotificationClickPayload | null
 }
 
+/** A folder offered for a backup: whether it shares Mirall's disk, and whether it holds other files. */
+export interface BackupFolderChoice {
+  folder: string
+  sameDisk: boolean
+  otherFiles: boolean
+}
+
 export interface AppPrefs {
   minimizeToTray: boolean
   openAtLogin: boolean
@@ -151,7 +158,9 @@ export interface MirallBridge {
 
   browseDownloadFolder(defaultPath?: string): Promise<string | null>
   browseShareFolder(): Promise<string | null>
-  browseBackupFolder(defaultPath?: string): Promise<{ folder: string; sameDisk: boolean; otherFiles: boolean } | null>
+  browseBackupFolder(defaultPath?: string): Promise<BackupFolderChoice | null>
+  /** Null when the path is not an existing folder. */
+  inspectBackupFolder(folder: string): Promise<BackupFolderChoice | null>
   applyRestoredSettings(json: string): Promise<RendererConfig>
 
   notify(spec: NotificationSpec): Promise<NotificationShowResult>
diff --git a/src/renderer/screens/settings/BackupSettings.tsx b/src/renderer/screens/settings/BackupSettings.tsx
index 6cdb64c7..ce59b3ca 100644
--- a/src/renderer/screens/settings/BackupSettings.tsx
+++ b/src/renderer/screens/settings/BackupSettings.tsx
@@ -112,7 +112,13 @@ export default function BackupSettings({ onBack }: BackupSettingsProps) {
             )}
             {configurable && setUp && (
               <>
-                <FolderSection status={status} busy={busy} managed={managed} onChange={() => void act(() => changeFolder(status.folder ?? undefined))} />
+                <FolderSection
+                  status={status}
+                  busy={busy}
+                  managed={managed}
+                  onChange={() => void act(() => changeFolder(status.folder ?? undefined))}
+                  onTake={(typed) => void act(async () => { await request('backup:configure', { folder: typed }) })}
+                />
                 <PassphraseSection status={status} busy={busy} onDialog={setDialog} onReminders={(next) => void act(() => setReminders(next))} />
               </>
             )}
@@ -191,9 +197,10 @@ interface FolderSectionProps {
   busy: boolean
   managed: ManagedBackupFolder
   onChange: () => void
+  onTake: (typed: string) => void
 }
 
-function FolderSection({ status, busy, managed, onChange }: FolderSectionProps) {
+function FolderSection({ status, busy, managed, onChange, onTake }: FolderSectionProps) {
   const { t } = useTranslation()
   const offline = status.lastError === CODES.BACKUP_TARGET_OFFLINE
   const locked = !!managed.folder && !!managed.org
@@ -204,16 +211,23 @@ function FolderSection({ status, busy, managed, onChange }: FolderSectionProps)
   ].filter(Boolean).join(' ')
   return (
     <section>
-      <SectionHeading>{t('backup.folderTitle')}</SectionHeading>
+      <SectionHeading id="backup-folder-title">{t('backup.folderTitle')}</SectionHeading>
       <div className="bg-surface-container-low rounded-xl p-6 space-y-4">
         <p id="backup-folder-desc" className="text-sm text-on-surface-variant">{t('backup.folderDesc')}</p>
-        <PathRow
-          path={status.folder}
-          onAction={onChange}
-          subject={t('backup.folderSubject')}
-          actionDisabled={busy || locked}
-          ariaDescribedBy={describedBy}
-        />
+        {locked ? (
+          <PathRow id="backup-folder" path={status.folder} ariaLabelledBy="backup-folder-title" ariaDescribedBy={describedBy} />
+        ) : (
+          <PathRow
+            id="backup-folder"
+            path={status.folder}
+            onAction={onChange}
+            onCommit={onTake}
+            subject={t('backup.folderSubject')}
+            actionDisabled={busy}
+            ariaLabelledBy="backup-folder-title"
+            ariaDescribedBy={describedBy}
+          />
+        )}
         {locked && managed.org && <ManagedNote id={managed.noteId} org={managed.org} className="px-1" />}
         {offline ? (
           <Callout tone="warning" id="backup-folder-offline">
diff --git a/src/renderer/screens/settings/StorageSettings.tsx b/src/renderer/screens/settings/StorageSettings.tsx
index f663be58..dae39199 100644
--- a/src/renderer/screens/settings/StorageSettings.tsx
+++ b/src/renderer/screens/settings/StorageSettings.tsx
@@ -57,21 +57,30 @@ export default function StorageSettings({ onBack, onOpenActivityLogSettings, onO
   const downloadFolder = settings?.downloads.folder ?? (folderReadError ? '' : null)
   const shownError = folderError ?? (folderReadError ? errorText(folderReadError) : null)
 
+  // A picked and a typed folder take the same path: the worker validates and persists in one step,
+  // since only it can see the owned/mirrored folders a download folder must not overlap, and its
+  // reply pokes every window's settings query.
+  const applyFolder = useCallback(async (folder: string) => {
+    await request('settings:set-download-folder', { folder })
+    // The worker only accepts a folder that validated, so the warning below is stale the moment
+    // this resolves — re-probe rather than leaving it up until the next 60s tick.
+    await refreshRootStatus()
+  }, [refreshRootStatus])
+
   const handleBrowseFolder = useCallback(async () => {
     setFolderError(null)
     try {
       const picked = await window.bridge.browseDownloadFolder(downloadFolder || undefined)
-      if (!picked) return
-      // The worker validates and persists in one step: only it can see the owned/mirrored folders
-      // a download folder must not overlap, and its reply pokes every window's settings query.
-      await request('settings:set-download-folder', { folder: picked })
-      // The picker only accepts a folder that validated, so the warning below is stale the
-      // moment this resolves — re-probe rather than leaving it up until the next 60s tick.
-      await refreshRootStatus()
+      if (picked) await applyFolder(picked)
     } catch (err) {
       setFolderError(errorText(err))
     }
-  }, [refreshRootStatus, errorText, downloadFolder])
+  }, [applyFolder, errorText, downloadFolder])
+
+  const handleTypedFolder = useCallback((typed: string) => {
+    setFolderError(null)
+    applyFolder(typed).catch((err: unknown) => setFolderError(errorText(err)))
+  }, [applyFolder, errorText])
 
   // This screen shows the folder new spaces start in; `unavailableRoots` also carries every space's
   // folder and the recent ones, so match rather than test for a non-empty list. The folder and the unavailable roots are both
@@ -101,15 +110,16 @@ export default function StorageSettings({ onBack, onOpenActivityLogSettings, onO
         ) : info && (
           <div className="space-y-10">
             <section>
-              <SectionHeading>{t('storageSettings.downloadFolder')}</SectionHeading>
+              <SectionHeading id="storage-download-folder-label">{t('storageSettings.downloadFolder')}</SectionHeading>
               <div className="bg-surface-container-low rounded-xl p-6">
                 <p id="storage-download-folder-desc" className="text-sm text-on-surface-variant mb-3">{t('storageSettings.downloadFolderDesc')}</p>
-                {/* The same row Add Folder, Mirror to Disk, Edit Folder and Edit Space show — a path
-                  is a path, whichever screen you are on. */}
                 <PathRow
+                  id="storage-download-folder"
                   path={downloadFolder || null}
                   loading={downloadFolder === null}
                   onAction={handleBrowseFolder}
+                  onCommit={handleTypedFolder}
+                  ariaLabelledBy="storage-download-folder-label"
                   ariaDescribedBy="storage-download-folder-desc"
                 />
                 {/* A rejected pick leaves BOTH true — the old folder is still unavailable and the
diff --git a/src/renderer/styles/tailwind.css b/src/renderer/styles/tailwind.css
index 2373c4c0..dc053daf 100644
--- a/src/renderer/styles/tailwind.css
+++ b/src/renderer/styles/tailwind.css
@@ -197,11 +197,12 @@ body {
   box-shadow: inset 1px 0 0 color-mix(in srgb, var(--color-on-primary) 28%, transparent);
 }
 
-/* Mirall is an app, not a webpage — text in labels, headings, paths, names,
- * and metadata is not user-selectable. Where copy is genuinely useful (e.g.
- * the storage path or the version string for support), the UI surfaces an
+/* Mirall is an app, not a webpage — text in labels, headings, names and
+ * metadata is not user-selectable. Where copy is genuinely useful (e.g. the
+ * storage path or the version string for support), the UI surfaces an
  * explicit copy affordance via <CopyButton> instead. Inputs and textareas
- * keep selection so users can edit what they typed. */
+ * keep selection, which is why a folder path is a field (read-only where it
+ * is fixed) rather than text. */
 html,
 body,
 #root {
diff --git a/test/frontend-layout/README.md b/test/frontend-layout/README.md
index ac71b25b..98958250 100644
--- a/test/frontend-layout/README.md
+++ b/test/frontend-layout/README.md
@@ -13,7 +13,7 @@ components run unmodified. `harness-bootstrap.ts` gives every harness the query
 | `test:layout:case -- denyapproved` | `run-denyapproved.mjs` | `<SpaceView>` with a pending request a co-member already approved | Deny disables in flight; the already-approved outcome is a sticky polite status toast, never an alert; a deny with nothing open is a polite notice |
 | `test:layout:case -- darkshadow` | `run-darkshadow.mjs` | `<OnboardingScreen>` + `<TopNav>`, light + dark | the ambient mauve lift is there in light mode and gone in dark mode |
 | `test:layout:case -- callouts` | `run-callouts.mjs` | `<Callout>` in both tones beside a `<TextField>`, light + dark | a note sits on the field gray, a warning on the amber container, never on the `-high` plate |
-| `test:layout:case -- fields` | `run-fields.mjs` | `<TextField>` on a modal panel and a card, `<SearchField>`, `<PathRow>`, `<Account>`, `<OnboardingScreen>`, `<RestoreProgress>` waiting for a holder, `<ListControlsRow>`, `<Toggle>` off and on, light + dark | placeholders and error text clear 4.5:1, a field stands off its card, a focused field's ring clears 3:1, a switch clears 3:1 in either state. Focus emulation on; the modal probes sit on a `glass-modal` panel in `FieldGround fill="low"`, because a real `<Modal>`'s focus trap pulls focus out of every other field |
+| `test:layout:case -- fields` | `run-fields.mjs` | `<TextField>` on a modal panel and a card, `<SearchField>`, read-only `<PathRow>`s on a card and a modal panel, `<Account>`, `<OnboardingScreen>`, `<RestoreProgress>` waiting for a holder, `<ListControlsRow>`, `<Toggle>` off and on, light + dark | placeholders and error text clear 4.5:1, a field stands off its card, a focused field's ring clears 3:1, a switch clears 3:1 in either state, a path field's Copy icon clears 3:1 on the field. Focus emulation on; the modal probes sit on a `glass-modal` panel in `FieldGround fill="low"`, because a real `<Modal>`'s focus trap pulls focus out of every other field |
 | `test:layout:case -- infostrip` | `run-infostrip.mjs` | `<BatchProgressStrip>` and `<FolderWorkStrip>` (determinate mirroring, indeterminate indexing) on the page, light + dark | each strip is painted `info-container` and clears 1.2:1 off the page; its sentence, lane percentage and button label clear 4.5:1; the lane's fill and sweep clear 3:1 on its track, and the track 1.2:1 on the strip |
 | `test:layout:case -- dropoverlay` | `run-dropoverlay.mjs` | the full-bleed Drop-to-Share overlay | covers the pane edge to edge at the shipped inset |
 | `test:layout:case -- actionmenu` | `run-actionmenu.mjs` | `<ActionMenu>` as the Download-to menu beside a More and a filter menu | the folders are radio items, one checked, and Choose Folder… is a plain menu item; the heading never takes focus; each item's second line is its description; ArrowDown skips a disabled item; Esc returns focus to the trigger; the existing menus render as before |
@@ -37,7 +37,7 @@ components run unmodified. `harness-bootstrap.ts` gives every harness the query
 | `test:layout:case -- lanefocus` | `run-lanefocus.mjs` | a folder `<FileRow>` with the real `useDownloadTo`, its status changed under a keyboard user | a pick that starts the download leaves focus on Pause, a discard on Download to…, a busy row keeps it in the lane; focus moved elsewhere or let go of is never taken back |
 | `test:layout:case -- focusring` | `run-focusring.mjs` | `<FolderView>` | every focusable control's ring is unclipped |
 | `test:layout:case -- rowfocus` | `run-rowfocus.mjs` | `<Settings>`, `<NotificationSettings>`, `<AppearanceSettings>`, an `ActionRow` group | a focused grouped row is tinted, its ring is inset and follows the group's corners where it meets the edge |
-| `test:layout:case -- truncation` | `run-truncation.mjs` | `<PathRow>`, loose `<FileRow>`s (one downloading), a `<FolderTree>` folder row with a file row inside, and a `<ShareCard>` in narrow fields, read once fonts load | nothing overflows; a path keeps its last segment; a name keeps both ends and more than its extension (dotted folder/share names split evenly), a short one renders whole, the full name is the accessible name; a hit on the card's icon resolves to a title carrying it, but the progress bar and Browse Files keep theirs; a name's natural width is the whole name's |
+| `test:layout:case -- truncation` | `run-truncation.mjs` | `<PathRow>`, loose `<FileRow>`s (one downloading), a `<FolderTree>` folder row with a file row inside, and a `<ShareCard>` in narrow fields, read once fonts load | nothing overflows; a long path field without focus is scrolled to its last segment; a name keeps both ends and more than its extension (dotted folder/share names split evenly), a short one renders whole, the full name is the accessible name; a hit on the card's icon resolves to a title carrying it, but the progress bar and Browse Files keep theirs; a name's natural width is the whole name's |
 | `test:layout:case -- waiting` | `run-waiting.mjs` | a loose `<FileRow>` mid-hash with members waiting, three row widths | the waiting cluster yields before the hash bar; nothing overflows; only a narrow row sheds the stack |
 | `test:layout:case -- recipients` | `run-recipients.mjs` | a loose and a folder `<FileRow>` with two of three members holding the file, four row widths | the cluster sheds before the name: no overflow, a one-line toggle, faces only when wide, "2/3" when narrow |
 | `test:layout:case -- segments` | `run-segments.mjs` | `<SegmentedControl>` in its three shapes | the track and every segment keep their size across selections |
diff --git a/test/frontend-layout/harness-fields-entry.tsx b/test/frontend-layout/harness-fields-entry.tsx
index 46cecc91..f3c22cd1 100644
--- a/test/frontend-layout/harness-fields-entry.tsx
+++ b/test/frontend-layout/harness-fields-entry.tsx
@@ -2,7 +2,7 @@
 // placeholder clears 4.5:1 on its field, error text 4.5:1 on its ground, a field stands apart from
 // the card it sits on, and a switch reads at 3:1 whether it is on or off.
 //
-// Mounts the REAL <TextField> on a modal panel and on a card, <SearchField>, <PathRow>, <RestoreProgress>,
+// Mounts the REAL <TextField> on a modal panel and on a card, <SearchField>, read-only <PathRow>s, <RestoreProgress>,
 // <ListControlsRow>, <Toggle>, <Account> and <OnboardingScreen> on the grounds they ship on, and measures painted colour: every computed colour
 // is composited onto a canvas over the backgrounds behind it, so an alpha utility is judged as it is
 // seen. The two name fields also have to resolve their description to their help and count, which
@@ -73,6 +73,9 @@ createRoot(document.getElementById('root') as HTMLElement).render(
         <div data-probe="modal-textarea">
           <textarea aria-label="Message" placeholder="A placeholder" className={`${fieldSurface('low')} h-32 resize-none`} />
         </div>
+        <div data-probe="modal-path">
+          <ToastProvider><PathRow id="modal-path" path="/Users/you/Backups" /></ToastProvider>
+        </div>
       </FieldGround>
     </div>
     <div data-probe="card-field" className="bg-surface-container-low rounded-xl p-6">
@@ -82,13 +85,15 @@ createRoot(document.getElementById('root') as HTMLElement).render(
       <SearchField label="Search" placeholder="A placeholder" value="" onChange={noop} />
     </div>
     <div data-probe="card-path" className="bg-surface-container-low rounded-xl p-6">
-      <PathRow path="/Users/you/Downloads" />
+      <ToastProvider><PathRow id="card-path" path="/Users/you/Downloads" /></ToastProvider>
     </div>
     <div data-probe="restore">
       <RestoreProgress hold={HOLD} />
     </div>
     <div data-probe="filter">
-      <ListControlsRow value="" onChange={noop} matched={null} total={0} filterLabel="Filter files" showExpand={false} />
+      <KeyboardProvider currentScreen="account" selectedSpaceId={null}>
+        <ListControlsRow value="" onChange={noop} matched={null} total={0} filterLabel="Filter files" showExpand={false} />
+      </KeyboardProvider>
     </div>
     <div className="bg-surface-container-low rounded-xl row-group">
       <div data-probe="toggle-off"><Toggle label="Off" checked={false} onChange={noop} /></div>
@@ -181,7 +186,7 @@ function ringColor(el: Element): string | null {
 }
 
 async function focusRings(theme: 'light' | 'dark', failures: string[], ratios: Record<string, number>): Promise<void> {
-  for (const id of ['modal-field', 'card-field', 'account-display-name', 'display-name']) {
+  for (const id of ['modal-field', 'card-field', 'account-display-name', 'display-name', 'card-path', 'modal-path']) {
     const el = q(`#${id}`) as HTMLInputElement
     el.focus()
     await sleep(250)
@@ -224,6 +229,11 @@ function measure(theme: 'light' | 'dark', failures: string[]): ThemeResult {
   need('modal field vs its panel', contrast(bg(field('modal-field')), bg(q('[data-probe="panel"]'))), 1.1)
   need('card search vs its card', contrast(bg(field('card-search')), bg(q('[data-probe="card-search"]'))), 1.1)
   need('card path vs its card', contrast(bg(q('[data-probe="card-path"] .rounded-xl')), bg(q('[data-probe="card-path"]'))), 1.1)
+  // The Copy icon of a read-only path is a graphic on the field's fill, not on the card behind it.
+  for (const probe of ['card-path', 'modal-path']) {
+    const input = q(`[data-probe="${probe}"] input`)
+    need(`${probe} copy icon`, contrast(over(getComputedStyle(q(`[data-probe="${probe}"] button svg`)).color, input), bg(input)), 3)
+  }
   need('account name field vs its card', contrast(bg(q('#account-display-name')), bg(q('#account-display-name').parentElement as Element)), 1.1)
   need('off switch outline', contrast(over(getComputedStyle(track('toggle-off')).borderTopColor, track('toggle-off')), bg(track('toggle-off'))), 3)
   need('off switch knob', contrast(bg(knob('toggle-off')), bg(track('toggle-off'))), 3)
diff --git a/test/frontend-layout/harness-truncation-entry.tsx b/test/frontend-layout/harness-truncation-entry.tsx
index a66d4622..f9c704a7 100644
--- a/test/frontend-layout/harness-truncation-entry.tsx
+++ b/test/frontend-layout/harness-truncation-entry.tsx
@@ -2,7 +2,7 @@
 // agent-desktop frontend suite). Mounts the REAL <PathRow>, loose file rows, a folder row with a file row
 // inside it and a share card in deliberately narrow fields and asserts the text never escapes them.
 //
-// A path keeps its final segment; a name is middle-truncated so both its beginning and the part
+// A path field shows its final segment; a name is middle-truncated so both its beginning and the part
 // right before the extension stay visible, its full form is the accessible name, and hovering
 // anywhere on its card (not only the name) resolves to a title carrying it. Geometry is the only honest test of fit: the text either sits inside its box or
 // it does not.
@@ -36,8 +36,8 @@ interface HarnessResults {
   pass: boolean
   error: string | null
   pathOverflow: number
-  pathEndsWith: string
-  pathEllipsised: boolean
+  pathScrolls: boolean
+  pathShowsEnd: boolean
   file: NameResult
   short: NameResult
   folder: NameResult
@@ -86,7 +86,7 @@ const share: ShareWithRole = {
 createRoot(document.getElementById('root') as HTMLElement).render(
   <div style={{ width: 520 }} className="p-4 space-y-4">
     <div data-test="path">
-      <PathRow path={LONG_PATH} onAction={noop} />
+      <PathRow id="path" path={LONG_PATH} onAction={noop} onCommit={noop} />
     </div>
     <div data-test="file">
       <FileRow kind="loose" file={looseFile(LONG_FILE)} decoration={null} seeded={false} {...cardHandlers} />
@@ -123,26 +123,6 @@ createRoot(document.getElementById('root') as HTMLElement).render(
   </div>,
 )
 
-// How far the widest rendered text run escapes its field's content box, in px. <= 0 is the
-// invariant; a positive number is text sitting on top of whatever comes next.
-function overflowOf(field: HTMLElement): number {
-  const limit = field.getBoundingClientRect().right - parseFloat(getComputedStyle(field).paddingRight)
-  let worst = -Infinity
-  for (const span of Array.from(field.querySelectorAll('span'))) {
-    // sr-only nodes are clipped to 1px and carry the full string by design.
-    if (span.className.includes('sr-only')) continue
-    worst = Math.max(worst, span.getBoundingClientRect().right - limit)
-  }
-  return Math.round(worst * 10) / 10
-}
-
-// The last visible run — proof the ending stayed pinned rather than being ellipsised away.
-function lastRun(field: HTMLElement): string {
-  const spans = Array.from(field.querySelectorAll<HTMLElement>('span'))
-    .filter((s) => !s.className.includes('sr-only') && s.textContent)
-  return spans.at(-1)?.textContent ?? ''
-}
-
 // The card's icon tile: a spot on the card that is not the name, so a title found there is the
 // card's, not the name's.
 function iconOf(card: Element): HTMLElement {
@@ -199,18 +179,16 @@ function laneIntrinsicShare(): number {
 const fits = (r: NameResult, full: string) => r.overflow <= 0 && r.cardTitle === full && r.accessible === full
 
 function collect(): HarnessResults {
-  const pathField = document.querySelector('[data-test="path"] .bg-surface-container-low') as HTMLElement
+  const pathRow = document.querySelector('[data-test="path"]') as HTMLElement
+  const pathInput = pathRow.querySelector('input') as HTMLInputElement
   const results: HarnessResults = {
     error: null,
-    pathOverflow: overflowOf(pathField),
-    pathEndsWith: lastRun(pathField),
-    // An ellipsis is actually being painted: the flexible run's content is wider than the box
-    // it is allowed to occupy. (innerText is no good here — the sr-only node carries the whole
-    // path by design, so it never gets shorter.)
-    pathEllipsised: (() => {
-      const run = pathField.querySelector('span span') as HTMLElement
-      return run.scrollWidth > run.clientWidth + 1
-    })(),
+    // The row, button included, stays inside its column however long the path.
+    pathOverflow: Math.max(...Array.from(pathRow.querySelectorAll('input, button')).map((el) => el.getBoundingClientRect().right)) - pathRow.getBoundingClientRect().right,
+    // The path is longer than its field, and the field without focus is scrolled to its end, so the
+    // final segment is the part on screen.
+    pathScrolls: pathInput.scrollWidth > pathInput.clientWidth + 1,
+    pathShowsEnd: pathInput.scrollLeft + pathInput.clientWidth >= pathInput.scrollWidth - 1,
     file: nameIn('file', LONG_FILE, '.group'),
     short: nameIn('short', SHORT_FILE, '.group'),
     folder: nameIn('folder', LONG_FOLDER, 'button'),
@@ -224,8 +202,8 @@ function collect(): HarnessResults {
   }
   results.pass =
     results.pathOverflow <= 0 &&
-    results.pathEllipsised &&
-    results.pathEndsWith.endsWith('(DJ Mix)') &&
+    results.pathScrolls &&
+    results.pathShowsEnd &&
     fits(results.file, LONG_FILE) && middleTruncated(results.file, LONG_FILE) &&
     fits(results.short, SHORT_FILE) && results.short.shown === SHORT_FILE &&
     fits(results.folder, LONG_FOLDER) && middleTruncated(results.folder, LONG_FOLDER) &&
@@ -246,7 +224,7 @@ document.fonts.ready
   .then((results) => { window.__results = results })
   .catch((e: unknown) => {
     window.__results = {
-      pass: false, error: String(e), pathOverflow: 0, pathEndsWith: '', pathEllipsised: false,
+      pass: false, error: String(e), pathOverflow: 0, pathScrolls: false, pathShowsEnd: false,
       file: emptyName, short: emptyName, folder: emptyName, nested: emptyName, share: emptyName,
       laneTitle: '', shareActionTitle: '', laneIntrinsicShare: 0,
     }
diff --git a/test/frontend-layout/run-truncation.mjs b/test/frontend-layout/run-truncation.mjs
index 58c9083a..9a1c6559 100644
--- a/test/frontend-layout/run-truncation.mjs
+++ b/test/frontend-layout/run-truncation.mjs
@@ -10,7 +10,7 @@ import { runHarness } from './run-harness.mjs'
 const out = await runHarness({ html: 'harness-truncation.html', width: 600, height: 1100 })
 
 console.log('\n──────── Text truncation harness ────────')
-console.log(`path  : overflow ${out.pathOverflow}px (<= 0) · ellipsised ${out.pathEllipsised} · ends "${out.pathEndsWith}"`)
+console.log(`path  : overflow ${out.pathOverflow}px (<= 0) · longer than its field ${out.pathScrolls} · scrolled to its end ${out.pathShowsEnd}`)
 for (const key of ['file', 'short', 'folder', 'nested', 'share']) {
   const r = out[key]
   if (r) console.log(`${key.padEnd(6)}: overflow ${r.overflow}px (<= 0) · shown "${r.shown}" · card title "${r.cardTitle}"`)
diff --git a/test/frontend/scenarios/s160-backup-setup.mjs b/test/frontend/scenarios/s160-backup-setup.mjs
index 04bfd17c..f4f71850 100644
--- a/test/frontend/scenarios/s160-backup-setup.mjs
+++ b/test/frontend/scenarios/s160-backup-setup.mjs
@@ -37,6 +37,24 @@ export default async function s160({ runDir, bootstrap }) {
       await A.shot('s160-other-files', runDir)
       await A.click({ role: 'button', name: 'Cancel' })
     })
+    await r.ok('a typed folder gets the checks a picked one does', async () => {
+      const field = { role: 'textfield', name: 'Where should the backup live?' }
+      await A.click({ role: 'button', name: 'Set up backup' })
+      await A.waitText('Step 1 of 2', 8000)
+      // Setting a value through the AX tree does not move focus; a click puts Enter in the field.
+      await A.click(field)
+      await A.type(field, path.join(runDir, 's160-missing'))
+      await A.press('return')
+      await A.waitText('There is no folder at this path.', 8000)
+      await A.type(field, clutteredDir)
+      // Enter takes the typed path; it does not also press Next.
+      await A.press('return')
+      await A.waitText('This folder already holds other files', 8000)
+      await A.waitText('Step 1 of 2', 2000)
+      if (!(await A.isDisabled({ role: 'button', name: 'Next' }))) throw new Error('Next is available for a typed folder of other files')
+      await A.shot('s160-typed-folder', runDir)
+      await A.click({ role: 'button', name: 'Cancel' })
+    })
     await r.ok('setup takes a folder and a passphrase in two steps', async () => {
       await A.click({ role: 'button', name: 'Set up backup' })
       await setUpBackup(A, backupDir, PASS)
diff --git a/test/frontend/scenarios/s194-managed-backup-required.mjs b/test/frontend/scenarios/s194-managed-backup-required.mjs
index dfc0e0b6..c1e877fb 100644
--- a/test/frontend/scenarios/s194-managed-backup-required.mjs
+++ b/test/frontend/scenarios/s194-managed-backup-required.mjs
@@ -8,7 +8,7 @@ const PASS = 'a long enough passphrase'
 
 // An organization that sets the backup folder and requires a backup: the Spaces card cannot be put
 // off, setup shows the organization's folder instead of a picker, and Settings → Backup locks the
-// switch and the folder while the passphrase stays the person's.
+// switch and shows the folder read-only, with Copy, while the passphrase stays the person's.
 export default async function s194({ runDir, bootstrap }) {
   mkdirSync(runDir, { recursive: true })
   const share = path.join(runDir, 's194-share')
@@ -37,6 +37,7 @@ export default async function s194({ runDir, bootstrap }) {
       await A.waitText('Step 1 of 2', 8000)
       await A.waitText('Set by Acme Test GmbH', 8000)
       assert(!(await A.has({ role: 'button', name: 'Browse… (backup folder)' })), 'no folder picker')
+      assert(await A.has({ role: 'button', name: 'Copy' }), 'the organization\'s folder can be copied')
       await A.shot('s194-setup-folder', runDir)
       await A.click({ role: 'button', name: 'Next' })
       await A.waitText('Step 2 of 2', 8000)
@@ -50,7 +51,10 @@ export default async function s194({ runDir, bootstrap }) {
       await A.gotoSettings('Backup')
       await A.waitText('Backup Folder', 15000)
       assert(await A.isDisabled(automatic), 'the switch reads unavailable while required')
-      assert(await A.isDisabled({ role: 'button', name: 'Change (backup folder)' }), 'Change reads unavailable')
+      assert(!(await A.has({ role: 'button', name: 'Change (backup folder)' })), 'the folder offers no Change')
+      const folder = String(await A.nodeValue({ role: 'textfield', name: 'Backup Folder' }))
+      assert(folder.startsWith(share), `the field holds the organization's folder (${folder})`)
+      assert(await A.has({ role: 'button', name: 'Copy' }), 'the folder can be copied')
       assert(!(await A.isDisabled({ role: 'button', name: 'Check passphrase' })), 'the passphrase is the person\'s')
       await A.shot('s194-settings-locked', runDir)
     })
diff --git a/test/invariants/path-field-harmonized.test.js b/test/invariants/path-field-harmonized.test.js
index cd4acb1b..8086266a 100644
--- a/test/invariants/path-field-harmonized.test.js
+++ b/test/invariants/path-field-harmonized.test.js
@@ -32,7 +32,6 @@ const pathRow = read(path.join(RENDERER, 'components/path/PathRow.tsx'))
 // consolidation removed, so its every use is listed here with the reason it is not a path field.
 // A new name in this list is the review question: should this be a PathRow?
 const FILE_PATH_CALLERS = new Set([
-  'components/path/PathRow.tsx',          // the path field itself
   'components/modals/ScanPreviewModal.tsx',  // rows of a file list, not a path the user re-picks
   'components/storage/AppStorageCard.tsx',  // the data folder's location: display-only, with Copy
 ])
@@ -91,9 +90,38 @@ test('the path button label is derived, never passed', (t) => {
 // REGRESSION (FIX-PATHFIELD-1: the field rendered its only content in `outline`, a border token
 // that fails AA against every fill in both themes — 2.63:1 light and 1.90:1 dark at 70% opacity).
 test('the path field placeholder is muted TEXT, not a border colour', (t) => {
-  const placeholder = pathRow.slice(pathRow.indexOf('<span className="text-sm'))
-  t.absent(/text-outline/.test(placeholder), 'outline is the badge/dropzone border token, not a text one')
-  t.ok(/text-on-surface-variant/.test(placeholder), 'muted secondary text is the token design.md assigns')
+  const input = pathRow.slice(pathRow.indexOf('<input'), pathRow.indexOf('/>', pathRow.indexOf('<input')))
+  t.absent(/text-outline/.test(input), 'outline is the badge/dropzone border token, not a text one')
+  t.ok(/\$\{FIELD_PLACEHOLDER\}/.test(input), 'the placeholder is every text field\'s muted text')
+})
+
+// A path is text the user may need to paste in or copy out, and the app turns selection off
+// everywhere but inputs. So the field is an input: editable beside its picker, read-only with Copy
+// where the path is fixed.
+test('the path field is a text input; a fixed path is read-only with Copy', (t) => {
+  t.ok(/<input\b[^]*?type="text"/.test(pathRow), 'PathRow renders a text input')
+  t.absent(/<FilePath/.test(pathRow), 'not display text')
+  t.ok(/readOnly=\{readOnly\}/.test(pathRow), 'the input is read-only where it cannot be edited')
+  t.ok(/!editable && shown && \(\s*<CopyButton value=\{shown\}/.test(pathRow), 'a fixed path carries Copy')
+  t.absent(/pathField\.placeholder/.test(pathRow), 'and no placeholder: the label says what goes in')
+})
+
+// A field with a picker takes a typed path too, and its owner checks it as it checks a pick. The
+// props pair them, so a caller cannot offer the picker without taking what is typed.
+test('a path field with a picker also takes a typed path', (t) => {
+  const editable = pathRow.slice(pathRow.indexOf('interface EditablePath'), pathRow.indexOf('interface FixedPath'))
+  t.ok(/\bonAction: \(\) => void/.test(editable) && /\bonCommit: \(path: string\) => void/.test(editable),
+    'onAction and onCommit are both required on an editable row')
+  const mount = read(path.join(RENDERER, 'components/path/MountPathField.tsx'))
+  t.ok(/onCommit: \(path: string\) => void/.test(mount), 'the wizards\' field requires it as well')
+})
+
+// While an edit is pending, Enter takes it and Escape reverts it — they must not also reach the
+// dialog, which would confirm with the old path or close and drop the edit.
+test('a pending edit keeps Enter and Escape from the dialog', (t) => {
+  const keys = pathRow.slice(pathRow.indexOf('function handleKeyDown'), pathRow.indexOf('function handleBlur'))
+  t.ok(/if \(draft === shown\) return/.test(keys), 'with nothing pending the keys reach the dialog')
+  t.is((keys.match(/e\.stopPropagation\(\)/g) ?? []).length, 2, 'Enter and Escape both stop there otherwise')
 })
 
 // A path that is still loading is not a path the user has yet to pick. Conflating them showed the
diff --git a/test/unit/backup-settings.test.js b/test/unit/backup-settings.test.js
index 5bef8d2c..6887ddac 100644
--- a/test/unit/backup-settings.test.js
+++ b/test/unit/backup-settings.test.js
@@ -2,7 +2,7 @@ import test from 'brittle'
 import fs from 'fs'
 import os from 'os'
 import path from 'path'
-import { applyRestoredSettings } from '../../src/main/backup-settings.js'
+import { applyRestoredSettings, registerBackupIpc } from '../../src/main/backup-settings.js'
 import { ConfigStore } from '../../src/main/config-store.js'
 
 function freshStore(t) {
@@ -54,3 +54,41 @@ test('anything that is not a settings object changes nothing', (t) => {
     t.is(store.get('appearance.theme'), 'system', json)
   }
 })
+
+function tmpDir(t) {
+  const dir = fs.mkdtempSync(path.join(os.tmpdir(), 'mirall-backup-folder-'))
+  t.teardown(() => fs.rmSync(dir, { recursive: true, force: true }))
+  return dir
+}
+
+// The two handlers, registered as main registers them, with the picker answering `picked`.
+function backupIpc(dataDir, picked = null) {
+  const handlers = new Map()
+  const ipcMain = { handle: (channel, fn) => handlers.set(channel, fn) }
+  registerBackupIpc({ ipcMain, config: () => null, pickDirectory: async () => picked, dataDir: () => dataDir })
+  return {
+    browse: () => handlers.get('backup:browse')({}, undefined),
+    inspect: (folder) => handlers.get('backup:inspect')({}, folder),
+  }
+}
+
+test('a typed backup folder gets the checks a picked one does', async (t) => {
+  const dataDir = tmpDir(t)
+  const empty = tmpDir(t)
+  const cluttered = tmpDir(t)
+  fs.writeFileSync(path.join(cluttered, 'notes.txt'), 'x')
+  const ipc = backupIpc(dataDir, empty)
+  t.alike(await ipc.inspect(empty), { folder: empty, sameDisk: true, otherFiles: false })
+  t.alike(await ipc.inspect(empty), await ipc.browse(), 'typed and picked describe one folder alike')
+  t.is((await ipc.inspect(cluttered)).otherFiles, true)
+})
+
+test('a typed path that is not an existing folder is no backup folder', async (t) => {
+  const dir = tmpDir(t)
+  const file = path.join(dir, 'file.txt')
+  fs.writeFileSync(file, 'x')
+  const ipc = backupIpc(dir)
+  for (const typed of [path.join(dir, 'missing'), file, 'relative/folder', '', 42, undefined]) {
+    t.is(await ipc.inspect(typed), null, String(typed))
+  }
+})