feat(layout-review): journey-level redesign — front door, taught order, consistency

Addresses the journey-level review (the app felt like 12 tools sharing a
stylesheet, not one guided product). File-partitioned changes:

Navigation (shell.js): rename Home -> "Start here" with front-door
emphasis (.dt-nav-start); reorder Data Cleaners into pipeline order
(Clean Text -> Standardize -> Fix Missing -> Find Duplicates); new
"Finance" group (Reconcile, PDF to CSV); all stubs moved to a bottom
"Coming soon" group, no longer interleaved with working tools.

Front door (home.html): a prominent primary "Clean these files for me"
that runs the recommended pipeline in order, above the existing
per-finding cards (reframed as "fix one thing at a time").

Shared tokens (app.css): .dt-next-step suggestion strip + .dt-nav-start.

Teach the order: a slim .dt-next-step strip at the end of each linear
cleaner page points to the next pipeline step (Map Columns -> Start here;
orchestrator/Finance pages correctly omit it).

Local-first: the green "Runs 100% locally" pill now sits in every working
tool page's header (home + 8 tools), where client data is entered.

Plain English: jargon relabeled on input controls (coerce, E.164,
NFC/NFKC, sentinels, survivor rule), technical terms kept in tooltips and
audit/output cells only.

Stubs (06/08/07): rebuilt to one identical skeleton — info line + plain
feature list + a real "Notify me when this ships" button; every disabled
control and uploader removed (a dimmed dropzone reads as broken).

Intake: full dropzone+chip replaced with the compact "Using <file>" banner
on Clean Text, Fix Missing, Find Duplicates, and both Reconcile sides.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

layout-review/09_pipeline_runner.html

@@ -19,7 +19,16 @@
       <!-- Tool header -->
       <div class="dt-tool-header">
         <h1>Automated Workflows</h1>
-        <button class="dt-help-btn"><span class="dt-mi">help_outline</span> Help</button>
+        <div style="display:flex;align-items:center;gap:12px">
+          <span class="dt-privacy-pill">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor">
+              <rect x="4" y="11" width="16" height="10" rx="2"/>
+              <path d="M8 11V7a4 4 0 018 0v4"/>
+            </svg>
+            Runs 100% locally
+          </span>
+          <button class="dt-help-btn"><span class="dt-mi">help_outline</span> Help</button>
+        </div>
       </div>
       <p class="dt-tool-caption">Run several tools in a row — save the steps once, reuse them anytime.</p>
 
@@ -74,7 +83,7 @@
           <div class="dt-field">
             <label class="dt-label">How would you like to define the pipeline?</label>
             <div class="dt-radio-row" style="flex-direction:column;gap:9px">
-              <span class="dt-radio"><span class="dot"></span> Use the recommended default (text-clean → format → missing → dedup) <span class="dt-count-pill warn" style="margin-left:4px">· modified</span></span>
+              <span class="dt-radio"><span class="dot"></span> Use the recommended default (Clean Text → Standardize → Fix Missing → Find Duplicates) <span class="dt-count-pill warn" style="margin-left:4px">· modified</span></span>
               <span class="dt-radio on"><span class="dot"></span> Build interactively</span>
               <span class="dt-radio"><span class="dot"></span> Import a saved pipeline JSON</span>
             </div>
@@ -108,7 +117,7 @@
               <tbody>
                 <tr>
                   <td class="idx">≡ 0</td>
-                  <td>text_clean</td>
+                  <td><div style="font-weight:500" title="text_clean">Clean Text</div><div class="dt-caption" style="margin:2px 0 0">Trim spaces, collapse repeats, leave case as-is</div></td>
                   <td><span class="dt-check on" style="margin:0;justify-content:center"><span class="box"><span class="dt-mi">check</span></span></span></td>
                   <td style="text-align:right;color:var(--ink-tertiary)"><span class="dt-mi" style="font-size:16px;vertical-align:-3px">tune</span> Configure <span class="dt-mi" style="font-size:14px;vertical-align:-2px">expand_more</span></td>
                 </tr>
@@ -117,7 +126,7 @@
           </div>
           <!-- text_clean config panel (open to show the per-step editing surface) -->
           <details class="dt-expander" open style="margin:6px 0 10px">
