From 020c8fa9aa334e50846b2bffa06d247656c2adfc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=90=D0=BD=D1=82=D0=BE=D0=BD=20=D0=A2=D1=80=D0=BE=D1=88?=
 =?UTF-8?q?=D0=B8=D0=BD?= <i@atroshin.ru>
Date: Sun, 2 Aug 2026 01:57:06 +0300
Subject: [PATCH] unify sub-nav chips across all library pages (add menaion)

---
 src/ui/menaion-view.ts | 21 +++++++++++++++++++--
 src/ui/prayer-view.ts  |  1 +
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/ui/menaion-view.ts b/src/ui/menaion-view.ts
index 851408f..e87ba77 100644
--- a/src/ui/menaion-view.ts
+++ b/src/ui/menaion-view.ts
@@ -57,8 +57,25 @@ export class MenaionView {
     this.container.innerHTML = `
       <div class="p-6 max-w-4xl xl:max-w-6xl mx-auto">
         <div class="flex flex-wrap gap-2 mb-4">
-          <button class="sub-nav-chip text-sm transition-colors rounded-lg px-3 py-1 border border-gold bg-gold/10 text-navy font-bold">${this.t.nav.menaion}</button>
-          <button class="sub-nav-chip text-sm transition-colors rounded-lg px-3 py-1 border border-gold/20 bg-white/50 text-navy hover:border-gold/50" data-view="triodion">${this.t.nav.triodion}</button>
+          ${[
+            { id: 'prayer', view: 'prayer', label: this.t.nav.prayer },
+            { id: 'akathists', view: 'akathists', label: this.t.nav.akathists },
+            { id: 'horologion', view: 'horologion', label: this.t.nav.horologion },
+            { id: 'sbornik', view: 'sbornik', label: this.t.nav.sbornik },
+            { id: 'parimii', view: 'parimii', label: this.t.nav.parimii },
+            { id: 'paraclete', view: 'paraclete', label: this.t.nav.paraclete },
+            { id: 'irmologion', view: 'irmologion', label: this.t.nav.irmologion },
+            { id: 'menaion', view: 'menaion', label: this.t.nav.menaion },
+            { id: 'triodion', view: 'triodion', label: this.t.nav.triodion },
+          ].map(item => `
+            <button
+              class="sub-nav-chip text-sm transition-colors rounded-lg px-3 py-1
+                ${item.id === 'menaion'
+                  ? 'border border-gold bg-gold/10 text-navy font-bold'
+                  : 'border border-gold/20 bg-white/50 text-navy hover:border-gold/50'}"
+              data-view="${item.view}"
+            >${item.label}</button>
+          `).join('')}
         </div>
         <div id="menaion-calendar"></div>
         <div id="menaion-content" class="bg-white/50 border border-gold/20 rounded-lg p-6 min-h-[300px]">
diff --git a/src/ui/prayer-view.ts b/src/ui/prayer-view.ts
index a23b203..321d1ba 100644
--- a/src/ui/prayer-view.ts
+++ b/src/ui/prayer-view.ts
@@ -208,6 +208,7 @@ export class PrayerView {
       { id: 'parimii', view: 'parimii', label: this.t.nav.parimii },
       { id: 'paraclete', view: 'paraclete', label: this.t.nav.paraclete },
       { id: 'irmologion', view: 'irmologion', label: this.t.nav.irmologion },
+      { id: 'menaion', view: 'menaion', label: this.t.nav.menaion },
       { id: 'triodion', view: 'triodion', label: this.t.nav.triodion },
     ];