npm - devmethod-ai - Versions diffs - 0.2.0 → 0.3.1 - Mend

devmethod-ai 0.2.0 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (76) hide show

package/.agents/skills/decision-architecture/SKILL.md +10 -0
package/.agents/skills/decision-architecture/assets/ADR.md +6 -3
package/.agents/skills/project-foundation/SKILL.md +2 -0
package/.agents/skills/project-foundation/assets/CADRAGE.md +11 -0
package/.agents/skills/project-foundation/assets/EXISTANT.md +14 -0
package/.agents/skills/project-foundation/assets/OPPORTUNITES.md +10 -0
package/.agents/skills/project-foundation/assets/PROJECT_PROFILE.md +3 -2
package/.agents/skills/project-foundation/assets/REGLES.md +6 -0
package/.agents/skills/project-foundation/assets/START_HERE.md +2 -0
package/.agents/skills/project-foundation/references/delivery-planning.md +11 -0
package/.agents/skills/project-foundation/references/exploration.md +11 -0
package/.agents/skills/project-foundation/references/mission-context.md +31 -4
package/.agents/skills/project-foundation/references/operating-commands.md +12 -4
package/.agents/skills/project-foundation/references/work-sizing.md +1 -1
package/.agents/skills/scoped-delivery/SKILL.md +5 -1
package/.agents/skills/scoped-delivery/assets/MISSION.md +1 -1
package/.agents/skills/scoped-delivery/assets/PLAN.md +20 -0
package/.agents/skills/scoped-delivery/assets/REPRISE.md +10 -0
package/.agents/skills/scoped-delivery/assets/REVIEW.md +34 -0
package/.agents/skills/scoped-delivery/assets/SLICE.md +5 -0
package/.agents/skills/scoped-delivery/assets/TICKET.md +21 -0
package/.agents/skills/scoped-delivery/references/review-workflow.md +29 -0
package/COMPATIBILITY.md +1 -1
package/README.md +35 -14
package/START_HERE.md +2 -0
package/dist/cli.js +122 -90
package/dist/review-app.js +462 -0
package/dist/review-browser.js +567 -0
package/dist/review-cli.js +68 -0
package/dist/review-model.js +101 -0
package/dist/review-open.js +19 -0
package/dist/review-ui.css +782 -0
package/dist/review.js +13 -0
package/docs/ADR-007-conversation-and-mission-ownership.md +13 -0
package/docs/ADR-008-review-presentation.md +13 -0
package/docs/MISSIONS.md +1 -1
package/docs/RELEASE-0.2.0.md +14 -3
package/docs/RELEASE-0.3.0.md +24 -0
package/docs/RELEASE-0.3.1.md +15 -0
package/docs/REVIEW-GUIDE.md +68 -0
package/docs/REVIEW-SOURCES.md +13 -0
package/docs/REVIEW-VALIDATION.md +34 -0
package/docs/REVIEWS.md +75 -0
package/docs/VISUAL-WORKFLOW.md +1 -1
package/docs/WORKFLOW-0.3-VALIDATION.md +32 -0
package/docs/WORKFLOW-0.3.md +34 -0
package/docs/images/devmethod-delivery.svg +1 -1
package/docs/images/devmethod-flow.svg +1 -1
package/docs/images/review-correction.jpg +0 -0
package/docs/images/review-coverage.jpg +0 -0
package/docs/images/review-interface-desktop.jpg +0 -0
package/docs/images/review-interface-mobile.jpg +0 -0
package/docs/media/review-extension/README.md +21 -0
package/docs/media/review-extension/scenes.json +70 -0
package/docs/media/visual-chain/README.md +8 -2
package/docs/media/visual-chain/devmethod-du-besoin-au-produit.fr.srt +65 -1
package/docs/media/visual-chain/video-preview.jpg +0 -0
package/docs/missions/review-media-0.3.1.md +11 -0
package/docs/missions/workflow-0.3-reviews/interface/REVIEW.md +109 -0
package/docs/missions/workflow-0.3-reviews/interface/review.json +255 -0
package/docs/missions/workflow-0.3.md +19 -0
package/examples/mission-dialogue/PROJECT_PROFILE.md +9 -0
package/examples/mission-dialogue/architecture/decisions/001-storage.md +7 -0
package/examples/mission-dialogue/docs/missions/first-save/PLAN.md +13 -0
package/examples/mission-dialogue/docs/missions/first-save/REPRISE.md +6 -0
package/examples/mission-dialogue/docs/missions/first-save/tickets/SAVE-1.md +14 -0
package/examples/mission-dialogue/docs/missions/legacy-copy.md +9 -0
package/examples/mission-dialogue/docs/produit/REGLES.md +5 -0
package/examples/review/README.md +14 -0
package/examples/review/REVIEW.md +98 -0
package/examples/review/review-demo.html +1351 -0
package/examples/review/review.json +199 -0
package/package.json +2 -2
package/scripts/build-review.mjs +8 -0
package/scripts/media/review-extension/extend.py +100 -0
package/scripts/package-smoke.mjs +20 -5

package/examples/review/review-demo.html ADDED Viewed

