UX: Docker nudge on landing, FAQ item, Ollama-aware tour step

- Add `.demo-docker-note` strip inside `#demo-hero` linking to GitHub repo for self-hosting with Docker
- Add FAQ item "Can I run this fully offline and free with Docker?" (after AI models FAQ)
- Tour model-picker step (`model-card`) is now Ollama-aware: on hosted (`OLLAMA_ENABLED=false`) the Ollama option is omitted; `body` can be string or function
- Update README.md and CLAUDE.md to document all three changes

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

CLAUDE.md

@@ -86,7 +86,8 @@ Key JS functions:
 - `showSubTab(name)` — switches sub-panels (roulette / browse); auto-spins roulette on first visit
 - `updateTabBadges()` — sets badge counts and stat strip
 - `_closeFeedback()` — closes `#feedback-overlay`; also wired to Escape key and overlay-click. Submit handler constructs `FEEDBACK_REPO/issues/new?labels=enhancement&title=…&body=…` and opens it. `FEEDBACK_REPO` const at bottom of `app.js`.
-- `startTour()` / `endTour()` — guided demo tour (defined in `tour.js`); Escape key closes the tour at any step. Injects `DEMO_ROWS` (8 hardcoded places) into `allRows`/`currentJobId`/`lastJobCost`, calls `renderStats`/`populateFilterDropdowns`/`applyFilters`/`updateTabBadges`, pre-fills the roulette pick card directly, then restores all state on exit. Triggered by `▶ Watch demo` in `#demo-hero` (placed between `.header` and `#top-nav` in the HTML).
+- `startTour()` / `endTour()` — guided demo tour (defined in `tour.js`); Escape key closes the tour at any step. Injects `DEMO_ROWS` (8 hardcoded places) into `allRows`/`currentJobId`/`lastJobCost`, calls `renderStats`/`populateFilterDropdowns`/`applyFilters`/`updateTabBadges`, pre-fills the roulette pick card directly, then restores all state on exit. Triggered by `▶ Watch demo` in `#demo-hero` (placed between `.header` and `#top-nav` in the HTML). Step 2 (model-card) is **Ollama-aware**: `body()` checks `document.body.dataset.ollamaEnabled === 'true'`; hosted build omits Ollama. Tour `body` field can be a string or a `function()` (called at render time by `goToStep`).
+- `#demo-hero` includes a `.demo-docker-note` strip (full-width row with `flex: 0 0 100%`, separated by border-top) that links to the GitHub repo for self-hosting with Docker. Only meaningful on the hosted build (Docker users already have the app).
 
 KML parser convention: folder nesting = country (outer) → city (inner); `<coordinates>` order is
 **lng,lat,alt**; description CDATA uses `"  ·  "` separator for category · cuisine · price.

README.md

@@ -310,7 +310,8 @@ The UI lets you:
   - **❓ FAQ** — system pipeline diagram, About The Belagurian, and answers to common questions
   - After extraction completes, the app automatically jumps to Explore → Roulette and spins immediately
 - **Pipeline timing note** — the progress card shows a persistent note ("usually 5–10 min — the bar may appear stuck during AI extraction") so users don't abandon a running job
-- **▶ Watch demo** — a hero card below the header launches a 6-step guided tour (Escape or ✕ to exit at any step) with 8 pre-loaded real-world places (Tokyo, London, Paris, LA, Bangkok…). The demo injects dummy data so users see a fully populated Roulette result, a Browse grid with a live Leaflet map, and the download bar — without uploading anything
+- **▶ Watch demo** — a hero card below the header launches a 6-step guided tour (Escape or ✕ to exit at any step) with 8 pre-loaded real-world places (Tokyo, London, Paris, LA, Bangkok…). The demo injects dummy data so users see a fully populated Roulette result, a Browse grid with a live Leaflet map, and the download bar — without uploading anything. The model-picker step is Ollama-aware: Ollama is only mentioned on Docker/local (where `OLLAMA_ENABLED=true`), not on the hosted build
+- **🐳 Docker self-host nudge** — a slim note below the hero card links to the GitHub repo for users who want fully free, offline extraction via Docker
 - **💡 Suggest a feature** — a floating pill button (bottom-right, always visible) opens a modal; fills in a GitHub issue title + details and opens a pre-filled `issues/new` URL in a new tab. Collapses to emoji-only on narrow screens; safe-area-inset aware for iOS Safari
 - **Preview pins on a map** — an in-app Leaflet/OpenStreetMap map renders every geocoded place so you can sanity-check for misplaced pins before exporting. Follows your active filters; pins link back to the original reel
 - **Filter and search** — text search by name/city, country, category, and cuisine dropdowns, multi-select price range chips, "missing pins" toggle, and a **🍴 Food only** toggle (on by default) that limits Browse and Roulette to food/drink places (Restaurant, Bar, Cafe, Bakery, Market) — all client-side with instant results

