jekyll-theme-zer0 1.24.0 → 1.25.0

data/_includes/components/info-section.html

@@ -1,20 +1,35 @@
+{% comment %} Feature: ZER0-046 {% endcomment %}
 <!--
   ===================================================================
   INFO SECTION - Settings Offcanvas with Tabbed Interface
   ===================================================================
-  
+
   File: info-section.html
   Path: _includes/components/info-section.html
-  Purpose: Unified settings offcanvas panel with tabs for Settings, Environment, Developer
-  
+  Purpose: Unified settings offcanvas panel with three tabs —
+           Appearance (color mode, skin, backgrounds, primary color),
+           Site (environment, theme & build info, admin links) and
+           Developer (page location, metadata, source shortcuts).
+
   Dependencies:
   - Bootstrap 5 Offcanvas, Tabs
+  - _includes/components/env-detect.html (sets is_production/build_env)
+  - _includes/components/halfmoon.html (color-mode segmented control)
+  - _includes/components/background-settings.html (skin + backgrounds)
   - _includes/components/env-switcher.html
   - _includes/components/theme-info.html
+  - _includes/components/admin-links.html (cached admin quick links)
   - _includes/components/dev-shortcuts.html
-  - _includes/components/halfmoon.html
   - _includes/navigation/breadcrumbs.html
-  
+  - assets/js/modules/theme/appearance.js mounts the primary-color
+    picker into #zer0AppearanceSlot when site.appearance_panel is on
+
+  Notes:
+  - #info-section and the three pane ids are a public surface: the
+    header, navbar, footer, unified drawer and Playwright suites all
+    target them. Rename with care.
+  - Appearance preferences persist in localStorage only (no cookies).
+
   References:
   - https://getbootstrap.com/docs/5.3/components/offcanvas/
   - https://getbootstrap.com/docs/5.3/components/navs-tabs/
@@ -22,38 +37,29 @@
 -->
 
 {% include components/env-detect.html %}
-{%- comment -%}
-  Admin page URL lookup string is computed once per build by the
-  _plugins/admin_page_urls.rb :pre_render hook and exposed as
-  site.data.admin_page_urls. This avoids re-running
-  `site.html_pages | where_exp | map | join` on every page render
-  (150+ renders → 1 plugin call per build).
-{%- endcomment -%}
-{%- assign _admin_page_urls = site.data.admin_page_urls | default: "" -%}
+
 <!-- Settings Offcanvas -->
 <div class="offcanvas offcanvas-end" tabindex="-1" id="info-section" aria-labelledby="infoSectionLabel">
-  
+
   <!-- Offcanvas Header -->
   <div class="offcanvas-header border-bottom pb-0 d-block">
     <div class="d-flex align-items-center justify-content-between mb-2">
       <h5 class="offcanvas-title" id="infoSectionLabel">
-        <i class="bi bi-gear-wide-connected me-2"></i>Settings
+        <i class="bi bi-gear-wide-connected me-2" aria-hidden="true"></i>Settings
       </h5>
       <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
     </div>
-    
+
     <!-- Tab Navigation -->
-    <ul class="nav nav-tabs" id="infoTabs" role="tablist">
+    <ul class="nav nav-tabs nav-fill" id="infoTabs" role="tablist">
       <li class="nav-item" role="presentation">
-        <button class="nav-link active" id="settings-tab" data-bs-toggle="tab" data-bs-target="#settings-pane" type="button" role="tab" aria-controls="settings-pane" aria-selected="true">
-          <i class="bi bi-sliders me-1"></i>
-          <span class="d-none d-sm-inline">Settings</span>
+        <button class="nav-link active" id="appearance-tab" data-bs-toggle="tab" data-bs-target="#appearance-pane" type="button" role="tab" aria-controls="appearance-pane" aria-selected="true">
+          <i class="bi bi-palette me-1" aria-hidden="true"></i>Appearance
         </button>
       </li>
       <li class="nav-item" role="presentation">
