@mhosaic/feedback 0.35.0 → 0.36.0

package/dist/{chunk-A2TMODNI.mjs → chunk-T36VC7TZ.mjs}

@@ -850,6 +850,10 @@ var DEFAULT_STRINGS = {
   "detail.tech.errors": "Runtime errors",
   "detail.tech.console": "Console (last 20)",
   "detail.tech.network": "Network (last 15)",
+  "detail.verified.badge": "Agent-verified",
+  "detail.verified.title": "Proof of fix",
+  "detail.verified.functional": "Functional check",
+  "detail.verified.ui": "UI check",
   "status.new": "New",
   "status.in_progress": "In progress",
   "status.awaiting_validation": "Awaiting your validation",
@@ -1050,6 +1054,10 @@ var FRENCH_STRINGS = {
   "detail.tech.errors": "Erreurs d\u2019ex\xE9cution",
   "detail.tech.console": "Console (20 derniers)",
   "detail.tech.network": "R\xE9seau (15 derniers)",
+  "detail.verified.badge": "V\xE9rifi\xE9 par l\u2019agent",
+  "detail.verified.title": "Preuve de correction",
+  "detail.verified.functional": "Fonctionnel v\xE9rifi\xE9",
+  "detail.verified.ui": "Interface v\xE9rifi\xE9e",
   "status.new": "Nouveau",
   "status.in_progress": "En cours",
   "status.awaiting_validation": "En attente de validation",
@@ -1621,7 +1629,10 @@ function ReportDetailView({
         "\u2190 ",
         strings["detail.back"]
       ] }),
-      /* @__PURE__ */ jsx3("span", { class: `pill pill-status pill-status--${detail.status}`, children: strings[`status.${detail.status}`] ?? detail.status })
+      /* @__PURE__ */ jsxs3("span", { class: "report-detail-header-pills", children: [
+        /* @__PURE__ */ jsx3("span", { class: `pill pill-status pill-status--${detail.status}`, children: strings[`status.${detail.status}`] ?? detail.status }),
+        detail.verification && /* @__PURE__ */ jsx3("span", { class: "pill pill-verified", children: strings["detail.verified.badge"] })
+      ] })
     ] }),
     variant === "board" && /* @__PURE__ */ jsxs3("div", { class: "report-detail-header report-detail-header--board", children: [
       /* @__PURE__ */ jsxs3(
@@ -1637,7 +1648,10 @@ function ReportDetailView({
           ]
         }
       ),
-      /* @__PURE__ */ jsx3("span", { class: `pill pill-status pill-status--${detail.status}`, children: strings[`status.${detail.status}`] ?? detail.status })
+      /* @__PURE__ */ jsxs3("span", { class: "report-detail-header-pills", children: [
+        /* @__PURE__ */ jsx3("span", { class: `pill pill-status pill-status--${detail.status}`, children: strings[`status.${detail.status}`] ?? detail.status }),
+        detail.verification && /* @__PURE__ */ jsx3("span", { class: "pill pill-verified", children: strings["detail.verified.badge"] })
+      ] })
     ] }),
     /* @__PURE__ */ jsxs3("div", { class: "report-detail-body", children: [
       /* @__PURE__ */ jsx3(ContextBlock, { detail, strings }),
@@ -1711,6 +1725,15 @@ function ReportDetailView({
           }
         ) : /* @__PURE__ */ jsx3("div", { class: "report-detail-screenshot", children: /* @__PURE__ */ jsx3("img", { src: url, alt: "", loading: "lazy", onError: () => unpinUrl(pinKey) }) });
       }),
+      detail.verification && /* @__PURE__ */ jsx3(
+        VerificationPanel,
+        {
+          verification: detail.verification,
+          strings,
+          pinUrl,
+          unpinUrl
+        }
+      ),
       /* @__PURE__ */ jsx3("h3", { class: "report-detail-section", children: strings["detail.thread"] }),
       detail.comments.length === 0 ? /* @__PURE__ */ jsx3("p", { class: "report-detail-empty", children: strings["detail.no_replies"] }) : /* @__PURE__ */ jsx3("ul", { class: "report-comments", children: detail.comments.map((c) => /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsx3(
         CommentBubble,
@@ -1879,6 +1902,68 @@ function TechnicalContextDrawer({ ctx, strings }) {
     ] })
   ] });
 }
