feat: add passive K1 local surface replay

apps/control-station/src/styles/responsive.css

@@ -30,6 +30,14 @@
     grid-template-columns: 1fr;
   }
 
+  .lidar-local-surface__summary {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .lidar-local-surface__stage {
+    grid-template-columns: minmax(0, 1fr) minmax(13rem, 0.32fr);
+  }
+
   .lidar-field-cloud {
     grid-column: 1;
     grid-row: 1;
@@ -412,6 +420,20 @@
     flex-direction: column;
   }
 
+  .lidar-local-surface__heading {
+    flex-direction: column;
+  }
+
+  .lidar-local-surface__summary,
+  .lidar-local-surface__stage {
+    grid-template-columns: 1fr;
+  }
+
+  .lidar-local-surface__stage .lidar-ground-scene,
+  .lidar-local-surface__stage .lidar-ground-scene-placeholder {
+    min-height: 22rem;
+  }
+
   .polygon-run-identity dl {
     grid-template-columns: 1fr;
   }

apps/control-station/src/styles/workspaces.css

@@ -2821,6 +2821,146 @@
   margin: 0;
 }
 
+.lidar-local-surface {
+  display: grid;
+  gap: 0.72rem;
+  margin-top: 1.2rem;
+  padding-top: 1rem;
+}
+
+.lidar-local-surface__heading {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 1rem;
+}
+
+.lidar-local-surface__heading h3,
+.lidar-local-surface__heading p {
+  margin: 0;
+}
+
+.lidar-local-surface__heading h3 {
+  margin-top: 0.22rem;
+  color: var(--nodedc-text-primary);
+  font-size: 0.92rem;
+}
+
+.lidar-local-surface__heading p,
+.lidar-local-surface__frame p {
+  max-width: 48rem;
+  margin-top: 0.28rem;
+  color: var(--nodedc-text-muted);
+  font-size: 0.62rem;
+  line-height: 1.5;
+}
+
+.lidar-local-surface__summary {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 0.5rem;
+}
+
+.lidar-local-surface__summary > div {
+  display: grid;
+  gap: 0.24rem;
+  background: rgb(255 255 255 / 0.025);
+  padding: 0.62rem 0.68rem;
+}
+
+.lidar-local-surface__summary span,
+.lidar-local-surface__frame span,
+.lidar-local-surface__frame small,
+.lidar-local-surface__frame dt,
+.lidar-local-surface__legend {
+  color: var(--nodedc-text-muted);
+  font-size: 0.58rem;
+}
+
+.lidar-local-surface__summary strong,
+.lidar-local-surface__frame strong,
+.lidar-local-surface__frame dd {
+  color: var(--nodedc-text-primary);
+  font-size: 0.68rem;
+}
+
+.lidar-local-surface__stage {
+  display: grid;
+  overflow: hidden;
+  grid-template-columns: minmax(0, 1fr) minmax(14rem, 0.24fr);
+  min-height: 30rem;
+  border-radius: 0.9rem;
+  background: #06070a;
+}
+
+.lidar-local-surface__stage .lidar-ground-scene,
+.lidar-local-surface__stage .lidar-ground-scene-placeholder {
+  min-height: 30rem;
+  border: 0;
+  border-radius: 0;
+}
+
+.lidar-local-surface__frame {
+  display: grid;
+  align-content: start;
+  gap: 0.85rem;
+  background: rgb(255 255 255 / 0.025);
+  padding: 0.9rem;
+}
+
+.lidar-local-surface__frame > div:first-child {
+  display: grid;
+  gap: 0.2rem;
+}
+
+.lidar-local-surface__frame dl {
+  display: grid;
+  gap: 0.55rem;
+  margin: 0;
+}
+
+.lidar-local-surface__frame dl > div {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 0.6rem;
+}
+
+.lidar-local-surface__frame dt,
+.lidar-local-surface__frame dd {
+  margin: 0;
+}
+
+.lidar-local-surface__legend {
+  display: grid;
+  gap: 0.42rem;
+}
+
+.lidar-local-surface__legend span {
+  display: flex;
+  align-items: center;
+  gap: 0.45rem;
+}
+
+.lidar-local-surface__legend i {
+  width: 0.55rem;
+  height: 0.55rem;
+  border-radius: 50%;
+  background: #454a47;
+}
+
+.lidar-local-surface__legend i[data-class="surface"] {
+  background: #a1b87d;
+}
+
+.lidar-local-surface__legend i[data-class="occupied"] {
+  background: #f0783d;
+}
+
+.lidar-local-surface__legend i[data-class="below"] {
+  background: #a85061;
+}
+
 .lidar-fallback-review {
   display: grid;
   overflow: hidden;