@thehammer/template-verification 0.2.22 → 0.2.23

package/dist/template-verification.js

@@ -1,7 +1,7 @@
-import { ref as F, watch as Y, defineComponent as M, openBlock as o, createElementBlock as c, normalizeClass as h, createCommentVNode as k, computed as i, createElementVNode as p, createVNode as T, createBlock as B, unref as f, Fragment as j, renderSlot as ie, withModifiers as W, withDirectives as oe, isRef as se, vModelCheckbox as ue, toDisplayString as $ } from "vue";
-import { DanxSkeleton as ce, useToast as de, DanxIcon as fe, gearIcon as ve, DanxBadge as pe, DanxProgressBar as me, DanxToastContainer as be } from "@thehammer/danx-ui";
-import { CodeViewer as ge } from "@thehammer/danx-ui/components/code-viewer";
-const R = "tv-chrome", he = "tv-editable", Z = "template-verification:enabled";
+import { ref as F, watch as Y, defineComponent as M, openBlock as i, createElementBlock as u, normalizeClass as g, createCommentVNode as k, computed as o, createElementVNode as m, createVNode as T, createBlock as B, unref as f, Fragment as j, renderSlot as oe, toDisplayString as E, withModifiers as W, withDirectives as ie, isRef as se, vModelCheckbox as ue } from "vue";
+import { DanxSkeleton as ce, useToast as de, DanxIcon as fe, gearIcon as ve, DanxBadge as pe, DanxProgressBar as me, DanxToastContainer as he } from "@thehammer/danx-ui";
+import { CodeViewer as be } from "@thehammer/danx-ui/components/code-viewer";
+const R = "tv-chrome", ge = "tv-editable", Z = "template-verification:enabled";
 let N = null;
 function we(e) {
   var t;
@@ -37,7 +37,7 @@ function ee(e) {
 function _e() {
   return N || (N = ee()), N;
 }
-function ut(e) {
+function ct(e) {
   N = ee(e);
 }
 function te() {
@@ -147,7 +147,7 @@ function U(e, t, n) {
     return;
   }
   if (!X(e)) return;
-  const m = e.__meta ?? {};
+  const h = e.__meta ?? {};
   for (const [r, v] of Object.entries(e)) {
     if (r === "__meta") continue;
     const w = t ? `${t}.${r}` : r;
@@ -155,13 +155,13 @@ function U(e, t, n) {
       U(v, w, n);
       continue;
     }
-    const b = m[r];
-    !b && ze.has(r) || n.push({
+    const p = h[r];
+    !p && ze.has(r) || n.push({
       path: w,
       label: r,
-      meta: b ?? null,
+      meta: p ?? null,
       value: v,
-      unanchored: !b
+      unanchored: !p
     });
   }
 }
@@ -178,18 +178,18 @@ function Ue(e) {
   const t = re(e).filter(
     (r) => r.meta !== null
   ), n = t.length;
-  let d = 0, m = 0;
+  let d = 0, h = 0;
   for (const r of t) {
     if (r.meta.candidates.override) {
       d++;
       continue;
     }
-    ae(r.meta) && m++;
+    ae(r.meta) && h++;
   }
   return {
     total: n,
     verified: d,
-    needsReview: m,
+    needsReview: h,
     percent: n === 0 ? 100 : Math.round(d / n * 100)
   };
 }
@@ -206,15 +206,15 @@ const Ye = ["data-level"], qe = /* @__PURE__ */ M({
       4: "w-4/5 bg-(--confidence-4)",
       5: "w-full bg-(--confidence-5)"
     };
-    return (d, m) => (o(), c("span", {
-      class: h(["tv-confidence-bar flex h-[3px] w-[19px] shrink-0 overflow-hidden rounded-full", t.level === null ? "border border-dotted border-(--confidence-none)" : ""]),
+    return (d, h) => (i(), u("span", {
+      class: g(["tv-confidence-bar flex h-[3px] w-[19px] shrink-0 overflow-hidden rounded-full", t.level === null ? "border border-dotted border-(--confidence-none)" : ""]),
       "data-theme": "light",
       "data-level": t.level ?? "none",
       "aria-hidden": "true"
     }, [
-      t.level !== null ? (o(), c("span", {
+      t.level !== null ? (i(), u("span", {
         key: 0,
-        class: h(["tv-confidence-fill h-full rounded-full", n[t.level]])
+        class: g(["tv-confidence-fill h-full rounded-full", n[t.level]])
       }, null, 2)) : k("", !0)
     ], 10, Ye));
   }
@@ -224,17 +224,17 @@ const Ye = ["data-level"], qe = /* @__PURE__ */ M({
     state: {}
   },
   setup(e) {
-    const t = e, n = i(() => z(t.state)), d = i(
+    const t = e, n = o(() => z(t.state)), d = o(
       () => t.state === "failed" || t.state === "unrated" ? null : t.state
     );
-    return (m, r) => t.state === "failed" ? (o(), c("span", {
+    return (h, r) => t.state === "failed" ? (i(), u("span", {
       key: 0,
       class: "tv-confidence-icon inline-flex items-center rounded-full bg-red-100 px-2 py-0.5 text-[11px] font-semibold leading-none text-red-800 ring-1 ring-inset ring-red-700/30",
       "data-status": "failed",
       title: n.value
     }, [...r[0] || (r[0] = [
-      p("span", { "aria-hidden": "true" }, "⊗", -1)
-    ])], 8, Ge)) : (o(), c("span", {
+      m("span", { "aria-hidden": "true" }, "⊗", -1)
+    ])], 8, Ge)) : (i(), u("span", {
       key: 1,
       class: "tv-confidence-icon inline-flex items-center rounded-full bg-white px-1.5 py-1.5 ring-1 ring-inset ring-gray-300",
       "data-status": String(t.state),
@@ -244,74 +244,78 @@ const Ye = ["data-level"], qe = /* @__PURE__ */ M({
     ], 8, He));
   }
 }), Ke = {
+  key: 0,
+  class: "tv-field-placeholder"
+}, Qe = {
   key: 0,
   class: "tv-mark-anchor"
-}, Qe = ["aria-label", "title"], We = {
+}, We = ["aria-label", "title"], Xe = {
   key: 1,
   class: "tv-verified-chip tv-audit-chip inline-flex items-center gap-1 rounded-full bg-green-600 px-2 py-0.5 text-[11px] font-semibold leading-none text-white",
   "data-status": "audited"
-}, Xe = {
+}, Ze = {
   key: 2,
   class: "tv-verified-chip inline-flex items-center gap-1 rounded-full bg-green-600 px-2 py-0.5 text-[11px] font-semibold leading-none text-white",
   "data-status": "verified"
-}, Ze = {
+}, et = {
   key: 3,
   class: "tv-verified-chip tv-verified-chip-empty inline-flex items-center gap-1 rounded-full border-2 border-dashed border-green-600 bg-transparent px-2 py-0.5 text-[11px] font-semibold leading-none text-green-600",
   "data-status": "verified-empty"
-}, et = {
+}, tt = {
   key: 5,
   class: "tv-correction-indicator ml-0.5 text-blue-500",
   "aria-hidden": !0
-}, ct = /* @__PURE__ */ M({
+}, dt = /* @__PURE__ */ M({
   __name: "VerifiedField",
   props: {
     source: {},
     field: {},
     original: {},
-    format: { type: Function }
+    format: { type: Function },
+    placeholder: {}
   },
   setup(e) {
-    const t = e, n = te(), d = i(() => n.enabled.value), m = i(() => n.loading), r = i(() => {
+    const t = e, n = te(), d = o(() => n.enabled.value), h = o(() => n.loading), r = o(() => {
       var a;
       return t.source && t.field ? ((a = t.source.__meta) == null ? void 0 : a[t.field]) ?? null : null;
-    }), v = i(() => Re(r.value)), w = i(() => {
+    }), v = o(() => Re(r.value)), w = o(() => {
       if (t.original !== void 0 && t.original !== null)
         return t.original;
       if (r.value && v.value.value !== null && v.value.value !== void 0)
         return v.value.value;
       if (t.source && t.field) return t.source[t.field];
-    }), b = i(() => {
+    }), p = o(() => {
       const a = w.value;
       return a == null ? "" : typeof t.format == "function" ? t.format(a) : String(a);
-    }), D = i(() => {
-      var l, u;
-      const a = (u = (l = r.value) == null ? void 0 : l.candidates) == null ? void 0 : u.extracted;
+    }), D = o(() => {
+      var l, c;
+      const a = (c = (l = r.value) == null ? void 0 : l.candidates) == null ? void 0 : c.extracted;
       return Ce(a == null ? void 0 : a.confidence, (a == null ? void 0 : a.state) === "failed");
-    }), g = i(() => De(r.value)), s = i(() => Ve(r.value)), y = i(() => !g.value && Ne(r.value)), x = i(() => {
+    }), b = o(() => De(r.value)), s = o(() => Ve(r.value)), y = o(() => !b.value && Ne(r.value)), x = o(() => {
       var a, l;
       return !!((l = (a = r.value) == null ? void 0 : a.candidates) != null && l.override);
-    }), L = i(() => {
-      var a, l, u;
-      return ((u = (l = (a = r.value) == null ? void 0 : a.candidates) == null ? void 0 : l.extracted) == null ? void 0 : u.source) ?? null;
-    }), E = i(() => !x.value && L.value === "audit"), S = i(() => {
-      var a, l, u;
-      return x.value ? ((u = (l = (a = r.value) == null ? void 0 : a.candidates) == null ? void 0 : l.override) == null ? void 0 : u.value) === null ? "confirmed-empty" : "confirmed" : "unverified";
-    }), C = i(() => d.value), O = i(() => {
+    }), L = o(() => {
+      var a, l, c;
+      return ((c = (l = (a = r.value) == null ? void 0 : a.candidates) == null ? void 0 : l.extracted) == null ? void 0 : c.source) ?? null;
+    }), C = o(() => !x.value && L.value === "audit"), S = o(() => {
+      var a, l, c;
+      return x.value ? ((c = (l = (a = r.value) == null ? void 0 : a.candidates) == null ? void 0 : l.override) == null ? void 0 : c.value) === null ? "confirmed-empty" : "confirmed" : "unverified";
+    }), $ = o(() => d.value), O = o(() => {
       const a = r.value;
-      return C.value && !!a && ae(a);
-    }), A = i(() => {
+      return $.value && !!a && ae(a);
+    }), A = o(() => {
       var a;
-      return C.value && !!((a = r.value) != null && a.anchor);
-    }), q = i(() => {
+      return $.value && !!((a = r.value) != null && a.anchor);
+    }), q = o(() => {
       var J, K, Q;
       const a = t.field ?? "This value", l = A.value ? " — open in the review panel" : " — no place to record a correction";
       if (S.value === "confirmed-empty")
         return `${a}: a person confirmed this field is genuinely blank${l}`;
       if (x.value) return `${a}: verified by a person${l}`;
-      const u = (K = (J = r.value) == null ? void 0 : J.candidates) == null ? void 0 : K.extracted, I = D.value, _ = [], V = typeof I == "number" ? `${z(I)} (${I}/5)` : z(I);
-      _.push(E.value ? `Verified by audit — ${V}` : V);
-      const P = (u == null ? void 0 : u.sources_count) ?? ((Q = u == null ? void 0 : u.sources) == null ? void 0 : Q.length) ?? 0;
-      return P > 0 && _.push(`${P} cited ${P === 1 ? "page" : "pages"}`), g.value ? _.push(s.value ? "source document conflict" : "sources disagree") : y.value && _.push("value corrected"), `${a}: ${_.join(", ")}${l}`;
+      const c = (K = (J = r.value) == null ? void 0 : J.candidates) == null ? void 0 : K.extracted, I = D.value, _ = [], V = typeof I == "number" ? `${z(I)} (${I}/5)` : z(I);
+      _.push(C.value ? `Verified by audit — ${V}` : V);
+      const P = (c == null ? void 0 : c.sources_count) ?? ((Q = c == null ? void 0 : c.sources) == null ? void 0 : Q.length) ?? 0;
+      return P > 0 && _.push(`${P} cited ${P === 1 ? "page" : "pages"}`), b.value ? _.push(s.value ? "source document conflict" : "sources disagree") : y.value && _.push("value corrected"), `${a}: ${_.join(", ")}${l}`;
     });
     function G() {
       var l;
@@ -320,7 +324,7 @@ const Ye = ["data-level"], qe = /* @__PURE__ */ M({
         anchor: a,
         workflowInputId: n.workflowInputId,
         label: t.field ?? null,
-        value: b.value
+        value: p.value
       });
     }
     function le() {
@@ -332,14 +336,14 @@ const Ye = ["data-level"], qe = /* @__PURE__ */ M({
     const H = F(null);
     return Y(
       H,
-      (a, l, u) => {
+      (a, l, c) => {
         if (!a || typeof MutationObserver > "u") return;
         const I = () => {
           a.querySelectorAll(".dx-language-badge-container").forEach((V) => V.remove());
         };
         I();
         const _ = new MutationObserver(I);
-        _.observe(a, { childList: !0, subtree: !0 }), u(() => _.disconnect());
+        _.observe(a, { childList: !0, subtree: !0 }), c(() => _.disconnect());
       },
       // `flush: "sync"` — a template ref is populated by Vue's own patch process,
       // and the DEFAULT ("pre") flush timing runs a watcher reacting to that
@@ -349,29 +353,30 @@ const Ye = ["data-level"], qe = /* @__PURE__ */ M({
       // conceivably a synchronous export/print path) must never observe the
       // badge even for one tick, so this cannot wait for the async scheduler.
       { immediate: !0, flush: "sync" }
-    ), (a, l) => (o(), c("span", {
-      class: h(["tv-field", O.value ? "tv-needs-review" : ""])
+    ), (a, l) => (i(), u("span", {
+      class: g(["tv-field", O.value ? "tv-needs-review" : ""])
     }, [
-      m.value ? (o(), B(f(ce), {
+      h.value ? (i(), B(f(ce), {
         key: 0,
         shape: "rounded",
         class: "tv-field-skeleton inline-block h-[1em] w-16 align-middle"
-      })) : (o(), c(j, { key: 1 }, [
-        p("span", {
-          class: h(["tv-field-value", A.value ? f(he) : ""]),
+      })) : (i(), u(j, { key: 1 }, [
+        m("span", {
+          class: g(["tv-field-value", A.value ? f(ge) : ""]),
           onClick: le
         }, [
-          ie(a.$slots, "default", {
+          oe(a.$slots, "default", {
             value: w.value,
-            formatted: b.value
+            formatted: p.value
           }, () => [
-            p("span", {
+            !p.value && e.placeholder ? (i(), u("em", Ke, E(e.placeholder), 1)) : (i(), u("span", {
+              key: 1,
               ref_key: "markdownFallbackRef",
               ref: H,
               class: "tv-markdown-fallback-wrap"
             }, [
-              T(f(ge), {
-                "model-value": b.value,
+              T(f(be), {
+                "model-value": p.value,
                 format: "markdown",
                 theme: "light",
                 "can-edit": !1,
@@ -379,59 +384,59 @@ const Ye = ["data-level"], qe = /* @__PURE__ */ M({
                 "hide-footer": "",
                 class: "tv-markdown-fallback"
               }, null, 8, ["model-value"])
-            ], 512)
+            ], 512))
           ])
         ], 2),
-        C.value ? (o(), c("span", Ke, [
-          p("button", {
+        $.value ? (i(), u("span", Qe, [
+          m("button", {
             type: "button",
-            class: h(["tv-overlay", [f(R), A.value ? "cursor-pointer" : "cursor-default"]]),
+            class: g(["tv-overlay", [f(R), A.value ? "cursor-pointer" : "cursor-default"]]),
             "aria-label": q.value,
             title: q.value,
-            onClick: l[0] || (l[0] = (u) => A.value ? G() : void 0)
+            onClick: l[0] || (l[0] = (c) => A.value ? G() : void 0)
           }, [
-            S.value === "unverified" && !E.value ? (o(), B(Je, {
+            S.value === "unverified" && !C.value ? (i(), B(Je, {
               key: 0,
               state: D.value
-            }, null, 8, ["state"])) : S.value === "unverified" && E.value ? (o(), c("span", We, "A")) : S.value === "confirmed" ? (o(), c("span", Xe, "✔")) : (o(), c("span", Ze, "✔")),
-            g.value && !x.value ? (o(), c("span", {
+            }, null, 8, ["state"])) : S.value === "unverified" && C.value ? (i(), u("span", Xe, "A")) : S.value === "confirmed" ? (i(), u("span", Ze, "✔")) : (i(), u("span", et, "✔")),
+            b.value && !x.value ? (i(), u("span", {
               key: 4,
-              class: h(["tv-discrepancy-indicator ml-0.5 text-amber-500", s.value ? "tv-source-discrepancy-indicator" : ""]),
+              class: g(["tv-discrepancy-indicator ml-0.5 text-amber-500", s.value ? "tv-source-discrepancy-indicator" : ""]),
               "aria-hidden": !0
-            }, "⚠", 2)) : y.value && !x.value ? (o(), c("span", et, "✎")) : k("", !0)
-          ], 10, Qe)
+            }, "⚠", 2)) : y.value && !x.value ? (i(), u("span", tt, "✎")) : k("", !0)
+          ], 10, We)
         ])) : k("", !0)
       ], 64))
     ], 2));
   }
-}), tt = { class: "tv-enable-toggle flex items-center justify-between text-sm font-medium text-gray-700" }, nt = { class: "tv-progress-block" }, rt = { class: "mb-1 flex items-baseline justify-between" }, at = { class: "tv-progress-count text-xs font-semibold text-gray-600" }, lt = {
+}), nt = { class: "tv-enable-toggle flex items-center justify-between text-sm font-medium text-gray-700" }, rt = { class: "tv-progress-block" }, at = { class: "mb-1 flex items-baseline justify-between" }, lt = { class: "tv-progress-count text-xs font-semibold text-gray-600" }, ot = {
   key: 0,
   class: "tv-attempts-recorded mt-1 text-[11px] text-gray-400"
-}, dt = /* @__PURE__ */ M({
+}, ft = /* @__PURE__ */ M({
   __name: "VerificationChrome",
   setup(e) {
-    const t = te(), { enabled: n } = t, d = de(), m = F(!1), r = i(() => Ue(t.data)), v = i(
+    const t = te(), { enabled: n } = t, d = de(), h = F(!1), r = o(() => Ue(t.data)), v = o(
       () => re(t.data).reduce(
-        (g, s) => {
-          var y, x, L, E, S, C, O;
-          return g + (((L = (x = (y = s.meta) == null ? void 0 : y.candidates) == null ? void 0 : x.extracted) == null ? void 0 : L.history_count) ?? ((O = (C = (S = (E = s.meta) == null ? void 0 : E.candidates) == null ? void 0 : S.extracted) == null ? void 0 : C.history) == null ? void 0 : O.length) ?? 0);
+        (b, s) => {
+          var y, x, L, C, S, $, O;
+          return b + (((L = (x = (y = s.meta) == null ? void 0 : y.candidates) == null ? void 0 : x.extracted) == null ? void 0 : L.history_count) ?? ((O = ($ = (S = (C = s.meta) == null ? void 0 : C.candidates) == null ? void 0 : S.extracted) == null ? void 0 : $.history) == null ? void 0 : O.length) ?? 0);
         },
         0
       )
     ), w = F(!1);
     Y(
       () => r.value.percent,
-      (g) => {
-        g === 100 && r.value.total > 0 && !w.value && (w.value = !0, d.success("All data points verified 🎯"));
+      (b) => {
+        b === 100 && r.value.total > 0 && !w.value && (w.value = !0, d.success("All data points verified 🎯"));
       }
     );
-    let b = 0;
+    let p = 0;
     function D() {
-      const g = document.querySelectorAll(".tv-needs-review");
-      if (!g.length) return;
-      b = b % g.length;
-      const s = g[b];
-      b++, s.scrollIntoView({ behavior: "smooth", block: "center" }), s.animate(
+      const b = document.querySelectorAll(".tv-needs-review");
+      if (!b.length) return;
+      p = p % b.length;
+      const s = b[p];
+      p++, s.scrollIntoView({ behavior: "smooth", block: "center" }), s.animate(
         [
           { boxShadow: "0 0 0 0 rgba(245, 158, 11, 0.8)" },
           { boxShadow: "0 0 0 12px rgba(245, 158, 11, 0)" }
@@ -439,31 +444,31 @@ const Ye = ["data-level"], qe = /* @__PURE__ */ M({
         { duration: 900, iterations: 2 }
       );
     }
-    return (g, s) => (o(), c(j, null, [
-      p("button", {
+    return (b, s) => (i(), u(j, null, [
+      m("button", {
         type: "button",
-        class: h(["tv-settings-button fixed bottom-4 right-4 z-50 flex h-11 w-11 items-center justify-center rounded-full bg-gray-900 text-white shadow-lg transition-transform hover:scale-105", f(R)]),
+        class: g(["tv-settings-button fixed bottom-4 right-4 z-50 flex h-11 w-11 items-center justify-center rounded-full bg-gray-900 text-white shadow-lg transition-transform hover:scale-105", f(R)]),
         title: "Verification",
-        onClick: s[0] || (s[0] = W((y) => m.value = !m.value, ["stop"]))
+        onClick: s[0] || (s[0] = W((y) => h.value = !h.value, ["stop"]))
       }, [
         T(f(fe), {
           icon: f(ve),
           class: "h-5 w-5"
         }, null, 8, ["icon"]),
-        f(n) && r.value.needsReview > 0 ? (o(), B(f(pe), {
+        f(n) && r.value.needsReview > 0 ? (i(), B(f(pe), {
           key: 0,
           value: r.value.needsReview,
           variant: "warning",
           class: "tv-needs-review-badge absolute -right-1 -top-1"
         }, null, 8, ["value"])) : k("", !0)
       ], 2),
-      m.value ? (o(), c("div", {
+      h.value ? (i(), u("div", {
         key: 0,
-        class: h(["tv-settings-panel fixed bottom-20 right-4 z-50 flex w-72 flex-col gap-4 rounded-xl bg-white p-4 shadow-2xl ring-1 ring-gray-200", f(R)])
+        class: g(["tv-settings-panel fixed bottom-20 right-4 z-50 flex w-72 flex-col gap-4 rounded-xl bg-white p-4 shadow-2xl ring-1 ring-gray-200", f(R)])
       }, [
-        p("label", tt, [
-          s[2] || (s[2] = p("span", null, "Verification overlay", -1)),
-          oe(p("input", {
+        m("label", nt, [
+          s[2] || (s[2] = m("span", null, "Verification overlay", -1)),
+          ie(m("input", {
             "onUpdate:modelValue": s[1] || (s[1] = (y) => se(n) ? n.value = y : null),
             type: "checkbox",
             class: "tv-enable-checkbox h-4 w-4 accent-gray-900"
@@ -471,11 +476,11 @@ const Ye = ["data-level"], qe = /* @__PURE__ */ M({
             [ue, f(n)]
           ])
         ]),
-        f(n) && r.value.total > 0 ? (o(), c(j, { key: 0 }, [
-          p("div", nt, [
-            p("div", rt, [
-              s[3] || (s[3] = p("span", { class: "text-[11px] font-semibold uppercase tracking-wider text-gray-400" }, "Review progress", -1)),
-              p("span", at, $(r.value.verified) + " / " + $(r.value.total), 1)
+        f(n) && r.value.total > 0 ? (i(), u(j, { key: 0 }, [
+          m("div", rt, [
+            m("div", at, [
+              s[3] || (s[3] = m("span", { class: "text-[11px] font-semibold uppercase tracking-wider text-gray-400" }, "Review progress", -1)),
+              m("span", lt, E(r.value.verified) + " / " + E(r.value.total), 1)
             ]),
             T(f(me), {
               value: r.value.verified,
@@ -487,21 +492,21 @@ const Ye = ["data-level"], qe = /* @__PURE__ */ M({
               glow: r.value.percent === 100,
               gradient: ""
             }, null, 8, ["value", "max", "variant", "striped", "animate-stripes", "glow"]),
-            v.value > 0 ? (o(), c("div", lt, $(v.value) + " extraction attempt" + $(v.value === 1 ? "" : "s") + " recorded ", 1)) : k("", !0)
+            v.value > 0 ? (i(), u("div", ot, E(v.value) + " extraction attempt" + E(v.value === 1 ? "" : "s") + " recorded ", 1)) : k("", !0)
           ]),
-          r.value.needsReview > 0 ? (o(), c("button", {
+          r.value.needsReview > 0 ? (i(), u("button", {
             key: 0,
             type: "button",
-            class: h(["tv-next-flagged flex items-center justify-between rounded-lg bg-amber-50 px-3 py-2 text-left text-xs font-medium text-amber-700 ring-1 ring-inset ring-amber-600/20 transition hover:bg-amber-100", f(R)]),
+            class: g(["tv-next-flagged flex items-center justify-between rounded-lg bg-amber-50 px-3 py-2 text-left text-xs font-medium text-amber-700 ring-1 ring-inset ring-amber-600/20 transition hover:bg-amber-100", f(R)]),
             onClick: W(D, ["stop"])
           }, [
-            p("span", null, $(r.value.needsReview) + " need" + $(r.value.needsReview === 1 ? "s" : "") + " review", 1),
-            s[4] || (s[4] = p("span", { "aria-hidden": "true" }, "→", -1))
+            m("span", null, E(r.value.needsReview) + " need" + E(r.value.needsReview === 1 ? "s" : "") + " review", 1),
+            s[4] || (s[4] = m("span", { "aria-hidden": "true" }, "→", -1))
           ], 2)) : k("", !0)
         ], 64)) : k("", !0)
       ], 2)) : k("", !0),
-      T(f(be), {
-        class: h(f(R))
+      T(f(he), {
+        class: g(f(R))
       }, null, 8, ["class"])
     ], 64));
   }
@@ -511,20 +516,20 @@ export {
   Ie as CONFIDENCE_SCALE,
   Je as ConfidenceIcon,
   Pe as DATA_POINT_ACTIVATED,
-  he as EDITABLE_CLASS,
+  ge as EDITABLE_CLASS,
   Z as ENABLED_STORAGE_KEY,
   ne as RESOLUTION_PRIORITY,
   Fe as TEMPLATE_MESSAGE_SOURCE,
   Me as TEMPLATE_PROTOCOL_VERSION,
-  dt as VerificationChrome,
-  ct as VerifiedField,
+  ft as VerificationChrome,
+  dt as VerifiedField,
   Le as candidatesDisagree,
   Ue as computeProgress,
   z as confidenceStateLabel,
   Ce as confidenceStateOf,
   Be as embedderOrigin,
   De as hasDiscrepancy,
-  ut as initVerification,
+  ct as initVerification,
   je as notifyDataPointActivated,
   Ee as ratingLevel,
   Te as resolveCandidates,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thehammer/template-verification",
-  "version": "0.2.22",
+  "version": "0.2.23",
   "description": "Read-write verification overlay for rendered template apps — per-data-point confidence, discrepancy, 3-source resolution (override > extracted > claim), inline edit, and a recursive comparison page. Consumes the host's __meta sidecar; fetches nothing.",
   "license": "MIT",
   "type": "module",