Move the planner's page-scoped tools from the left nav into the page header

The Tools group (Plans, Ask the LLM, Prefill, Curves, Import/export,
Field IDs, Settings) acted on the open plan, not on navigation — it now
renders as compact action buttons in the planner header's existing
actions row (wrapping on narrow screens), and the left rail is pure
navigation, identical on every page.

Co-Authored-By: Claude Fable 5 <[email protected]>

public/app.css

@@ -3000,3 +3000,11 @@ select.f {
 	resize: vertical;
 	min-height: 40px;
 }
+
+/* ── Planner header tools (page-scoped actions moved out of the left nav) ── */
+.header-tools {
+	flex-wrap: wrap;
+	justify-content: flex-end;
+	row-gap: 6px;
+	max-width: 100%;
+}

public/index.html

@@ -21,43 +21,6 @@
           <span class="brand-name">Roast Planner</span>
         </div>
         <div id="nav-links"></div>
-        <div class="nav-group">
-          <div class="nav-group-title">Tools</div>
-          <button class="nav-item" type="button" id="nav-plans">
-            <span class="nav-icon" aria-hidden="true">▤</span
-            ><span class="nav-label">Plans</span>
-          </button>
-          <button class="nav-item" type="button" id="nav-chat">
-            <span class="nav-icon" aria-hidden="true">✳</span
-            ><span class="nav-label">Ask the LLM</span>
-          </button>
-          <button class="nav-item" type="button" id="nav-prefill">
-            <span class="nav-icon" aria-hidden="true">↗</span
-            ><span class="nav-label">Prefill from URL</span>
-          </button>
-          <button class="nav-item" type="button" id="nav-alog">
-            <span class="nav-icon" aria-hidden="true">∿</span
-            ><span class="nav-label">Reference curve</span>
-          </button>
-          <button class="nav-item" type="button" id="nav-import-export">
-            <span class="nav-icon" aria-hidden="true">⇅</span
-            ><span class="nav-label">Import / export</span>
-          </button>
-          <button
-            class="nav-item"
-            type="button"
-            id="btn-toggle-fids"
-            aria-pressed="false"
-            title="Show the worksheet reference codes (e.g. 1.4) on every field"
-          >
-            <span class="nav-icon" aria-hidden="true">#</span
-            ><span class="nav-label">Field IDs</span>
-          </button>
-          <button class="nav-item" type="button" id="nav-settings">
-            <span class="nav-icon" aria-hidden="true">◎</span
-            ><span class="nav-label">Settings &amp; sync</span>
-          </button>
-        </div>
         <div class="nav-spacer"></div>
         <button
           class="icon-btn nav-collapse-toggle"
@@ -107,13 +70,41 @@
             <a href="#sec-after">After</a>
           </nav>
 
-          <div class="header-actions">
+          <div class="header-actions header-tools">
             <span class="autosave-chip" id="autosave-status"
               ><span class="dot"></span
               ><span class="autosave-text">Not saved yet</span></span
             >
-            <button id="btn-expand-why" type="button" class="ghost-btn">
+            <button id="nav-plans" type="button" class="ghost-btn small">
-              Expand all "why" notes
+              ▤ Plans
+            </button>
+            <button id="nav-chat" type="button" class="ghost-btn small">
+              ✳ Ask the LLM
+            </button>
+            <button id="nav-prefill" type="button" class="ghost-btn small">
+              ↗ Prefill
+            </button>
+            <button id="nav-alog" type="button" class="ghost-btn small">
+              ∿ Curves
+            </button>
+            <button id="nav-import-export" type="button" class="ghost-btn small">
+              ⇅ Import / export
+            </button>
+            <button
+              id="btn-toggle-fids"
+              type="button"
+              class="ghost-btn small"
+              aria-pressed="false"
+              title="Show the worksheet reference codes (e.g. 1.4) on every field"
+            >
+              # IDs
+            </button>
+            <button id="nav-settings" type="button" class="ghost-btn small">
+              ◎ Settings
+            </button>
+            <span class="header-divider" aria-hidden="true"></span>
+            <button id="btn-expand-why" type="button" class="ghost-btn small">
+              Expand "why" notes
             </button>
             <button id="btn-print" type="button" class="primary-btn">
               Print