SILVER/NODEDC_MISSION_CORE
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Стабилизация синхронного LAB-воспроизведения

Browse Source
This commit is contained in:
DCCONSTRUCTIONS
2026-08-23 18:56:06 +03:00
parent a3fc13ad63
commit 51bb1369eb
12 changed files with 1042 additions and 336 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/control-station/src/styles/laboratory.css
+9
View File
@@ -431,13 +431,22 @@
position: relative;
width: 100%;
height: 100%;
max-width: none;
max-height: none;
margin: 0;
padding: 0;
min-width: 0;
min-height: 0;
overflow: hidden;
border: 0;
border-radius: var(--nodedc-radius-option);
background: var(--nodedc-canvas);
}
.laboratory-evidence-viewer::backdrop {
background: var(--nodedc-canvas);
}
.laboratory-evidence-viewer__stage {
position: absolute;
inset: 0;
apps/control-station/src/styles/m4-replay-threat.css
+161 -12
View File
@@ -12,29 +12,137 @@
background: var(--nodedc-canvas);
}
.m4-replay-threat-visual__deck,
.m4-replay-threat-visual__layer {
.m4-replay-threat-visual__deck {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
min-width: 0;
min-height: 0;
overflow: hidden;
}
.m4-replay-threat-visual__deck[data-split="true"] {
display: block;
}
.m4-replay-threat-visual__deck[data-empty="true"] > .l3-visual-audit__state {
position: absolute;
z-index: 1;
inset: 0;
}
.m4-replay-threat-visual__pane {
position: relative;
min-width: 0;
min-height: 0;
overflow: hidden;
background: var(--nodedc-canvas);
}
.m4-replay-threat-visual__deck > .nodedc-split-pane,
.m4-replay-threat-visual__deck > .nodedc-split-pane > .nodedc-split-pane__panel,
.m4-replay-threat-visual__deck > .nodedc-split-pane > .nodedc-split-pane__panel > .m4-replay-threat-visual__pane,
.m4-replay-threat-visual__media-layer {
width: 100%;
height: 100%;
min-width: 0;
min-height: 0;
}
.m4-replay-threat-visual__layer {
visibility: hidden;
opacity: 0;
.m4-replay-threat-visual__media-layer > * {
width: 100%;
height: 100%;
}
.m4-replay-threat-visual__pane > .recorded-evidence-video-scene,
.m4-replay-threat-visual__pane > .recorded-evidence-image-scene,
.m4-replay-threat-visual__pane > .laboratory-metric-evidence-scene,
.m4-replay-threat-visual__pane > .l3-visual-audit__state {
width: 100%;
height: 100%;
}
.m4-replay-threat-visual__pane-toolbar {
position: absolute;
z-index: 4;
top: 0.6rem;
right: 0.6rem;
left: 0.6rem;
display: flex;
min-width: 0;
align-items: center;
gap: 0.35rem;
pointer-events: none;
}
.m4-replay-threat-visual__layer[data-active="true"] {
z-index: 1;
visibility: visible;
opacity: 1;
.m4-replay-threat-visual__pane-toolbar[data-pane-toolbar="media"] {
justify-content: flex-end;
}
.m4-replay-threat-visual__pane-toolbar[data-pane-toolbar="spatial"] {
justify-content: space-between;
}
.m4-replay-threat-visual__pane-toolbar > *,
.m4-replay-threat-visual__spatial-toolbar-end > * {
pointer-events: auto;
}
.m4-replay-threat-visual__spatial-toolbar-end {
display: flex;
min-width: 0;
align-items: center;
justify-content: flex-end;
gap: 0.35rem;
overflow-x: auto;
overscroll-behavior-inline: contain;
scrollbar-width: none;
}
.m4-replay-threat-visual__spatial-toolbar-end::-webkit-scrollbar {
display: none;
}
.m4-replay-threat-visual__pane-mode-controls {
flex: none;
pointer-events: auto;
}
.m4-replay-threat-visual__pane-status {
position: absolute;
z-index: 4;
top: 4.2rem;
right: 0.6rem;
left: calc(33.333333% + 1.2rem);
border-radius: var(--nodedc-radius-control-compact);
background: var(--nodedc-floating-surface);
padding: 0.42rem 0.58rem;
color: var(--nodedc-text-secondary);
font-size: 0.54rem;
text-align: left;
backdrop-filter: blur(var(--nodedc-blur-control));
pointer-events: none;
}
.m4-replay-threat-evidence-viewer
.m4-replay-threat-visual__pane[data-pane="spatial"]
.laboratory-metric-evidence-scene__legend {
box-sizing: border-box;
top: 4.2rem;
right: auto;
bottom: auto;
left: 0.6rem;
width: 33.333333%;
max-height: calc(100% - 8.4rem);
flex-flow: column nowrap;
align-items: flex-start;
gap: 0.3rem;
overflow-y: auto;
background: color-mix(in srgb, var(--nodedc-floating-surface) 80%, transparent);
}
.m4-replay-threat-visual__buffering {
position: absolute;
z-index: 5;
@@ -59,16 +167,42 @@
gap: 0.3rem;
}
.m4-replay-threat-evidence-viewer[data-mode-controls="content"] .laboratory-evidence-viewer__controls,
.m4-replay-threat-evidence-viewer[data-mode-controls="content"] .l3-visual-audit__actions {
pointer-events: none;
}
.m4-replay-threat-evidence-viewer[data-mode-controls="content"] .laboratory-evidence-viewer__controls > .nodedc-icon-button {
pointer-events: auto;
}
.m4-replay-threat-evidence-viewer .l3-visual-audit__actions {
justify-content: space-between;
}
.m4-replay-threat-visual__layer-controls {
.m4-replay-threat-visual__single-pane-controls {
margin-left: auto;
}
.m4-replay-threat-visual__layer-controls .nodedc-segmented__item {
padding-inline: 0.3rem;
.m4-replay-threat-visual__pane-layer-controls,
.m4-replay-threat-visual__single-pane-controls {
display: flex;
min-width: 0;
align-items: center;
gap: 0.3rem;
overflow-x: auto;
overscroll-behavior-inline: contain;
scrollbar-width: none;
}
.m4-replay-threat-visual__single-pane-controls,
.m4-replay-threat-visual__single-pane-controls > * {
pointer-events: auto;
}
.m4-replay-threat-visual__pane-layer-controls::-webkit-scrollbar,
.m4-replay-threat-visual__single-pane-controls::-webkit-scrollbar {
display: none;
}
.m4-replay-threat-evidence-viewer .laboratory-evidence-viewer__transport {
@@ -83,6 +217,21 @@
grid-template-columns: auto auto auto minmax(0, 1fr) auto;
}
.m4-replay-threat-visual__overlay {
align-items: stretch;
gap: 0.35rem;
background: transparent;
padding: 0;
backdrop-filter: none;
}
.m4-replay-threat-visual__overlay > div {
border-radius: var(--nodedc-radius-control-compact);
background: color-mix(in srgb, var(--nodedc-floating-surface) 80%, transparent);
padding: 0.55rem 0.65rem;
backdrop-filter: blur(var(--nodedc-blur-control));
}
.laboratory-metric-evidence-scene__viewport {
position: absolute;
inset: 0;