-        <button class="nav-link" id="environment-tab" data-bs-toggle="tab" data-bs-target="#environment-pane" type="button" role="tab" aria-controls="environment-pane" aria-selected="false">
-          <i class="bi bi-hdd-network me-1"></i>
-          <span class="d-none d-sm-inline">Environment</span>
+        <button class="nav-link" id="site-tab" data-bs-toggle="tab" data-bs-target="#site-pane" type="button" role="tab" aria-controls="site-pane" aria-selected="false">
+          <i class="bi bi-globe2 me-1" aria-hidden="true"></i>Site
           {% if is_production %}
             <span class="badge bg-success ms-1 d-none d-md-inline-block">Prod</span>
           {% else %}
@@ -63,139 +69,87 @@
       </li>
       <li class="nav-item" role="presentation">
         <button class="nav-link" id="developer-tab" data-bs-toggle="tab" data-bs-target="#developer-pane" type="button" role="tab" aria-controls="developer-pane" aria-selected="false">
-          <i class="bi bi-code-slash me-1"></i>
-          <span class="d-none d-sm-inline">Developer</span>
-        </button>
-      </li>
-      <li class="nav-item" role="presentation">
-        <button class="nav-link" id="background-tab" data-bs-toggle="tab" data-bs-target="#background-pane" type="button" role="tab" aria-controls="background-pane" aria-selected="false">
-          <i class="bi bi-palette2 me-1"></i>
-          <span class="d-none d-sm-inline">Background</span>
+          <i class="bi bi-code-slash me-1" aria-hidden="true"></i>Developer
         </button>
       </li>
     </ul>
   </div>
-  
+
   <!-- Offcanvas Body with Tab Content -->
   <div class="offcanvas-body">
     <div class="tab-content" id="infoTabContent">
-      
-      <!-- Settings Tab -->
-      <div class="tab-pane fade show active" id="settings-pane" role="tabpanel" aria-labelledby="settings-tab" tabindex="0">
-        
-        <!-- Search -->
+
+      <!-- Appearance Tab — everything that changes how the site looks -->
+      <div class="tab-pane fade show active" id="appearance-pane" role="tabpanel" aria-labelledby="appearance-tab" tabindex="0">
+
+        <!-- Color Mode -->
         <div class="mb-4">
           <h6 class="text-body-secondary small text-uppercase fw-semibold mb-2">
-            <i class="bi bi-search me-1"></i>Search
+            <i class="bi bi-moon-stars me-1" aria-hidden="true"></i>Color Mode
           </h6>
-          {% include components/searchbar.html %}
+          {% include components/halfmoon.html class="w-100" %}
         </div>
-        
-        <!-- Theme Toggle -->
+
+        <!-- Theme skin + SVG backgrounds (skin buttons, toggle, opacity) -->
+        {% include_cached components/background-settings.html %}
+
+        <!-- Primary color picker mounts here (appearance.js, optional) -->
+        <div id="zer0AppearanceSlot"></div>
+
+        <p class="text-body-secondary small mb-0 mt-4">
+          <i class="bi bi-device-hdd me-1" aria-hidden="true"></i>
+          Appearance preferences are saved in this browser only.
+        </p>
+      </div>
+
+      <!-- Site Tab — where the site runs and what it is built from -->
+      <div class="tab-pane fade" id="site-pane" role="tabpanel" aria-labelledby="site-tab" tabindex="0">
+
+        <!-- Environment -->
         <div class="mb-4">
           <h6 class="text-body-secondary small text-uppercase fw-semibold mb-2">
-            <i class="bi bi-moon-stars me-1"></i>Appearance
-          </h6>
-          <div class="d-flex align-items-center justify-content-between p-3 bg-body-tertiary rounded">
-            <span>Theme Mode</span>
-            {% include components/halfmoon.html %}
-          </div>
-        </div>
-        
-        <!-- Theme Info (Collapsible) -->
-        <div class="mb-3">
-          <h6 class="text-body-secondary small text-uppercase fw-semibold mb-2">
-            <i class="bi bi-info-circle me-1"></i>About
+            <i class="bi bi-hdd-network me-1" aria-hidden="true"></i>Environment
           </h6>
