feat: guide raster building analysis workflow

2026-07-15 00:19:38 +02:00
parent d528677e03
commit 2f9898bc82
12 changed files with 598 additions and 64 deletions
@@ -3977,6 +3977,125 @@ button.entity-card {
  overflow-wrap: anywhere;
 }

+.guided-raster-input {
+  display: grid;
+  grid-template-columns: minmax(14rem, 1fr) minmax(14rem, 0.9fr) auto;
+  gap: 0.75rem;
+  align-items: end;
+  border: 1px solid #d8e3de;
+  border-radius: 8px;
+  padding: 0.75rem;
+  background: #f8fbf9;
+}
+
+.guided-raster-input > div,
+.file-picker-field {
+  display: grid;
+  min-width: 0;
+  gap: 0.25rem;
+}
+
+.guided-raster-input strong,
+.file-picker-field span {
+  color: var(--text);
+  font-size: 0.86rem;
+}
+
+.guided-raster-input p {
+  margin: 0;
+  color: var(--muted);
+  font-size: 0.78rem;
+  line-height: 1.4;
+}
+
+.guided-raster-input input[type="file"] {
+  min-height: 2.45rem;
+  padding: 0.42rem;
+  background: #ffffff;
+  font-size: 0.78rem;
+}
+
+.guided-detection-progress {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 0.5rem;
+}
+
+.guided-detection-step {
+  display: flex;
+  min-width: 0;
+  align-items: center;
+  gap: 0.45rem;
+  border: 1px solid #dce4e0;
+  border-radius: 7px;
+  padding: 0.52rem 0.6rem;
+  background: #ffffff;
+  color: var(--muted);
+}
+
+.guided-detection-step span {
+  display: grid;
+  width: 1.25rem;
+  height: 1.25rem;
+  flex: 0 0 1.25rem;
+  place-items: center;
+  border-radius: 50%;
+  background: #edf2ef;
+  font-size: 0.72rem;
+  font-weight: 800;
+}
+
+.guided-detection-step strong {
+  min-width: 0;
+  font-size: 0.78rem;
+  line-height: 1.25;
+  overflow-wrap: anywhere;
+}
+
+.guided-detection-step-active {
+  border-color: #8fb9ad;
+  background: #f2faf7;
+  color: var(--accent-strong);
+}
+
+.guided-detection-step-complete {
+  border-color: #b8dcc9;
+  background: #f8fff9;
+  color: #235f43;
+}
+
+.guided-detection-step-active span,
+.guided-detection-step-complete span {
+  background: #dcefe6;
+  color: #235f43;
+}
+
+.guided-detection-action {
+  min-height: 2.75rem;
+  padding-inline: 1.15rem;
+}
+
+.technical-manifest-surface {
+  margin-top: 0.1rem;
+}
+
+@media (max-width: 900px) {
+  .guided-raster-input {
+    grid-template-columns: 1fr;
+    align-items: stretch;
+  }
+
+  .guided-detection-progress {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
+@media (max-width: 520px) {
+  .guided-detection-progress {
+    grid-template-columns: 1fr;
+  }
+}
+
 .raster-readiness-item span,
 .raster-manifest-handoff span {
  color: var(--muted);