From af7f659f0d277a256920df562de61a749704218d Mon Sep 17 00:00:00 2001
From: Sameh Khamis <sameh@halfpixel.ai>
Date: Sat, 14 Nov 2026 15:41:14 -0800
Subject: [PATCH] Keep the cockpit briefing's Regional News page

The restyle had dropped the page and its tab while the news section, its
fetch and the briefing tests still use it.

Co-authored-by: Manjunath Paparaju <manjunath@halfpixel.ai>
---
 src/cockpitMarkup.test.mjs              | 2 +-
 src/ui/cockpitBriefPages.js             | 8 +++++++-
 src/ui/views/panels/CockpitBriefing.vue | 3 ++-
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/cockpitMarkup.test.mjs b/src/cockpitMarkup.test.mjs
index d4167f043..3f461c392 100644
--- a/src/cockpitMarkup.test.mjs
+++ b/src/cockpitMarkup.test.mjs
@@ -1275,7 +1275,7 @@ test('cockpit briefing cycle control keeps its state as the accessible name', ()
   assert.match(match[0], />CYCLE OFF<\/button>/);
   assert.match(
     match[0],
-    /title="Cycle briefing pages automatically every 9 seconds \(Signals → Local\)\./,
+    /title="Cycle briefing pages automatically every 9 seconds \(Signals → News → Local\)\./,
   );
 
   // The presented label is the state; the help is only the tooltip.
diff --git a/src/ui/cockpitBriefPages.js b/src/ui/cockpitBriefPages.js
index 943255eae..9f75c83d8 100644
--- a/src/ui/cockpitBriefPages.js
+++ b/src/ui/cockpitBriefPages.js
@@ -31,6 +31,12 @@ export const COCKPIT_BRIEF_PAGES = [
     subtitleKey: msg('OBSERVED / MAPPED PINGS'),
     sourceKey: msg('SOURCE-BACKED EVENTS · NO SYNTHETIC NEWS'),
   },
+  {
+    id: 'news',
+    kickerKey: msg('REGIONAL NEWS'),
+    subtitleKey: msg('LATEST LOCATION-MATCHED REPORTING'),
+    // The news footer comes from the news state (`news.footer`), not here.
+  },
   {
     id: 'local',
     kickerKey: msg('LOCAL INFO'),
@@ -46,7 +52,7 @@ export const CYCLE_HELP_KEYS = Object.freeze({
     'Stop automatic page cycling. Previous, Next, and the SIG/NEWS/LOCAL tabs stay available.',
   ),
   off: msg(
-    'Cycle briefing pages automatically every 9 seconds (Signals → Local). Pauses while you hover or focus the panel. Live signal data refreshes continuously either way.',
+    'Cycle briefing pages automatically every 9 seconds (Signals → News → Local). Pauses while you hover or focus the panel. Live signal data refreshes continuously either way.',
   ),
 });
 
diff --git a/src/ui/views/panels/CockpitBriefing.vue b/src/ui/views/panels/CockpitBriefing.vue
index f0a86b1cc..cbb37b935 100644
--- a/src/ui/views/panels/CockpitBriefing.vue
+++ b/src/ui/views/panels/CockpitBriefing.vue
@@ -84,7 +84,8 @@ function leaveSignals() {
       <span id="cockpit-brief-source">{{ b.source }}</span>
       <nav class="cockpit-brief-tabs" :aria-label="t('Cockpit briefing pages')">
         <button type="button" data-cockpit-brief-index="0" :aria-label="t('Show Live Signals')" :aria-current="String(b.pageIndex === 0)">{{ t('SIG') }}</button>
-        <button type="button" data-cockpit-brief-index="1" :aria-label="t('Show Local Info')" :aria-current="brief ? String(b.pageIndex === 1) : undefined">{{ t('LOCAL') }}</button>
+        <button type="button" data-cockpit-brief-index="1" :aria-label="t('Show Regional News')" :aria-current="brief ? String(b.pageIndex === 1) : undefined">{{ t('NEWS') }}</button>
+        <button type="button" data-cockpit-brief-index="2" :aria-label="t('Show Local Info')" :aria-current="brief ? String(b.pageIndex === 2) : undefined">{{ t('LOCAL') }}</button>
       </nav>
     </footer>
   </aside>