feat(observatory): add bounded M5.1 session review

2026-08-30 17:29:39 +03:00
parent 81fdf6904a
commit e6a9846167
14 changed files with 1099 additions and 2 deletions
@@ -0,0 +1,207 @@
+.observatory-workspace {
+  display: grid;
+  gap: 1rem;
+  min-width: 0;
+  min-height: 100%;
+  padding: 1rem;
+}
+
+.observatory-lead,
+.observatory-catalog-bar,
+.observatory-catalog-bar__controls,
+.observatory-notice,
+.observatory-session-summary > header,
+.observatory-evidence > header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+}
+
+.observatory-lead,
+.observatory-catalog-bar,
+.observatory-catalog-bar__controls,
+.observatory-notice {
+  flex-wrap: wrap;
+}
+
+.observatory-lead > div,
+.observatory-catalog-bar__copy,
+.observatory-session-summary header > div,
+.observatory-evidence header > div {
+  min-width: 0;
+}
+
+.observatory-lead h2,
+.observatory-catalog-bar h3,
+.observatory-session-summary h3,
+.observatory-evidence h3 {
+  margin: 0.3rem 0 0;
+}
+
+.observatory-lead p,
+.observatory-catalog-bar p,
+.observatory-state p,
+.observatory-evidence-empty p {
+  max-width: 52rem;
+  margin: 0.35rem 0 0;
+  color: var(--nodedc-text-muted);
+  line-height: 1.5;
+}
+
+.observatory-catalog-bar__copy {
+  flex: 1 1 auto;
+}
+
+.observatory-catalog-bar__controls {
+  flex: 1 1 32rem;
+  justify-content: flex-end;
+}
+
+.observatory-catalog-bar__controls .nodedc-select-anchor {
+  flex: 1 1 22rem;
+  min-width: min(28rem, 100%);
+}
+
+.observatory-state {
+  display: grid;
+  min-height: 19rem;
+  place-items: center;
+  align-content: center;
+  gap: 0.7rem;
+  text-align: center;
+}
+
+.observatory-state h3 {
+  max-width: 42rem;
+  margin: 0;
+}
+
+.observatory-session-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(min(24rem, 100%), 1fr));
+  gap: 1rem;
+  align-items: start;
+}
+
+.observatory-session-summary,
+.observatory-evidence {
+  display: grid;
+  gap: 1rem;
+}
+
+.observatory-session-summary dl,
+.observatory-evidence-list dl {
+  display: grid;
+  gap: 0.75rem;
+  margin: 0;
+}
+
+.observatory-session-summary dl > div,
+.observatory-evidence-list dl > div {
+  display: grid;
+  grid-template-columns: minmax(7.5rem, 0.42fr) minmax(0, 1fr);
+  gap: 0.85rem;
+  align-items: baseline;
+}
+
+.observatory-session-summary dt,
+.observatory-evidence-list dt {
+  color: var(--nodedc-text-muted);
+  font-size: var(--nodedc-font-size-xs);
+}
+
+.observatory-session-summary dd,
+.observatory-evidence-list dd {
+  min-width: 0;
+  margin: 0;
+  overflow-wrap: anywhere;
+  color: var(--nodedc-text-secondary);
+}
+
+.observatory-session-summary code,
+.observatory-evidence-list code {
+  font-size: var(--nodedc-font-size-xs);
+}
+
+.observatory-modalities {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.45rem;
+  align-items: center;
+  color: var(--nodedc-text-muted);
+}
+
+.observatory-evidence-list {
+  display: grid;
+  gap: 0.75rem;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.observatory-evidence-card {
+  display: grid;
+  gap: 0.85rem;
+}
+
+.observatory-evidence-list strong,
+.observatory-evidence-list span {
+  display: block;
+}
+
+.observatory-evidence-list span {
+  margin-top: 0.25rem;
+  color: var(--nodedc-text-muted);
+  font-size: var(--nodedc-font-size-sm);
+}
+
+.observatory-evidence-empty {
+  display: grid;
+  min-height: 13rem;
+  place-items: center;
+  align-content: center;
+  gap: 0.55rem;
+  text-align: center;
+}
+
+.observatory-evidence__bounded-note {
+  margin: 0;
+  color: var(--nodedc-text-muted);
+  font-size: var(--nodedc-font-size-xs);
+  line-height: 1.45;
+}
+
+.observatory-notice {
+  justify-content: flex-start;
+  color: var(--nodedc-text-secondary);
+}
+
+.observatory-notice__copy {
+  min-width: 0;
+  flex: 1 1 auto;
+}
+
+@media (max-width: 920px) {
+  .observatory-lead,
+  .observatory-catalog-bar,
+  .observatory-catalog-bar__controls,
+  .observatory-notice {
+    align-items: stretch;
+    flex-direction: column;
+  }
+
+  .observatory-catalog-bar__controls {
+    flex-basis: auto;
+  }
+
+  .observatory-catalog-bar__controls .nodedc-select-anchor {
+    flex: 0 0 auto;
+    width: 100%;
+    min-width: 0;
+  }
+
+  .observatory-session-grid {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}