release: bump version to 0.28.1

frontend/public/earth/css/hud.css

@@ -541,4 +541,4 @@
 /* .hud-panel-legend layout-expanded rule lives in legend.css */
 /* .hud-panel-stats layout-expanded rule lives in earth-stats.css */
 /* .hud-panel-layers layout-expanded rule lives in layer-panel.css */
-/* .hud-panel-tv layout-expanded rule lives in tv-panel.css */
+/* .hud-panel-media layout-expanded rule lives in tv-panel.css */

frontend/public/earth/css/news-panel.css

@@ -3,21 +3,10 @@
 .news-panel-title-row {
   display: flex;
   align-items: center;
-  gap: calc(8px * var(--hud-scale));
   min-width: 0;
   flex: 1 1 auto;
 }
 
-.news-panel-title {
-  margin: 0;
-  color: var(--hud-text);
-  font-size: calc(0.92rem * var(--hud-scale));
-  font-weight: 600;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
 .news-region-chip {
   --news-accent: #d6e6ff;
   border: 1px solid color-mix(in srgb, var(--news-accent) 46%, transparent);

frontend/public/earth/css/tv-panel.css

@@ -1,6 +1,10 @@
-/* tv-panel */
+/* media-panel
+ * Outer HUD shell: #media-panel
+ * Inner live pane: #tv-panel
+ * Inner news pane: #news-panel
+ */
 
-.hud-panel-tv {
+.hud-panel-media {
   bottom: var(--hud-offset);
   right: var(--hud-offset);
   width: calc(420px * var(--hud-scale));
@@ -14,39 +18,44 @@
   z-index: 18;
 }
 
-.hud-panel-tv[data-active-tab="news"]:not([data-resized="true"]) {
+.hud-panel-media[data-active-tab="news"]:not([data-resized="true"]) {
   max-height: min(
     var(--tv-news-default-max-height, calc(100vh - (2 * var(--hud-offset)))),
     calc(100vh - (2 * var(--hud-offset)))
   );
 }
 
-.hud-panel-tv.is-reforming {
+.hud-panel-media.is-reforming {
   transition:
     height 0.24s cubic-bezier(0.22, 1, 0.36, 1),
     top 0.24s cubic-bezier(0.22, 1, 0.36, 1);
   will-change: height, top;
 }
 
-.hud-panel-tv .hud-panel__header {
+.hud-panel-media .hud-panel__header {
   align-items: center;
   gap: var(--hud-gap-xs);
 }
 
+.hud-panel-media .hud-panel__title-group {
+  flex: 0 0 auto;
+  min-width: auto;
+}
+
 .tv-panel-header-title {
   flex: 0 0 auto;
   white-space: nowrap;
   margin: 0;
 }
 
-.hud-panel-tv .hud-panel__header .hud-panel__action,
-.hud-panel-tv .hud-panel__header .hud-panel-close {
+.hud-panel-media .hud-panel__header .hud-panel__action,
+.hud-panel-media .hud-panel__header .hud-panel-close {
   cursor: pointer;
   user-select: auto;
 }
 
-.hud-panel-tv .hud-panel__header .tv-panel-select,
-.hud-panel-tv .hud-panel__header .tv-panel-tab {
+.hud-panel-media .hud-panel__header .tv-panel-select,
+.hud-panel-media .hud-panel__header .media-panel-tab {
   cursor: pointer;
   user-select: auto;
 }
@@ -194,13 +203,13 @@
   background: #050a14;
 }
 
-.tv-panel-tabs {
+.media-panel-tabs {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: calc(8px * var(--hud-scale));
 }
 
-.tv-panel-tab {
+.media-panel-tab {
   border: 1px solid rgba(201, 225, 247, 0.12);
   border-radius: calc(12px * var(--hud-scale));
   background: rgba(255, 255, 255, 0.03);
@@ -213,13 +222,13 @@
   transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
 }
 
-.tv-panel-tab:hover {
+.media-panel-tab:hover {
   color: var(--hud-text);
   border-color: rgba(214, 235, 255, 0.18);
   background: rgba(255, 255, 255, 0.06);
 }
 
-.tv-panel-tab--active {
+.media-panel-tab--active {
   color: var(--hud-accent-strong);
   border-color: rgba(120, 180, 255, 0.24);
   background: rgba(120, 180, 255, 0.12);
@@ -290,35 +299,35 @@
   border-color: rgba(244, 249, 255, 0.75);
 }
 
-.hud-panel-tv.is-resizing {
+.hud-panel-media.is-resizing {
   transition: none !important;
   user-select: none;
 }
 
 /* Whole panel is draggable; player overrides back to default */
-.hud-panel-tv:not(.is-resizing) {
+.hud-panel-media:not(.is-resizing) {
   cursor: grab;
 }
 
-.hud-panel-tv.is-dragging {
+.hud-panel-media.is-dragging {
   cursor: grabbing;
 }
 
-.hud-panel-tv .tv-panel-player {
+.hud-panel-media .tv-panel-player {
   cursor: default;
 }
 
 /* Disable iframe/video pointer capture while dragging so mouse events pass through */
-.hud-panel-tv.is-dragging .tv-panel-iframe,
-.hud-panel-tv.is-dragging .tv-panel-video {
+.hud-panel-media.is-dragging .tv-panel-iframe,
+.hud-panel-media.is-dragging .tv-panel-video {
   pointer-events: none;
 }
 
-.earth-app.layout-expanded .hud-panel-tv:not([data-dragged="true"]) {
+.earth-app.layout-expanded .hud-panel-media:not([data-dragged="true"]) {
   bottom: var(--hud-offset);
   right: var(--hud-offset);
   transform: translate(calc(100% - var(--hud-offset)), calc(100% - var(--hud-offset)));
 }
 
-/* TV panel keeps its fixed width on all screen sizes.
+/* Media panel keeps its fixed width on all screen sizes.
    Responsive stretching removed — width only changes if user manually resizes. */