feat(k1): complete primary acquisition lifecycle

2026-07-17 23:03:59 +03:00
parent 9d51080d2e
commit aa3680948f
66 changed files with 6093 additions and 544 deletions
@@ -464,3 +464,115 @@
    flex-direction: column;
  }
 }
+
+.xgrids-k1-spatial-controls {
+  display: flex;
+  min-width: min(42rem, 100%);
+  max-width: 100%;
+  align-items: center;
+  gap: 0.85rem;
+  border: 1px solid rgb(255 255 255 / 0.1);
+  border-radius: 1rem;
+  background: rgb(9 10 13 / 0.88);
+  padding: 0.55rem 0.65rem 0.55rem 0.75rem;
+  color: var(--nodedc-text-primary);
+  box-shadow: 0 0.9rem 2.4rem rgb(0 0 0 / 0.3);
+  backdrop-filter: blur(20px);
+}
+
+.xgrids-k1-spatial-controls__phase {
+  display: flex;
+  min-width: 11rem;
+  flex: 1 1 15rem;
+  align-items: center;
+  gap: 0.58rem;
+}
+
+.xgrids-k1-spatial-controls__phase > span:last-child {
+  display: grid;
+  min-width: 0;
+  gap: 0.15rem;
+}
+
+.xgrids-k1-spatial-controls__phase strong,
+.xgrids-k1-spatial-controls__phase small {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.xgrids-k1-spatial-controls__phase strong {
+  font-size: 0.66rem;
+}
+
+.xgrids-k1-spatial-controls__phase small {
+  color: var(--nodedc-text-muted);
+  font-size: 0.53rem;
+}
+
+.xgrids-k1-spatial-controls__spinner {
+  width: 0.82rem;
+  height: 0.82rem;
+  flex: 0 0 0.82rem;
+  border: 1px solid rgb(255 255 255 / 0.16);
+  border-top-color: var(--nodedc-text-primary);
+  border-radius: 50%;
+  animation: xgrids-k1-spin 900ms linear infinite;
+}
+
+.xgrids-k1-spatial-controls__telemetry {
+  display: flex;
+  flex: 0 1 auto;
+  align-items: center;
+  gap: 0.65rem;
+}
+
+.xgrids-k1-spatial-controls__telemetry > span {
+  display: grid;
+  gap: 0.12rem;
+  white-space: nowrap;
+}
+
+.xgrids-k1-spatial-controls__telemetry small {
+  color: var(--nodedc-text-muted);
+  font-size: 0.48rem;
+}
+
+.xgrids-k1-spatial-controls__telemetry strong {
+  font-size: 0.61rem;
+}
+
+.xgrids-k1-spatial-controls__error {
+  display: grid;
+  max-width: 17rem;
+  gap: 0.12rem;
+  color: rgb(var(--nodedc-danger-rgb));
+}
+
+.xgrids-k1-spatial-controls__error strong {
+  font-size: 0.61rem;
+}
+
+.xgrids-k1-spatial-controls__error small {
+  overflow: hidden;
+  color: var(--nodedc-text-secondary);
+  font-size: 0.51rem;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+@keyframes xgrids-k1-spin {
+  to { transform: rotate(360deg); }
+}
+
+@media (max-width: 960px) {
+  .xgrids-k1-spatial-controls {
+    min-width: 0;
+  }
+
+  .xgrids-k1-spatial-controls__phase small,
+  .xgrids-k1-spatial-controls__telemetry,
+  .xgrids-k1-spatial-controls__error small {
+    display: none;
+  }
+}