web/static/app.css

@@ -1146,6 +1146,20 @@
     font-size: 0.78rem;
     color: var(--muted);
   }
+  .demo-docker-note {
+    flex: 0 0 100%;
+    font-size: 0.74rem;
+    color: var(--muted);
+    text-align: center;
+    border-top: 1px solid var(--border);
+    padding-top: 9px;
+    margin: 2px 0 0;
+  }
+  .demo-docker-note a {
+    color: var(--text);
+    text-decoration: none;
+  }
+  .demo-docker-note a:hover { text-decoration: underline; }
 
   .btn-tour {
     flex: 0 0 auto;

web/static/tour.js

@@ -75,7 +75,12 @@
     {
       id: 'model-card',
       title: '🤖 Pick your AI',
-      body:  '<strong>Claude API</strong> (bring your Anthropic key) · <strong>Ollama</strong> (free, runs 100% on-device) · <strong>Free chatbot</strong> (paste into ChatGPT or Claude.ai — no key needed).',
+      body() {
+        const hasOllama = document.body.dataset.ollamaEnabled === 'true';
+        return hasOllama
+          ? '<strong>Claude API</strong> (bring your Anthropic key) · <strong>Ollama</strong> (free, runs 100% on-device) · <strong>Free chatbot</strong> (paste into ChatGPT or Claude.ai — no key needed).'
+          : '<strong>Claude API</strong> (bring your Anthropic key, fast &amp; accurate) · <strong>Free chatbot</strong> (paste into ChatGPT or Claude.ai — no API key needed).';
+      },
     },
     {
       id: 'run-btn-wrap',
@@ -257,7 +262,7 @@
       _overlay.style.display = 'block';
 
       document.getElementById('tour-title').textContent    = s.title;
-      document.getElementById('tour-body').innerHTML       = s.body;
+      document.getElementById('tour-body').innerHTML       = typeof s.body === 'function' ? s.body() : s.body;
       document.getElementById('tour-counter').textContent  = (n + 1) + ' / ' + STEPS.length;
       document.getElementById('tour-back').style.display   = n === 0  ? 'none' : '';
       document.getElementById('tour-next').style.display   = s.last   ? 'none' : '';

web/templates/index.html

@@ -29,6 +29,7 @@
     <span>See what your saved posts become — real examples, no upload needed.</span>
   </div>
   <button class="btn-tour" onclick="startTour()">▶ Watch demo</button>
+  <p class="demo-docker-note">🐳 Want free, fully offline extraction? <a href="https://github.com/harshithbelagur/instagram-restaurant-mapper" target="_blank" rel="noopener">Self-host with Docker ↗</a></p>
 </div>
 
 <!-- ── Top navigation (always visible) ───────────────────────── -->
@@ -471,6 +472,11 @@
         <p>Three paths: <strong>Claude API</strong> (bring your own Anthropic key — Haiku is fast and cheap), <strong>Ollama</strong> (fully local, $0, needs the Ollama app running), or the <strong>free chatbot mode</strong> where you paste posts into ChatGPT or Claude.ai manually and bring the results back here. No API key required for the latter two.</p>
       </details>
 
+      <details class="faq-item">
+        <summary>Can I run this fully offline and free with Docker?</summary>
+        <p>Yes — with the <strong>local Docker version</strong>. Clone the <a href="https://github.com/harshithbelagur/instagram-restaurant-mapper" target="_blank" rel="noopener">GitHub repo ↗</a>, then run <code>docker compose up</code>. Everything runs on your machine: Ollama handles AI extraction for free (llama3.2 downloads automatically on first run, ~2 GB), Nominatim geocodes locally, and nothing leaves your laptop. You get a third AI option in the UI — <strong>🦙 Ollama (free, local)</strong>.</p>
+      </details>
+
       <details class="faq-item">
         <summary>Why are some places missing map pins?</summary>
         <p>Geocoding only succeeds when all three validation gates pass: country match, city match, and proximity check. If a place name is ambiguous or the caption doesn't include enough location context, the coordinates are left blank rather than guessing. You can fix missing pins manually via the Browse panel — click a card to edit it.</p>