-          <button class="btn btn-outline-secondary btn-sm w-100 d-flex justify-content-between align-items-center" type="button" data-bs-toggle="collapse" data-bs-target="#themeInfoCollapse" aria-expanded="false" aria-controls="themeInfoCollapse">
-            <span>Theme & Build Info</span>
-            <i class="bi bi-chevron-down"></i>
-          </button>
-          <div class="collapse mt-2" id="themeInfoCollapse">
-            {% include components/theme-info.html %}
-          </div>
+          {% include components/env-switcher.html %}
         </div>
 
-        <!-- Admin Quick Links — only render links to pages that actually exist
-             in the build (prevents 404s on bare-minimum / remote-theme sites
-             that haven't created the admin pages). -->
-        {% assign _cfg_page = false %}
-        {% assign _theme_page = false %}
-        {% assign _nav_page = false %}
-        {% if _admin_page_urls contains "|/about/config/|" %}{% assign _cfg_page = true %}{% endif %}
-        {% if _admin_page_urls contains "|/about/settings/theme/|" %}{% assign _theme_page = true %}{% endif %}
-        {% if _admin_page_urls contains "|/about/settings/navigation/|" %}{% assign _nav_page = true %}{% endif %}
-        {% if _cfg_page or _theme_page or _nav_page %}
-        <div class="mb-3">
+        <!-- Theme & Build -->
+        <div class="mb-4">
           <h6 class="text-body-secondary small text-uppercase fw-semibold mb-2">
-            <i class="bi bi-speedometer2 me-1"></i>Admin Dashboard
+            <i class="bi bi-info-circle me-1" aria-hidden="true"></i>Theme &amp; Build
           </h6>
-          <div class="list-group list-group-flush small">
-            {% if _cfg_page %}
-            <a href="{{ '/about/config/' | relative_url }}" class="list-group-item list-group-item-action d-flex align-items-center px-0">
-              <i class="bi bi-gear me-2 text-body-secondary"></i>Configuration
-            </a>
-            {% endif %}
-            {% if _theme_page %}
-            <a href="{{ '/about/settings/theme/' | relative_url }}" class="list-group-item list-group-item-action d-flex align-items-center px-0">
-              <i class="bi bi-palette me-2 text-body-secondary"></i>Theme Customizer
-            </a>
-            {% endif %}
-            {% if _nav_page %}
-            <a href="{{ '/about/settings/navigation/' | relative_url }}" class="list-group-item list-group-item-action d-flex align-items-center px-0">
-              <i class="bi bi-signpost-2 me-2 text-body-secondary"></i>Navigation Editor
-            </a>
-            {% endif %}
-          </div>
+          {% include components/theme-info.html %}
         </div>
-        {% endif %}
-      </div>
-      
-      <!-- Environment Tab -->
-      <div class="tab-pane fade" id="environment-pane" role="tabpanel" aria-labelledby="environment-tab" tabindex="0">
-        {% include components/env-switcher.html %}
-
-        <!-- Admin Link — only when target page exists -->
-        {% assign _env_page = false %}
-        {% if _admin_page_urls contains "|/about/settings/environment/|" %}{% assign _env_page = true %}{% endif %}
-        {% if _env_page %}
-        <div class="mt-4 pt-3 border-top">
-          <a href="{{ '/about/settings/environment/' | relative_url }}" class="btn btn-outline-secondary btn-sm w-100">
-            <i class="bi bi-box-arrow-up-right me-1"></i>Full Environment &amp; Build Info
-          </a>
-        </div>
-        {% endif %}
+
+        <!-- Admin quick links — cached include; renders only links to pages
+             that exist in the build (see components/admin-links.html) -->
+        {% include_cached components/admin-links.html %}
       </div>
-      
-      <!-- Developer Tab -->
+
+      <!-- Developer Tab — tools scoped to the current page -->
       <div class="tab-pane fade" id="developer-pane" role="tabpanel" aria-labelledby="developer-tab" tabindex="0">
-        
-        <!-- Page Location -->
+
+        <!-- Page Location — breadcrumbs render nothing on the homepage or
+             when site.breadcrumbs is off, so the section mirrors that gate -->
+        {% if page.url != "/" and site.breadcrumbs %}
         <div class="mb-4">
           <h6 class="text-body-secondary small text-uppercase fw-semibold mb-2">
-            <i class="bi bi-signpost-split me-1"></i>Page Location
+            <i class="bi bi-signpost-split me-1" aria-hidden="true"></i>Page Location
           </h6>
           {% include navigation/breadcrumbs.html %}
         </div>
-        
-        <!-- Source Code Shortcuts -->
-        <div class="mb-4">
-          <h6 class="text-body-secondary small text-uppercase fw-semibold mb-2">
-            <i class="bi bi-code-square me-1"></i>Source Code
-          </h6>
-          {% include components/dev-shortcuts.html %}
-        </div>
-        
+        {% endif %}
+
         <!-- Page Metadata -->
-        <div class="mb-3">
+        <div class="mb-4">
           <h6 class="text-body-secondary small text-uppercase fw-semibold mb-2">
-            <i class="bi bi-file-earmark-code me-1"></i>Page Info
+            <i class="bi bi-file-earmark-code me-1" aria-hidden="true"></i>Page Info
           </h6>
           <div class="table-responsive">
             <table class="table table-sm table-hover mb-0 small">
               <tbody>
                 <tr>
-                  <td class="text-body-secondary" style="width: 30%;">Layout</td>
+                  <td class="text-body-secondary w-25">Layout</td>
                   <td><code>{{ page.layout | default: "none" }}</code></td>
                 </tr>
                 <tr>
@@ -220,14 +174,57 @@
             </table>
           </div>
         </div>
-      </div>
-      
-      <!-- Background Tab -->
-      <div class="tab-pane fade" id="background-pane" role="tabpanel" aria-labelledby="background-tab" tabindex="0">
-        {% include_cached components/background-settings.html %}
+
+        <!-- Source Code Shortcuts -->
+        <div class="mb-3">
+          <h6 class="text-body-secondary small text-uppercase fw-semibold mb-2">
+            <i class="bi bi-code-square me-1" aria-hidden="true"></i>Source Code
+          </h6>
+          {% include components/dev-shortcuts.html %}
+        </div>
       </div>
 
     </div>
   </div>
-  
-</div>
+
+</div>
+
+<!-- Copy-to-clipboard for the panel's URL fields (event delegation; no
+     inline handlers). Buttons declare data-zer0-copy="<text>" or
+     data-zer0-copy-target="#input-id". -->
+<script>
+document.addEventListener("click", function (e) {
+  var btn = e.target.closest("[data-zer0-copy], [data-zer0-copy-target]");
+  if (!btn) return;
+  var text = btn.getAttribute("data-zer0-copy") || "";
+  var targetSel = btn.getAttribute("data-zer0-copy-target");
+  if (!text && targetSel) {
+    // Guard the selector lookup — a missing/invalid value must not throw
+    // inside a document-level click listener.
+    try {
+      var target = document.querySelector(targetSel);
+      text = target && "value" in target ? target.value : "";
+    } catch (err) {
+      text = "";
+    }
+  }
+  if (!text || !navigator.clipboard) return;
+  navigator.clipboard.writeText(text).then(function () {
+    zer0CopyFeedback(btn, true);
+  }).catch(function () {
+    zer0CopyFeedback(btn, false);
+  });
+});
+
+function zer0CopyFeedback(btn, success) {
+  var original = btn.innerHTML;
+  btn.innerHTML = success ? '<i class="bi bi-check2"></i>' : '<i class="bi bi-x"></i>';
+  btn.classList.add(success ? "btn-success" : "btn-danger");
+  btn.classList.remove("btn-outline-secondary");
+  setTimeout(function () {
+    btn.innerHTML = original;
+    btn.classList.remove("btn-success", "btn-danger");
+    btn.classList.add("btn-outline-secondary");
+  }, 1500);
+}
+</script>

