feat(perception): add PointPillars visual audit

2026-07-31 11:47:04 +03:00
parent 8fe6184c52
commit a2cb50d1ad
16 changed files with 2351 additions and 4 deletions
@@ -0,0 +1,142 @@
+.l3-visual-audit {
+  display: grid;
+  height: clamp(36rem, 68vh, 54rem);
+  min-height: 36rem;
+}
+
+.l3-visual-audit > .laboratory-evidence-viewer {
+  min-height: 0;
+}
+
+.l3-visual-audit__scene {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  min-height: 0;
+  overflow: hidden;
+  background: var(--nodedc-canvas);
+}
+
+.l3-visual-audit__scene canvas {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+.l3-visual-audit__state {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  min-height: 22rem;
+  align-items: center;
+  justify-content: center;
+  gap: 0.55rem;
+  background: var(--nodedc-canvas);
+  color: var(--nodedc-text-muted);
+  font-size: 0.62rem;
+}
+
+.l3-visual-audit__actions {
+  display: flex;
+  flex: 1;
+  min-width: 0;
+  align-items: center;
+  gap: 0.45rem;
+}
+
+.l3-visual-audit__pagination {
+  display: flex;
+  flex: none;
+  gap: 0.35rem;
+}
+
+.l3-visual-audit__actions .nodedc-select-anchor,
+.l3-visual-audit__actions .nodedc-select {
+  width: clamp(17rem, 34vw, 31rem);
+}
+
+.l3-visual-audit
+  .laboratory-evidence-viewer__controls:has(.l3-visual-audit__actions) {
+  right: 0.6rem;
+  left: 0.6rem;
+}
+
+.l3-visual-audit__overlay {
+  position: absolute;
+  z-index: 3;
+  left: 0.6rem;
+  bottom: 0.6rem;
+  display: grid;
+  width: min(58rem, calc(100% - 1.2rem));
+  grid-template-columns: minmax(8rem, 0.55fr) minmax(13rem, 1fr) minmax(19rem, 1.2fr);
+  align-items: end;
+  gap: 0.7rem;
+  border-radius: var(--nodedc-radius-control-compact);
+  background: var(--nodedc-floating-surface);
+  padding: 0.55rem 0.65rem;
+  color: var(--nodedc-text-secondary);
+  backdrop-filter: blur(var(--nodedc-blur-control));
+  pointer-events: none;
+}
+
+.l3-visual-audit__overlay > div {
+  display: grid;
+  min-width: 0;
+  gap: 0.12rem;
+}
+
+.l3-visual-audit__overlay span,
+.l3-visual-audit__overlay small {
+  color: var(--nodedc-text-muted);
+  font-size: 0.49rem;
+  line-height: 1.35;
+}
+
+.l3-visual-audit__overlay strong {
+  color: var(--nodedc-text-primary);
+  font-size: 0.6rem;
+}
+
+.l3-visual-audit__legend {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 0.35rem 0.6rem;
+}
+
+.l3-visual-audit__legend span {
+  display: flex;
+  align-items: center;
+  gap: 0.35rem;
+  color: var(--nodedc-text-secondary);
+  white-space: nowrap;
+}
+
+.l3-visual-audit__legend span::before {
+  width: 0.42rem;
+  height: 0.42rem;
+  flex: none;
+  border-radius: 50%;
+  background: var(--nodedc-text-primary);
+  content: "";
+}
+
+.l3-visual-audit__legend span[data-tone="tp"]::before {
+  background: rgb(var(--nodedc-success-rgb));
+}
+
+.l3-visual-audit__legend span[data-tone="fp"]::before {
+  background: rgb(var(--nodedc-danger-rgb));
+}
+
+.l3-visual-audit__legend span[data-tone="fn"]::before {
+  background: rgb(var(--nodedc-warning-rgb));
+}
+
+@media (max-width: 900px) {
+  .l3-visual-audit__overlay {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .l3-visual-audit__legend {
+    display: none;
+  }
+}