@@ -0,0 +1,1351 @@
+<!doctype html>
+<html lang="fr"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="referrer" content="no-referrer"><meta http-equiv="Content-Security-Policy" content="default-src 'none'; script-src 'sha256-DHuyXLWPFO7pQc0JlbDTpUTGbvVfbvAn6N63HnYxRpI='; style-src 'unsafe-inline'; img-src data:; connect-src 'none'; font-src 'none'; object-src 'none'; base-uri 'none'; form-action 'none'"><title>DevMethod · Review</title><style>:root {
+  color-scheme:light;
+  --ink:#151643;
+  --muted:#5d6587;
+  --indigo:#4940ed;
+  --line:#e1e6f2;
+  --paper:#fff;
+  --canvas:#fafbfe;
+  --red:#c42e35;
+  --amber:#986000;
+  --green:#06764f}
+* {
+  box-sizing:border-box}
+body {
+  margin:0;
+  background:var(--canvas);
+  color:var(--ink);
+  font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
+button,input,select,summary {
+  font:inherit}
+button,a,summary,label.import {
+  touch-action:manipulation}
+button,summary {
+  cursor:pointer}
+button {
+  color:inherit}
+a {
+  color:#3535cf;
+  text-underline-offset:3px}
+p {
+  margin:8px 0}
+h1,h2,h3,h4 {
+  line-height:1.25;
+  margin:0}
+h1 {
+  font-size:32px;
+  letter-spacing:-.8px}
+h2 {
+  font-size:23px}
+h3 {
+  font-size:16px}
+h4 {
+  font-size:15px}
+.layout {
+  display:grid;
+  grid-template-columns:208px minmax(0,1fr);
+  min-height:100vh}
+.sidebar {
+  position:sticky;
+  top:0;
+  height:100vh;
+  padding:25px 16px;
+  background:linear-gradient(150deg,#f3f6fd,#fafbff);
+  border-right:1px solid var(--line);
+  display:flex;
+  flex-direction:column;
+  gap:13px}
+.brand {
+  font-size:23px;
+  font-weight:750;
+  letter-spacing:-.5px;
+  white-space:nowrap}
+.eyebrow {
+  font-size:10px;
+  font-weight:700;
+  letter-spacing:1.8px;
+  color:#626c95;
+  margin:0 0 6px}
+.sidebar>.eyebrow {
+  margin:24px 8px 0}
+.project {
+  padding:0 8px;
+  overflow-wrap:anywhere}
+.side-nav {
+  margin:21px -6px 6px;
+  padding-top:20px;
+  border-top:1px solid var(--line)}
+.side-active {
+  border-radius:8px;
+  background:#e6e7ff;
+  color:#3023d8;
+  font-weight:650;
+  padding:12px}
+.side-note {
+  margin-top:auto;
+  padding:16px 7px 0;
+  font-size:11px;
+  color:#66708d}
+.side-note strong {
+  font-weight:600}
+.main {
+  padding:27px 30px 42px;
+  min-width:0;
+  max-width:1720px;
+  width:100%;
+  margin:0 auto}
+.page-header {
+  display:flex;
+  justify-content:space-between;
+  align-items:flex-start;
+  gap:20px;
+  margin-bottom:23px}
+.subtitle {
+  font-size:15px;
+  color:#535d86}
+.revision {
+  font-size:12px;
+  color:var(--muted);
+  overflow-wrap:anywhere}
+.button {
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
+  gap:6px;
+  border:1px solid #9ca2bd;
+  border-radius:6px;
+  background:white;
+  padding:10px 15px;
+  text-decoration:none;
+  font-size:13px;
+  font-weight:650;
+  color:var(--ink);
+  white-space:nowrap;
+  box-shadow:0 1px 2px #15164308}
+.button.primary {
+  background:var(--indigo);
+  border-color:var(--indigo);
+  color:white}
+.button:hover {
+  filter:brightness(.97)}
+.import {
+  position:relative;
+  overflow:hidden;
+  background:#fff;
+  border-color:var(--line);
+  font-size:12px}
+.import input {
+  position:absolute;
+  inset:0;
+  opacity:0;
+  width:100%;
+  cursor:pointer}
+.import:focus-within {
+  outline:3px solid #3023d8;
+  outline-offset:3px}
+.export {
+  position:relative;
+  flex-shrink:0}
+.export summary {
+  list-style:none}
+.export summary::-webkit-details-marker {
+  display:none}
+.export-menu {
+  position:absolute;
+  right:0;
+  top:49px;
+  width:278px;
+  z-index:3;
+  background:white;
+  border:1px solid var(--line);
+  border-radius:8px;
+  padding:7px;
+  box-shadow:0 9px 30px #17194322}
+.export-menu button {
+  display:block;
+  text-align:left;
+  width:100%;
+  border:0;
+  background:white;
+  padding:12px;
+  border-radius:5px}
+.export-menu button:hover {
+  background:#f2f1ff}
+.banner {
+  display:flex;
+  gap:17px;
+  padding:16px 20px;
+  border:1px solid #edc06c;
+  border-radius:7px;
+  background:#fff6e0;
+  color:#8b5200;
+  margin-bottom:17px}
+.banner h2 {
+  font-size:21px}
+.banner p {
+  margin:3px 0}
+.banner .policy {
+  font-size:11px;
+  color:#745f3d}
+.banner-icon {
+  font-size:31px;
+  line-height:1.4}
+.banner.ready {
+  background:#edfaf4;
+  border-color:#a5d9c0;
+  color:#076543}
+.banner.incomplete,.banner.blocked {
+  background:#f0f3ff;
+  color:#324b87;
+  border-color:#bbcbed}
+.stats {
+  display:grid;
+  grid-template-columns:repeat(5,minmax(82px,1fr)) minmax(220px,2.2fr);
+  gap:11px}
+.stat {
+  background:white;
+  border:1px solid var(--line);
+  border-radius:7px;
+  padding:13px 12px;
+  display:grid;
+  grid-template-columns:28px 1fr;
+  align-items:center;
+  column-gap:8px;
+  min-width:0}
+.stat strong {
+  font-size:27px;
+  line-height:1}
+.stat>span:last-child {
+  grid-column:2;
+  font-size:12px;
+  color:#465078}
+.stat-icon {
+  grid-row:span 2;
+  border-radius:50%;
+  width:26px;
+  height:26px;
+  text-align:center;
+  background:#eef0ff;
+  color:#4e4bdf;
+  font-size:18px;
+  font-weight:700}
+.critical .stat-icon,.major .stat-icon {
+  background:#ffdfdf;
+  color:var(--red)}
+.moderate .stat-icon {
+  background:#fff0cd;
+  color:var(--amber)}
+.coverage-stat {
+  display:flex;
+  align-items:stretch;
+  flex-direction:column;
+  justify-content:center;
+  gap:7px}
+.coverage-stat strong {
+  font-size:12px;
+  line-height:1.3}
+.coverage-stat>span:last-child {
+  font-size:10px}
+.coverage-bars {
+  display:flex;
+  height:7px;
+  background:#e1e6f0;
+  border-radius:10px;
+  overflow:hidden;
+  width:100%}
+.coverage-bars span {
+  min-width:0}
+.coverage-bars .passed {
+  background:#22a675}
+.coverage-bars .failed {
+  background:#ec575c}
+.coverage-bars .not-run,.coverage-bars .blocked {
+  background:#aeb7cc}
+.coverage-bars .out-of-scope {
+  background:#e1e6f0}
+.count-caption {
+  font-size:10px;
+  color:var(--muted);
+  margin:7px 0 11px}
+.revision-hint {
+  font-size:11px;
+  color:var(--muted);
+  margin:0 0 12px}
+.notice {
+  padding:12px 15px;
+  border:1px solid #ccd5ed;
+  background:#f2f5ff;
+  color:#35466e;
+  border-radius:7px;
+  font-size:13px}
+.limits {
+  font-size:12px;
+  color:var(--muted)}
+.limits summary {
+  font-weight:650;
+  width:fit-content}
+.limits li {
+  margin:5px 0}
+.important-limit {
+  font-size:12px;
+  color:#665229;
+  margin:7px 0 17px}
+.workspace {
+  display:grid;
+  grid-template-columns:minmax(350px,.94fr) minmax(380px,1.12fr);
+  background:white;
+  border:1px solid var(--line);
+  border-radius:8px;
+  min-height:560px;
+  box-shadow:0 2px 8px #22224b03;
+  overflow:hidden}
+.list-panel {
+  border-right:1px solid var(--line);
+  min-width:0}
+.tabs {
+  display:flex;
+  border-bottom:1px solid var(--line);
+  padding:0 12px;
+  gap:6px}
+.tab {
+  position:relative;
+  flex:1;
+  padding:17px 8px;
+  border:0;
+  background:none;
+  color:#545d85;
+  font-size:14px;
+  font-weight:500;
+  white-space:nowrap}
+.tab.active {
+  color:#2f22c8;
+  font-weight:700}
+.tab.active:after {
+  content:"";
+  position:absolute;
+  bottom:0;
+  left:2px;
+  right:2px;
+  height:3px;
+  background:var(--indigo);
+  border-radius:4px 4px 0 0}
+.view-panel {
+  padding:16px}
+.filters {
+  display:grid;
+  grid-template-columns:repeat(2,minmax(0,1fr));
+  gap:9px}
+.filters label {
+  display:flex;
+  flex-direction:column;
+  gap:4px;
+  font-size:10px;
+  color:#5e688b;
+  font-weight:650}
+.search-label {
+  grid-column:1/-1}
+input,select {
+  min-width:0;
+  width:100%;
+  color:var(--ink);
+  background:#fafbfe;
+  border:1px solid #dce1ef;
+  border-radius:6px;
+  padding:8px 9px;
+  font-size:12px}
+input[type=file] {
+  padding:0}
+.result-count {
+  font-size:11px;
+  color:var(--muted);
+  margin:14px 0 9px}
+.finding {
+  display:block;
+  text-align:left;
+  width:100%;
+  border:1px solid var(--line);
+  background:white;
+  border-radius:7px;
+  padding:13px 14px;
+  margin:0 0 10px;
+  transition:background .15s}
+.finding:hover {
+  background:#fafaff}
+.finding.selected {
+  border-color:#9c92ff;
+  background:#f7f5ff;
+  box-shadow:inset 3px 0 var(--indigo)}
+.finding-top {
+  display:flex;
+  justify-content:space-between;
+  align-items:center;
+  gap:8px;
+  margin-bottom:9px}
+.finding-id {
+  font-size:12px}
+.finding h3 {
+  font-size:15px;
+  margin-bottom:10px}
+.finding-meta {
+  display:flex;
+  gap:9px;
+  align-items:center;
+  flex-wrap:wrap;
+  font-size:11px;
+  color:#4c557b}
+.resolution {
+  margin-left:auto}
+.badge {
+  display:inline-flex;
+  align-items:center;
+  gap:4px;
+  font-size:11px;
+  font-weight:650;
+  padding:4px 8px;
+  border-radius:6px;
+  line-height:1.25;
+  white-space:nowrap}
+.badge.critical,.badge.major,.badge.failed {
+  background:#ffe5e5;
+  color:#ad222b}
+.badge.moderate {
+  background:#fff0cf;
+  color:#895000}
+.badge.minor,.badge.suspected,.badge.unverified {
+  background:#edf1ff;
+  color:#3c50a1}
+.badge.confirmed,.badge.passed {
+  background:#e4f6ed;
+  color:#04714d}
+.badge.neutral,.badge.not-run,.badge.blocked,.badge.out-of-scope {
+  background:#edf0f6;
+  color:#515d78}
+.detail-panel {
+  padding:21px 23px;
+  min-width:0}
+.detail-title {
+  font-size:23px;
+  letter-spacing:-.35px}
+.detail-badges {
+  display:flex;
+  gap:9px;
+  flex-wrap:wrap;
+  margin:12px 0}
+.impact {
+  font-size:16px}
+.location {
+  font:11px/1.5 ui-monospace,SFMono-Regular,monospace;
+  color:#5e6688;
+  overflow-wrap:anywhere;
+  margin:8px 0 16px}
+.detail-panel>.tabs {
+  margin:0 -23px;
+  padding:0 20px}
+.detail-panel .tab {
+  flex:0 1 130px}
+.detail-content {
+  padding-top:18px}
+.text-block {
+  margin:0 0 17px}
+.text-block h3 {
+  font-size:12px;
+  color:#5f688a;
+  margin-bottom:6px}
+.text-block p {
+  font-size:14px;
+  white-space:pre-wrap;
+  overflow-wrap:anywhere}
+.compare {
+  display:grid;
+  grid-template-columns:1fr 1fr;
+  gap:12px;
+  padding:14px;
+  background:#f8f9fe;
+  border:1px solid var(--line);
+  border-radius:6px;
+  margin:14px 0}
+.compare .text-block {
+  margin:0}
+.reproduction {
+  font-size:13px;
+  padding-left:20px;
+  color:#4c5678}
+.reproduction li {
+  margin:6px 0}
+.evidence-card {
+  padding:15px;
+  border:1px solid var(--line);
+  border-radius:7px;
+  margin:16px 0}
+.evidence-card h3 {
+  font-size:14px;
+  margin-bottom:10px}
+.evidence-card .eyebrow {
+  font-size:9px;
+  letter-spacing:.5px}
+.evidence-card pre,pre {
+  white-space:pre-wrap;
+  overflow-wrap:anywhere;
+  word-break:break-word;
+  font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;
+  background:#f6f8fd;
+  padding:13px;
+  border-radius:6px}
+.diagram {
+  border-left:3px solid #8b85ed;
+  color:#424485}
+.evidence-image {
+  display:block;
+  max-width:100%;
+  height:auto;
+  border:1px solid var(--line);
+  border-radius:6px;
+  margin:10px 0}
+.correction-preview {
+  padding:13px 15px;
+  background:#f6f7fc;
+  border:1px solid var(--line);
+  border-radius:6px;
+  font-size:13px}
+.correction-preview strong {
+  font-size:12px}
+.detail-actions {
+  display:flex;
+  justify-content:flex-end;
+  gap:9px;
+  flex-wrap:wrap;
+  border-top:1px solid var(--line);
+  padding-top:17px;
+  margin-top:22px}
+.detail-actions input {
+  width:100%;
+  font-size:11px}
+.back-button {
+  display:none}
+.empty {
+  padding:60px 22px;
+  text-align:center;
+  color:var(--muted);
+  background:white;
+  border:1px solid var(--line);
+  border-radius:8px}
+.empty h2 {
+  color:var(--ink);
+  margin:12px 0}
+.empty .import {
+  margin-top:18px}
+.empty.small {
+  padding:28px 16px;
+  font-size:13px}
+.detail-empty {
+  border:0;
+  margin-top:110px}
+.empty-icon {
+  font-size:36px;
+  color:var(--indigo)}
+.muted {
+  font-size:12px;
+  color:var(--muted)}
+.panel-title {
+  font-size:18px;
+  margin-bottom:12px}
+.domain-title {
+  font-size:14px;
+  margin:23px 0 10px}
+.check-card,.source-card {
+  border:1px solid var(--line);
+  border-radius:7px;
+  padding:15px;
+  margin-bottom:12px}
+.check-card h4 {
+  margin:10px 0}
+.check-card p {
+  font-size:12px}
+.check-card summary {
+  font-size:12px;
+  color:#3d36be}
+.source-card h3 {
+  font-size:15px}
+.source-meta {
+  font-size:12px;
+  color:var(--muted)}
+.source-card .text-block {
+  margin-top:12px}
+.source-card .text-block p {
+  font-size:12px}
+.technology {
+  padding:10px;
+  background:#f5f6fc;
+  border-radius:5px;
+  font-size:12px}
+.link {
+  font-size:12px}
+.legacy {
+  font-size:14px;
+  background:white;
+  border:1px solid var(--line);
+  padding:24px}
+.loading {
+  padding:60px;
+  font-size:18px}
+:focus-visible {
+  outline:3px solid #3523cf;
+  outline-offset:3px}
+button:focus:not(:focus-visible) {
+  outline:none}
+@media(min-width:1700px) {
+  .main {
+  padding:32px 42px}
+.workspace {
+  grid-template-columns:1fr 1.2fr}
+.stat {
+  padding:16px}
+}
+@media(max-width:1200px) {
+  .layout {
+  grid-template-columns:176px minmax(0,1fr)}
+.brand {
+  font-size:19px}
+.main {
+  padding:22px 20px}
+.stats {
+  grid-template-columns:repeat(5,1fr)}
+.coverage-stat {
+  grid-column:1/-1;
+  display:flex;
+  flex-direction:row;
+  align-items:center;
+  gap:18px}
+.coverage-bars {
+  max-width:170px}
+.workspace {
+  grid-template-columns:minmax(290px,.9fr) minmax(310px,1fr)}
+.detail-panel {
+  padding:18px}
+.detail-panel>.tabs {
+  margin:0 -18px}
+.detail-title {
+  font-size:21px}
+}
+@media(max-width:850px) {
+  .layout {
+  display:block}
+.sidebar {
+  position:static;
+  height:auto;
+  display:flex;
+  flex-direction:row;
+  align-items:center;
+  padding:13px 18px;
+  border-right:0;
+  border-bottom:1px solid var(--line);
+  gap:15px}
+.sidebar>.eyebrow,.project,.side-nav,.side-note {
+  display:none}
+.sidebar .import {
+  margin-left:auto}
+.brand {
+  font-size:20px}
+.main {
+  padding:20px 16px}
+.page-header {
+  gap:10px}
+.page-header h1 {
+  font-size:26px}
+.page-header .button {
+  font-size:11px;
+  padding:9px}
+.stats {
+  grid-template-columns:repeat(5,1fr);
+  gap:6px}
+.stat {
+  display:flex;
+  flex-direction:column;
+  gap:5px;
+  padding:10px 4px}
+.stat-icon {
+  display:none}
+.stat strong {
+  font-size:23px}
+.stat>span:last-child {
+  font-size:10px}
+.coverage-stat {
+  flex-direction:row;
+  gap:12px;
+  flex-wrap:wrap;
+  padding:12px}
+.coverage-stat strong {
+  font-size:12px}
+.coverage-bars {
+  max-width:120px}
+.workspace {
+  display:block;
+  min-height:450px}
+.list-panel {
+  border:0}
+.detail-panel {
+  display:none}
+.workspace.show-detail .list-panel {
+  display:none}
+.workspace.show-detail .detail-panel {
+  display:block}
+.back-button {
+  display:block;
+  border:0;
+  background:transparent;
+  color:#4537d0;
+  padding:0;
+  margin:0 0 18px;
+  font-size:13px;
+  font-weight:650}
+.banner {
+  padding:13px}
+.banner h2 {
+  font-size:18px}
+.banner p {
+  font-size:13px}
+.banner .policy {
+  font-size:10px}
+.count-caption {
+  font-size:9px}
+.export-menu {
+  width:252px}
+.detail-title {
+  font-size:22px}
+.detail-empty {
+  margin:0}
+.important-limit {
+  font-size:11px}
+.view-panel {
+  padding:14px}
+}
+@media(max-width:440px) {
+  .page-header {
+  flex-direction:column}
+.page-header .export {
+  align-self:flex-end;
+  margin-top:-2px}
+.compare {
+  grid-template-columns:1fr}
+.brand {
+  font-size:18px}
+.sidebar {
+  padding:12px}
+.sidebar .import {
+  font-size:10px;
+  padding:8px}
+.main {
+  padding:18px 12px}
+.coverage-stat {
+  gap:8px}
+.coverage-bars {
+  max-width:100%;
+  width:100%}
+.detail-actions {
+  justify-content:stretch}
+.detail-actions .button {
+  flex:1;
+  white-space:normal}
+.banner-icon {
+  font-size:25px}
+}
+@media(prefers-reduced-motion:reduce) {
+  * {
+  transition:none!important;
+  scroll-behavior:auto!important}
+}
+/* Keep inspection content near the first fold at the approved desktop size. */
+@media(min-width:851px) {
+  .page-header {
+  margin-bottom:16px}
+.subtitle {
+  display:inline;
+  margin-right:12px}
+.revision {
+  display:inline}
+.page-header h1 {
+  margin-bottom:8px}
+.banner {
+  padding:13px 18px;
+  margin-bottom:12px}
+.revision-hint {
+  margin-bottom:9px}
+.stat {
+  padding-top:11px;
+  padding-bottom:11px}
+.important-limit {
+  margin-bottom:12px}
+.main {
+  padding-top:21px}
+}
+</style></head><body><div id="app"><p class="loading">Chargement de la review…</p></div><noscript>Activez JavaScript pour les filtres et la consultation. Le rapport Markdown reste disponible via le CLI.</noscript><script id="review-data" type="application/json">{"review":{"format":1,"id":"DEMO-REVIEW","title":"Review de la bibliothèque","project":"Atelier de lecture","mission":"Première sauvegarde","tickets":[{"id":"DEMO-12","title":"PR de l’interface (lien de démonstration)","url":"https://github.com/montassarkhalloufi/DevMethod/pull/19"}],"date":"2026-09-13","scope":["Démonstration fictive de consultation, sans audit du projet illustré."],"exclusions":["Aucun résultat réel de sécurité ou de performance."],"revision":{"commit":"demo-revision-1","dirty":[]},"technologies":[{"name":"HTML / DOM","version":"Living Standard","detectedFrom":"Fixture authored for the viewer"}],"sources":[{"id":"WAI","title":"Messages de statut accessibles","kind":"documentation","publisher":"W3C WAI","technology":"Web accessibility","version":"WCAG 2.2","url":"https://www.w3.org/WAI/WCAG22/Understanding/status-messages.html","consultedAt":null,"access":"unverified","usage":"Référence proposée pour cette démonstration, non consultée dans une review réelle.","compatibility":"À vérifier pour le parcours cible.","provenance":"Domaine w3.org ; cette fixture ne constitue pas une vérification de provenance."}],"checks":[{"id":"C-01","title":"Annonce après sauvegarde","domain":"Accessibilité","kind":"manual","status":"failed","result":"Exemple fictif : le changement de statut ne serait pas annoncé.","reason":null,"evidenceIds":["E-01"],"revision":"demo-revision-1","targets":["save-status"]},{"id":"C-02","title":"Conservation du titre","domain":"Données","kind":"automated","status":"passed","result":"Exemple fictif : la valeur enregistrée correspond à la saisie.","reason":null,"evidenceIds":["E-02"],"revision":"demo-revision-1","targets":["save-title"]},{"id":"C-03","title":"Temps de réponse sur liste longue","domain":"Performance","kind":"automated","status":"not-run","result":"Aucune mesure disponible dans cette fixture.","reason":"Jeu de données représentatif indisponible.","evidenceIds":[],"revision":"demo-revision-1","targets":["list-view"]}],"findings":[{"id":"R-01","title":"Le retour de sauvegarde reste silencieux","domain":"Accessibilité","severity":"moderate","severityReason":"Exemple fictif : le lecteur pourrait ignorer que son action a réussi.","confidence":"confirmed","resolution":"open","location":{"path":"save-status (composant fictif)","line":null,"component":"Confirmation de sauvegarde"},"trigger":"Sauvegarder un titre en utilisant un lecteur d’écran.","expected":"Le succès est annoncé sans déplacer le focus.","observed":"Dans ce scénario fictif, seul le texte visuel change.","impact":"Le lecteur ne sait pas si son titre a été conservé.","reproduction":["Scénario illustratif, non exécuté.","Saisir un titre, activer Sauvegarder et écouter le retour."],"evidenceIds":["E-01"],"correction":"Exposer le message de succès comme statut accessible, puis vérifier son annonce.","tradeoffs":"Éviter les annonces répétées ; conserver le focus dans le parcours.","sourceIds":["WAI"],"ticketIds":["DEMO-12"],"verification":"Inspecter avec un lecteur d’écran réel et vérifier le maintien du focus.","resolutionEvidenceIds":[],"targets":["save-status"]},{"id":"R-02","title":"Une grande liste pourrait ralentir la recherche","domain":"Performance","severity":"minor","severityReason":"Impact supposé limité aux collections volumineuses.","confidence":"suspected","resolution":"open","location":{"path":"list-view (composant fictif)","line":null,"component":"Liste de titres"},"trigger":"Rechercher dans une collection volumineuse.","expected":"La saisie reste réactive.","observed":"Aucune mesure ; risque hypothétique seulement.","impact":"Un délai pourrait gêner la saisie ; cela reste à vérifier.","reproduction":["Préparer un jeu représentatif puis mesurer ; non exécuté."],"evidenceIds":[],"correction":"Mesurer avant de décider d’une optimisation.","tradeoffs":"Éviter une complexité non justifiée par des mesures.","sourceIds":[],"ticketIds":[],"verification":"Mesurer latence et réactivité sur le matériel cible.","resolutionEvidenceIds":[],"targets":["list-view"]}],"evidence":[{"id":"E-01","title":"Flux du retour utilisateur — schéma explicatif","kind":"diagram","content":"Saisie du titre → Sauvegarder → Titre conservé → Message visuel\n                                      ↳ Annonce vocale manquante (hypothèse de fixture)\nSchéma explicatif fictif, pas une capture ni un journal d’exécution.","url":null,"image":null},{"id":"E-02","title":"Résultat illustratif de conservation","kind":"log","content":"DÉMONSTRATION — journal rédigé, test non exécuté.\nEntrée « Un titre » → valeur conservée « Un titre ».","url":null,"image":null}],"limits":["DÉMONSTRATION : données fictives, sans validation d’un produit réel.","Le contrôle de performance n’a pas été exécuté."],"policy":{"blockingSeverities":["critical","major","moderate"],"requireAllChecks":true,"rationale":"Politique illustrative : corriger les problèmes confirmés modérés ou plus graves avant intégration."},"summary":"Démonstration de l’interface. Les constats et contrôles ci-dessous sont fictifs."},"legacy":null,"currentRevision":null,"changedTargets":[]}</script><script>(function () {
+'use strict';
+const severityLabels = { critical: 'Critique', major: 'Majeur', moderate: 'Modéré', minor: 'Mineur' };
+const confidenceLabels = { confirmed: 'Confirmé', suspected: 'À vérifier' };
+const resolutionLabels = { open: 'Ouvert', 'in-progress': 'En correction', resolved: 'Résolu et vérifié', 'accepted-risk': 'Risque accepté' };
+const checkLabels = { passed: 'Réussi', failed: 'En échec', 'not-run': 'Non exécuté', blocked: 'Bloqué', 'out-of-scope': 'Hors périmètre' };
+const rec = (v) => v !== null && typeof v === 'object' && !Array.isArray(v);
+const str = (v) => typeof v === 'string' && v.trim().length > 0 && v.length <= 16384;
+const identifier = (v) => typeof v === 'string' && /^[A-Za-z0-9][A-Za-z0-9._-]{0,127}$/.test(v);
+const arr = (v, test, max = 256) => Array.isArray(v) && v.length <= max && v.every(test);
+const nullable = (v, test) => v === null || test(v);
+const has = (v, choices) => typeof v === 'string' && choices.includes(v);
+const shape = (v, keys) => rec(v) && Object.keys(v).length === keys.length && keys.every(k => Object.hasOwn(v, k));
+const date = (v) => typeof v === 'string' && /^\d{4}-\d{2}-\d{2}(?:T\d{2}:\d{2}:\d{2}(?:\.\d{3})?Z)?$/.test(v) && Number.isFinite(Date.parse(v));
+function reviewUrl(value) {
+    if (typeof value !== 'string' || value.length > 2048 || /[\s\x00-\x1f\x7f\\<>`"\[\]]/.test(value))
+        return false;
+    try {
+        const u = new URL(value);
+        return u.protocol === 'https:' && Boolean(u.hostname) && !u.username && !u.password;
+    }
+    catch {
+        return false;
+    }
+}
+function assertReview(ok, message) { if (!ok)
+    throw new Error(message); }
+/** Errors identify schema sections, never echo untrusted input. */
+function validateReview(input) {
+    assertReview(rec(input) && input.format === 1, 'Unsupported review format; expected format 1.');
+    assertReview(shape(input, ['format', 'id', 'title', 'project', 'mission', 'tickets', 'date', 'scope', 'exclusions', 'revision', 'technologies', 'sources', 'checks', 'findings', 'evidence', 'limits', 'policy', 'summary']), 'Invalid review fields.');
+    assertReview(identifier(input.id) && ['title', 'project', 'mission', 'summary'].every(k => str(input[k])) && date(input.date), 'Invalid review identity or date.');
+    assertReview(arr(input.scope, str) && input.scope.length > 0 && arr(input.exclusions, str) && arr(input.limits, str), 'Invalid review scope or limits.');
+    assertReview(shape(input.revision, ['commit', 'dirty']) && str(input.revision.commit) && arr(input.revision.dirty, str), 'Invalid inspected revision.');
+    assertReview(arr(input.tickets, v => shape(v, ['id', 'title', 'url']) && identifier(v.id) && str(v.title) && nullable(v.url, reviewUrl)), 'Invalid review ticket.');
+    assertReview(arr(input.technologies, v => shape(v, ['name', 'version', 'detectedFrom']) && Object.values(v).every(str)), 'Invalid detected technologies.');
+    assertReview(arr(input.sources, v => shape(v, ['id', 'title', 'kind', 'publisher', 'technology', 'version', 'url', 'consultedAt', 'access', 'usage', 'compatibility', 'provenance']) && identifier(v.id) && ['title', 'publisher', 'technology', 'version', 'usage', 'compatibility', 'provenance'].every(k => str(v[k])) && has(v.kind, ['documentation', 'skill', 'project']) && nullable(v.url, reviewUrl) && nullable(v.consultedAt, date) && has(v.access, ['consulted', 'unavailable', 'unverified']) && (v.access !== 'consulted' || v.consultedAt !== null)), 'Invalid review source or consultation provenance.');
+    assertReview(arr(input.evidence, v => shape(v, ['id', 'title', 'kind', 'content', 'url', 'image']) && identifier(v.id) && str(v.title) && has(v.kind, ['text', 'log', 'screenshot', 'diagram']) && str(v.content) && nullable(v.url, reviewUrl) && nullable(v.image, i => shape(i, ['mime', 'base64', 'alt', 'origin', 'privacyReviewed']) && has(i.mime, ['image/png', 'image/jpeg']) && typeof i.base64 === 'string' && i.base64.length <= 1400000 && /^[A-Za-z0-9+/]+={0,2}$/.test(i.base64) && (i.mime === 'image/png' ? i.base64.startsWith('iVBORw0KGgo') : i.base64.startsWith('/9j/')) && str(i.alt) && has(i.origin, ['captured', 'explanatory']) && i.privacyReviewed === true)), 'Invalid evidence; images require bounded PNG/JPEG data, text alternative and privacy review.');
+    assertReview(arr(input.checks, v => shape(v, ['id', 'title', 'domain', 'kind', 'status', 'result', 'reason', 'evidenceIds', 'revision', 'targets']) && identifier(v.id) && ['title', 'domain', 'result', 'revision'].every(k => str(v[k])) && has(v.kind, ['automated', 'manual']) && has(v.status, Object.keys(checkLabels)) && nullable(v.reason, str) && (!['not-run', 'blocked', 'out-of-scope'].includes(v.status) || str(v.reason)) && arr(v.evidenceIds, identifier) && arr(v.targets, str)), 'Invalid review check; unexecuted checks need a reason.');
+    assertReview(arr(input.findings, v => shape(v, ['id', 'title', 'domain', 'severity', 'severityReason', 'confidence', 'resolution', 'location', 'trigger', 'expected', 'observed', 'impact', 'reproduction', 'evidenceIds', 'correction', 'tradeoffs', 'sourceIds', 'ticketIds', 'verification', 'resolutionEvidenceIds', 'targets']) && identifier(v.id) && ['title', 'domain', 'severityReason', 'trigger', 'expected', 'observed', 'impact', 'correction', 'tradeoffs', 'verification'].every(k => str(v[k])) && has(v.severity, Object.keys(severityLabels)) && has(v.confidence, Object.keys(confidenceLabels)) && has(v.resolution, Object.keys(resolutionLabels)) && shape(v.location, ['path', 'line', 'component']) && str(v.location.path) && nullable(v.location.line, n => Number.isSafeInteger(n) && n > 0) && nullable(v.location.component, str) && ['reproduction', 'targets'].every(k => arr(v[k], str)) && ['evidenceIds', 'sourceIds', 'ticketIds', 'resolutionEvidenceIds'].every(k => arr(v[k], identifier)) && (v.reproduction.length > 0 || v.evidenceIds.length > 0) && (v.resolution !== 'resolved' || v.resolutionEvidenceIds.length > 0)), 'Invalid finding; reproduction/evidence and verified resolution references are required.');
+    assertReview(shape(input.policy, ['blockingSeverities', 'requireAllChecks', 'rationale']) && arr(input.policy.blockingSeverities, v => has(v, Object.keys(severityLabels)), 4) && typeof input.policy.requireAllChecks === 'boolean' && str(input.policy.rationale), 'Invalid review conclusion policy.');
+    const r = input;
+    for (const items of [r.tickets, r.sources, r.evidence, r.checks, r.findings])
+        assertReview(new Set(items.map(i => i.id)).size === items.length, 'Duplicate review identifiers.');
+    const ids = (items) => new Set(items.map(i => i.id));
+    const evidence = ids(r.evidence), sources = ids(r.sources), tickets = ids(r.tickets);
+    assertReview(r.checks.every(c => c.evidenceIds.every(id => evidence.has(id))) && r.findings.every(f => [...f.evidenceIds, ...f.resolutionEvidenceIds].every(id => evidence.has(id)) && f.sourceIds.every(id => sources.has(id)) && f.ticketIds.every(id => tickets.has(id))), 'Unresolved review references.');
+    assertReview(JSON.stringify(input).length <= 4 * 1024 * 1024, 'Review exceeds 4 MiB.');
+    return JSON.parse(JSON.stringify(r));
+}
+/** Conservative convenience redaction, not a privacy classifier or authorization. */
+function redactReviewText(s) {
+    return s.replace(/-----BEGIN [A-Z ]*PRIVATE KEY-----[\s\S]*?-----END [A-Z ]*PRIVATE KEY-----/g, '[REDACTED PRIVATE KEY]')
+        .replace(/\b(?:gh[pousr]_[A-Za-z0-9_]{20,}|sk-[A-Za-z0-9_-]{16,})\b/g, '[REDACTED TOKEN]')
+        .replace(/\b(?:[a-z][a-z0-9_-]*[_-])?(?:token|api[_-]?key|password|secret|authorization)\s*[:=]\s*(?:"[^"\r\n]*"|'[^'\r\n]*'|(?:Bearer|Basic)\s+[^\s,;]+|[^\s,;]+)/gi, '[REDACTED CREDENTIAL]')
+        .replace(/\b[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}\b/gi, '[REDACTED EMAIL]');
+}
+function sanitizedReview(input) {
+    const r = validateReview(input);
+    const walk = (v, key = '') => typeof v === 'string' ? key === 'base64' ? v : redactReviewText(v) : Array.isArray(v) ? v.map(x => walk(x)) : rec(v) ? Object.fromEntries(Object.entries(v).map(([k, x]) => [k, walk(x, k)])) : v;
+    // Redaction of a link can make it invalid. Remove it rather than navigating a changed URL.
+    const clean = walk(r);
+    for (const item of [...clean.sources, ...clean.tickets, ...clean.evidence])
+        if (item.url !== null && !reviewUrl(item.url))
+            item.url = null;
+    return validateReview(clean);
+}
+function summarizeReview(r) {
+    const severities = { critical: 0, major: 0, moderate: 0, minor: 0 }, checks = { passed: 0, failed: 0, 'not-run': 0, blocked: 0, 'out-of-scope': 0 };
+    for (const f of r.findings)
+        severities[f.severity]++;
+    for (const c of r.checks)
+        checks[c.status]++;
+    const suspected = r.findings.filter(f => f.confidence === 'suspected' && f.resolution !== 'resolved').length;
+    const blocking = r.findings.some(f => f.confidence === 'confirmed' && ['open', 'in-progress'].includes(f.resolution) && r.policy.blockingSeverities.includes(f.severity));
+    const conclusion = blocking || checks.failed > 0 ? 'corrections' : checks.blocked > 0 ? 'blocked' : checks.passed === 0 || suspected > 0 || (r.policy.requireAllChecks && checks['not-run'] > 0) ? 'incomplete' : 'ready';
+    return { severities, suspected, checks, conclusion };
+}
+const conclusionLabels = { corrections: 'Corrections nécessaires', ready: 'Prêt sur le périmètre vérifié', incomplete: 'Review incomplète', blocked: 'Vérification bloquée' };
+function filterFindings(r, f) {
+    const q = f.query.trim().toLocaleLowerCase();
+    return r.findings.filter(i => (!q || [i.id, i.title, i.impact, i.location.path].join(' ').toLocaleLowerCase().includes(q)) && (f.domain === '' || i.domain === f.domain) && (f.severity === '' || i.severity === f.severity) && (f.confidence === '' || i.confidence === f.confidence) && (f.resolution === '' || i.resolution === f.resolution));
+}
+function reviewFreshness(r, currentRevision, changedTargets) {
+    const different = currentRevision !== null && currentRevision !== r.revision.commit;
+    const affected = (targets) => targets.some(t => changedTargets.includes(t));
+    return { state: different || changedTargets.length ? 'different' : currentRevision === null ? 'unknown' : 'same', affectedChecks: r.checks.filter(c => affected(c.targets)).map(c => c.id), affectedFindings: r.findings.filter(f => affected(f.targets)).map(f => f.id) };
+}
+const md = (s) => s.replace(/[\\`*_{}\[\]<>|#]/g, c => `\\${c}`).replace(/\n/g, '\\' + '\n');
+function reviewMarkdown(r) {
+    const s = summarizeReview(r);
+    const lines = [`# ${md(r.title)}`, '', `${md(r.project)} · ${md(r.mission)} · ${md(r.date)}`, `Revision: ${md(r.revision.commit)}; uncommitted changes: ${r.revision.dirty.map(md).join(', ') || 'none recorded'}`, '', `Conclusion: **${conclusionLabels[s.conclusion]}**`, md(r.summary), `Policy: ${md(r.policy.rationale)}`, '', '## Scope', ...r.scope.map(v => `- ${md(v)}`), '', '## Exclusions and limits', ...[...r.exclusions, ...r.limits].map(v => `- ${md(v)}`), '', '## Counts (whole review)', ...Object.entries(s.severities).map(([severity, count]) => `- ${severityLabels[severity]}: ${count}`), `- À vérifier: ${s.suspected}`, ...Object.entries(s.checks).map(([status, count]) => `- ${checkLabels[status]}: ${count}`), '', '## Coverage', ...r.checks.map(c => `- **${md(c.id)} — ${md(c.title)}** (${md(c.domain)}, ${c.kind}): ${checkLabels[c.status]}. ${md(c.result)}${c.reason ? ` Reason: ${md(c.reason)}` : ''} Revision: ${md(c.revision)}. Evidence: ${c.evidenceIds.map(md).join(', ') || 'none'}`), '', '## Findings'];
+    for (const f of r.findings)
+        lines.push('', `### ${md(f.id)} — ${md(f.title)}`, `${severityLabels[f.severity]} / ${confidenceLabels[f.confidence]} / ${resolutionLabels[f.resolution]}`, `Severity rationale: ${md(f.severityReason)}`, `Location: ${md(f.location.path)}${f.location.line ? `:${f.location.line}` : ''}`, `Impact: ${md(f.impact)}`, `Trigger: ${md(f.trigger)}`, `Expected: ${md(f.expected)}`, `Observed: ${md(f.observed)}`, 'Reproduction:', ...f.reproduction.map(v => `- ${md(v)}`), `Evidence: ${f.evidenceIds.map(md).join(', ') || 'none'}`, `Correction: ${md(f.correction)}`, `Trade-offs: ${md(f.tradeoffs)}`, `Resolution verification: ${md(f.verification)}`, `Resolution evidence: ${f.resolutionEvidenceIds.map(md).join(', ') || 'none'}`, `Sources: ${f.sourceIds.map(md).join(', ') || 'none'}`, `Tickets: ${f.ticketIds.map(md).join(', ') || 'none'}`);
+    lines.push('', '## Evidence');
+    for (const e of r.evidence)
+        lines.push('', `### ${md(e.id)} — ${md(e.title)}`, `${e.kind}${e.image ? ` (${e.image.origin}; image is embedded in HTML/JSON, text alternative: ${md(e.image.alt)})` : ''}`, md(e.content), e.url ? `Full evidence: ${e.url}` : 'No external evidence destination.');
+    lines.push('', '## Sources');
+    for (const source of r.sources)
+        lines.push(`- ${md(source.id)}: ${md(source.title)} — ${md(source.publisher)}; ${md(source.technology)} ${md(source.version)}; ${source.access}; ${source.consultedAt || 'not consulted'}; ${source.url || 'no destination'}. ${md(source.usage)} Compatibility: ${md(source.compatibility)} Provenance: ${md(source.provenance)}`);
+    lines.push('', '## Technologies', ...r.technologies.map(t => `- ${md(t.name)} ${md(t.version)} (${md(t.detectedFrom)})`), '', '## Tickets', ...r.tickets.map(t => `- ${md(t.id)} — ${md(t.title)}: ${t.url || 'no published destination'}`), '', 'Generated from review format 1. Counts describe the whole review. Historical evidence does not certify a later revision.', '');
+    return lines.join('\n');
+}
+const app = document.getElementById('app');
+const data = document.getElementById('review-data');
+let review = null;
+let legacy = null;
+let currentRevision = null;
+let changedTargets = [];
+let state = { view: 'findings', selected: '', section: 'evidence', filters: { query: '', domain: '', severity: '', confidence: '', resolution: '' }, mobileDetail: false };
+const el = (tag, cls = '', text) => {
+    const n = document.createElement(tag);
+    if (cls)
+        n.className = cls;
+    if (text !== undefined)
+        n.textContent = text;
+    return n;
+};
+function button(label, cls, action) { const b = el('button', cls, label); b.type = 'button'; b.addEventListener('click', action); return b; }
+function textBlock(title, value, parent) { const box = el('section', 'text-block'); box.append(el('h3', '', title), el('p', '', value)); parent.append(box); }
+function badge(label, kind, icon) { return el('span', `badge ${kind}`, `${icon} ${label}`); }
+function link(label, url, parent, cls = 'link') {
+    if (!reviewUrl(url)) {
+        parent.append(el('p', 'muted unavailable', 'Destination indisponible : aucun lien HTTPS valide renseigné.'));
+        return;
+    }
+    const a = el('a', cls, `${label} ↗`);
+    a.href = url;
+    a.target = '_blank';
+    a.rel = 'noopener noreferrer';
+    parent.append(a);
+}
+function download(name, body, type) {
+    const url = URL.createObjectURL(new Blob([body], { type }));
+    const a = el('a');
+    a.href = url;
+    a.download = name;
+    document.body.append(a);
+    a.click();
+    a.remove();
+    setTimeout(() => URL.revokeObjectURL(url), 1000);
+}
+const safeJSON = (value) => JSON.stringify(value).replace(/</g, '\\u003c').replace(/>/g, '\\u003e').replace(/&/g, '\\u0026');
+function exportHtml() {
+    const copy = document.documentElement.cloneNode(true);
+    copy.querySelector('#review-data').textContent = safeJSON({ review, legacy, currentRevision, changedTargets, uiState: state });
+    // Rebuild the presentation on reopening from the same validated result source.
+    copy.querySelector('#app').replaceChildren();
+    download(`${review?.id || 'review'}.html`, '<!doctype html>\n' + copy.outerHTML, 'text/html;charset=utf-8');
+}
+function exports(parent) {
+    const box = el('details', 'export');
+    const summary = el('summary', 'button secondary', '↓  Exporter le rapport');
+    box.append(summary);
+    const menu = el('div', 'export-menu');
+    menu.append(button('HTML interactif · rouvrir hors ligne', '', () => { box.open = false; exportHtml(); }));
+    if (review) {
+        menu.append(button('Rapport Markdown', '', () => { box.open = false; download(`${review.id}.md`, reviewMarkdown(review), 'text/markdown;charset=utf-8'); }), button('Source JSON', '', () => { box.open = false; download(`${review.id}.json`, JSON.stringify(review, null, 2) + '\n', 'application/json'); }));
+    }
+    else if (legacy !== null)
+        menu.append(button('Rapport Markdown original', '', () => download('review-legacy.md', legacy, 'text/markdown;charset=utf-8')));
+    box.append(menu);
+    parent.append(box);
+}
+function importer(parent) {
+    const label = el('label', 'button import', '＋ Ouvrir une review');
+    const input = el('input');
+    input.type = 'file';
+    input.accept = '.json,.md';
+    input.setAttribute('aria-label', 'Ouvrir une review JSON ou Markdown');
+    label.append(input);
+    parent.append(label);
+    input.addEventListener('change', async () => {
+        const file = input.files?.[0];
+        if (!file)
+            return;
+        if (file.size > 4 * 1024 * 1024) {
+            showError('Le fichier dépasse la limite de 4 Mio.');
+            return;
+        }
+        app.replaceChildren(el('p', 'loading', 'Chargement de la review…'));
+        app.setAttribute('aria-busy', 'true');
+        try {
+            const content = await file.text();
+            if (file.name.toLowerCase().endsWith('.md')) {
+                legacy = redactReviewText(content);
+                review = null;
+            }
+            else {
+                review = sanitizedReview(JSON.parse(content));
+                legacy = null;
+            }
+            currentRevision = null;
+            changedTargets = [];
+            state = { view: 'findings', selected: '', section: 'evidence', filters: { query: '', domain: '', severity: '', confidence: '', resolution: '' }, mobileDetail: false };
+            location.hash = '';
+            render();
+        }
+        catch {
+            review = null;
+            legacy = null;
+            showError('Résultats invalides ou version non supportée. Utilisez un document review format 1 ; aucune donnée du fichier n’a été exécutée.');
+        }
+        finally {
+            app.removeAttribute('aria-busy');
+        }
+    });
+}
+function shell() {
+    app.replaceChildren();
+    const layout = el('div', 'layout');
+    const aside = el('aside', 'sidebar');
+    aside.append(el('div', 'brand', '⬡  DevMethod'), el('p', 'eyebrow', 'PROJET'), el('strong', 'project', review?.project || 'Consultation locale'));
+    const nav = el('nav', 'side-nav');
+    nav.setAttribute('aria-label', 'Navigation de review');
+    nav.append(el('div', 'side-active', '▤  Review'));
+    aside.append(nav);
+    importer(aside);
+    const note = el('div', 'side-note');
+    note.append(el('strong', '', 'Vos données restent locales'), el('p', '', 'Aucune commande exécutée. Aucune ressource distante chargée à l’ouverture.'));
+    aside.append(note);
+    const main = el('main', 'main');
+    const header = el('header', 'page-header');
+    const title = el('div');
+    title.append(el('h1', '', review?.title || (legacy !== null ? 'Rapport historique' : 'Espace de review')));
+    if (review) {
+        title.append(el('p', 'subtitle', `${review.project}  /  ${review.mission}  ·  ${review.tickets.map(t => t.id).join(', ') || 'Sans ticket'}`), el('p', 'revision', `Révision ${review.revision.commit} · ${review.date}${review.revision.dirty.length ? ` · Modifications non commitées : ${review.revision.dirty.join(', ')}` : ''}`));
+    }
+    header.append(title);
+    if (review || legacy !== null)
+        exports(header);
+    main.append(header);
+    layout.append(aside, main);
+    app.append(layout);
+    return main;
+}
+function showError(message) { const main = shell(); const box = el('section', 'empty error'); box.setAttribute('role', 'alert'); box.append(el('h2', '', 'Review indisponible'), el('p', '', message)); main.append(box); }
+function tabs(items, active, change, label, panelId) {
+    const group = el('div', 'tabs');
+    group.setAttribute('role', 'tablist');
+    group.setAttribute('aria-label', label);
+    for (const [id, title] of items) {
+        const b = button(title, active === id ? 'tab active' : 'tab', () => { change(id); document.getElementById(`${panelId}-${id}`)?.focus(); });
+        b.id = `${panelId}-${id}`;
+        b.setAttribute('role', 'tab');
+        b.setAttribute('aria-selected', String(active === id));
+        b.setAttribute('aria-controls', panelId);
+        b.tabIndex = active === id ? 0 : -1;
+        b.addEventListener('keydown', e => { const index = items.findIndex(i => i[0] === id); let next = null; if (e.key === 'ArrowRight')
+            next = (index + 1) % items.length; if (e.key === 'ArrowLeft')
+            next = (index + items.length - 1) % items.length; if (e.key === 'Home')
+            next = 0; if (e.key === 'End')
+            next = items.length - 1; if (next !== null) {
+            e.preventDefault();
+            change(items[next][0]);
+            document.getElementById(`${panelId}-${items[next][0]}`)?.focus();
+        } });
+        group.append(b);
+    }
+    return group;
+}
+function render() {
+    const main = shell();
+    if (!review) {
+        if (legacy !== null) {
+            main.append(el('div', 'banner incomplete', 'ⓘ Rapport Markdown historique — champs structurés et couverture inconnus. Aucune conversion implicite.'), el('pre', 'legacy', legacy));
+        }
+        else {
+            const box = el('section', 'empty');
+            box.append(el('span', 'empty-icon', '▤'), el('h2', '', 'Aucune review disponible'), el('p', '', 'Ouvrez un fichier review.json validé ou un ancien rapport Markdown pour commencer.'));
+            importer(box);
+            main.append(box);
+        }
+        return;
+    }
+    const r = review, sum = summarizeReview(r), fresh = reviewFreshness(r, currentRevision, changedTargets);
+    const banner = el('section', `banner ${sum.conclusion}`);
+    banner.append(el('span', 'banner-icon', sum.conclusion === 'ready' ? '✓' : sum.conclusion === 'corrections' ? '⚠' : 'ⓘ'));
+    const message = el('div');
+    message.append(el('h2', '', conclusionLabels[sum.conclusion]), el('p', '', r.summary), el('p', 'policy', r.policy.rationale));
+    banner.append(message);
+    main.append(banner);
+    if (fresh.state === 'different')
+        main.append(el('p', 'notice', `↻ Révision différente ou cibles modifiées : réévaluer les éléments concernés. Contrôles ciblés : ${fresh.affectedChecks.join(', ') || 'à déterminer'}. Constats ciblés : ${fresh.affectedFindings.join(', ') || 'à déterminer'}. Les preuves historiques et résultats indépendants sont conservés.`));
+    else if (fresh.state === 'unknown')
+        main.append(el('p', 'revision-hint', 'Historique : la révision courante n’est pas fournie. Cette review atteste uniquement de sa révision inspectée.'));
+    const stats = el('section', 'stats');
+    stats.setAttribute('aria-label', 'Compteurs de toute la review, indépendants des filtres');
+    for (const severity of ['critical', 'major', 'moderate', 'minor']) {
+        const card = el('div', `stat ${severity}`);
+        card.append(el('span', 'stat-icon', severity === 'critical' || severity === 'major' ? '!' : '△'), el('strong', '', String(sum.severities[severity])), el('span', '', severityLabels[severity]));
+        stats.append(card);
+    }
+    const uncertain = el('div', 'stat suspected');
+    uncertain.append(el('span', 'stat-icon', '?'), el('strong', '', String(sum.suspected)), el('span', '', 'À vérifier'));
+    stats.append(uncertain);
+    const coverage = el('div', 'stat coverage-stat');
+    coverage.append(el('strong', '', `${sum.checks.passed} réussis · ${sum.checks.failed} en échec`), el('span', '', `${sum.checks['not-run']} non exécutés · ${sum.checks.blocked} bloqués · ${sum.checks['out-of-scope']} hors périmètre`));
+    const bars = el('div', 'coverage-bars');
+    bars.setAttribute('aria-hidden', 'true');
+    const total = r.checks.length || 1;
+    for (const [status, count] of Object.entries(sum.checks)) {
+        const bar = el('span', status);
+        bar.style.flexGrow = String(count / total);
+        if (count)
+            bars.append(bar);
+    }
+    coverage.append(bars);
+    stats.append(coverage);
+    main.append(stats, el('p', 'count-caption', 'Compteurs : toute la review, y compris les constats résolus. Les risques à vérifier sont indiqués séparément.'));
+    if (r.limits.length || r.exclusions.length) {
+        const limits = el('details', 'limits');
+        limits.append(el('summary', '', `Limites & périmètre · ${r.limits.length} limite(s) signalée(s)`));
+        const ul = el('ul');
+        for (const t of [...r.scope.map(t => `Inclus : ${t}`), ...r.exclusions.map(t => `Exclu : ${t}`), ...r.limits])
+            ul.append(el('li', '', t));
+        limits.append(ul);
+        main.append(limits);
+        if (r.limits.length)
+            main.append(el('p', 'important-limit', r.limits[0]));
+    }
+    const workspace = el('section', `workspace ${state.mobileDetail ? 'show-detail' : ''}`);
+    const left = el('div', 'list-panel');
+    left.append(tabs([['findings', `Constats ${r.findings.length}`], ['coverage', 'Couverture'], ['sources', 'Sources']], state.view, id => { state.view = id; state.mobileDetail = false; render(); }, 'Vues de review', 'view-panel'));
+    const panel = el('div', 'view-panel');
+    panel.id = 'view-panel';
+    panel.setAttribute('role', 'tabpanel');
+    panel.setAttribute('aria-labelledby', `view-panel-${state.view}`);
+    if (state.view === 'findings')
+        renderFindingList(panel);
+    if (state.view === 'coverage')
+        renderCoverage(panel);
+    if (state.view === 'sources')
+        renderSources(panel);
+    left.append(panel);
+    const detail = el('article', 'detail-panel');
+    detail.id = 'finding-detail';
+    renderDetail(detail);
+    workspace.append(left, detail);
+    main.append(workspace);
+}
+function renderFindingList(parent) {
+    const filters = el('div', 'filters');
+    const searchLabel = el('label', 'search-label', 'Rechercher un constat');
+    const search = el('input', 'search');
+    search.type = 'search';
+    search.placeholder = 'Titre, identifiant, fichier…';
+    search.value = state.filters.query;
+    search.id = 'finding-search';
+    searchLabel.append(search);
+    filters.append(searchLabel);
+    const select = (key, label, values) => { const l = el('label', '', label); const node = el('select'); node.setAttribute('aria-label', label); for (const [value, name] of [['', 'Tous'], ...values]) {
+        const option = el('option', '', name);
+        option.value = value;
+        node.append(option);
+    } node.value = state.filters[key]; node.addEventListener('change', () => { state.filters[key] = node.value; renderListOnly(); }); l.append(node); filters.append(l); };
+    select('domain', 'Domaine', [...new Set(review.findings.map(f => f.domain))].sort().map(v => [v, v]));
+    select('severity', 'Gravité', Object.entries(severityLabels));
+    select('confidence', 'Confiance', Object.entries(confidenceLabels));
+    select('resolution', 'Résolution', Object.entries(resolutionLabels));
+    search.addEventListener('input', () => { state.filters.query = search.value; renderListOnly(); });
+    parent.append(filters);
+    const results = el('div', 'finding-results');
+    results.id = 'finding-results';
+    parent.append(results);
+    renderListOnly();
+    // The parent is not yet attached during a complete render.
+    fillFindingResults(results);
+}
+function renderListOnly() { const list = document.getElementById('finding-results'); if (list)
+    fillFindingResults(list); const note = document.getElementById('detail-filter-note'); if (note && review)
+    note.hidden = filterFindings(review, state.filters).some(f => f.id === state.selected); }
+function fillFindingResults(parent) {
+    parent.replaceChildren();
+    const findings = filterFindings(review, state.filters);
+    const count = el('p', 'result-count', `${findings.length} constat(s) affiché(s) sur ${review.findings.length}`);
+    count.setAttribute('role', 'status');
+    parent.append(count);
+    if (!findings.length) {
+        parent.append(el('div', 'empty small', review.findings.length ? 'Aucun résultat ne correspond aux filtres.' : 'Aucun problème détecté. Consultez la couverture et les limites avant de conclure.'));
+        return;
+    }
+    for (const f of findings) {
+        const b = button('', `finding ${state.selected === f.id ? 'selected' : ''}`, () => { state.selected = f.id; state.mobileDetail = true; state.section = 'evidence'; history.pushState(null, '', `#finding=${encodeURIComponent(f.id)}`); render(); document.getElementById('detail-title')?.focus(); });
+        b.setAttribute('aria-label', `${f.id} ${f.title}, ${severityLabels[f.severity]}, ${confidenceLabels[f.confidence]}, ${resolutionLabels[f.resolution]}`);
+        b.setAttribute('aria-current', String(state.selected === f.id));
+        const top = el('div', 'finding-top');
+        top.append(el('strong', 'finding-id', f.id), badge(confidenceLabels[f.confidence], f.confidence, f.confidence === 'confirmed' ? '✓' : '?'));
+        b.append(top, el('h3', '', f.title));
+        const meta = el('div', 'finding-meta');
+        meta.append(badge(severityLabels[f.severity], f.severity, '!'), el('span', '', f.domain), el('span', 'resolution', resolutionLabels[f.resolution]));
+        b.append(meta);
+        parent.append(b);
+    }
+}
+function renderCoverage(parent) {
+    parent.append(el('h2', 'panel-title', 'Couverture par domaine'), el('p', 'muted', 'Contrôles exécutés, non exécutés et hors périmètre. Aucun score de risque.'));
+    if (!review.checks.length)
+        parent.append(el('p', 'empty small', 'Aucun contrôle enregistré : couverture inconnue.'));
+    for (const domain of [...new Set(review.checks.map(c => c.domain))]) {
+        parent.append(el('h3', 'domain-title', domain));
+        for (const c of review.checks.filter(c => c.domain === domain)) {
+            const card = el('section', 'check-card');
+            card.append(badge(checkLabels[c.status], c.status, c.status === 'passed' ? '✓' : c.status === 'failed' ? '✕' : '—'), el('h4', '', `${c.id} · ${c.title}`), el('p', '', c.result), el('p', 'muted', `${c.kind === 'manual' ? 'Inspection manuelle' : 'Contrôle automatisé'} · Révision ${c.revision}`));
+            if (c.reason)
+                card.append(el('p', '', `Raison : ${c.reason}`));
+            for (const id of c.evidenceIds) {
+                const e = review.evidence.find(e => e.id === id);
+                const d = el('details');
+                d.append(el('summary', '', `Preuve ${id} · ${e.title}`), el('pre', '', e.content));
+                card.append(d);
+            }
+            if (!c.evidenceIds.length)
+                card.append(el('p', 'muted', 'Aucune preuve jointe.'));
+            parent.append(card);
+        }
+    }
+}
+function sourceCard(source) {
+    const card = el('section', 'source-card');
+    card.append(el('h3', '', source.title), el('p', 'source-meta', `${source.publisher} · ${source.technology} ${source.version}`), badge(source.access === 'consulted' ? 'Consultée' : source.access === 'unavailable' ? 'Inaccessible' : 'Non vérifiée', source.access === 'consulted' ? 'confirmed' : 'suspected', source.access === 'consulted' ? '✓' : '?'), el('p', 'muted', `Consultation : ${source.consultedAt || 'non enregistrée'} · ${source.kind}`));
+    textBlock('Usage', source.usage, card);
+    textBlock('Compatibilité & limites', source.compatibility, card);
+    textBlock('Provenance', source.provenance, card);
+    link('Ouvrir la référence', source.url, card);
+    return card;
+}
+function renderSources(parent) {
+    parent.append(el('h2', 'panel-title', 'Sources & technologies'));
+    for (const t of review.technologies)
+        parent.append(el('p', 'technology', `${t.name} ${t.version} — ${t.detectedFrom}`));
+    if (!review.sources.length)
+        parent.append(el('p', 'empty small', 'Aucune source consultée enregistrée.'));
+    for (const source of review.sources)
+        parent.append(sourceCard(source));
+}
+function renderDetail(parent) {
+    const back = button('← Retour aux résultats', 'back-button', () => { state.mobileDetail = false; render(); (document.querySelector('.finding.selected') || document.getElementById('view-panel-findings'))?.focus(); });
+    parent.append(back);
+    const f = review.findings.find(f => f.id === state.selected);
+    if (!f) {
+        parent.append(el('div', 'empty detail-empty', state.selected ? 'Ce constat est introuvable dans cette review. Revenez à la liste pour en sélectionner un autre.' : 'Sélectionnez un constat pour consulter ses preuves, sa correction et ses références.'));
+        return;
+    }
+    const filterNote = el('p', 'notice', 'Ce constat est hors de la sélection filtrée. Son détail reste disponible.');
+    filterNote.id = 'detail-filter-note';
+    filterNote.hidden = filterFindings(review, state.filters).some(item => item.id === f.id);
+    parent.append(filterNote);
+    const title = el('h2', 'detail-title', `${f.id} · ${f.title}`);
+    title.id = 'detail-title';
+    title.tabIndex = -1;
+    parent.append(title);
+    const badges = el('div', 'detail-badges');
+    badges.append(badge(severityLabels[f.severity], f.severity, '!'), badge(confidenceLabels[f.confidence], f.confidence, f.confidence === 'confirmed' ? '✓' : '?'), badge(resolutionLabels[f.resolution], 'neutral', '◌'));
+    parent.append(badges, el('p', 'impact', f.impact), el('p', 'location', `${f.location.path}${f.location.line ? `:${f.location.line}` : ''}${f.location.component ? ` · ${f.location.component}` : ''}`));
+    parent.append(tabs([['evidence', 'Preuve'], ['correction', 'Correction'], ['references', 'Références']], state.section, id => { state.section = id; render(); }, 'Détail du constat', 'detail-content'));
+    const content = el('div', 'detail-content');
+    content.id = 'detail-content';
+    content.setAttribute('role', 'tabpanel');
+    content.setAttribute('aria-labelledby', `detail-content-${state.section}`);
+    if (state.section === 'evidence')
+        evidenceDetail(f, content);
+    if (state.section === 'correction') {
+        textBlock('Correction recommandée', f.correction, content);
+        textBlock('Conséquences & compromis', f.tradeoffs, content);
+        textBlock('Vérification après correction', f.verification, content);
+        textBlock('État de résolution', `${resolutionLabels[f.resolution]} · Preuves de résolution : ${f.resolutionEvidenceIds.join(', ') || 'aucune'}`, content);
+        ticketLinks(f, content);
+    }
+    if (state.section === 'references') {
+        textBlock('Justification de la gravité', f.severityReason, content);
+        if (!f.sourceIds.length)
+            content.append(el('p', 'empty small', 'Aucune référence pertinente renseignée.'));
+        for (const id of f.sourceIds)
+            content.append(sourceCard(review.sources.find(s => s.id === id)));
+    }
+    parent.append(content);
+    const actions = el('footer', 'detail-actions');
+    actions.append(button('↗ Lien vers ce constat', 'button secondary', () => { const url = new URL(location.href); url.hash = `finding=${encodeURIComponent(f.id)}`; location.hash = url.hash; const destination = el('input'); destination.readOnly = true; destination.value = url.href; destination.setAttribute('aria-label', 'Lien local vers le constat'); actions.querySelector('input')?.remove(); actions.append(destination); destination.focus(); destination.select(); }));
+    if (f.evidenceIds.length)
+        actions.append(button('▤ Voir la preuve', 'button primary', () => { state.section = 'evidence'; render(); document.getElementById('evidence-full')?.scrollIntoView({ block: 'nearest' }); document.getElementById('evidence-full')?.focus(); }));
+    parent.append(actions);
+}
+function ticketLinks(f, parent) {
+    if (!f.ticketIds.length)
+        parent.append(el('p', 'muted', 'Aucun ticket associé.'));
+    for (const id of f.ticketIds) {
+        const t = review.tickets.find(t => t.id === id);
+        parent.append(el('p', '', `${t.id} · ${t.title}`));
+        link('Ouvrir le ticket', t.url, parent, 'button primary');
+    }
+}
+function evidenceDetail(f, parent) {
+    textBlock('Scénario déclencheur', f.trigger, parent);
+    const compare = el('div', 'compare');
+    textBlock('Attendu', f.expected, compare);
+    textBlock('Observé', f.observed, compare);
+    parent.append(compare);
+    const steps = el('ol', 'reproduction');
+    for (const step of f.reproduction)
+        steps.append(el('li', '', step));
+    parent.append(steps);
+    if (!f.evidenceIds.length)
+        parent.append(el('p', 'notice', 'Preuve non disponible : ce constat repose sur les étapes et limites décrites ci-dessus.'));
+    for (const [index, id] of f.evidenceIds.entries()) {
+        const e = review.evidence.find(e => e.id === id);
+        const card = el('section', 'evidence-card');
+        if (index === 0) {
+            card.id = 'evidence-full';
+            card.tabIndex = -1;
+        }
+        card.append(el('h3', '', e.title));
+        if (e.kind === 'diagram')
+            card.append(el('span', 'eyebrow', 'SCHÉMA EXPLICATIF · PAS UNE CAPTURE D’EXÉCUTION'));
+        if (e.image) {
+            const img = el('img', 'evidence-image');
+            img.src = `data:${e.image.mime};base64,${e.image.base64}`;
+            img.alt = e.image.alt;
+            card.append(el('p', 'muted', e.image.origin === 'captured' ? 'Capture déclarée réelle par l’auteur · confidentialité relue' : 'Illustration explicative · pas une preuve d’exécution'), img);
+            img.addEventListener('error', () => { img.replaceWith(el('p', 'notice', `Image indisponible. Alternative : ${e.image.alt}`)); });
+        }
+        card.append(el('pre', e.kind === 'diagram' ? 'diagram' : '', e.content));
+        if (e.url)
+            link('Ouvrir la preuve complète', e.url, card);
+        else
+            card.append(el('p', 'muted', 'Preuve incluse dans ce rapport ; aucun lien externe renseigné.'));
+        parent.append(card);
+    }
+    const correction = el('div', 'correction-preview');
+    correction.append(el('strong', '', '⌁ Correction proposée'), el('p', '', f.correction));
+    parent.append(correction);
+}
+function hashSelection() {
+    const id = new URLSearchParams(location.hash.slice(1)).get('finding');
+    if (id) {
+        state.selected = id;
+        state.view = 'findings';
+        state.mobileDetail = true;
+    }
+}
+window.addEventListener('hashchange', () => { hashSelection(); render(); });
+window.addEventListener('popstate', () => { hashSelection(); render(); });
+try {
+    const payload = JSON.parse(data.textContent || '{}');
+    if (payload.review != null)
+        review = sanitizedReview(payload.review);
+    if (typeof payload.legacy === 'string')
+        legacy = redactReviewText(payload.legacy);
+    currentRevision = typeof payload.currentRevision === 'string' ? payload.currentRevision : null;
+    changedTargets = Array.isArray(payload.changedTargets) && payload.changedTargets.every(v => typeof v === 'string') ? payload.changedTargets : [];
+    // Saved UI state is only a convenience; validate before using it in selectors/rendering.
+    const saved = payload.uiState;
+    if (saved && ['findings', 'coverage', 'sources'].includes(saved.view) && ['evidence', 'correction', 'references'].includes(saved.section) && typeof saved.selected === 'string' && saved.filters && ['query', 'domain', 'severity', 'confidence', 'resolution'].every(k => typeof saved.filters[k] === 'string'))
+        state = saved;
+    if (!state.selected && review?.findings[0])
+        state.selected = review.findings[0].id;
+    hashSelection();
+    render();
+}
+catch {
+    review = null;
+    legacy = null;
+    showError('Résultats invalides ou version non supportée. Ouvrez une review format 1 ou un rapport Markdown historique.');
+}
+})();
+</script></body></html>