flakelab 0.1.0 → 0.1.2

package/dist/report/report-details.css

@@ -1,182 +0,0 @@
-/* Hypotheses */
-
-.group { margin-top: 20px; }
-.group-title {
-  display: flex;
-  align-items: center;
-  gap: 9px;
-  margin: 0 0 10px;
-  font-family: var(--font-mono);
-  font-size: 11px;
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
-  color: var(--text-muted);
-}
-.group-title::before { content: ""; width: 8px; height: 8px; border: 1.5px solid; border-radius: 1px; }
-.group-confirmed .group-title::before { background: var(--pass); border-color: var(--pass); }
-.group-proposed .group-title::before { border-color: var(--open); }
-.group-rejected .group-title::before { border-color: var(--rule-strong); border-style: dashed; }
-.group-count {
-  padding: 0 5px;
-  border: 1px solid var(--rule);
-  border-radius: 2px;
-  font-size: 10px;
-  color: var(--text-faint);
-}
-
-.hypothesis { margin: 0 0 14px; padding-left: 14px; border-left: 2px solid var(--rule); }
-.hypothesis-confirmed { border-left-color: var(--pass); }
-.hypothesis-proposed { border-left-color: var(--open); border-left-style: dotted; }
-.hypothesis-rejected { border-left-color: var(--rule-strong); border-left-style: dashed; }
-.hypothesis-head { display: flex; gap: 10px; margin: 0 0 6px; font-size: 13.5px; line-height: 1.55; }
-.hypothesis-id {
-  flex: none;
-  padding-top: 1px;
-  font-family: var(--font-mono);
-  font-size: 11px;
-  font-weight: 500;
-  color: var(--text-faint);
-}
-.hypothesis-statement { color: var(--text); }
-.hypothesis-rejected .hypothesis-statement { color: var(--text-muted); font-weight: 500; }
-.hypothesis-explanation {
-  margin: 0 0 8px;
-  max-width: 84ch;
-  font-size: 13px;
-  line-height: 1.7;
-  color: var(--text-muted);
-}
-.evidence-refs { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; }
-.evidence-label {
-  font-family: var(--font-mono);
-  font-size: 10px;
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
-  color: var(--text-faint);
-}
-.ref {
-  padding: 0 5px;
-  border: 1px solid var(--rule);
-  border-radius: 2px;
-  font-family: var(--font-mono);
-  font-size: 11px;
-  color: var(--accent);
-  text-decoration: none;
-}
-.ref:hover { border-color: var(--accent); text-decoration: underline; }
-.ref-missing { color: var(--text-faint); }
-
-/* Proof of fix */
-
-.delta {
-  margin: 14px 0 0;
-  padding: 14px 16px;
-  border: 1px solid var(--rule);
-  border-radius: 2px;
-  background: var(--surface);
-}
-.delta figcaption { margin-bottom: 12px; font-size: 11.5px; line-height: 1.5; color: var(--text-faint); }
-.delta-bars { display: grid; gap: 10px; margin: 0; }
-.delta-row { display: grid; grid-template-columns: 62px minmax(0, 1fr); align-items: center; gap: 14px; }
-.delta-row dt {
-  font-family: var(--font-mono);
-  font-size: 10.5px;
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
-  color: var(--text-muted);
-}
-.delta-row dd { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 0; }
-.delta .rate { gap: 12px; }
-.delta .rate-value { min-width: 5ch; font-size: 15px; }
-.delta .rate-track { width: min(280px, 42vw); height: 10px; }
-.delta-counts { font-family: var(--font-mono); font-size: 11.5px; color: var(--text-faint); }
-
-/* Artifacts */
-
-.artifacts { list-style: none; margin: 14px 0 0; padding: 0; border: 1px solid var(--rule); border-radius: 2px; }
-.artifacts li + li { border-top: 1px solid var(--rule); }
-.artifact {
-  display: grid;
-  grid-template-columns: 170px minmax(0, 1fr);
-  gap: 4px 16px;
-  padding: 9px 12px;
-  color: inherit;
-  text-decoration: none;
-}
-.artifact:hover { background: var(--surface); }
-.artifact:focus-visible { outline-offset: -2px; background: var(--surface); }
-.artifact-label {
-  font-family: var(--font-mono);
-  font-size: 10.5px;
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
-  color: var(--text-faint);
-}
-.artifact-path { font-family: var(--font-mono); font-size: 12.5px; color: var(--accent); overflow-wrap: anywhere; }
-.artifact:hover .artifact-path, .artifact:focus-visible .artifact-path { text-decoration: underline; }
-
-/* Colophon */
-
-.colophon {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  gap: 6px 24px;
-  margin-top: 44px;
-  padding: 14px 0 44px;
-  border-top: 1px solid var(--rule);
-}
-.colophon p { margin: 0; font-family: var(--font-mono); font-size: 10.5px; color: var(--text-faint); }
-
-/* Responsive */
-
-@media (max-width: 900px) {
-  .metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-  .metric:nth-child(2) { border-right: 0; }
-  .metric:nth-child(-n + 2) { border-bottom: 1px solid var(--rule); }
-}
-
-@media (max-width: 640px) {
-  .page { width: calc(100% - 32px); }
-  .spec-row, .artifact { grid-template-columns: minmax(0, 1fr); }
-  .verdict-headline { font-size: 19px; }
-  .metric-value { font-size: 17px; }
-  .delta-row { grid-template-columns: minmax(0, 1fr); gap: 4px; }
-  .delta .rate-track { width: min(220px, 46vw); }
-  .masthead-meta { gap: 4px 20px; }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  *, *::before, *::after {
-    animation-duration: 0.01ms !important;
-    animation-iteration-count: 1 !important;
-    transition-duration: 0.01ms !important;
-    scroll-behavior: auto !important;
-  }
-}
-
-/* Print */
-
-@media print {
-  :root {
-    --bg: #ffffff;
-    --surface: #f6f7f8;
-    --stripe: #fbfbfc;
-    --track: #dfe3e6;
-    --rule: #d5d9dd;
-    --rule-strong: #a9b0b7;
-    --text: #101316;
-    --text-muted: #3f464d;
-    --text-faint: #666d74;
-    --accent: #10396e;
-    --pass: #10613a;
-    --fail: #8c1f18;
-    color-scheme: light;
-  }
-  .page { width: 100%; }
-  .table-scroll { overflow: visible; }
-  table.grid { min-width: 0; }
-  .verdict, .delta, .hypothesis, .artifacts li, table.grid tr { break-inside: avoid; }
-  .section-head { break-after: avoid; }
-  .colophon { padding-bottom: 0; }
-}

