release: bump version to 0.74.4

frontend/public/earth/css/hud.css

@@ -1100,7 +1100,6 @@
   display: none;
 }
 
-.earth-mobile-tv-select,
 .earth-mobile-settings-slider {
   width: 100%;
 }
@@ -1215,14 +1214,6 @@
   margin-top: 0;
 }
 
-.earth-mobile-tv-select {
-  border: 1px solid rgba(201, 225, 247, 0.14);
-  border-radius: 12px;
-  background: rgba(255, 255, 255, 0.04);
-  color: var(--hud-text);
-  padding: 10px 12px;
-}
-
 .earth-mobile-tv-player {
   position: relative;
   aspect-ratio: 16 / 9;

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

@@ -669,14 +669,21 @@
 .info-card-compute-candidate-preview.is-loading::before,
 .info-card-unresolved-item.is-locating .info-card-unresolved-index::before {
   content: "";
+  display: inline-block;
+  flex-shrink: 0;
   width: calc(10px * var(--hud-scale));
   height: calc(10px * var(--hud-scale));
+  vertical-align: middle;
   border: 1.5px solid rgba(201, 220, 255, 0.35);
   border-top-color: #c9dcff;
   border-radius: 999px;
   animation: info-card-location-spin 0.8s linear infinite;
 }
 
+.info-card-compute-candidate-preview.is-loading::before {
+  margin-inline-end: 4px;
+}
+
 .info-card-unresolved-item.is-locating .info-card-unresolved-index {
   color: transparent;
 }
@@ -848,9 +855,3 @@
 .info-card-unresolved-adopt:hover {
   background: rgba(255, 171, 81, 0.16);
 }
-
-.info-card-unresolved-empty {
-  padding: calc(10px * var(--hud-scale)) 0;
-  color: var(--hud-text-soft);
-  font-size: calc(0.74rem * var(--hud-scale));
-}

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

@@ -109,10 +109,196 @@
   font-size: calc(0.84rem * var(--hud-scale));
 }
 
-.tv-panel-select option,
-.tv-panel-select optgroup {
-  background: #0a1422;
-  color: #eef5fc;
+.tv-source-trigger {
+  display: inline-flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--hud-gap-xs);
+  text-align: left;
+  cursor: pointer;
+  font-family: inherit;
+  height: calc(36px * var(--hud-scale));
+  padding-block: 0;
+  line-height: 1;
+}
+
+.tv-source-trigger__label {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.tv-source-trigger > .material-symbols-rounded {
+  flex: 0 0 auto;
+  font-size: calc(16px * var(--hud-scale));
+  color: var(--hud-text-soft);
+}
+
+.tv-source-trigger[aria-expanded="true"] {
+  border-color: var(--hud-border-hover);
+  background: rgba(120, 180, 255, 0.12);
+}
+
+.tv-source-trigger:focus-visible,
+.tv-source-menu__more:focus-visible {
+  outline: 2px solid var(--hud-accent-strong);
+  outline-offset: 2px;
+}
+
+.tv-source-menu {
+  position: fixed;
+  inset: auto;
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+  color: var(--hud-text);
+  font-family: inherit;
+}
+
+.tv-source-menu:popover-open {
+  display: flex;
+  flex-direction: column;
+}
+
+.tv-source-menu__search {
+  display: flex;
+  align-items: center;
+  gap: var(--hud-gap-xs);
+  flex: 0 0 auto;
+  padding: calc(10px * var(--hud-scale));
+  border-bottom: 1px solid var(--hud-line);
+}
+
+.tv-source-menu__search > .material-symbols-rounded {
+  color: var(--hud-text-soft);
+  font-size: calc(18px * var(--hud-scale));
+}
+
+.tv-source-menu__search input {
+  flex: 1 1 auto;
+  min-width: 0;
+  width: 100%;
+  border: 0;
+  outline: none;
+  background: transparent;
+  color: var(--hud-text);
+  font: inherit;
+  font-size: calc(0.78rem * var(--hud-scale));
+}
+
+.tv-source-menu__search:focus-within {
+  box-shadow: inset 0 -1px 0 var(--hud-accent-strong);
+}
+
+.tv-source-menu__search input::placeholder {
+  color: var(--hud-text-soft);
+}
+
+.tv-source-menu__body {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  min-height: 0;
+}
+
+.tv-source-menu__list {
+  flex: 1 1 auto;
+  min-height: 0;
+  max-height: none;
+  overscroll-behavior: contain;
+}
+
+.tv-source-menu__option {
+  width: 100%;
+  flex: 0 0 auto;
+  border: 0;
+  background: transparent;
+  color: var(--hud-text);
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+
+.tv-source-menu__option.is-active {
+  background: rgba(120, 180, 255, 0.1);
+}
+
+.tv-source-menu__option[aria-selected="true"] {
+  background: rgba(120, 180, 255, 0.15);
+}
+
+.tv-source-menu__option > .material-symbols-rounded {
+  flex: 0 0 auto;
+  font-size: calc(14px * var(--hud-scale));
+}
+
+.tv-source-menu__check {
+  color: var(--hud-accent-strong);
+  visibility: hidden;
+}
+
+.tv-source-menu__option[aria-selected="true"] .tv-source-menu__check {
+  visibility: visible;
+}
+
+.tv-source-menu__default,
+.tv-source-menu__count,
+.tv-source-menu__more {
+  color: var(--hud-text-soft);
+  font-size: calc(0.68rem * var(--hud-scale));
+}
+
+.tv-source-menu__default {
+  flex: 0 0 auto;
+  white-space: nowrap;
+}
+
+.tv-source-menu__warning {
+  color: #ffd166;
+}
+
+.tv-source-menu__count,
+.tv-source-menu__empty,
+.tv-source-menu__more {
+  flex: 0 0 auto;
+  padding: calc(8px * var(--hud-scale)) calc(10px * var(--hud-scale));
+}
+
+.tv-source-menu__count {
+  border-top: 1px solid var(--hud-line);
+}
+
+.tv-source-menu__empty {
+  color: var(--hud-text-muted);
+  font-size: calc(0.78rem * var(--hud-scale));
+}
+
+.tv-source-menu__more {
+  border: 0;
+  background: rgba(120, 180, 255, 0.06);
+  font-family: inherit;
+  cursor: pointer;
+}
+
+.tv-source-menu [hidden] {
+  display: none;
+}
+
+.earth-mobile-page--tv > .tv-source-trigger {
+  flex: 0 0 auto;
+  width: 100%;
+  height: 40px;
+}
+
+.layout-mode-mobile .tv-source-menu__search input,
+.layout-mode-mobile .tv-source-menu__option .legend-label {
+  font-size: 14px;
+}
+
+.layout-mode-mobile .tv-source-menu__search,
+.layout-mode-mobile .tv-source-menu__option {
+  min-height: 40px;
 }
 
 .tv-panel-meta-wrap {