diff --git a/zddc/internal/apps/embedded/archive.html b/zddc/internal/apps/embedded/archive.html
index 2820815..e8a95b2 100644
--- a/zddc/internal/apps/embedded/archive.html
+++ b/zddc/internal/apps/embedded/archive.html
@@ -283,6 +283,23 @@ a:hover {
     flex-shrink: 0;
 }
 
+/* Left and right groups inside .app-header. Both flex-row so their
+   children (logo, title, action button, theme icon, etc.) lay out
+   horizontally rather than stacking. Left side gets a slightly
+   larger gap because it carries the title group and an action
+   button; right side is just icon buttons. */
+.header-left {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+}
+
+.header-right {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
 /* Tool name inside the header */
 .app-header__title {
     font-size: 17px;
@@ -690,18 +707,6 @@ body.help-open .app-header {
     padding: 0.5rem 1rem;
 }
 
-.header-left {
-    display: flex;
-    align-items: center;
-    gap: 0.75rem;
-}
-
-.header-right {
-    display: flex;
-    gap: 0.5rem;
-    align-items: center;
-}
-
 .preview-toggle-label {
     display: flex;
     align-items: center;
@@ -2267,7 +2272,7 @@ td[data-field="trackingNumber"] {
                 </svg>
                 <div class="header-title-group">
                     <span class="app-header__title">ZDDC Archive</span>
-                    <span class="build-timestamp"><span style="color:red;font-weight:bold">v0.0.17-beta · 2026-05-10 · log-citrus-hazel</span></span>
+                    <span class="build-timestamp"><span style="color:red;font-weight:bold">v0.0.17-beta · 2026-05-10 · arch-maple-perch</span></span>
                 </div>
                 <button id="addDirectoryBtn" class="btn btn-primary">Add Local Directory</button>
                 <button id="refreshHeaderBtn" class="btn btn-secondary hidden" title="Refresh Data">⟳</button>
diff --git a/zddc/internal/apps/embedded/browse.html b/zddc/internal/apps/embedded/browse.html
index 34bb86b..fbd281f 100644
--- a/zddc/internal/apps/embedded/browse.html
+++ b/zddc/internal/apps/embedded/browse.html
@@ -283,6 +283,23 @@ a:hover {
     flex-shrink: 0;
 }
 
+/* Left and right groups inside .app-header. Both flex-row so their
+   children (logo, title, action button, theme icon, etc.) lay out
+   horizontally rather than stacking. Left side gets a slightly
+   larger gap because it carries the title group and an action
+   button; right side is just icon buttons. */
+.header-left {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+}
+
+.header-right {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
 /* Tool name inside the header */
 .app-header__title {
     font-size: 17px;
@@ -969,7 +986,7 @@ body {
             </svg>
             <div class="header-title-group">
                 <span class="app-header__title">ZDDC Browse</span>
-                <span class="build-timestamp"><span style="color:red;font-weight:bold">v0.0.17-beta · 2026-05-10 · log-citrus-hazel</span></span>
+                <span class="build-timestamp"><span style="color:red;font-weight:bold">v0.0.17-beta · 2026-05-10 · arch-maple-perch</span></span>
             </div>
             <button id="addDirectoryBtn" class="btn btn-primary">Add Local Directory</button>
             <button id="refreshHeaderBtn" class="btn btn-secondary hidden" title="Refresh listing" aria-label="Refresh listing">⟳</button>
diff --git a/zddc/internal/apps/embedded/classifier.html b/zddc/internal/apps/embedded/classifier.html
index e8421e2..2f45e5a 100644
--- a/zddc/internal/apps/embedded/classifier.html
+++ b/zddc/internal/apps/embedded/classifier.html
@@ -283,6 +283,23 @@ a:hover {
     flex-shrink: 0;
 }
 
+/* Left and right groups inside .app-header. Both flex-row so their
+   children (logo, title, action button, theme icon, etc.) lay out
+   horizontally rather than stacking. Left side gets a slightly
+   larger gap because it carries the title group and an action
+   button; right side is just icon buttons. */
+.header-left {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+}
+
+.header-right {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
 /* Tool name inside the header */
 .app-header__title {
     font-size: 17px;
@@ -766,13 +783,6 @@ body.help-open .app-header {
     padding: 0.5rem 1rem;
 }
 
-.header-left,
-.header-right {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-}
-
 .header-divider {
     color: var(--border);
     margin: 0 0.25rem;
@@ -1486,7 +1496,7 @@ body.help-open .app-header {
                     </svg>
                     <div class="header-title-group">
                         <span class="app-header__title">ZDDC Classifier</span>
-                        <span class="build-timestamp"><span style="color:red;font-weight:bold">v0.0.17-beta · 2026-05-10 · log-citrus-hazel</span></span>
+                        <span class="build-timestamp"><span style="color:red;font-weight:bold">v0.0.17-beta · 2026-05-10 · arch-maple-perch</span></span>
                     </div>
                     <button id="addDirectoryBtn" class="btn btn-primary">Add Local Directory</button>
                     <button id="refreshHeaderBtn" class="btn btn-secondary hidden" title="Refresh and rescan directory" aria-label="Refresh" style="font-size:1.1rem;">⟳</button>
diff --git a/zddc/internal/apps/embedded/index.html b/zddc/internal/apps/embedded/index.html
index 0581ee4..4ad52bd 100644
--- a/zddc/internal/apps/embedded/index.html
+++ b/zddc/internal/apps/embedded/index.html
@@ -283,6 +283,23 @@ a:hover {
     flex-shrink: 0;
 }
 
+/* Left and right groups inside .app-header. Both flex-row so their
+   children (logo, title, action button, theme icon, etc.) lay out
+   horizontally rather than stacking. Left side gets a slightly
+   larger gap because it carries the title group and an action
+   button; right side is just icon buttons. */
+.header-left {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+}
+
+.header-right {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
 /* Tool name inside the header */
 .app-header__title {
     font-size: 17px;
@@ -1132,7 +1149,7 @@ body {
             </svg>
             <div class="header-title-group">
                 <span class="app-header__title">ZDDC</span>
-                <span class="build-timestamp"><span style="color:red;font-weight:bold">v0.0.17-beta · 2026-05-10 · log-citrus-hazel</span></span>
+                <span class="build-timestamp"><span style="color:red;font-weight:bold">v0.0.17-beta · 2026-05-10 · arch-maple-perch</span></span>
             </div>
         </div>
         <div class="header-right">
diff --git a/zddc/internal/apps/embedded/mdedit.html b/zddc/internal/apps/embedded/mdedit.html
index 766e292..08e660a 100644
--- a/zddc/internal/apps/embedded/mdedit.html
+++ b/zddc/internal/apps/embedded/mdedit.html
@@ -503,6 +503,23 @@ a:hover {
     flex-shrink: 0;
 }
 
+/* Left and right groups inside .app-header. Both flex-row so their
+   children (logo, title, action button, theme icon, etc.) lay out
+   horizontally rather than stacking. Left side gets a slightly
+   larger gap because it carries the title group and an action
+   button; right side is just icon buttons. */
+.header-left {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+}
+
+.header-right {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
 /* Tool name inside the header */
 .app-header__title {
     font-size: 17px;
@@ -1093,14 +1110,6 @@ body.help-open .app-header {
     font-style: italic;
 }
 
-/* ── App header layout ────────────────────────────────────────────────────── */
-.header-left,
-.header-right {
-    display: flex;
-    align-items: center;
-    gap: 0.75rem;
-}
-
 /* ── Tailwind class overrides: use CSS tokens instead of hardcoded colours ── */
 /* bg-white / bg-gray-100 are used on the pane backgrounds in template.html.  */
 /* Override them here so they follow the design-token system (light + dark).   */
@@ -1925,7 +1934,7 @@ body.help-open .app-header {
                 </svg>
                 <div class="header-title-group">
                     <span class="app-header__title">ZDDC Markdown</span>
-                    <span class="build-timestamp"><span style="color:red;font-weight:bold">v0.0.17-beta · 2026-05-10 · log-citrus-hazel</span></span>
+                    <span class="build-timestamp"><span style="color:red;font-weight:bold">v0.0.17-beta · 2026-05-10 · arch-maple-perch</span></span>
                 </div>
                 <button id="addDirectoryBtn" class="btn btn-primary" title="Add a local directory">Add Local Directory</button>
                 <button id="refreshHeaderBtn" class="btn btn-secondary hidden" title="Refresh directory" aria-label="Refresh">⟳</button>
diff --git a/zddc/internal/apps/embedded/transmittal.html b/zddc/internal/apps/embedded/transmittal.html
index 7cc8d70..4d163b3 100644
--- a/zddc/internal/apps/embedded/transmittal.html
+++ b/zddc/internal/apps/embedded/transmittal.html
@@ -287,6 +287,23 @@ a:hover {
     flex-shrink: 0;
 }
 
+/* Left and right groups inside .app-header. Both flex-row so their
+   children (logo, title, action button, theme icon, etc.) lay out
+   horizontally rather than stacking. Left side gets a slightly
+   larger gap because it carries the title group and an action
+   button; right side is just icon buttons. */
+.header-left {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+}
+
+.header-right {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
 /* Tool name inside the header */
 .app-header__title {
     font-size: 17px;
@@ -2285,7 +2302,7 @@ dialog.modal--narrow {
             </svg>
             <div class="header-title-group">
                 <span class="app-header__title">ZDDC Transmittal</span>
-                <span class="build-timestamp"><span style="color:red;font-weight:bold">v0.0.17-beta · 2026-05-10 · log-citrus-hazel</span></span>
+                <span class="build-timestamp"><span style="color:red;font-weight:bold">v0.0.17-beta · 2026-05-10 · arch-maple-perch</span></span>
             </div>
             <span id="no-js-notice" class="text-gray-400 text-xs italic">JavaScript not available</span>
             <!-- Publish split-button (Transmittal-specific primary action;
diff --git a/zddc/internal/apps/embedded/versions.txt b/zddc/internal/apps/embedded/versions.txt
index e3cdf10..2280669 100644
--- a/zddc/internal/apps/embedded/versions.txt
+++ b/zddc/internal/apps/embedded/versions.txt
@@ -1,9 +1,9 @@
 # Generated by build.sh — do not edit. One <app>=<build label> per line.
-archive=v0.0.17-beta · 2026-05-10 · log-citrus-hazel
-transmittal=v0.0.17-beta · 2026-05-10 · log-citrus-hazel
-classifier=v0.0.17-beta · 2026-05-10 · log-citrus-hazel
-mdedit=v0.0.17-beta · 2026-05-10 · log-citrus-hazel
-landing=v0.0.17-beta · 2026-05-10 · log-citrus-hazel
-form=v0.0.17-beta · 2026-05-10 · log-citrus-hazel
-tables=v0.0.17-beta · 2026-05-10 · log-citrus-hazel
-browse=v0.0.17-beta · 2026-05-10 · log-citrus-hazel
+archive=v0.0.17-beta · 2026-05-10 · arch-maple-perch
+transmittal=v0.0.17-beta · 2026-05-10 · arch-maple-perch
+classifier=v0.0.17-beta · 2026-05-10 · arch-maple-perch
+mdedit=v0.0.17-beta · 2026-05-10 · arch-maple-perch
+landing=v0.0.17-beta · 2026-05-10 · arch-maple-perch
+form=v0.0.17-beta · 2026-05-10 · arch-maple-perch
+tables=v0.0.17-beta · 2026-05-10 · arch-maple-perch
+browse=v0.0.17-beta · 2026-05-10 · arch-maple-perch
diff --git a/zddc/internal/handler/tables.html b/zddc/internal/handler/tables.html
index 622ea7d..d24f51a 100644
--- a/zddc/internal/handler/tables.html
+++ b/zddc/internal/handler/tables.html
@@ -283,6 +283,23 @@ a:hover {
     flex-shrink: 0;
 }
 
+/* Left and right groups inside .app-header. Both flex-row so their
+   children (logo, title, action button, theme icon, etc.) lay out
+   horizontally rather than stacking. Left side gets a slightly
+   larger gap because it carries the title group and an action
+   button; right side is just icon buttons. */
+.header-left {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+}
+
+.header-right {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
 /* Tool name inside the header */
 .app-header__title {
     font-size: 17px;
@@ -1092,7 +1109,7 @@ body.help-open .app-header {
             </svg>
             <div class="header-title-group">
                 <span class="app-header__title" id="table-title">ZDDC Table</span>
-                <span class="build-timestamp"><span style="color:red;font-weight:bold">v0.0.17-beta · 2026-05-10 · log-citrus-hazel</span></span>
+                <span class="build-timestamp"><span style="color:red;font-weight:bold">v0.0.17-beta · 2026-05-10 · arch-maple-perch</span></span>
             </div>
         </div>
         <div class="header-right">