+function VerificationPanel({
+  verification,
+  strings,
+  pinUrl,
+  unpinUrl
+}) {
+  return /* @__PURE__ */ jsxs3("details", { class: "report-detail-verification", children: [
+    /* @__PURE__ */ jsx3("summary", { children: strings["detail.verified.title"] }),
+    /* @__PURE__ */ jsxs3("div", { class: "verification-body", children: [
+      /* @__PURE__ */ jsx3("p", { class: "verification-evidence", children: verification.evidence }),
+      /* @__PURE__ */ jsxs3("div", { class: "verification-meta", children: [
+        /* @__PURE__ */ jsxs3("span", { children: [
+          verification.functional_ok ? "\u2713" : "\u2717",
+          " ",
+          strings["detail.verified.functional"]
+        ] }),
+        /* @__PURE__ */ jsxs3("span", { children: [
+          verification.ui_ok ? "\u2713" : "\u2717",
+          " ",
+          strings["detail.verified.ui"]
+        ] }),
+        /* @__PURE__ */ jsxs3("span", { children: [
+          verification.environment,
+          verification.app_version ? ` \xB7 ${verification.app_version}` : ""
+        ] })
+      ] }),
+      verification.screenshots.length > 0 && /* @__PURE__ */ jsx3("div", { class: "verification-shots", children: verification.screenshots.map((s, i) => {
+        const pinKey = `verif:${i}`;
+        const url = pinUrl(pinKey, s.url);
+        if (!url) return null;
+        const safeHref = safeExternalHref(url);
+        return safeHref ? /* @__PURE__ */ jsx3(
+          "a",
+          {
+            class: "report-detail-screenshot",
+            href: safeHref,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: /* @__PURE__ */ jsx3(
+              "img",
+              {
+                src: url,
+                alt: s.caption ?? "",
+                loading: "lazy",
+                onError: () => unpinUrl(pinKey)
+              }
+            )
+          },
+          i
+        ) : /* @__PURE__ */ jsx3("div", { class: "report-detail-screenshot", children: /* @__PURE__ */ jsx3(
+          "img",
+          {
+            src: url,
+            alt: s.caption ?? "",
+            loading: "lazy",
+            onError: () => unpinUrl(pinKey)
+          }
+        ) }, i);
+      }) })
+    ] })
+  ] });
+}
 function DeviceSection({
   device,
   strings
@@ -4965,6 +5050,10 @@ var WIDGET_STYLES = `
 .pill-status--awaiting_validation { background: #faf5ff; color: #6b21a8; border-color: #e9d5ff; }
 .pill-status--closed { background: #ecfdf5; color: #065f46; border-color: #a7f3d0; }
 .pill-status--rejected, .pill-status--wontfix, .pill-status--duplicate { background: #f3f4f6; color: #374151; border-color: #e5e7eb; }
+/* Agent-verified fix badge (Phase B) \u2014 emerald, same family as
+   .pill-status--closed but its own modifier since it layers alongside
+   the status pill rather than replacing it. */
+.pill-verified { background: #ecfdf5; color: #047857; border-color: #a7f3d0; }
 .pill-type { background: var(--mfb-surface); color: var(--mfb-text-muted); border-color: var(--mfb-border); }
 .pill-severity { background: var(--mfb-surface); color: var(--mfb-text-muted); border-color: var(--mfb-border); }
 .pill-severity--blocker { background: #fef2f2; color: #991b1b; border-color: #fecaca; }
@@ -4979,6 +5068,7 @@ var WIDGET_STYLES = `
   justify-content: space-between;
   gap: 8px;
 }
+.report-detail-header-pills { display: inline-flex; align-items: center; gap: 6px; }
 .report-detail-body { display: flex; flex-direction: column; gap: 10px; }
 .report-detail-description {
   font-size: 14px;
@@ -5332,12 +5422,14 @@ button.report-detail-edit {
 /* Transparency drawer \u2014 closed by default. The user can click open to
    verify what their browser sent: device, errors, console tail, network
    tail. Read-only; purely a trust-building gesture. */
-.report-detail-tech {
+.report-detail-tech,
+.report-detail-verification {
   border: 1px solid var(--mfb-border);
   border-radius: var(--mfb-radius);
   background: var(--mfb-surface);
 }
-.report-detail-tech > summary {
+.report-detail-tech > summary,
+.report-detail-verification > summary {
   cursor: pointer;
   padding: 8px 10px;
   font-size: 11px;
@@ -5347,15 +5439,19 @@ button.report-detail-edit {
   user-select: none;
   list-style: none;
 }
-.report-detail-tech > summary::-webkit-details-marker { display: none; }
-.report-detail-tech > summary::before {
+.report-detail-tech > summary::-webkit-details-marker,
+.report-detail-verification > summary::-webkit-details-marker { display: none; }
+.report-detail-tech > summary::before,
+.report-detail-verification > summary::before {
   content: '\u25B8';
   display: inline-block;
   margin-right: 6px;
   transition: transform 120ms;
 }
-.report-detail-tech[open] > summary::before { transform: rotate(90deg); }
-.tech-body {
+.report-detail-tech[open] > summary::before,
+.report-detail-verification[open] > summary::before { transform: rotate(90deg); }
+.tech-body,
+.verification-body {
   padding: 0 10px 10px 10px;
   display: flex;
   flex-direction: column;
@@ -5435,6 +5531,31 @@ button.report-detail-edit {
 .tech-network-url { word-break: break-all; }
 .tech-network-time { text-align: right; color: var(--mfb-text-muted); font-variant-numeric: tabular-nums; }
 
+/* Proof-of-fix drawer (Phase B) \u2014 shares the collapsible shell rules
+   with .report-detail-tech above (grouped selectors): closed by
+   default, rotating \u25B8 marker. Surfaces an agent's verification pass
+   so the submitter can see the evidence behind the "V\xE9rifi\xE9 par
+   l'agent" badge. */
+.verification-evidence {
+  margin: 0;
+  font-size: 12px;
+  white-space: pre-wrap;
+}
+.verification-meta {
+  display: flex;
+  gap: 12px;
+  flex-wrap: wrap;
+  font-size: 11px;
+  color: var(--mfb-text-muted);
+}
+.verification-shots {
+  display: flex;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+.verification-shots .report-detail-screenshot { width: 96px; flex: 0 0 auto; }
+.verification-shots .report-detail-screenshot img { max-height: 96px; }
+
 /* KPI strip \u2014 four pills above the My Reports list. Each is clickable
    to filter the rows below. Borrowed from thePnr's FeedbackKPICards. */
 .kpi-strip {
@@ -6601,8 +6722,8 @@ function createFeedback(config) {
       capture_method: captureMethod,
       technical_context
     };
-    if ("0.35.0") {
-      payload.widget_version = "0.35.0";
+    if ("0.36.0") {
+      payload.widget_version = "0.36.0";
     }
     if (manualScreenshots?.length) {
       payload.screenshots = manualScreenshots;
@@ -6746,4 +6867,4 @@ function createFeedback(config) {
 export {
   createFeedback
 };
-//# sourceMappingURL=chunk-A2TMODNI.mjs.map
+//# sourceMappingURL=chunk-T36VC7TZ.mjs.map