snowspeeder/roast_command_center
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move the planner's page-scoped tools from the left nav into the page header
Test and deploy / test-and-deploy (push) Successful in 1m4s
Details

Browse Source 
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]>
This commit is contained in:
Shane Maynard
2026-08-09 08:05:45 -04:00
co-authored by Claude Fable 5
parent c130efb180
commit 3bceb44ae3
2 changed files with 39 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/app.css
+8
View File
@@ -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
+31 -40
View File
@@ -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">
Expand all "why" notes
<button id="nav-plans" type="button" class="ghost-btn small">
▤ 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