data/_includes/components/mermaid.html

@@ -1,3 +1,4 @@
+{% comment %} Feature: ZER0-013 {% endcomment %}
 <!--
   ===================================================================
   MERMAID DIAGRAM INTEGRATION (v2.1 - GitHub Pages Compatible)

data/_includes/components/nanobar.html

@@ -1,3 +1,4 @@
+{% comment %} Feature: ZER0-066 {% endcomment %}
 <!--
   ===================================================================
   NANOBAR - Config-Driven Page Loading Progress Bar

data/_includes/components/post-type-badge.html

@@ -1,3 +1,4 @@
+{% comment %} Feature: ZER0-064 {% endcomment %}
 <!--
   ===================================================================
   POST TYPE BADGE COMPONENT - Visual indicator for article types

data/_includes/components/preview-image.html

@@ -1,3 +1,4 @@
+{% comment %} Feature: ZER0-004 {% endcomment %}
 {% comment %}
   PREVIEW IMAGE - Simple, Consistent Image Rendering
   

data/_includes/components/search-modal.html

@@ -1,3 +1,4 @@
+{% comment %} Feature: ZER0-032 {% endcomment %}
 <!--
   ===================================================================
   SEARCH MODAL - Site-wide Search Popup

data/_includes/components/searchbar.html

