Merge upstream/main into pr/mapillary-layer

Twenty layers now (weather, wind, cyclones and recent imagery landed
upstream); Street Level sits after Recent Imagery in the right rail and the
Cameras group, and the rail CSS names it beside the other panels.

Co-Authored-By: Claude Fable 5.1 <[email protected]>

src/ui/templates/context.html

@@ -1,5 +1,29 @@
   <!-- Global Context is deliberately independent from the left layer accordion. -->
   <aside id="right-context-rail">
+    <div id="weather-panel" class="panel-collapsible" data-panel-id="weather-panel" hidden>
+      <div class="panel-glow"></div>
+      <div class="weather-panel-inner">
+        <div class="panel-header">
+          <span class="panel-title">WEATHER</span>
+          <span id="weather-panel-count" aria-label="Active weather products">0</span>
+          <span class="panel-divider"></span>
+          <button class="panel-collapse-btn" data-collapse-target="weather-panel" type="button" title="Collapse panel">▼</button>
+        </div>
+        <div id="weather-panel-body" data-rail-scroller></div>
+      </div>
+    </div>
+    <div id="recent-imagery-panel" class="panel-collapsible" data-panel-id="recent-imagery-panel" hidden>
+      <div class="panel-glow"></div>
+      <div class="recent-imagery-panel-inner">
+        <div class="panel-header">
+          <span class="panel-title">RECENT IMAGERY</span>
+          <span id="recent-imagery-panel-count" aria-label="Imagery days in the box"></span>
+          <span class="panel-divider"></span>
+          <button class="panel-collapse-btn" data-collapse-target="recent-imagery-panel" type="button" title="Collapse panel">▼</button>
+        </div>
+        <div id="recent-imagery-panel-body" data-rail-scroller></div>
+      </div>
+    </div>
     <div id="global-context-panel" class="panel-collapsible collapsed" data-panel-id="global-context-panel">
       <div class="panel-glow"></div>
       <div class="global-context-panel-inner">

src/ui/templates/layer-panels.html

@@ -23,6 +23,7 @@
       </div>
       <div id="cctv-frame-wrap" class="cctv-frame-wrap">
         <img id="cctv-frame" alt="CCTV feed frame" />
+        <canvas id="cctv-video" class="cctv-frame" hidden></canvas>
       </div>
       <div id="cctv-source-badge" role="status" aria-live="polite">SOURCE · UNKNOWN</div>
       <div id="cctv-meta">Enable CCTV to load camera intersections</div>