feat(ui): render the Cockpit briefing card from a store

The Cockpit controller no longer writes the briefing card's pages, cycle
toggle, regional news and local conditions: it keeps them as plain state,
starting from cockpitBriefPages.js, and publishes a copy to a new
gev-cockpit store. A new CockpitBriefing component, lifted verbatim from
the Cockpit view, renders it. News rows are keyed by story, so a focused
link never turns into another story on refresh. The controls keep the
controller's listeners; the route card and the signal list keep their
owners' bindings for now. The boot-time kicker translation is gone, as
the card translates its own text.

src/ui/views/CockpitView.vue

@@ -1,3 +1,7 @@
+<script setup>
+import CockpitBriefing from './panels/CockpitBriefing.vue';
+</script>
+
 <template>
   <!-- Aircraft first-person view. It can be entered from the visible view switcher. -->
   <section id="cockpit-hud" aria-label="Aircraft cockpit view" hidden data-i18n-aria-label>
@@ -204,80 +208,7 @@
         <time id="cockpit-context-updated">--:--:--Z</time>
       </footer>
     </aside>
-    <aside id="cockpit-signal-stream" class="cockpit-signal-window" aria-label="Cockpit briefing carousel" hidden data-i18n-aria-label>
-      <section id="cockpit-route" class="cockpit-route-card" aria-label="Estimated flight plan" hidden data-i18n-aria-label>
-        <div class="cockpit-route-heading">
-          <span class="cockpit-route-kicker" data-i18n>ESTIMATED FLIGHT PLAN</span>
-          <small id="cockpit-route-status" data-i18n>ROUTE DATA UNAVAILABLE</small>
-        </div>
-        <div class="cockpit-route-endpoints">
-          <div class="cockpit-route-airport">
-            <span data-i18n>FROM</span>
-            <strong id="cockpit-route-from" data-i18n>UNKNOWN</strong>
-          </div>
-          <span class="cockpit-route-arrow material-symbols-outlined" aria-hidden="true">east</span>
-          <div class="cockpit-route-airport">
-            <span data-i18n>TO</span>
-            <strong id="cockpit-route-to" data-i18n>UNKNOWN</strong>
-          </div>
-        </div>
-      </section>
-      <header class="cockpit-signal-header">
-        <div class="cockpit-brief-heading">
-          <span id="cockpit-brief-kicker" class="cockpit-signal-kicker" data-i18n-runtime><i aria-hidden="true"></i> LIVE SIGNALS</span>
-          <strong id="cockpit-brief-subtitle" data-i18n>OBSERVED / MAPPED PINGS</strong>
-        </div>
-        <nav class="cockpit-brief-actions" aria-label="Cockpit briefing controls" data-i18n-aria-label>
-          <button id="cockpit-brief-previous" type="button" aria-label="Previous briefing page" title="Previous briefing page" data-i18n-aria-label data-i18n-title>
-            <span class="material-symbols-outlined" aria-hidden="true">chevron_left</span>
-          </button>
-          <span id="cockpit-brief-position" aria-live="polite">1 / 3</span>
-          <button id="cockpit-brief-next" type="button" aria-label="Next briefing page" title="Next briefing page" data-i18n-aria-label data-i18n-title>
-            <span class="material-symbols-outlined" aria-hidden="true">chevron_right</span>
-          </button>
-          <button
-            id="cockpit-brief-auto"
-            type="button"
-            aria-label="CYCLE OFF"
-            aria-pressed="false"
-            title="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." data-i18n-title data-i18n-aria-label data-i18n
-          >CYCLE OFF</button>
-          <button id="cockpit-signal-toggle" type="button" aria-label="Collapse cockpit briefing panel" aria-expanded="true" title="Collapse briefing panel" data-i18n-aria-label data-i18n-title>
-            <span class="material-symbols-outlined" aria-hidden="true">right_panel_close</span>
-          </button>
-        </nav>
-      </header>
-      <div class="cockpit-brief-stage">
-        <section data-cockpit-brief-page="signals" aria-label="Live signals" data-i18n-aria-label>
-          <ol id="cockpit-signal-list" class="cockpit-signal-list" aria-live="polite"></ol>
-        </section>
-        <section data-cockpit-brief-page="news" aria-label="Latest regional news" hidden data-i18n-aria-label>
-          <div id="cockpit-news-status" class="cockpit-brief-status" data-i18n>ACQUIRING REGIONAL NEWS</div>
-          <ol id="cockpit-news-list" class="cockpit-news-list" aria-live="polite"></ol>
-        </section>
-        <section data-cockpit-brief-page="local" aria-label="Location-based information" hidden data-i18n-aria-label>
-          <div class="cockpit-local-place">
-            <strong id="cockpit-local-place" data-i18n>RESOLVING REGION</strong>
-            <small id="cockpit-local-coordinates">--</small>
-          </div>
-          <div class="cockpit-local-grid">
-            <div><span data-i18n>TEMP</span><strong id="cockpit-local-temperature">—</strong><small translate="no">OPEN-METEO</small></div>
-            <div><span data-i18n>WIND</span><strong id="cockpit-local-wind">—</strong><small id="cockpit-local-wind-direction">—</small></div>
-            <div><span data-i18n>SKY</span><strong id="cockpit-local-condition" data-i18n>UNKNOWN</strong><small id="cockpit-local-cloud">—</small></div>
-            <div><span data-i18n>PRECIP</span><strong id="cockpit-local-precipitation">—</strong><small data-i18n>MM</small></div>
-          </div>
-          <a class="cockpit-weather-credit" href="https://open-meteo.com/" target="_blank" rel="noopener" data-i18n>Weather data by Open-Meteo.com</a>
-        </section>
-      </div>
-      <footer class="cockpit-signal-footer">
-        <span id="cockpit-brief-source" data-i18n>SOURCE-BACKED EVENTS · NO SYNTHETIC NEWS</span>
-        <nav class="cockpit-brief-tabs" aria-label="Cockpit briefing pages" data-i18n-aria-label>
-          <button type="button" data-cockpit-brief-index="0" aria-label="Show Live Signals" aria-current="true" data-i18n-aria-label data-i18n>SIG</button>
-          <button type="button" data-cockpit-brief-index="1" aria-label="Show Regional News" data-i18n-aria-label data-i18n>NEWS</button>
-          <button type="button" data-cockpit-brief-index="2" aria-label="Show Local Info" data-i18n-aria-label data-i18n>LOCAL</button>
-        </nav>
-      </footer>
-    </aside>
+    <CockpitBriefing />
     <aside id="cockpit-utility-controls" class="cockpit-utility-controls" aria-label="Cockpit display and Radio controls" data-i18n-aria-label>
       <div class="cockpit-utility-control">
         <div class="cockpit-utility-launcher" data-cockpit-launcher="display">