-            <summary>Configure: text_clean</summary>
+            <summary>Configure: Clean Text</summary>
             <div class="dt-expander-body">
               <div class="dt-check on"><span class="box"><span class="dt-mi">check</span></span> Trim leading &amp; trailing whitespace</div>
               <div class="dt-check on"><span class="box"><span class="dt-mi">check</span></span> Collapse repeated spaces to one</div>
@@ -134,7 +143,7 @@
               <tbody>
                 <tr>
                   <td class="idx">≡ 1</td>
-                  <td>format_standardize</td>
+                  <td><div style="font-weight:500" title="format_standardize">Standardize Formats</div><div class="dt-caption" style="margin:2px 0 0">Format phone as phone, signup_date as a date</div></td>
                   <td><span class="dt-check on" style="margin:0;justify-content:center"><span class="box"><span class="dt-mi">check</span></span></span></td>
                   <td style="text-align:right;color:var(--ink-tertiary)"><span class="dt-mi" style="font-size:16px;vertical-align:-3px">tune</span> Configure <span class="dt-mi" style="font-size:14px;vertical-align:-2px">chevron_right</span></td>
                 </tr>
@@ -143,7 +152,7 @@
           </div>
           <!-- format_standardize config panel (collapsed) -->
           <details class="dt-expander" style="margin:6px 0 10px">
-            <summary>Configure: format_standardize</summary>
+            <summary>Configure: Standardize Formats</summary>
             <div class="dt-expander-body">
               <p class="dt-caption" style="margin-bottom:8px">Choose a target format for each column. Columns left as &ldquo;Leave as-is&rdquo; are untouched.</p>
               <div class="dt-table-wrap">
@@ -165,7 +174,7 @@
               <tbody>
                 <tr>
                   <td class="idx">≡ 2</td>
-                  <td>missing</td>
+                  <td><div style="font-weight:500" title="missing">Fix Missing Values</div><div class="dt-caption" style="margin:2px 0 0">Flag blank cells (treat &ldquo;N/A&rdquo; and &ldquo;—&rdquo; as blank)</div></td>
                   <td><span class="dt-check on" style="margin:0;justify-content:center"><span class="box"><span class="dt-mi">check</span></span></span></td>
                   <td style="text-align:right;color:var(--ink-tertiary)"><span class="dt-mi" style="font-size:16px;vertical-align:-3px">tune</span> Configure <span class="dt-mi" style="font-size:14px;vertical-align:-2px">chevron_right</span></td>
                 </tr>
@@ -174,7 +183,7 @@
           </div>
           <!-- missing config panel (collapsed) -->
           <details class="dt-expander" style="margin:6px 0 10px">
-            <summary>Configure: missing</summary>
+            <summary>Configure: Fix Missing Values</summary>
             <div class="dt-expander-body">
               <div class="dt-field">
                 <label class="dt-label">What should happen to blank cells?</label>
@@ -197,7 +206,7 @@
               <tbody>
                 <tr>
                   <td class="idx">≡ 3</td>
-                  <td>dedup</td>
+                  <td><div style="font-weight:500" title="dedup">Find Duplicates</div><div class="dt-caption" style="margin:2px 0 0">Match on email &amp; phone; keep the most complete row, merge in missing fields</div></td>
                   <td><span class="dt-check on" style="margin:0;justify-content:center"><span class="box"><span class="dt-mi">check</span></span></span></td>
                   <td style="text-align:right;color:var(--ink-tertiary)"><span class="dt-mi" style="font-size:16px;vertical-align:-3px">tune</span> Configure <span class="dt-mi" style="font-size:14px;vertical-align:-2px">chevron_right</span></td>
                 </tr>
@@ -210,7 +219,7 @@
           </div>
           <!-- dedup config panel (collapsed) -->
           <details class="dt-expander" style="margin:6px 0 10px">
-            <summary>Configure: dedup</summary>
+            <summary>Configure: Find Duplicates</summary>
             <div class="dt-expander-body">
               <div class="dt-field">
                 <label class="dt-label">When rows match, which one survives?</label>