@kontourai/survey 0.4.12 → 0.4.14

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

@@ -1,6 +1,4 @@
-/* Bundled, scoped Survey Review Workbench styles for downstream embeds. */
-@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700;9..144,900&family=Hanken+Grotesk:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap");
-
+/* Bundled, scoped Survey Review Workbench styles for downstream embeds. Font loading is left to the host app. */
 .survey-workbench-embed{
   color-scheme: dark;
 
@@ -773,7 +771,7 @@
 
 .survey-workbench-embed .candidate-card{
   display: grid;
-  grid-template-rows: auto auto minmax(0, 1fr);
+  grid-template-rows: auto auto minmax(0, 1fr) auto;
   gap: 11px;
   min-height: auto;
   padding: 14px;
@@ -819,7 +817,7 @@
   color: var(--paper-faint);
   font-size: 10px;
   letter-spacing: 0.1em;
-  text-transform: none;
+  text-transform: uppercase;
   overflow-wrap: anywhere;
   word-break: break-word;
 }
@@ -1112,6 +1110,44 @@
   color: var(--paper-faint);
 }
 
+.survey-workbench-embed .reference-details{
+  margin-top: 10px;
+  border-top: 1px solid var(--line);
+  padding-top: 8px;
+}
+
+.survey-workbench-embed .reference-details summary{
+  cursor: pointer;
+  color: var(--paper-faint);
+  font-family: "IBM Plex Mono", ui-monospace, monospace;
+  font-size: 10px;
+  font-weight: 600;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.survey-workbench-embed .reference-details summary::-webkit-details-marker{
+  display: none;
+}
+
+.survey-workbench-embed .reference-details summary::before{
+  content: "› ";
+  color: var(--paper-faint);
+}
+
+.survey-workbench-embed .reference-details[open] summary{
+  color: var(--accent);
+}
+
+.survey-workbench-embed .reference-details[open] summary::before{
+  content: "⌄ ";
+  color: var(--accent);
+}
+
+.survey-workbench-embed .reference-details .field-stack{
+  margin-top: 8px;
+}
+
 /* ---- Decision payload: terminal readout, intentionally demoted -------- */
 
 .survey-workbench-embed .payload-panel{

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

@@ -530,11 +530,12 @@ function renderSurfacePreviewSections(preview) {
     ].join("");
 }
 function renderCanonicalClaim(preview) {
-    return renderPreviewSection("Selected canonical claim", "surface-canonical-claim", [
-        ["Candidate", preview.canonicalClaim.candidateId],
-        ["Claim", preview.canonicalClaim.claimId],
+    return renderPreviewSection("Selected claim", "surface-canonical-claim", [
         ["Value", preview.canonicalClaim.value],
         ["Review status", preview.canonicalClaim.status],
+    ], undefined, [
+        ["Candidate ID", preview.canonicalClaim.candidateId],
+        ["Claim ID", preview.canonicalClaim.claimId],
     ]);
 }
 function renderReviewEvent(preview) {
@@ -548,10 +549,11 @@ function renderReviewEvent(preview) {
 }
 function renderIntegrityPosture(preview) {
     return renderPreviewSection("Integrity posture", "surface-integrity-posture", [
-        ["Candidate set", preview.integrityPosture.candidateSetId],
-        ["Raw source", preview.integrityPosture.rawSourceId],
-        ["Extraction", preview.integrityPosture.extractionId],
         ["Checksum", preview.integrityPosture.checksum],
+    ], undefined, [
+        ["Candidate set ID", preview.integrityPosture.candidateSetId],
+        ["Raw source ID", preview.integrityPosture.rawSourceId],
+        ["Extraction ID", preview.integrityPosture.extractionId],
     ]);
 }
 function renderAuthorityTrace(preview) {
@@ -565,35 +567,50 @@ function renderCandidateHistory(preview) {
         ? [["History", "No unselected candidates."]]
         : preview.candidateHistory.flatMap((candidate) => [
             ["History", candidate.historyLabel],
-            ["Candidate", candidate.candidateId],
             ["Value", candidate.value],
         ]);
-    return renderPreviewSection("Unselected candidate history", "surface-candidate-history", rows);
+    const references = preview.candidateHistory.flatMap((candidate) => [
+        ["Candidate ID", candidate.candidateId],
+    ]);
+    return renderPreviewSection("Unselected candidate history", "surface-candidate-history", rows, undefined, references);
 }
 function renderSourceEvidence(preview) {
     const rows = [
         ["Source URL", preview.sourceEvidence.sourceRef],
-        ["Source ref", preview.sourceEvidence.sourceId],
         ["Excerpt", preview.sourceEvidence.excerpt],
-        ["Extraction", preview.sourceEvidence.extractionId],
         ["Extractor", preview.sourceEvidence.extractor],
         ["Observed", preview.sourceEvidence.observedAt],
     ];
+    const references = [
+        ["Source ID", preview.sourceEvidence.sourceId],
+        ["Extraction ID", preview.sourceEvidence.extractionId],
+    ];
     if (preview.sourceEvidence.sourceAuthority) {
         rows.push(["Source authority class", preview.sourceEvidence.sourceAuthority.authorityClass], ["Declared by", preview.sourceEvidence.sourceAuthority.declaredBy], ["Authority scope", preview.sourceEvidence.sourceAuthority.scope]);
     }
     return renderPreviewSection("Source evidence", "surface-source-evidence", rows);
 }
-function renderPreviewSection(title, testId, rows, extraClass = "") {
+function renderPreviewSection(title, testId, rows, extraClass = "", references = []) {
     return `
     <section class="preview-section${extraClass}" data-testid="${testId}">
       <h3>${escapeHtml(title)}</h3>
       <dl class="field-stack compact">
         ${rows.map(([label, value]) => fieldItem(label, value)).join("")}
       </dl>
+      ${references.length > 0 ? renderReferenceDetails(references) : ""}
     </section>
   `;
 }
+function renderReferenceDetails(references) {
+    return `
+    <details class="reference-details">
+      <summary>IDs and trace links</summary>
+      <dl class="field-stack compact">
+        ${references.map(([label, value]) => fieldItem(label, value)).join("")}
+      </dl>
+    </details>
+  `;
+}
 export function mountReviewWorkbench(root, startState = initialReviewQueueSessionState(), options = {}) {
     const controller = createReviewWorkbenchController(root, startState, options);
     controller.renderCurrentState();
@@ -807,7 +824,7 @@ function renderCandidateCard(candidate, state) {
     <article class="candidate-card${cssState}" data-testid="candidate-${escapeHtml(candidate.role ?? candidate.id)}" data-outcome="${candidateState}">
       <div class="card-head">
         <div>
-          <p class="eyebrow">${escapeHtml(candidate.id)}</p>
+          <p class="eyebrow">${escapeHtml(candidate.role === "proposed" ? "incoming value" : candidate.role === "current" ? "existing value" : "candidate")}</p>
           <h2 class="role">${escapeHtml(titleCase(candidate.role ?? "candidate"))}</h2>
         </div>
         <span class="state-label">${escapeHtml(candidateState)}</span>
@@ -818,13 +835,19 @@ function renderCandidateCard(candidate, state) {
       </div>
       <dl class="field-stack">
         ${fieldItem("Source URL", candidate.source.sourceRef)}
-        ${fieldItem("Source ref", candidate.source.sourceId ?? candidate.source.sourceRef)}
         ${fieldItem("Locator", candidate.locator?.locator ?? candidate.locator?.scheme ?? "none")}
         ${fieldItem("Excerpt", candidate.locator?.excerpt ?? "none", "excerpt")}
         ${fieldItem("Extraction confidence", confidence === undefined ? "unknown" : formatConfidence(confidence))}
         ${fieldItem("Extractor", candidate.extraction.extractor ?? "unknown")}
-        ${fieldItem("Claim", candidate.claimTarget.claimId ?? candidate.claimTarget.fieldOrBehavior)}
       </dl>
+      <details class="reference-details">
+        <summary>IDs and trace links</summary>
+        <dl class="field-stack compact">
+          ${fieldItem("Candidate ID", candidate.id)}
+          ${fieldItem("Source ID", candidate.source.sourceId ?? candidate.source.sourceRef)}
+          ${fieldItem("Claim ID", candidate.claimTarget.claimId ?? candidate.claimTarget.fieldOrBehavior)}
+        </dl>
+      </details>
     </article>
   `;
 }

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

@@ -621,7 +621,7 @@ h1 {
 
 .candidate-card {
   display: grid;
-  grid-template-rows: auto auto minmax(0, 1fr);
+  grid-template-rows: auto auto minmax(0, 1fr) auto;
   gap: 11px;
   min-height: auto;
   padding: 14px;
@@ -667,7 +667,7 @@ h1 {
   color: var(--paper-faint);
   font-size: 10px;
   letter-spacing: 0.1em;
-  text-transform: none;
+  text-transform: uppercase;
   overflow-wrap: anywhere;
   word-break: break-word;
 }
@@ -960,6 +960,44 @@ textarea:focus {
   color: var(--paper-faint);
 }
 
+.reference-details {
+  margin-top: 10px;
+  border-top: 1px solid var(--line);
+  padding-top: 8px;
+}
+
+.reference-details summary {
+  cursor: pointer;
+  color: var(--paper-faint);
+  font-family: "IBM Plex Mono", ui-monospace, monospace;
+  font-size: 10px;
+  font-weight: 600;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.reference-details summary::-webkit-details-marker {
+  display: none;
+}
+
+.reference-details summary::before {
+  content: "› ";
+  color: var(--paper-faint);
+}
+
+.reference-details[open] summary {
+  color: var(--accent);
+}
+
+.reference-details[open] summary::before {
+  content: "⌄ ";
+  color: var(--accent);
+}
+
+.reference-details .field-stack {
+  margin-top: 8px;
+}
+
 /* ---- Decision payload: terminal readout, intentionally demoted -------- */
 
 .payload-panel {

package/package.json

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