package/dist/report/report.css

@@ -1,404 +0,0 @@
-/*
- * Geist Mono is bundled from the self-hosted @fontsource-variable/geist-mono package.
- * Vite resolves these package-relative URLs and inlines the woff2 as a data URI, so the
- * generated report carries its own typeface and makes no network request.
- */
-@font-face {
-  font-family: "Geist Mono Variable";
-  font-style: normal;
-  font-display: swap;
-  font-weight: 100 900;
-  src: url("@fontsource-variable/geist-mono/files/geist-mono-latin-wght-normal.woff2") format("woff2-variations");
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
-    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
-    U+FEFF, U+FFFD;
-}
-
-@font-face {
-  font-family: "Geist Mono Variable";
-  font-style: normal;
-  font-display: swap;
-  font-weight: 100 900;
-  src: url("@fontsource-variable/geist-mono/files/geist-mono-latin-ext-wght-normal.woff2") format("woff2-variations");
-  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
-    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0,
-    U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-
-:root {
-  --font-mono: "Geist Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
-
-  --bg: #ffffff;
-  --surface: #f6f7f8;
-  --stripe: #fafbfb;
-  --track: #e6e9ec;
-  --rule: #e2e5e8;
-  --rule-strong: #c6ccd2;
-  --text: #14171a;
-  --text-muted: #565d65;
-  --text-faint: #7d858d;
-  --accent: #1a5fb4;
-  --pass: #1a7a4c;
-  --pass-line: #a6d2ba;
-  --fail: #b02a22;
-  --fail-line: #e8b2ae;
-  --open: #8a5c10;
-  --open-line: #ddc189;
-
-  color-scheme: light dark;
-  color: var(--text);
-  background: var(--bg);
-  -webkit-text-size-adjust: 100%;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --bg: #0d0f11;
-    --surface: #16191c;
-    --stripe: #121517;
-    --track: #23282d;
-    --rule: #24292e;
-    --rule-strong: #39414a;
-    --text: #e3e6e9;
-    --text-muted: #99a1a9;
-    --text-faint: #6d757e;
-    --accent: #74a9f0;
-    --pass: #58ab79;
-    --pass-line: #2c5540;
-    --fail: #e0706a;
-    --fail-line: #663733;
-    --open: #c2953f;
-    --open-line: #574524;
-  }
-}
-
-* { box-sizing: border-box; }
-
-body {
-  margin: 0;
-  min-width: 320px;
-  background: var(--bg);
-  font-family: var(--font-sans);
-  font-size: 13px;
-}
-
-/* Available to assistive technology, absent from the visual layout. */
-.sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip-path: inset(50%);
-  white-space: nowrap;
-}
-
-:focus-visible {
-  outline: 2px solid var(--accent);
-  outline-offset: 2px;
-  border-radius: 2px;
-}
-
-.page { width: min(1020px, calc(100% - 48px)); margin: 0 auto; }
-
-h1, h2, h3, h4 { font-weight: 600; }
-code { font-family: var(--font-mono); }
-
-/* ---------------------------------------------------------------- masthead */
-
-.masthead {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: baseline;
-  justify-content: space-between;
-  gap: 12px 28px;
-  padding: 16px 0 12px;
-  border-bottom: 1px solid var(--rule-strong);
-}
-.masthead-title { display: flex; align-items: baseline; gap: 10px; margin: 0; }
-.masthead-product { font-family: var(--font-mono); font-size: 14px; font-weight: 700; letter-spacing: -0.02em; }
-.masthead-kind {
-  font-family: var(--font-mono);
-  font-size: 10px;
-  letter-spacing: 0.12em;
-  text-transform: uppercase;
-  color: var(--text-faint);
-}
-.masthead-meta { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 0; }
-.masthead-meta div { display: flex; align-items: baseline; gap: 8px; }
-.masthead-meta dt {
-  font-family: var(--font-mono);
-  font-size: 10px;
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
-  color: var(--text-faint);
-}
-.masthead-meta dd {
-  margin: 0;
-  font-family: var(--font-mono);
-  font-size: 11.5px;
-  color: var(--text-muted);
-  overflow-wrap: anywhere;
-}
-
-.page-title {
-  margin: 22px 0 0;
-  font-size: 15px;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-muted);
-}
-.page-title code { color: var(--text); font-weight: 600; overflow-wrap: anywhere; }
-
-/* ---------------------------------------------------------------- sections */
-
-.section-head { display: flex; align-items: center; gap: 12px; margin: 34px 0 12px; }
-.section-title {
-  display: flex;
-  align-items: baseline;
-  gap: 10px;
-  margin: 0;
-  font-family: var(--font-mono);
-  font-size: 12px;
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
-}
-.section-ordinal { color: var(--text-faint); font-weight: 500; }
-.section-rule { flex: 1; height: 1px; background: var(--rule); }
-.section-meta {
-  font-family: var(--font-mono);
-  font-size: 11px;
-  color: var(--text-faint);
-  white-space: nowrap;
-}
-
-.sub-title {
-  margin: 0 0 6px;
-  font-family: var(--font-mono);
-  font-size: 10.5px;
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
-  color: var(--text-faint);
-}
-
-.lede {
-  margin: 12px 0 0;
-  max-width: 80ch;
-  font-size: 13px;
-  line-height: 1.65;
-  color: var(--text-muted);
-}
-.lede code { color: var(--text); overflow-wrap: anywhere; }
-
-/* ----------------------------------------------------------------- verdict */
-
-.verdict {
-  margin-top: 14px;
-  padding: 14px 18px;
-  border: 1px solid var(--rule);
-  border-left-width: 3px;
-  border-radius: 2px;
-  background: var(--surface);
-}
-.verdict-pass { border-left-color: var(--pass); }
-.verdict-fail { border-left-color: var(--fail); }
-.verdict-headline {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 12px;
-  margin: 0;
-  font-family: var(--font-mono);
-  font-size: 22px;
-  font-weight: 600;
-  letter-spacing: -0.01em;
-}
-.verdict-summary { margin: 6px 0 0; font-size: 13px; line-height: 1.6; color: var(--text-muted); }
-
-/* Status words carry the meaning; colour and border style only reinforce it. */
-.tag {
-  display: inline-block;
-  padding: 1px 6px;
-  border: 1px solid;
-  border-radius: 2px;
-  font-family: var(--font-mono);
-  font-size: 10px;
-  font-weight: 600;
-  letter-spacing: 0.09em;
-  line-height: 1.7;
-  text-transform: uppercase;
-  white-space: nowrap;
-}
-.tag-pass { color: var(--pass); border-color: var(--pass-line); border-style: solid; }
-.tag-fail { color: var(--fail); border-color: var(--fail-line); border-style: dashed; }
-.tag-open { color: var(--open); border-color: var(--open-line); border-style: dotted; }
-
-/* --------------------------------------------------------------- spec list */
-
-.spec { margin: 16px 0 0; border-top: 1px solid var(--rule); }
-.spec-row {
-  display: grid;
-  grid-template-columns: 190px minmax(0, 1fr);
-  gap: 4px 18px;
-  padding: 7px 0;
-  border-bottom: 1px solid var(--rule);
-}
-.spec-row dt {
-  font-family: var(--font-mono);
-  font-size: 10.5px;
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
-  color: var(--text-faint);
-  padding-top: 2px;
-}
-.spec-row dd { margin: 0; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
-.spec-mono { font-family: var(--font-mono); font-size: 12.5px; }
-
-/* ------------------------------------------------------------------- prose */
-
-.prose { margin-top: 18px; }
-.prose p { margin: 0 0 10px; max-width: 82ch; font-size: 13.5px; line-height: 1.7; }
-.prose > p { color: var(--text); }
-.note {
-  border-left: 2px solid var(--rule-strong);
-  padding-left: 12px;
-  font-size: 12.5px !important;
-  color: var(--text-muted);
-}
-.note-label {
-  display: block;
-  margin-bottom: 2px;
-  font-family: var(--font-mono);
-  font-size: 10px;
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
-  color: var(--text-faint);
-}
-
-/* ----------------------------------------------------------------- metrics */
-
-.metrics {
-  display: grid;
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-  margin: 14px 0 0;
-  border: 1px solid var(--rule);
-  border-radius: 2px;
-}
-.metric { padding: 11px 14px; border-right: 1px solid var(--rule); }
-.metric:last-child { border-right: 0; }
-.metric dt {
-  font-family: var(--font-mono);
-  font-size: 10px;
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
-  color: var(--text-faint);
-}
-.metric dd { margin: 6px 0 0; }
-.metric-value {
-  display: block;
-  font-family: var(--font-mono);
-  font-size: 19px;
-  letter-spacing: -0.02em;
-  overflow-wrap: anywhere;
-}
-.metric-detail {
-  display: block;
-  margin-top: 3px;
-  font-family: var(--font-mono);
-  font-size: 10.5px;
-  color: var(--text-faint);
-}
-
-.static-checks {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 8px 18px;
-  margin-top: 12px;
-}
-.static-checks-label {
-  font-family: var(--font-mono);
-  font-size: 10px;
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
-  color: var(--text-faint);
-}
-.check { display: inline-flex; align-items: center; gap: 8px; }
-.check-label { font-family: var(--font-mono); font-size: 11.5px; color: var(--text-muted); }
-
-/* ------------------------------------------------------------ rates/counts */
-
-.rate { display: inline-flex; align-items: center; gap: 9px; }
-.rate-value {
-  min-width: 4ch;
-  text-align: right;
-  font-family: var(--font-mono);
-  font-size: 12.5px;
-  font-variant-numeric: tabular-nums;
-}
-.rate-track {
-  position: relative;
-  flex: none;
-  width: 64px;
-  height: 6px;
-  border-radius: 1px;
-  background: var(--track);
-  overflow: hidden;
-}
-.rate-fill { position: absolute; top: 0; bottom: 0; left: 0; border-radius: 1px; }
-.rate-fill.rate-fail { background: var(--fail); }
-.rate-fill.rate-pass { background: var(--pass); }
-
-.counts { display: inline-flex; flex-direction: column; align-items: flex-end; gap: 2px; }
-.counts-main { font-family: var(--font-mono); font-size: 12.5px; font-variant-numeric: tabular-nums; }
-.counts-detail { font-family: var(--font-mono); font-size: 10.5px; color: var(--text-faint); white-space: nowrap; }
-
-/* ------------------------------------------------------------------ tables */
-
-.table-scroll {
-  margin-top: 14px;
-  border: 1px solid var(--rule);
-  border-radius: 2px;
-  overflow-x: auto;
-  /* A persistent thin scrollbar is the only hint that columns continue off-screen. */
-  scrollbar-width: thin;
-  scrollbar-color: var(--rule-strong) transparent;
-}
-.table-scroll:focus-visible { outline-offset: -2px; }
-
-table.grid { width: 100%; min-width: 560px; border-collapse: collapse; }
-.table-note {
-  margin: 14px 0 0;
-  max-width: 92ch;
-  font-size: 11.5px;
-  line-height: 1.6;
-  color: var(--text-faint);
-}
-.table-note + .table-scroll { margin-top: 8px; }
-table.grid th, table.grid td {
-  padding: 8px 12px;
-  border-bottom: 1px solid var(--rule);
-  text-align: left;
-  vertical-align: top;
-  font-weight: 400;
-}
-table.grid thead th {
-  font-family: var(--font-mono);
-  font-size: 10px;
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
-  color: var(--text-faint);
-  border-bottom-color: var(--rule-strong);
-  white-space: nowrap;
-}
-table.grid tbody tr:nth-child(even) { background: var(--stripe); }
-table.grid tbody tr:last-child th, table.grid tbody tr:last-child td { border-bottom: 0; }
-table.grid tbody th { font-weight: 600; color: var(--text); overflow-wrap: anywhere; }
-table.grid th.id-cell { white-space: nowrap; overflow-wrap: normal; }
-table.grid td { color: var(--text-muted); }
-table.grid .mono { font-family: var(--font-mono); font-size: 12.5px; }
-table.grid .num { text-align: right; white-space: nowrap; }
-table.grid thead .num { text-align: right; }
-table.grid tbody tr:target { background: var(--surface); box-shadow: inset 3px 0 0 var(--accent); }