@kontourai/survey 0.4.9 → 0.4.10

package/dist/src/review-workbench/review-workbench.css

@@ -231,6 +231,7 @@
 .survey-workbench-embed .workbench{
   position: relative;
   z-index: 1;
+  container-type: inline-size;
   min-height: 100vh;
   padding: 30px 26px 60px;
 }
@@ -239,7 +240,7 @@
   display: grid;
   grid-template-rows: auto minmax(0, 1fr);
   gap: 22px;
-  max-width: 1280px;
+  max-width: 1360px;
   margin: 0 auto;
 }
 
@@ -359,7 +360,7 @@
 
 .survey-workbench-embed .queue-layout{
   display: grid;
-  grid-template-columns: 300px minmax(0, 1fr);
+  grid-template-columns: 280px minmax(0, 1fr);
   gap: 22px;
   align-items: start;
 }
@@ -636,10 +637,11 @@
 
 .survey-workbench-embed .content-grid{
   display: grid;
-  grid-template-columns: minmax(0, 1fr) minmax(360px, 440px);
+  grid-template-columns: minmax(0, 1fr);
   grid-template-areas:
-    "focus decision"
-    "candidates decision";
+    "focus"
+    "decision"
+    "candidates";
   gap: 22px;
   align-items: start;
 }
@@ -774,7 +776,7 @@
   display: grid;
   grid-template-rows: auto auto minmax(0, 1fr);
   gap: 16px;
-  min-height: 560px;
+  min-height: 460px;
   padding: 20px;
   position: relative;
   overflow: hidden;
@@ -916,6 +918,7 @@
 .survey-workbench-embed .decision-column{
   grid-area: decision;
   display: grid;
+  grid-template-columns: minmax(0, 1fr);
   gap: 18px;
   animation: rise 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
   animation-delay: 0.15s;
@@ -1068,7 +1071,7 @@
 
 .survey-workbench-embed .preview-section-grid{
   display: grid;
-  grid-template-columns: minmax(0, 1fr);
+  grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 10px;
 }
 
@@ -1271,6 +1274,69 @@
   }
 }
 
+@container (max-width: 1100px) {
+  .survey-workbench-embed .topbar,
+  .survey-workbench-embed .queue-layout,
+  .survey-workbench-embed .focus-evidence{
+    grid-template-columns: 1fr;
+  }
+
+  .survey-workbench-embed .queue-layout{
+    grid-template-areas:
+      "content"
+      "queue";
+  }
+
+  .survey-workbench-embed .queue-panel{
+    grid-area: queue;
+    position: static;
+  }
+
+  .survey-workbench-embed .content-grid{
+    grid-area: content;
+    grid-template-columns: 1fr;
+    grid-template-areas:
+      "focus"
+      "decision"
+      "candidates";
+  }
+
+  .survey-workbench-embed .content-grid,
+  .survey-workbench-embed .review-main,
+  .survey-workbench-embed .candidate-grid,
+  .survey-workbench-embed .decision-column{
+    min-width: 0;
+  }
+}
+
+@container (max-width: 860px) {
+  .survey-workbench-embed .candidate-grid,
+  .survey-workbench-embed .focus-values,
+  .survey-workbench-embed .preview-section-grid{
+    grid-template-columns: 1fr;
+  }
+
+  .survey-workbench-embed .candidate-grid::before{
+    display: none;
+  }
+
+  .survey-workbench-embed .candidate-card{
+    min-height: auto;
+  }
+}
+
+@container (max-width: 620px) {
+  .survey-workbench-embed .topbar .meta-grid{
+    display: none;
+  }
+
+  .survey-workbench-embed .decision-buttons,
+  .survey-workbench-embed .summary-grid,
+  .survey-workbench-embed .audit-grid{
+    grid-template-columns: 1fr;
+  }
+}
+
 @media (max-width: 560px) {
   .survey-workbench-embed .workbench{
     padding: 14px 10px 36px;

package/dist/src/review-workbench/review-workbench.standalone.css

@@ -78,6 +78,7 @@ p {
 .workbench {
   position: relative;
   z-index: 1;
+  container-type: inline-size;
   min-height: 100vh;
   padding: 30px 26px 60px;
 }
@@ -86,7 +87,7 @@ p {
   display: grid;
   grid-template-rows: auto minmax(0, 1fr);
   gap: 22px;
-  max-width: 1280px;
+  max-width: 1360px;
   margin: 0 auto;
 }
 
@@ -206,7 +207,7 @@ h1 {
 
 .queue-layout {
   display: grid;
-  grid-template-columns: 300px minmax(0, 1fr);
+  grid-template-columns: 280px minmax(0, 1fr);
   gap: 22px;
   align-items: start;
 }
@@ -483,10 +484,11 @@ h1 {
 
 .content-grid {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) minmax(360px, 440px);
+  grid-template-columns: minmax(0, 1fr);
   grid-template-areas:
-    "focus decision"
-    "candidates decision";
+    "focus"
+    "decision"
+    "candidates";
   gap: 22px;
   align-items: start;
 }
@@ -621,7 +623,7 @@ h1 {
   display: grid;
   grid-template-rows: auto auto minmax(0, 1fr);
   gap: 16px;
-  min-height: 560px;
+  min-height: 460px;
   padding: 20px;
   position: relative;
   overflow: hidden;
@@ -763,6 +765,7 @@ h1 {
 .decision-column {
   grid-area: decision;
   display: grid;
+  grid-template-columns: minmax(0, 1fr);
   gap: 18px;
   animation: rise 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
   animation-delay: 0.15s;
@@ -915,7 +918,7 @@ textarea:focus {
 
 .preview-section-grid {
   display: grid;
-  grid-template-columns: minmax(0, 1fr);
+  grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 10px;
 }
 
@@ -1118,6 +1121,69 @@ pre {
   }
 }
 
+@container (max-width: 1100px) {
+  .topbar,
+  .queue-layout,
+  .focus-evidence {
+    grid-template-columns: 1fr;
+  }
+
+  .queue-layout {
+    grid-template-areas:
+      "content"
+      "queue";
+  }
+
+  .queue-panel {
+    grid-area: queue;
+    position: static;
+  }
+
+  .content-grid {
+    grid-area: content;
+    grid-template-columns: 1fr;
+    grid-template-areas:
+      "focus"
+      "decision"
+      "candidates";
+  }
+
+  .content-grid,
+  .review-main,
+  .candidate-grid,
+  .decision-column {
+    min-width: 0;
+  }
+}
+
+@container (max-width: 860px) {
+  .candidate-grid,
+  .focus-values,
+  .preview-section-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .candidate-grid::before {
+    display: none;
+  }
+
+  .candidate-card {
+    min-height: auto;
+  }
+}
+
+@container (max-width: 620px) {
+  .topbar .meta-grid {
+    display: none;
+  }
+
+  .decision-buttons,
+  .summary-grid,
+  .audit-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
 @media (max-width: 560px) {
   .workbench {
     padding: 14px 10px 36px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kontourai/survey",
-  "version": "0.4.9",
+  "version": "0.4.10",
   "description": "Producer-side source, extraction, candidate, and review contracts for projecting verified claims into Surface.",
   "license": "Apache-2.0",
   "type": "module",