From 53b6b015825cb2842a23e888b2174bfa32a95cdb Mon Sep 17 00:00:00 2001
From: Eric Wagoner <ewagoner@gmail.com>
Date: Tue, 15 Sep 2026 13:44:12 -0400
Subject: [PATCH] The workshops wear the masthead, with the door marked

The token, flourish, and eyes workshops opened as bare rooms with no
way back. The masthead now heads each, wordmark linking home, with
the table, the clips, and the other workshops a tap away.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Jm2auWk6RP71CjaAb4FMoG
---
 packages/web/src/App.svelte | 27 +++++++++++++++++++++------
 1 file changed, 21 insertions(+), 6 deletions(-)

diff --git a/packages/web/src/App.svelte b/packages/web/src/App.svelte
index e4ea9e9..e925801 100644
--- a/packages/web/src/App.svelte
+++ b/packages/web/src/App.svelte
@@ -1621,12 +1621,24 @@
 
 <svelte:window onkeydown={onBoardKey} />
 
-{#if fpvWorkshop}
-  <FpvWorkshop />
-{:else if tokenWorkshop}
-  <TokenGallery />
-{:else if fxWorkshop}
-  <FxGallery />
+{#if fpvWorkshop || tokenWorkshop || fxWorkshop}
+  <!-- The workshops are back rooms: the masthead still says where the door is. -->
+  <header class="masthead workshop-mast">
+    <a class="mast-title mast-home" href="/">Wiz-War</a>
+    <span class="mast-sub">{fpvWorkshop ? "the eyes workshop" : tokenWorkshop ? "the token workshop" : "the flourish workshop"}</span>
+    <a class="mast-leave" href="/">← back to the table</a>
+    <a class="mast-leave" href="/clips">the clips</a>
+    <a class="mast-leave mast-help-solo" href="/?tokens">tokens</a>
+    <a class="mast-leave" href="/?fx">flourishes</a>
+    <a class="mast-leave" href="/?fpv">eyes</a>
+  </header>
+  {#if fpvWorkshop}
+    <FpvWorkshop />
+  {:else if tokenWorkshop}
+    <TokenGallery />
+  {:else}
+    <FxGallery />
+  {/if}
 {:else}
 <div class="table">
   <header class="masthead">
@@ -3304,6 +3316,9 @@
     cursor: pointer;
   }
   .mast-leave:hover { color: #d8d2c0; }
+  .workshop-mast { margin: 0 1rem 0; }
+  .mast-home { text-decoration: none; }
+  .mast-home:hover { color: #fff; }
   .mast-help-solo { margin-left: auto; }
   .hotseat-row { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; justify-content: center; margin-top: 1.3rem; }
   .hotseat-exp { margin-top: 0.4rem; margin-bottom: 0; font-size: 0.85rem; }