@@ -1,3 +1,4 @@
+{% comment %} Feature: ZER0-032 {% endcomment %}
 
 <!-- 
   title: Searchbar and hits

data/_includes/components/shortcuts-modal.html

@@ -1,3 +1,4 @@
+{% comment %} Feature: ZER0-009 {% endcomment %}
 {%- comment -%}
   ===================================================================
   SHORTCUTS-MODAL — Keyboard-shortcut reference

data/_includes/components/theme-info.html

@@ -1,26 +1,30 @@
+{% comment %} Feature: ZER0-021 {% endcomment %}
 <!--
   ===================================================================
   THEME INFO - Compact Theme and Build Information
   ===================================================================
-  
+
   File: theme-info.html
   Path: _includes/components/theme-info.html
   Purpose: Display compact theme version and system information
-  
+
   Dependencies:
   - site.remote_theme or site.theme configuration
   - Jekyll's site.github metadata
+
+  Note: environment (Prod/Dev) is shown by env-switcher.html in the
+  same Site tab — not duplicated here.
   ===================================================================
 -->
 
 <div class="theme-info-compact">
   <div class="row g-2">
-    
+
     <!-- Theme -->
     <div class="col-12">
       <div class="d-flex align-items-center justify-content-between p-2 bg-body-tertiary rounded">
         <div class="d-flex align-items-center">
-          <i class="bi bi-palette text-primary me-2"></i>
+          <i class="bi bi-palette text-primary me-2" aria-hidden="true"></i>
           <span class="fw-medium small">Theme</span>
         </div>
         <div>
@@ -28,7 +32,7 @@
             {% assign theme_parts = site.remote_theme | split: "/" %}
             <a href="https://github.com/{{ site.remote_theme }}" target="_blank" rel="noopener" class="text-decoration-none">
               <code class="text-info">{{ theme_parts[1] }}</code>
-              <i class="bi bi-box-arrow-up-right ms-1 small"></i>
+              <i class="bi bi-box-arrow-up-right ms-1 small" aria-hidden="true"></i>
             </a>
           {% elsif site.theme %}
             <code>{{ site.theme }}</code>
@@ -39,8 +43,8 @@
         </div>
       </div>
     </div>
-    
-    <!-- Jekyll & Environment -->
+
+    <!-- Jekyll & Last Build -->
     <div class="col-6">
       <div class="p-2 bg-body-tertiary rounded text-center">
         <small class="text-body-secondary d-block">Jekyll</small>
@@ -49,56 +53,43 @@
     </div>
     <div class="col-6">
       <div class="p-2 bg-body-tertiary rounded text-center">
-        <small class="text-body-secondary d-block">Environment</small>
-        <span class="badge {% if jekyll.environment == 'production' %}bg-success{% else %}bg-warning text-dark{% endif %}">
-          {{ jekyll.environment | capitalize }}
-        </span>
-      </div>
-    </div>
-    
-    <!-- Build Time -->
-    <div class="col-12">
-      <div class="d-flex align-items-center justify-content-between p-2 bg-body-tertiary rounded">
-        <div class="d-flex align-items-center">
-          <i class="bi bi-clock-history text-secondary me-2"></i>
-          <span class="small text-body-secondary">Last Build</span>
-        </div>
-        <code class="small">{{ site.time | date: "%Y-%m-%d %H:%M %Z" }}</code>
+        <small class="text-body-secondary d-block">Last Build</small>
+        <code class="small">{{ site.time | date: "%b %d, %H:%M" }}</code>
       </div>
     </div>
