PyPI - bobframes - Versions diffs - 0.1.0__py3-none-any.whl - Mend

bobframes 0.1.0__py3-none-any.whl

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 (130) hide show

bobframes/tests/data/golden/_reports/trend_table.html ADDED Viewed

@@ -0,0 +1,390 @@
+<!doctype html><html lang="en"><head><meta charset="utf-8"><title>trend table</title><link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='2' y='3' width='12' height='2' fill='%23888'/><rect x='2' y='7' width='12' height='2' fill='%234a8'/><rect x='2' y='11' width='12' height='2' fill='%23d54'/></svg>"><style>:root{color-scheme:light dark;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-12:48px;--fs-display:2.25rem;--fs-h1:1.5rem;--fs-h2:1.1rem;--fs-h3:0.9rem;--fs-body:14px;--fs-mono:13px;--fs-small:11px;--motion-hover:150ms ease-out;--motion-focus:100ms ease-out;--motion-vt:200ms ease-in-out;--motion-disclosure:180ms ease-out;--bg:light-dark(oklch(97.2% 0.012 80),oklch(16.4% 0.012 260));--surface-0:var(--bg);--surface-1:light-dark(oklch(94.6% 0.018 80),oklch(19.5% 0.013 260));--surface-2:light-dark(oklch(94.6% 0.020 80),oklch(20.7% 0.014 260));--code-bg:var(--surface-2);--fg:light-dark(oklch(22.0% 0.005 80),oklch(93.6% 0.005 260));--text-1:var(--fg);--muted:light-dark(oklch(49.4% 0.005 80),oklch(67.5% 0.005 260));--text-2:var(--muted);--text-3:light-dark(oklch(60.0% 0.012 80),oklch(56.4% 0.020 280));--border:light-dark(oklch(84.0% 0.024 82),oklch(28.0% 0.014 260));--border-1:var(--border);--border-strong:light-dark(oklch(75.0% 0.030 82),oklch(35.0% 0.018 260));--border-2:var(--border-strong);--row-alt:light-dark(oklch(93.2% 0.022 82),oklch(20.5% 0.015 260));--row-hover:light-dark(oklch(90.0% 0.038 82),oklch(25.0% 0.022 260));--accent-primary:light-dark(oklch(38.0% 0.020 260),oklch(78.0% 0.015 260));--accent-data:light-dark(oklch(55.0% 0.155 230),oklch(75.0% 0.115 230));--accent:var(--accent-primary);--status-alarm:light-dark(oklch(52.0% 0.180 28),oklch(70.0% 0.155 28));--status-warn:light-dark(oklch(70.0% 0.155 85),oklch(80.0% 0.130 85));--status-ok:light-dark(oklch(55.0% 0.135 145),oklch(72.0% 0.115 145));--status-info:light-dark(oklch(55.0% 0.115 260),oklch(75.0% 0.090 260));--c-opaque:light-dark(oklch(60.5% 0.110 135),oklch(73.5% 0.115 135));--c-prepass:light-dark(oklch(64.0% 0.135 50),oklch(73.0% 0.130 50));--c-translucent:light-dark(oklch(56.0% 0.085 240),oklch(71.0% 0.080 240));--c-additive:light-dark(oklch(56.0% 0.115 305),oklch(72.0% 0.105 305));--c-decal:light-dark(oklch(60.0% 0.115 65),oklch(71.0% 0.115 65));--c-shadow:light-dark(oklch(42.0% 0.025 285),oklch(55.0% 0.020 285));--c-ui:light-dark(oklch(71.0% 0.115 90),oklch(80.0% 0.115 90));--c-postprocess:light-dark(oklch(66.0% 0.055 240),oklch(78.0% 0.055 240));--c-other:light-dark(oklch(64.0% 0.000 0),oklch(75.0% 0.000 0));--pos:var(--status-ok);--neg:var(--status-alarm);--neutral:var(--text-2)}@media (prefers-reduced-motion:reduce){:root{--motion-hover:0s;--motion-focus:0s;--motion-vt:0s;--motion-disclosure:0s}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--surface-0);color:var(--text-1)}body{padding:var(--sp-6) var(--sp-6) var(--sp-12);font:var(--fs-body)/1.5 'Inter','Segoe UI',system-ui,sans-serif;max-width:1600px;margin:0 auto}h1{font-size:var(--fs-h1);font-weight:600;color:var(--accent);margin:0 0 var(--sp-2);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border-2);letter-spacing:-0.01em}h2{font-size:var(--fs-h2);font-weight:600;color:var(--text-1);margin:var(--sp-6) 0 var(--sp-3);padding:0 0 0 var(--sp-3);border-left:3px solid var(--accent);line-height:1.4;scroll-margin-top:64px}h2:first-of-type{margin-top:0}section[id],h2[id]{scroll-margin-top:64px}h2[id]:target{color:var(--accent)}h3{font-size:var(--fs-h3);font-weight:500;color:var(--text-2);margin:var(--sp-3) 0 var(--sp-2)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-decoration-thickness:2px}a:visited{color:var(--text-2)}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}table.report a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}table.report a:visited{color:var(--text-3)}header.strip{display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-6);align-items:baseline;padding-bottom:var(--sp-3);border-bottom:1px solid var(--border-2);margin:0 0 var(--sp-4)}header.strip span{color:var(--text-2);font-size:var(--fs-small)}header.strip span strong{color:var(--text-1);font-weight:600}nav.crumb{font-size:var(--fs-small);color:var(--text-2);margin:0 0 var(--sp-3);display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}nav.crumb a,nav.crumb a[data-link-kind]{display:inline-flex;align-items:center;gap:4px;color:var(--accent-primary);text-decoration:none;padding:2px 8px;border:1px solid var(--border-1);border-radius:2px;background:var(--surface-1);transition:border-color var(--motion-hover),background var(--motion-hover)}nav.crumb a:hover,nav.crumb a[data-link-kind]:hover{border-color:var(--accent-primary);background:var(--row-hover);text-decoration:none}nav.crumb a + a::before{content:''}.kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--sp-3);margin:0 0 var(--sp-8)}.kpi-chip{background:var(--surface-1);border:1px solid var(--border-1);padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-1);min-height:88px}.kpi-chip .kpi-label{font:var(--fs-small) ui-monospace,monospace;color:var(--text-3);text-transform:lowercase;letter-spacing:0.04em}.kpi-chip .kpi-value{font:600 var(--fs-display)/1.05 ui-monospace,monospace;color:var(--text-1);font-variant-numeric:tabular-nums;letter-spacing:-0.02em}.kpi-chip .kpi-delta{font:var(--fs-small) ui-monospace,monospace;font-variant-numeric:tabular-nums;color:var(--text-3)}.kpi-chip.tone-pos .kpi-value,.kpi-chip.tone-pos .kpi-delta{color:var(--pos)}.kpi-chip.tone-neg .kpi-value,.kpi-chip.tone-neg .kpi-delta{color:var(--neg)}.table-wrap{overflow-x:auto;border:1px solid var(--border-1);border-radius:4px;margin:0 0 var(--sp-6)}.table-wrap > table.report{border:0;margin:0}nav.toc{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sp-1) var(--sp-3);font:var(--fs-mono) ui-monospace,monospace;margin:0 0 var(--sp-6);padding:var(--sp-2) var(--sp-3);background:var(--surface-2);border:1px solid var(--border-1)}nav.toc a{display:inline-block;padding:2px 0}table.report{width:100%;border-collapse:collapse;font:var(--fs-mono) ui-monospace,'Cascadia Code',Consolas,monospace;margin-top:var(--sp-1)}table.report thead th{position:sticky;top:var(--hdr-offset);background:var(--surface-2);color:var(--accent);text-align:left;font-weight:600;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border-2);white-space:nowrap;z-index:1}table.report thead th.num{text-align:right}table.report tbody td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border-1);vertical-align:top}table.report tbody td:first-child{font-weight:600;color:var(--text-1)}table.report td.num{text-align:right;font-variant-numeric:tabular-nums}table.report tbody tr:nth-child(even) td{background:var(--surface-2)}table.report tbody tr:hover td{background:var(--row-hover)}table.report tbody td .lbl{color:var(--text-2);margin-left:6px;font-style:italic;opacity:.85}table.report tr.area-break td{border-top:2px solid var(--border-2)}table.report td.area-cell{color:var(--text-2)}.bar-row{display:grid;grid-template-columns:minmax(240px,1fr) 2fr 90px;gap:var(--sp-3);align-items:center;padding:4px 0;font:var(--fs-mono) ui-monospace,'Cascadia Code',Consolas,monospace}.bar-row .key{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:var(--text-1)}.bar-row .total{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-2)}.bar{display:flex;height:18px;background:var(--surface-2);border:1px solid var(--border-1);overflow:hidden}.bar .seg{flex:0 0 auto;color:#fff;font-size:10px;line-height:18px;text-align:center;overflow:hidden;white-space:nowrap}.ibar{display:inline-block;width:80px;height:6px;background:var(--surface-2);border:1px solid var(--border-1);vertical-align:middle;margin-left:6px}.ibar > div{height:100%;background:var(--accent)}.delta{font-variant-numeric:tabular-nums;padding:2px var(--sp-2);text-align:right}.delta-pill{display:inline-block;padding:1px 6px;border-radius:2px;background:var(--surface-2);font:600 var(--fs-small) ui-monospace,monospace}.delta.pos,.delta-pill.pos{color:var(--pos);font-weight:600}.delta.neg,.delta-pill.neg{color:var(--neg);font-weight:600}.delta.flat,.delta-pill.flat{color:var(--text-3)}.delta.new,.delta-pill.new{color:var(--text-3);font-style:italic}.delta.alarm{border-left:3px solid var(--status-alarm);padding-left:6px}.delta-latest{border-left:2px solid var(--border-2)}.legend{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);margin:0 0 var(--sp-3);font-size:var(--fs-small);color:var(--text-2)}.legend .chip{display:inline-flex;align-items:center;gap:6px}.legend .swatch{display:inline-block;width:12px;height:12px;border-radius:2px}.device-strip{font:var(--fs-small) ui-monospace,monospace;color:var(--text-2);background:var(--surface-2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-1);margin:0 0 var(--sp-4)}.ab-strip{font:var(--fs-small) ui-monospace,monospace;color:var(--text-2);background:var(--surface-2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-2);margin:0 0 var(--sp-4)}.rank{display:inline-block;width:1.4em;text-align:center;font:600 var(--fs-small) ui-monospace,monospace;margin-right:var(--sp-1);color:var(--text-3)}.rank.rank-1{color:var(--accent)}.rank.rank-2{color:var(--text-1)}.rank.rank-3{color:var(--text-2)}details.matrix,details.category{margin:0 0 var(--sp-4);background:var(--surface-1);border:1px solid var(--border-1)}details.matrix > summary,details.category > summary{cursor:pointer;list-style:none;user-select:none;padding:var(--sp-3) var(--sp-4);font:600 var(--fs-body) 'Inter',system-ui,sans-serif;color:var(--accent);border-bottom:1px solid transparent;display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-3)}details.matrix[open] > summary,details.category[open] > summary{border-bottom-color:var(--border-1)}details > summary::-webkit-details-marker{display:none}details.matrix > summary::before,details.category > summary::before{content:'+';margin-right:var(--sp-2);font-family:ui-monospace,monospace;color:var(--text-3);display:inline-block;width:0.8em}details[open] > summary::before{content:'-'}details.matrix > .matrix-body,details.category > .cat-body{padding:var(--sp-4)}.cat-meta{font:var(--fs-small) ui-monospace,monospace;color:var(--text-3);font-variant-numeric:tabular-nums}.spark{display:inline-block;vertical-align:middle;color:var(--text-2)}footer.legend{font:var(--fs-small) ui-monospace,monospace;color:var(--text-2);margin-top:var(--sp-12);padding-top:var(--sp-3);border-top:1px solid var(--border-1);display:block}.note{font-size:var(--fs-small);color:var(--text-2);margin-top:var(--sp-2)}.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:var(--sp-6);margin:0 0 var(--sp-6)}a.dash-card{border:1px solid var(--border-1);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);text-decoration:none;color:inherit;transition:border-color 0.1s,background 0.1s}a.dash-card:hover{background:var(--surface-1);border-color:var(--border-2);text-decoration:none}a.dash-card:visited{color:inherit}a.dash-card h3{margin:0;color:var(--accent);font-size:var(--fs-h2);border-left:3px solid var(--accent);padding-left:var(--sp-3)}a.dash-card table.report{font-size:var(--fs-small)}a.dash-card table.report a{pointer-events:none}a[data-link-kind="primary"]{display:inline-flex;align-items:center;gap:var(--sp-2);padding:6px 12px;background:var(--surface-1);border:1px solid var(--border-2);color:var(--accent-primary);text-decoration:none;transition:background var(--motion-hover),border-color var(--motion-hover)}a[data-link-kind="primary"]:hover{background:var(--row-hover);border-color:var(--accent-primary);text-decoration:none}a[data-link-kind="primary"]:visited{color:var(--accent-primary)}a[data-link-kind="inline"]{color:var(--accent-primary);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}a[data-link-kind="inline"]:hover{text-decoration-thickness:2px}a[data-link-kind="inline"] .icon{margin-left:3px;color:var(--text-2)}a[data-link-kind="drill"]{color:var(--text-1);text-decoration:underline;text-decoration-color:var(--border-2);text-decoration-thickness:1px;text-underline-offset:2px}a[data-link-kind="drill"]:hover{color:var(--accent-primary);text-decoration-color:var(--accent-primary);text-decoration-thickness:2px}tr:has(a[data-link-kind="drill"]):hover td{background:var(--row-hover)}a[data-link-kind="copy"]{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-2);text-decoration:none;border-radius:2px;transition:color var(--motion-hover),background var(--motion-hover)}a[data-link-kind="copy"]:hover{color:var(--accent-primary);background:var(--row-hover)}a[data-link-kind="crumb"]{color:var(--text-2);text-decoration:none}a[data-link-kind="crumb"]:hover{color:var(--accent-primary);text-decoration:underline}.icon{width:11px;height:11px;display:inline-block;vertical-align:-1px;fill:currentColor}body{--hdr-offset:120px;--crumb-h:36px}nav.crumb{position:sticky;top:0;z-index:3;background:var(--bg);padding-top:var(--sp-1);padding-bottom:var(--sp-1)}.summary-bar{position:sticky;top:var(--crumb-h);z-index:3;display:grid;grid-template-columns:minmax(140px,max-content) 1fr auto;gap:var(--sp-2) var(--sp-6);align-items:center;background:var(--surface-1);border:1px solid var(--border-1);border-top:2px solid var(--accent-data);padding:var(--sp-3) var(--sp-4);margin:0 0 var(--sp-4)}.summary-bar .sb-label{font:var(--fs-small) ui-monospace,monospace;color:var(--text-2);text-transform:lowercase;letter-spacing:0.04em}.summary-bar .sb-headline{font:600 var(--fs-h1)/1.15 ui-monospace,monospace;color:var(--text-1);font-variant-numeric:tabular-nums;letter-spacing:-0.01em}.summary-bar .sb-sub{font:var(--fs-small) ui-monospace,monospace;color:var(--text-2);grid-column:2;font-variant-numeric:tabular-nums}.summary-bar .sb-link{align-self:center;grid-row:1 / span 2;grid-column:3}.summary-bar.tone-alarm{border-top-color:var(--status-alarm)}.summary-bar.tone-ok{border-top-color:var(--status-ok)}.summary-bar.tone-warn{border-top-color:var(--status-warn)}.summary-bar.tone-info{border-top-color:var(--status-info)}body{container-type:inline-size;container-name:page}@container page (max-width:1100px){nav.toc{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@container page (max-width:860px){.dash-grid{grid-template-columns:1fr}.summary-bar{grid-template-columns:1fr auto}.summary-bar .sb-sub{grid-column:1}.summary-bar .sb-link{grid-row:auto;grid-column:2}.summary-bar .sb-headline{font-size:var(--fs-h1)}}@container page (max-width:768px){.bar-row{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:var(--sp-1)}.bar-row .total{text-align:left}.kpi-strip{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.kpi-chip .kpi-value{font-size:var(--fs-h1)}body{padding:var(--sp-3)}.summary-bar .sb-headline{font-size:var(--fs-h2)}table.report thead th,table.report tbody td{padding:var(--sp-1) var(--sp-2)}}@media print{@page{size:A4;margin:12mm}:root{color-scheme:light}html,body{background:#fff;color:#000}body{max-width:none;padding:0}nav.crumb,.device-strip,.ab-strip,rdc-copy-button,rdc-search-cards,rdc-ab-picker{display:none}.summary-bar{position:static;background:#fff;border-color:#888;border-top-width:3px;break-inside:avoid;break-after:avoid;print-color-adjust:exact}.summary-bar .sb-headline{color:#000}.summary-bar .sb-link{display:none}h1,h2{color:#000}h2[id]{position:static;background:transparent;break-after:avoid}table.report thead th{position:static;background:#f0f0f0;color:#000;print-color-adjust:exact}table.report thead{display:table-header-group}table.report tbody tr{break-inside:avoid}.kpi-strip{break-inside:avoid;grid-template-columns:repeat(4,1fr)}.kpi-chip{background:#fff;border-color:#888}.kpi-chip .kpi-value{color:#000}.dash-grid{grid-template-columns:repeat(2,1fr)}a.dash-card{break-inside:avoid}.bar,.bar .seg,.ibar,.ibar > div,.legend .swatch,.delta.pos,.delta.neg,.delta-pill{print-color-adjust:exact;-webkit-print-color-adjust:exact}details,details > summary{display:block}details > .matrix-body,details > .cat-body{display:block}a[data-link-kind="primary"]{background:transparent;border:1px solid #888;color:#000}a[data-link-kind="inline"]{color:#000}a[data-link-kind="inline"] .icon{display:none}body[data-multi-section="true"] h2[id] ~ h2[id]{break-before:page}body[data-page-kind="drop-browser"] > *{display:none}body[data-page-kind="drop-browser"]::before{content:"Per-drop browser is not designed for print. See the cumulative reports.";display:block;padding:20mm;font:bold 1.2rem system-ui,sans-serif;color:#000}}rdc-sortable-table{display:block}rdc-sortable-table table.report thead th{cursor:pointer;user-select:none}rdc-sortable-table table.report thead th[aria-sort="ascending"]::after{content:' \25B4';color:var(--text-3)}rdc-sortable-table table.report thead th[aria-sort="descending"]::after{content:' \25BE';color:var(--text-3)}rdc-copy-button{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:0 6px;height:22px;color:var(--text-2);cursor:pointer;border:1px solid transparent;border-radius:2px;font:var(--fs-small) ui-monospace,monospace;margin-left:4px;transition:color var(--motion-hover),background var(--motion-hover),border-color var(--motion-hover)}rdc-copy-button:hover{color:var(--accent-primary);background:var(--row-hover);border-color:var(--border-1)}rdc-copy-button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}rdc-copy-button::before{content:'copy'}rdc-copy-button.copied{color:var(--status-ok);border-color:var(--status-ok)}rdc-copy-button.copied::before{content:'ok'}rdc-heatmap-cell{display:inline-block;padding:1px 4px;border-radius:2px;font-variant-numeric:tabular-nums}rdc-sticky-h2{display:contents}rdc-sticky-h2 h2[aria-current="section"]{border-left-color:var(--accent-data)}rdc-row-drill{display:contents}rdc-row-drill > tr{cursor:pointer}rdc-row-drill > tr:hover td{background:var(--row-hover)}rdc-search-cards{display:flex;align-items:center;gap:var(--sp-3);margin:0 0 var(--sp-4);font:var(--fs-small) ui-monospace,monospace}rdc-search-cards input[type="search"]{font:inherit;padding:6px 10px;border:1px solid var(--border-1);background:var(--surface-0);color:var(--text-1);border-radius:2px;min-width:280px}rdc-search-cards input[type="search"]:focus{outline:2px solid var(--accent-primary);outline-offset:1px}rdc-search-cards .rdc-count{color:var(--text-2);font-variant-numeric:tabular-nums}rdc-ab-picker{display:inline-flex;align-items:center;gap:var(--sp-2);margin:0 0 var(--sp-4);font:var(--fs-small) ui-monospace,monospace}rdc-ab-picker label{color:var(--text-2)}rdc-ab-picker select{font:inherit;padding:4px 8px;border:1px solid var(--border-1);background:var(--surface-0);color:var(--text-1);border-radius:2px}rdc-alarm-banner{display:contents}.chip-cluster{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:0 0 var(--sp-4)}.chip-cluster a[data-link-kind="primary"]{padding:4px 10px;font-size:var(--fs-small)}.pair-list{display:flex;flex-direction:column;gap:var(--sp-4);margin:0 0 var(--sp-6)}.pair-group{border:1px solid var(--border-1);padding:var(--sp-3) var(--sp-4);background:var(--surface-1)}.pair-group > h3{margin:0 0 var(--sp-3);padding:0;font:var(--fs-mono) ui-monospace,monospace;color:var(--text-2);font-weight:500;text-transform:none;letter-spacing:0}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-2);margin:0 0 var(--sp-6)}.catalog-grid a[data-link-kind="primary"]{justify-content:flex-start}</style><script>(function(){
+  if (typeof customElements === 'undefined') return;
+  class RdcBase extends HTMLElement {
+    connectedCallback(){
+      if (this._rdcUp) return;
+      this._rdcUp = true;
+      try { this.init(); } catch(e) { console.error('rdc init error', this.tagName, e); }
+    }
+    init(){}
+  }
+  class RdcSortableTable extends RdcBase {
+    init(){
+      const table = this.querySelector('table');
+      if (!table) return;
+      this._table = table;
+      const ths = table.querySelectorAll('thead th');
+      this._ths = ths;
+      ths.forEach((th, ci) => {
+        const isNum = th.classList.contains('num');
+        th.setAttribute('aria-sort', 'none');
+        th.addEventListener('click', () => this.sort(ci, isNum));
+      });
+      const liveId = 'rdc-live-' + Math.random().toString(36).slice(2, 8);
+      const live = document.createElement('div');
+      live.id = liveId;
+      live.setAttribute('aria-live', 'polite');
+      live.setAttribute('aria-atomic', 'true');
+      live.style.cssText = 'position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)';
+      this.appendChild(live);
+      this._live = live;
+      const def = this.dataset.defaultSort;
+      const dir = this.dataset.defaultDir || 'desc';
+      if (def){
+        const cols = Array.from(ths).map(th => th.textContent.trim().toLowerCase());
+        const idx = cols.indexOf(def.toLowerCase());
+        if (idx >= 0){
+          const isNum = ths[idx].classList.contains('num');
+          this._applySort(idx, isNum, dir === 'asc' ? 'ascending' : 'descending');
+        }
+      }
+    }
+    sort(ci, isNum){
+      const cur = this._ths[ci].getAttribute('aria-sort') || 'none';
+      const dir = cur === 'ascending' ? 'descending' : 'ascending';
+      this._applySort(ci, isNum, dir);
+    }
+    _applySort(ci, isNum, dir){
+      const tbody = this._table.tBodies[0];
+      if (!tbody) return;
+      const rows = Array.from(tbody.rows);
+      rows.sort((a, b) => {
+        const av = (a.cells[ci] ? a.cells[ci].textContent : '').trim();
+        const bv = (b.cells[ci] ? b.cells[ci].textContent : '').trim();
+        if (isNum){
+          const an = parseFloat(av.replace(/,/g, ''));
+          const bn = parseFloat(bv.replace(/,/g, ''));
+          const aok = !isNaN(an), bok = !isNaN(bn);
+          if (!aok && !bok) return 0;
+          if (!aok) return 1;
+          if (!bok) return -1;
+          return dir === 'ascending' ? an - bn : bn - an;
+        }
+        return dir === 'ascending' ? av.localeCompare(bv) : bv.localeCompare(av);
+      });
+      rows.forEach(r => tbody.appendChild(r));
+      this._ths.forEach(th => th.setAttribute('aria-sort', 'none'));
+      this._ths[ci].setAttribute('aria-sort', dir);
+      if (this._live) {
+        const colName = (this._ths[ci].textContent || '').trim();
+        this._live.textContent = 'sorted by ' + colName + ' ' + dir;
+      }
+    }
+  }
+  customElements.define('rdc-sortable-table', RdcSortableTable);
+  class RdcCopyButton extends RdcBase {
+    init(){
+      const value = this.dataset.value || '';
+      const label = this.dataset.label || ('copy ' + value);
+      this.setAttribute('role', 'button');
+      this.setAttribute('tabindex', '0');
+      this.setAttribute('aria-label', label);
+      const handler = async () => {
+        try {
+          await navigator.clipboard.writeText(value);
+        } catch (e) {
+          const ta = document.createElement('textarea');
+          ta.value = value;
+          document.body.appendChild(ta);
+          ta.select();
+          try { document.execCommand('copy'); } catch(e2){}
+          ta.remove();
+        }
+        this.classList.add('copied');
+        setTimeout(() => this.classList.remove('copied'), 1000);
+      };
+      this.addEventListener('click', handler);
+      this.addEventListener('keydown', (e) => {
+        if (e.key === 'Enter' || e.key === ' '){
+          e.preventDefault();
+          handler();
+        }
+      });
+    }
+  }
+  customElements.define('rdc-copy-button', RdcCopyButton);
+  class RdcStickyH2 extends RdcBase {
+    init(){
+      const h2 = this.querySelector('h2[id]');
+      if (!h2) return;
+      const io = new IntersectionObserver((entries) => {
+        entries.forEach(e => {
+          if (e.isIntersecting){
+            h2.setAttribute('aria-current', 'section');
+          } else {
+            h2.removeAttribute('aria-current');
+          }
+        });
+      }, { rootMargin: '-50% 0px -50% 0px', threshold: 0 });
+      io.observe(h2);
+    }
+  }
+  customElements.define('rdc-sticky-h2', RdcStickyH2);
+  class RdcHeatmapCell extends RdcBase {
+    init(){
+      const v = parseFloat(this.dataset.value);
+      const lo = parseFloat(this.dataset.min);
+      const hi = parseFloat(this.dataset.max);
+      const dir = this.dataset.direction || 'hot';
+      if (isNaN(v) || isNaN(lo) || isNaN(hi) || hi <= lo) return;
+      let t = (v - lo) / (hi - lo);
+      if (dir === 'cold') t = 1 - t;
+      t = Math.max(0, Math.min(1, t));
+      const pct = Math.round(t * 25);
+      this.style.background = 'color-mix(in oklch, var(--accent-data) ' + pct + '%, transparent)';
+      if (t >= 0.72){
+        this.style.color = 'light-dark(black, white)';
+      }
+      this.setAttribute('aria-label', v + ' (relative ' + Math.round(t * 100) + '%)');
+    }
+  }
+  customElements.define('rdc-heatmap-cell', RdcHeatmapCell);
+  class RdcRowDrill extends RdcBase {
+    init(){
+      const href = this.dataset.href;
+      if (!href) return;
+      this.setAttribute('role', 'link');
+      this.setAttribute('tabindex', '0');
+      this.style.cursor = 'pointer';
+      const go = (ev) => {
+        if (ev.target && ev.target.closest('a')) return;
+        if (ev.target && ev.target.closest('rdc-copy-button')) return;
+        window.location.href = href;
+      };
+      this.addEventListener('click', go);
+      this.addEventListener('keydown', (ev) => {
+        if (ev.key === 'Enter'){
+          ev.preventDefault();
+          window.location.href = href;
+        }
+      });
+    }
+  }
+  customElements.define('rdc-row-drill', RdcRowDrill);
+  class RdcSearchCards extends RdcBase {
+    init(){
+      const target = this.dataset.target || '.dash-grid';
+      const cards = document.querySelectorAll(target + ' > *');
+      const input = this.querySelector('input');
+      if (!input || !cards.length) return;
+      const counter = this.querySelector('.rdc-count');
+      const update = () => {
+        const q = input.value.trim().toLowerCase();
+        let shown = 0;
+        cards.forEach(c => {
+          const text = (c.textContent || '').toLowerCase();
+          const match = !q || text.indexOf(q) >= 0;
+          c.style.display = match ? '' : 'none';
+          if (match) shown++;
+        });
+        if (counter) counter.textContent = shown + ' / ' + cards.length;
+      };
+      input.addEventListener('input', update);
+      update();
+    }
+  }
+  customElements.define('rdc-search-cards', RdcSearchCards);
+  class RdcAlarmBanner extends RdcBase {
+    init(){
+      const sev = this.dataset.severity || 'high';
+      const role = sev === 'high' ? 'alert' : 'status';
+      this.setAttribute('role', role);
+      this.setAttribute('aria-live', sev === 'high' ? 'assertive' : 'polite');
+    }
+  }
+  customElements.define('rdc-alarm-banner', RdcAlarmBanner);
+  class RdcAbPicker extends RdcBase {
+    init(){
+      const select = this.querySelector('select');
+      if (!select) return;
+      this.setAttribute('role', 'combobox');
+      select.addEventListener('change', () => {
+        const url = select.value;
+        if (url) window.location.href = url;
+      });
+    }
+  }
+  customElements.define('rdc-ab-picker', RdcAbPicker);
+  function _wireRowDrill(){
+    const seen = new WeakSet();
+    document.querySelectorAll('a[data-link-kind="drill"]').forEach(a => {
+      const tr = a.closest('tr');
+      if (!tr || seen.has(tr)) return;
+      seen.add(tr);
+      tr.addEventListener('click', (ev) => {
+        if (ev.target.closest('a')) return;
+        if (ev.target.closest('rdc-copy-button')) return;
+        a.click();
+      });
+      tr.style.cursor = 'pointer';
+    });
+  }
+  if (document.readyState === 'loading'){
+    document.addEventListener('DOMContentLoaded', _wireRowDrill);
+  } else {
+    _wireRowDrill();
+  }
+})();</script></head><body style="--hdr-offset: 120px" data-multi-section="true">
+<svg width="0" height="0" style="position:absolute" aria-hidden="true">
+  <defs>
+    <symbol id="icon-link-out" viewBox="0 0 16 16">
+      <path d="M4 4h5v1H5v6h6V8h1v3.5a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-7a.5.5 0 0 1 .5-.5z"/>
+      <path d="M11 5L7.5 8.5M11 5h-3M11 5v3" stroke="currentColor" fill="none" stroke-width="1"/>
+    </symbol>
+    <symbol id="icon-file" viewBox="0 0 16 16">
+      <path d="M4 2h5l3 3v9H4z" stroke="currentColor" fill="none" stroke-width="1"/>
+      <path d="M9 2v3h3" stroke="currentColor" fill="none" stroke-width="1"/>
+    </symbol>
+    <symbol id="icon-arrow-right" viewBox="0 0 16 16">
+      <path d="M4 8h8M9 5l3 3-3 3" stroke="currentColor" fill="none" stroke-width="1.5"/>
+    </symbol>
+    <symbol id="icon-copy" viewBox="0 0 16 16">
+      <path d="M5 5h7v8H5z" stroke="currentColor" fill="none" stroke-width="1"/>
+      <path d="M3 3h7v2" stroke="currentColor" fill="none" stroke-width="1"/>
+    </symbol>
+    <symbol id="icon-search" viewBox="0 0 16 16">
+      <circle cx="7" cy="7" r="4" stroke="currentColor" fill="none" stroke-width="1.5"/>
+      <path d="M10 10l3 3" stroke="currentColor" stroke-width="1.5"/>
+    </symbol>
+    <symbol id="icon-warn" viewBox="0 0 16 16">
+      <path d="M8 2l6 11H2L8 2zM8 7v3M8 11.5v.5" stroke="currentColor" fill="none" stroke-width="1"/>
+    </symbol>
+  </defs>
+</svg>
+<h1>trend table</h1>
+<header class="strip">
+<span>built <strong><TS></strong></span>
+<span>drops <strong>2</strong></span>
+</header>
+<nav class="crumb"><a href="../index.html" data-link-kind="crumb">root catalog</a><a href="../_reports/index.html" data-link-kind="crumb">dashboard</a></nav>
+<nav class="toc">
+<a href="#total_gpu_duration_s" data-link-kind="crumb">gpu (s)</a>
+<a href="#n_draws" data-link-kind="crumb">draws</a>
+<a href="#vbo_bytes_bound_derived" data-link-kind="crumb">vbo bytes</a>
+<a href="#ibo_bytes_bound_derived" data-link-kind="crumb">ibo bytes</a>
+<a href="#program_switches" data-link-kind="crumb">prog switches</a>
+<a href="#class_counts" data-link-kind="crumb">draws by class</a>
+</nav>
+<rdc-sticky-h2><h2 id="total_gpu_duration_s">gpu (s)</h2></rdc-sticky-h2>
+<div class="table-wrap"><rdc-sortable-table>
+<table class="report"><thead><tr>
+<th>area</th>
+<th class="num">2026-05-27_r110565</th>
+<th class="num">2026-05-28_r110600</th>
+<th class="num delta-latest">delta</th>
+</tr></thead><tbody>
+<tr>
+<td>District 01</td>
+<td class="num">0.292</td>
+<td class="num">0.177</td>
+<td class="delta delta-latest pos alarm">-0.115</td>
+</tr>
+</tbody></table></rdc-sortable-table></div>
+<rdc-sticky-h2><h2 id="n_draws">draws</h2></rdc-sticky-h2>
+<div class="table-wrap"><rdc-sortable-table>
+<table class="report"><thead><tr>
+<th>area</th>
+<th class="num">2026-05-27_r110565</th>
+<th class="num">2026-05-28_r110600</th>
+<th class="num delta-latest">delta</th>
+</tr></thead><tbody>
+<tr>
+<td>District 01</td>
+<td class="num">7,957</td>
+<td class="num">4,417</td>
+<td class="delta delta-latest pos alarm">-3,540</td>
+</tr>
+</tbody></table></rdc-sortable-table></div>
+<rdc-sticky-h2><h2 id="vbo_bytes_bound_derived">vbo bytes</h2></rdc-sticky-h2>
+<div class="table-wrap"><rdc-sortable-table>
+<table class="report"><thead><tr>
+<th>area</th>
+<th class="num">2026-05-27_r110565</th>
+<th class="num">2026-05-28_r110600</th>
+<th class="num delta-latest">delta</th>
+</tr></thead><tbody>
+<tr>
+<td>District 01</td>
+<td class="num">12</td>
+<td class="num">12</td>
+<td class="delta delta-latest flat">0</td>
+</tr>
+</tbody></table></rdc-sortable-table></div>
+<rdc-sticky-h2><h2 id="ibo_bytes_bound_derived">ibo bytes</h2></rdc-sticky-h2>
+<div class="table-wrap"><rdc-sortable-table>
+<table class="report"><thead><tr>
+<th>area</th>
+<th class="num">2026-05-27_r110565</th>
+<th class="num">2026-05-28_r110600</th>
+<th class="num delta-latest">delta</th>
+</tr></thead><tbody>
+<tr>
+<td>District 01</td>
+<td class="num">0</td>
+<td class="num">0</td>
+<td class="delta delta-latest flat">0</td>
+</tr>
+</tbody></table></rdc-sortable-table></div>
+<rdc-sticky-h2><h2 id="program_switches">prog switches</h2></rdc-sticky-h2>
+<div class="table-wrap"><rdc-sortable-table>
+<table class="report"><thead><tr>
+<th>area</th>
+<th class="num">2026-05-27_r110565</th>
+<th class="num">2026-05-28_r110600</th>
+<th class="num delta-latest">delta</th>
+</tr></thead><tbody>
+<tr>
+<td>District 01</td>
+<td class="num">576</td>
+<td class="num">482</td>
+<td class="delta delta-latest pos">-94</td>
+</tr>
+</tbody></table></rdc-sortable-table></div>
+<rdc-sticky-h2><h2 id="class_counts">draws by class</h2></rdc-sticky-h2>
+<div class="table-wrap"><rdc-sortable-table>
+<table class="report"><thead><tr>
+<th>area</th>
+<th class="num">2026-05-27_r110565/opaque</th>
+<th class="num">2026-05-27_r110565/prepass</th>
+<th class="num">2026-05-27_r110565/shadow</th>
+<th class="num">2026-05-27_r110565/translucent</th>
+<th class="num">2026-05-27_r110565/additive</th>
+<th class="num">2026-05-27_r110565/decal</th>
+<th class="num">2026-05-27_r110565/ui</th>
+<th class="num">2026-05-27_r110565/postprocess</th>
+<th class="num">2026-05-27_r110565/other</th>
+<th class="num">2026-05-28_r110600/opaque</th>
+<th class="num">2026-05-28_r110600/prepass</th>
+<th class="num">2026-05-28_r110600/shadow</th>
+<th class="num">2026-05-28_r110600/translucent</th>
+<th class="num">2026-05-28_r110600/additive</th>
+<th class="num">2026-05-28_r110600/decal</th>
+<th class="num">2026-05-28_r110600/ui</th>
+<th class="num">2026-05-28_r110600/postprocess</th>
+<th class="num">2026-05-28_r110600/other</th>
+</tr></thead><tbody>
+<tr>
+<td>District 01</td>
+<td class="num">0</td>
+<td class="num">0</td>
+<td class="num">0</td>
+<td class="num">0</td>
+<td class="num">0</td>
+<td class="num">0</td>
+<td class="num">0</td>
+<td class="num">0</td>
+<td class="num">0</td>
+<td class="num">0</td>
+<td class="num">46</td>
+<td class="num">13</td>
+<td class="num">0</td>
+<td class="num">0</td>
+<td class="num">0</td>
+<td class="num">1</td>
+<td class="num">0</td>
+<td class="num">0</td>
+</tr>
+</tbody></table></rdc-sortable-table></div>
+</body></html>