-    
+
     {% if site.repository %}
     <!-- Repository -->
     <div class="col-12">
       <div class="d-flex align-items-center justify-content-between p-2 bg-body-tertiary rounded">
         <div class="d-flex align-items-center">
-          <i class="bi bi-git text-danger me-2"></i>
+          <i class="bi bi-git text-danger me-2" aria-hidden="true"></i>
           <span class="small text-body-secondary">Repository</span>
         </div>
         <a href="https://github.com/{{ site.repository }}" target="_blank" rel="noopener" class="text-decoration-none small">
           {{ site.repository }}
-          <i class="bi bi-box-arrow-up-right ms-1"></i>
+          <i class="bi bi-box-arrow-up-right ms-1" aria-hidden="true"></i>
         </a>
       </div>
     </div>
     {% endif %}
-    
+
     <!-- Quick Links -->
     <div class="col-12 mt-2">
       <div class="d-flex flex-wrap gap-2 justify-content-center">
         {% if site.remote_theme %}
         <a href="https://github.com/{{ site.remote_theme }}/blob/main/CHANGELOG.md" target="_blank" rel="noopener" class="btn btn-sm btn-outline-secondary">
-          <i class="bi bi-journal-text me-1"></i>Changelog
+          <i class="bi bi-journal-text me-1" aria-hidden="true"></i>Changelog
         </a>
         <a href="https://github.com/{{ site.remote_theme }}#readme" target="_blank" rel="noopener" class="btn btn-sm btn-outline-secondary">
-          <i class="bi bi-book me-1"></i>Docs
+          <i class="bi bi-book me-1" aria-hidden="true"></i>Docs
         </a>
         {% endif %}
         <a href="https://jekyllrb.com/docs/" target="_blank" rel="noopener" class="btn btn-sm btn-outline-secondary">
-          <i class="bi bi-gem me-1"></i>Jekyll
+          <i class="bi bi-gem me-1" aria-hidden="true"></i>Jekyll
         </a>
       </div>
     </div>
-    
+
   </div>
 </div>

data/_includes/components/theme-preview-gallery.html

@@ -1,3 +1,4 @@
+{% comment %} Feature: ZER0-065 {% endcomment %}
 <!--
   Theme Preview — component gallery for live skin / mode testing.
   Pair with theme-controls-bar.html and theme-customizer.js.

data/_includes/content/backlinks.html

@@ -1,3 +1,4 @@
+{% comment %} Features: ZER0-044, ZER0-059 {% endcomment %}
 {%- comment -%}
   ===================================================================
   BACKLINKS — Pages that wiki-link or markdown-link to the current page

data/_includes/content/giscus.html

@@ -1,3 +1,4 @@
+{% comment %} Feature: ZER0-035 {% endcomment %}
 <!--
   giscus.html — GitHub Discussions comment system
   ===============================================

data/_includes/content/jsonld-faq.html

@@ -1,3 +1,4 @@
+{% comment %} Feature: ZER0-054 {% endcomment %}
 <!--
   ===================================================================
   JSON-LD FAQ SCHEMA - FAQPage Structured Data

data/_includes/content/seo.html

@@ -1,3 +1,4 @@
+{% comment %} Features: ZER0-041, ZER0-054 {% endcomment %}
 <!--
   ===================================================================
   SEO SUPPLEMENT - Additional meta tags not covered by jekyll-seo-tag

data/_includes/content/sitemap.html

@@ -1,3 +1,4 @@
+{% comment %} Feature: ZER0-042 {% endcomment %}
 <!--
   ===================================================================
   SITEMAP COMPONENT - Comprehensive Site Navigation Index

data/_includes/content/toc.html

@@ -1,3 +1,4 @@
+{% comment %} Feature: ZER0-037 {% endcomment %}
 {% capture tocWorkspace %}
     {% comment %}
         Copyright (c) 2017 Vladimir "allejo" Jimenez

data/_includes/core/color-mode-init.html

@@ -1,3 +1,4 @@
+{% comment %} Feature: ZER0-031 {% endcomment %}
 {%- comment -%}
   Component:   color-mode-init
   Path:        _includes/core/color-mode-init.html

data/_includes/core/footer.html

@@ -1,3 +1,4 @@
+{% comment %} Feature: ZER0-046 {% endcomment %}
 <!--
   ===================================================================
   FOOTER - Comprehensive Site Footer with Branding & Navigation

data/_includes/core/head.html

@@ -1,3 +1,4 @@
+{% comment %} Feature: ZER0-001 {% endcomment %}
 <!--
   ===================================================================
   HEAD - HTML Document Head Section

data/_includes/core/header.html

@@ -1,3 +1,4 @@
+{% comment %} Feature: ZER0-011 {% endcomment %}
 <!--
   ===================================================================
   HEADER - Main Navigation and Site Header
@@ -64,21 +65,10 @@
             <!-- MOBILE MENU CONTROLS      -->
             <!-- ========================== -->
             
-            <!-- Left Sidebar Toggle - Mobile view only (omit when page.sidebar: false — matches default layout aside) -->
-            {% assign sidebar_nav = nil %}
-            {% if page.sidebar != false %}
-              {% if page.sidebar and page.sidebar.nav %}
-                {% assign sidebar_nav = page.sidebar.nav %}
-              {% endif %}
-            {% endif %}
-            {% assign sidebar_has_content = false %}
-            {% if sidebar_nav %}
-                {% if sidebar_nav == "auto" or sidebar_nav == "categories" %}
-                    {% assign sidebar_has_content = true %}
-                {% elsif site.data.navigation[sidebar_nav] %}
-                    {% assign sidebar_has_content = true %}
-                {% endif %}
-            {% endif %}
+            <!-- Left Sidebar Toggle - Mobile view only. Uses the shared
+                 resolver (navigation/sidebar-config.html) so this gate can
+                 never drift from the default layout's aside. -->
+            {% include navigation/sidebar-config.html %}
 
             {% if sidebar_has_content %}
               {%- comment -%}

data/_includes/navigation/admin-nav.html

@@ -1,3 +1,4 @@
+{% comment %} Feature: ZER0-050 {% endcomment %}
 <!--
   ===================================================================
   ADMIN NAV — Data-driven sidebar navigation for admin/settings pages

data/_includes/navigation/breadcrumbs.html

@@ -1,3 +1,4 @@
+{% comment %} Feature: ZER0-040 {% endcomment %}
 {%- comment -%}
   ===================================================================
   BREADCRUMBS — Accessible breadcrumb trail with Schema.org markup

data/_includes/navigation/local-graph-fab.html

@@ -2,15 +2,9 @@
   Local graph FAB trigger — rendered from footer.html so the fixed button
   stays above the footer band. Pair with navigation/local-graph.html (panel).
 {%- endcomment -%}
-{%- assign _effective_sidebar = page.sidebar -%}
-{%- if _effective_sidebar == nil -%}
-  {%- if page.post_type == "featured" or page.post_type == "breaking" -%}
-    {%- assign _effective_sidebar = false -%}
-  {%- else -%}
-    {%- assign _effective_sidebar = true -%}
-  {%- endif -%}
-{%- endif -%}
-{%- if page.local_graph != false and _effective_sidebar != false -%}
+{%- comment -%} Shared visibility resolver — sets sidebar_enabled {%- endcomment -%}
+{%- include navigation/sidebar-config.html -%}
+{%- if page.local_graph != false and sidebar_enabled -%}
 <div id="obsidianLocalGraphFab" class="obsidian-local-graph-fab d-print-none" data-obsidian-local-graph-toggle hidden>
   <button class="btn btn-primary rounded-circle shadow-lg p-0 obsidian-local-graph-toggle"
           type="button"