tony-cli 0.3.0__py3-none-any.whl

tony_cli/assets/viewer.css

@@ -0,0 +1,281 @@
+@font-face{font-family:'Favorit';font-weight:400;font-style:normal;font-display:swap;src:url('/fonts/Favorit-Regular.woff2') format('woff2')}
+@font-face{font-family:'Favorit';font-weight:500;font-style:normal;font-display:swap;src:url('/fonts/Favorit-Book.woff2') format('woff2')}
+@font-face{font-family:'Favorit';font-weight:700;font-style:normal;font-display:swap;src:url('/fonts/Favorit-Bold.woff2') format('woff2')}
+@font-face{font-family:'Favorit Mono';font-weight:400;font-style:normal;font-display:swap;src:url('/fonts/FavoritMono-Regular.woff2') format('woff2')}
+@font-face{font-family:'Favorit Mono';font-weight:500;font-style:normal;font-display:swap;src:url('/fonts/FavoritMono-Medium.woff2') format('woff2')}
+/* Dark by design, not by preference: Behold's ground is #000 and the page commits to it.
+   Depth is a surface step plus a hairline step — never a shadow.
+   The accent means exactly one thing: changed. Selection and focus use contrast instead. */
+:root {
+  --ground:#000000; --s1:#0a0a0a; --s2:#111110; --s3:#171614;
+  --rule:#1e1d1b; --rule-2:#2b2825; --rule-3:#3a3631;
+  --ink:#ffffff; --ink-2:#c9c5bf; --ink-3:#8f8b86; --ink-4:#5f5b55;
+  --accent:#c89f6d; --accent-line:#5c4a30; --accent-bg:#14100a;
+  --pos:#7fb069; --pos-bg:#0b1209; --neg:#ff8081; --neg-bg:#170b0c;
+  --info:#8fb3cc; --info-bg:#0c141c; --info-line:#1e3445;
+  --sans:'Favorit',system-ui,-apple-system,sans-serif;
+  --mono:'Favorit Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
+}
+*{box-sizing:border-box}
+html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
+body{margin:0;padding:0 2rem 6rem;background:var(--ground);color:var(--ink-2);
+  font:400 15px/1.55 var(--sans);font-variant-numeric:tabular-nums}
+.wrap{max-width:76rem;margin:0 auto}
+.mono,code{font-family:var(--mono)}
+::selection{background:var(--rule-3);color:var(--ink)}
+
+/* ---- chrome: the studio treatment ---- */
+header{padding:2.75rem 0 1.25rem;border-bottom:1px solid var(--rule);margin-bottom:1.5rem}
+.mh{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}
+.brand{font-family:var(--mono);font-weight:500;font-size:.72rem;letter-spacing:.22em;
+  text-transform:uppercase;color:var(--ink)}
+.mh .rng,.mh .repo{font-family:var(--mono);font-size:.7rem;letter-spacing:.02em;color:var(--ink-4)}
+.mh .rng{color:var(--ink-3)}
+.mh .repo{margin-left:auto;word-break:break-all}
+h1{font-size:clamp(1.25rem,2.3vw,1.65rem);font-weight:700;letter-spacing:-.042em;
+  word-spacing:-.09em;line-height:1.2;margin:0 0 1.5rem;max-width:52ch;text-wrap:balance;
+  color:var(--ink)}
+.meta{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;font-family:var(--mono);
+  font-size:.7rem;color:var(--ink-4);align-items:center}
+.meta b{font-weight:500}
+.meta .pos{color:var(--pos)} .meta .neg{color:var(--neg)}
+
+/* Section headers and tabs are eyebrows: uppercase mono, positive tracking, bracketed. */
+.tabs-main{display:flex;gap:0;border-bottom:1px solid var(--rule);margin-bottom:1.25rem}
+.mt{font:500 .68rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;
+  background:none;border:0;border-bottom:1px solid transparent;color:var(--ink-4);
+  padding:.9rem 1.15rem;cursor:pointer;display:flex;align-items:center;gap:.6rem;
+  margin-bottom:-1px}
+.mt:first-child{padding-left:0}
+.mt::before{content:"[";color:var(--rule-3)}
+.mt::after{content:"]";color:var(--rule-3)}
+.mt:hover:not(:disabled){color:var(--ink-3)}
+.mt[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--ink)}
+.mt[aria-selected="true"]::before,.mt[aria-selected="true"]::after{color:var(--ink-4)}
+.mt:disabled{color:var(--rule-3);cursor:default}
+.mt:focus-visible{outline:1px solid var(--rule-3);outline-offset:-1px}
+.mt .c{font-size:.68rem;color:var(--ink-4);letter-spacing:.06em}
+.mt[aria-selected="true"] .c{color:var(--ink-3)}
+
+h2{font:500 .68rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;
+  color:var(--ink-3);margin:0 0 1rem}
+.loose{margin-bottom:2.5rem;border-left:1px solid var(--neg);padding-left:1.25rem}
+.loose ul{margin:0;padding-left:1.1rem}
+.loose li{margin-bottom:.5rem;font-size:.875rem;color:var(--ink-2);max-width:60ch}
+
+/* ---- file rows: hairlines, not cards ---- */
+.file{border-bottom:1px solid var(--rule);background:var(--ground)}
+.file:first-child{border-top:1px solid var(--rule)}
+/* The changed-file header is a heading, not a control — the tree does the
+   opening. Blast radius still uses <details>, so the summary rules stay. */
+.file .fhead,.file summary{display:flex;align-items:center;gap:.85rem;padding:.6rem .25rem;
+  font-family:var(--mono);font-size:.75rem;flex-wrap:wrap;list-style:none;color:var(--ink-3)}
+.file summary{cursor:pointer}
+.file .fhead{border-bottom:1px solid var(--rule);position:sticky;top:0;background:var(--ground);
+  z-index:1}
+.file summary::-webkit-details-marker{display:none}
+.file summary:hover{background:var(--s1)}
+.file[open] summary{border-bottom:1px solid var(--rule)}
+.ix{color:var(--ink-4);letter-spacing:.06em;font-size:.7rem;flex:none}
+.st{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);flex:none}
+.st.added{color:var(--pos)}
+.st.deleted{color:var(--neg)}
+.fp{flex:1;min-width:0;word-break:break-all;color:var(--ink)}
+.from{color:var(--ink-4);font-size:.7rem}
+.nb{font-size:.62rem;color:var(--ink-3);border:1px solid var(--rule-2);padding:.2em .5em;
+  line-height:1}
+.cnt{font-size:.7rem;white-space:nowrap;color:var(--ink-4)}
+.pos{color:var(--pos)} .neg{color:var(--neg)} .z{color:var(--ink-4);font-weight:400}
+
+/* ---- the dense interior ---- */
+.hunk{overflow-x:auto;background:var(--s1);border-bottom:1px solid var(--rule)}
+.l{font-family:var(--mono);font-size:.75rem;line-height:1.5;white-space:pre;
+  min-width:max-content;padding-right:1rem;color:var(--ink-2)}
+.g{display:inline-block;width:3.4rem;padding-right:1rem;text-align:right;color:var(--ink-4);
+  user-select:none;-webkit-user-select:none}
+.l.h{background:var(--s2);color:var(--ink-4);padding-top:.25rem;padding-bottom:.25rem;
+  border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
+.file[open] .hunk > .l.h:first-child{border-top:0}
+.l.a{background:var(--pos-bg);color:var(--ink)}
+.l.d{background:var(--neg-bg);color:var(--ink-3)}
+.bin{margin:0;padding:.9rem .25rem;color:var(--ink-4);font-size:.8rem;
+  border-bottom:1px solid var(--rule)}
+
+/* Annotations carry the accent because they mark changed code. Nothing else may. */
+.ann{background:var(--accent-bg);border-top:1px solid var(--accent-line);
+  border-bottom:1px solid var(--accent-line);padding:.75rem 1rem .75rem 4.4rem;
+  white-space:normal;font-family:var(--sans);min-width:auto;position:sticky;left:0}
+.ann.risk{background:var(--neg-bg);border-color:var(--neg-bg)}
+.ann .t{margin:0 0 .5rem;font:500 .65rem/1.4 var(--mono);letter-spacing:.14em;
+  text-transform:uppercase;color:var(--accent);display:flex;align-items:center;
+  gap:.6rem;flex-wrap:wrap}
+.ann.risk .t{color:var(--neg)}
+.ann .ln{font-size:.62rem;letter-spacing:.06em;color:var(--ink-4);text-transform:none}
+.ann .k{font-size:.58rem;letter-spacing:.1em;color:var(--ink-4)}
+.ann .n{margin:0;font-size:.85rem;line-height:1.55;color:var(--ink-2);max-width:64ch}
+.tabs{display:flex;gap:1rem;margin-bottom:.6rem}
+.pt{font:500 .62rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;
+  background:none;cursor:pointer;border:0;border-bottom:1px solid transparent;
+  padding:0 0 .25rem;color:var(--ink-4)}
+.pt:hover{color:var(--ink-3)}
+.pt[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--ink-3)}
+.pt:focus-visible{outline:1px solid var(--rule-3);outline-offset:2px}
+.risks-off .ann.risk{display:none}
+.toggle{display:flex;align-items:center;gap:.5rem;font-family:var(--mono);
+  font-size:.7rem;color:var(--ink-4);cursor:pointer;user-select:none}
+.toggle:hover{color:var(--ink-3)}
+.toggle input{accent-color:var(--ink-3);margin:0}
+
+/* ---- blast radius ---- */
+.impacts{margin-top:0}
+.file.impacted .st.breaks{color:var(--neg)}
+.file.impacted .st.behavior-change{color:var(--info)}
+.file.impacted .st.compatible{color:var(--ink-4)}
+.jumps{padding:.6rem .25rem;font-family:var(--mono);font-size:.68rem;color:var(--ink-4);
+  display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--rule)}
+.jump{color:var(--info);text-decoration:none;border-bottom:1px solid transparent}
+.jump:hover{border-bottom-color:currentColor}
+.jump.breaks{color:var(--neg)}
+.jump.compatible{color:var(--ink-3)}
+.hunk.full{max-height:34rem;overflow-y:auto}
+.l.hit{background:var(--s3)}
+.l.focus{background:var(--s3);box-shadow:inset 2px 0 0 var(--ink-3)}
+.ann.imp{background:var(--info-bg);border-color:var(--info-line)}
+.ann.imp .t{color:var(--info)}
+.ann.imp.breaks{background:var(--neg-bg);border-color:var(--neg-bg)}
+.ann.imp.breaks .t{color:var(--neg)}
+.ann.imp.compatible{background:var(--s2);border-color:var(--rule)}
+.ann.imp.compatible .t{color:var(--ink-3)}
+.ann .via{font-weight:400;text-transform:none;letter-spacing:.01em;color:var(--ink-4);
+  font-size:.68rem}
+.stepper{position:sticky;top:0;z-index:4;display:flex;align-items:center;gap:.75rem;
+  background:var(--ground);border-bottom:1px solid var(--rule);padding:.7rem .25rem;
+  margin-bottom:0;font-family:var(--mono);font-size:.7rem;color:var(--ink-4)}
+.stepper button{font:400 .8rem/1 var(--mono);background:none;border:1px solid var(--rule-2);
+  color:var(--ink-3);cursor:pointer;padding:.25em .6em}
+.stepper button:hover{border-color:var(--rule-3);color:var(--ink)}
+.stepper .sh{color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+
+/* ---- walkthroughs ---- */
+.wintro{border-left:1px solid var(--rule-2);padding:.1rem 0 .1rem 1.25rem;margin-bottom:1.25rem;
+  max-width:64ch}
+.wintro p{margin:0 0 .6rem;font-size:.875rem;color:var(--ink-3)}
+.wintro p:last-child{margin:0}
+.wintro b{color:var(--ink-2);font-weight:500}
+.tl{font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;
+  color:var(--ink-4);margin-right:.6rem}
+.wt{border-top:1px solid var(--rule);padding:1.25rem 0 2.5rem}
+.wth{margin-bottom:1.5rem}
+.cap{font:500 .62rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;
+  color:var(--ink-4);margin:0 0 .8rem}
+.wth h3{margin:0 0 .5rem;font-size:1.35rem;font-weight:700;letter-spacing:-.038em;
+  word-spacing:-.07em;color:var(--ink)}
+.trig{margin:0;color:var(--ink-3);font-size:.9rem}
+.wchg{margin:.5rem 0 0;font-size:.9rem;color:var(--ink-2)}
+.covers{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}
+.chip{font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;color:var(--ink-4);
+  border:1px solid var(--rule);padding:.2em .5em}
+.chip.hot{color:var(--accent);border-color:var(--accent-line)}
+.dots{display:flex;gap:.4rem;margin-bottom:1.25rem;flex-wrap:wrap}
+.dot{font:400 .62rem/1 var(--mono);letter-spacing:.06em;min-width:2.1rem;height:1.9rem;
+  border:1px solid var(--rule);background:none;color:var(--ink-4);cursor:pointer;padding:0 .35em}
+.dot:hover{border-color:var(--rule-3);color:var(--ink-3)}
+.dot.new,.dot.changed{border-color:var(--accent-line);color:var(--accent)}
+.dot.removed{border-style:dashed;text-decoration:line-through}
+.dot[aria-current]{background:var(--ink);border-color:var(--ink);color:var(--ground)}
+.dot:focus-visible{outline:1px solid var(--rule-3);outline-offset:2px}
+.panels{display:grid;margin-bottom:1.25rem}
+.stepPanel{grid-area:1 / 1;visibility:hidden}
+.stepPanel.on{visibility:visible}
+.say{margin:0 0 1rem;font-size:1.05rem;line-height:1.5;max-width:60ch;color:var(--ink);
+  letter-spacing:-.008em}
+.ph{font-family:var(--mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;
+  margin-left:.7rem;color:var(--accent);white-space:nowrap;font-weight:500}
+.ph.removed{color:var(--neg)}
+.ph.same{display:none}
+.split{display:grid;grid-template-columns:1fr 15rem;gap:1.25rem;align-items:start}
+@media (max-width:52rem){.split{grid-template-columns:1fr}}
+.cw{border:1px solid var(--rule);min-width:0;background:var(--s1)}
+.cwh{font-family:var(--mono);font-size:.65rem;color:var(--ink-4);padding:.45rem .7rem;
+  background:var(--s2);border-bottom:1px solid var(--rule);word-break:break-all}
+.cw .hunk{background:none;border:0}
+.cw.none{padding:.9rem;color:var(--ink-4);font-size:.8rem;font-family:var(--mono)}
+.l.hot{background:var(--s3);box-shadow:inset 2px 0 0 var(--rule-3);color:var(--ink)}
+.state{border:1px solid var(--rule);padding:.8rem .85rem;background:var(--s1)}
+.state .cap{margin:0 0 .7rem}
+.sv{font-family:var(--mono);font-size:.7rem;margin-bottom:.7rem;line-height:1.5}
+.sv:last-child{margin-bottom:0}
+.sk{color:var(--ink-4);display:block;margin-bottom:.15rem}
+.sv .was{color:var(--ink-4);text-decoration:line-through}
+.sv .to{color:var(--ink-4);margin:0 .35em}
+.sv .now{color:var(--accent)}
+.wtnav{display:flex;align-items:center;gap:1rem;font-family:var(--mono);font-size:.7rem;
+  color:var(--ink-4)}
+.wtnav button{font:500 .65rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;
+  background:none;color:var(--ink-3);border:1px solid var(--rule-2);padding:.5rem .9rem;
+  cursor:pointer}
+.wtnav button:hover:not(:disabled){border-color:var(--ink-3);color:var(--ink)}
+.wtnav button:disabled{color:var(--rule-3);border-color:var(--rule);cursor:default}
+
+/* Elided regions of a windowed file: the cut is announced, never silent. */
+.l.elide{color:var(--ink-4);font-style:normal;background:var(--s2)}
+
+/* Hosted-page states: loading / bad key. Same quiet chrome as everything else. */
+.rstate{padding:4rem 0;font-family:var(--mono);font-size:.75rem;color:var(--ink-3)}
+.rstate .err{color:var(--neg)}
+
+/* ---- coverage gaps ----
+   The absence of an annotation, drawn as an absence: a dashed rule, no surface,
+   no accent. It must read as "nothing was said here", never as content. */
+.gap{display:flex;align-items:center;gap:.75rem;margin:.35rem 0;padding:.4rem .9rem;
+  border:1px dashed var(--rule-2);color:var(--ink-4);font:400 .7rem/1 var(--mono)}
+.gap .gl{color:var(--ink-3)}
+.gap .gt{letter-spacing:.1em;text-transform:uppercase;font-size:.62rem}
+.gb{font-size:.62rem;color:var(--neg);border:1px dashed var(--neg);padding:.2em .5em;
+  line-height:1;letter-spacing:.04em}
+.gsum{color:var(--neg)}
+.tg{flex:none;color:var(--neg);font-size:.5rem;line-height:1}
+
+/* ---- file tree ----
+   A long review is a long page; this is the index into it. Same hairline-and-
+   surface grammar as everything else — the only colour is the change marker. */
+.flayout{display:grid;grid-template-columns:minmax(0,17rem) minmax(0,1fr);gap:2rem;
+  align-items:start}
+.fmain{min-width:0}
+.tree{position:sticky;top:0;max-height:100vh;overflow-y:auto;overscroll-behavior:contain;
+  padding:1rem .25rem 2rem 0;border-right:1px solid var(--rule);min-width:0}
+.tfil{position:sticky;top:0;background:var(--ground);padding-bottom:.6rem;z-index:1}
+#treeFilter{width:100%;background:var(--s1);border:1px solid var(--rule-2);color:var(--ink);
+  font:400 .75rem/1 var(--mono);padding:.55rem .65rem;border-radius:0;
+  -webkit-appearance:none;appearance:none}
+#treeFilter::placeholder{color:var(--ink-4)}
+#treeFilter:focus{outline:none;border-color:var(--rule-3);background:var(--s2)}
+.tn,.tsub{list-style:none;margin:0;padding:0}
+.tsub{padding-left:.7rem;border-left:1px solid var(--rule);margin-left:.45rem}
+.tdh,.tfb{display:flex;align-items:center;gap:.45rem;width:100%;background:none;border:0;
+  color:var(--ink-3);font:400 .75rem/1.4 var(--mono);text-align:left;padding:.32rem .4rem;
+  cursor:pointer;min-width:0}
+.tdh:hover,.tfb:hover{background:var(--s1);color:var(--ink-2)}
+.tdh:focus-visible,.tfb:focus-visible{outline:1px solid var(--rule-3);outline-offset:-1px}
+.tdh{color:var(--ink-4);letter-spacing:.04em}
+.tw{flex:none;width:.6rem;color:var(--rule-3);transition:transform .12s ease}
+.tw::before{content:"\25be"}
+.tdh[aria-expanded="false"] .tw{transform:rotate(-90deg)}
+.tnm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.tfb .tnm{color:var(--ink-2)}
+.ti{flex:none;width:.7rem;text-align:center;color:var(--ink-4);font-weight:500}
+.ti.added{color:var(--pos)}
+.ti.deleted{color:var(--neg)}
+.ti.renamed{color:var(--info)}
+.tct{flex:none;font-size:.65rem;color:var(--ink-4);letter-spacing:.02em}
+/* Current file: the accent means "changed" everywhere else, so selection is a
+   contrast step instead. */
+.tfb[aria-current]{background:var(--s2);color:var(--ink)}
+.tfb[aria-current] .tnm{color:var(--ink)}
+.tnone{font:400 .72rem/1 var(--mono);color:var(--ink-4);padding:.6rem .4rem;margin:0}
+
+@media (max-width:64rem){
+  .flayout{grid-template-columns:minmax(0,1fr)}
+  .tree{position:static;max-height:20rem;border-right:0;border-bottom:1px solid var(--rule);
+    padding:0 0 1rem;margin-bottom:1.25rem}
+}

tony_cli/assets/viewer.js

@@ -0,0 +1,98 @@
+"use strict";(()=>{var M={breaks:"Breaks","behavior-change":"Behaves differently",compatible:"Compatible"},T={breaks:0,"behavior-change":1,compatible:2},x={new:"new",changed:"changed",removed:"no longer happens",same:""},u=e=>String(e??"").replace(/[&<>"']/g,t=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[t]),g=(e,t=0)=>{let s=typeof e=="number"?e:Number(e);return Number.isFinite(s)?Math.trunc(s):t},w=e=>String(e??"").replace(/[^a-zA-Z0-9_-]/g,""),k=e=>e.replace(/[^A-Za-z0-9]/g,"_"),E=e=>String(e).padStart(2,"0");function S(e){if(!e)return"";let t=g(e[0]),s=g(e[1]);return`<span class="ln">${t===s?`line ${t}`:`lines ${t}\u2013${s}`}</span>`}var R=[["prev","Prev"],["now","New"],["impact","Changes"]],B=0;function W(e){return`<div class="gap"><span class="gl">${S(e)}</span><span class="gt">not explained</span></div>`}function F(e,t,s,d){if(t==="risk")return`<div class="ann risk"><p class="t">Potential risk${S(s)}</p><p class="n">${u(e.text)}</p></div>`;let o=u(e.title||"Note"),n=R.filter(([l])=>e[l]).map(([l,c])=>({key:l,label:c,text:e[l]}));if(n.length<=1){let l=n[0]?.text??e.note??"";return`<div class="ann"><p class="t">${o}${S(s)}</p><p class="n">${u(l)}</p></div>`}let p=++B,$=n.map((l,c)=>`<button class="pt" data-g="${p}" data-p="${l.key}" aria-selected="${c===0}">${l.label}</button>`).join(""),a=n.map((l,c)=>`<p class="n pane" data-g="${p}" data-p="${l.key}"${c===0?"":" hidden"}>${u(l.text)}</p>`).join("");return`<div class="ann"><p class="t">${o}<span class="k">${u(d.toUpperCase())}</span>${S(s)}</p><div class="tabs">${$}</div>${a}</div>`}function z(e,t,s){return e.map((d,o)=>{let n=o+1,p=d.blocks??[],$=p.filter(r=>r.k==="note"||r.k==="risk").length,a=p.filter(r=>r.k==="gap").length,l=(r,i)=>i[r]??{},c;d.binary?c='<p class="bin">Binary \u2014 not shown.</p>':p.length===0?c='<p class="bin">No textual changes.</p>':c=`<div class="hunk">${p.map(i=>i.k==="row"?`<div class="l ${w(i.cls)}"><span class="g">${i.g==null?"":g(i.g)}</span>${u(i.text)||"&nbsp;"}</div>`:i.k==="gap"?W(i.span):F(l(g(i.n),i.k==="risk"?s:t),i.k==="risk"?"risk":"note",i.span,String(i.tag??""))).join("")}</div>`;let f=d.oldPath?`<span class="from">from ${u(d.oldPath)}</span>`:"",h=$>0?`<span class="nb">${$}</span>`:"",m=g(d.unexplainedLines)>0?`<span class="gb">${g(d.unexplainedLines)} lines unexplained</span>`:"";return`
+<section class="file" id="file-${k(d.path)}"${o===0?"":" hidden"}>
+  <div class="fhead">
+    <span class="ix">[${E(n)}]</span>
+    <span class="st ${u(d.status)}">${u(String(d.status).slice(0,3))}</span>
+    <span class="fp">${u(d.path)}</span>${f}
+    ${h}${m}
+    <span class="cnt"><b class="${g(d.additions)?"pos":"z"}">+${g(d.additions)}</b> <b class="${g(d.deletions)?"neg":"z"}">&minus;${g(d.deletions)}</b></span>
+  </div>
+  ${c}
+</section>`}).join("")}var D={added:"+",deleted:"\u2212",renamed:"\u2192"};function O(e){let t={name:"",dir:!0,children:[]};e.forEach((o,n)=>{let p=String(o?.path??"").split("/").filter(Boolean);if(p.length===0)return;let $=t;p.slice(0,-1).forEach(a=>{let l=$.children.find(c=>c.dir&&c.name===a);l||(l={name:a,dir:!0,children:[]},$.children.push(l)),$=l}),$.children.push({name:p[p.length-1],dir:!1,children:[],file:o,index:n+1})});let s=o=>{for(o.children=o.children.map(s);o.dir&&o.children.length===1&&o.children[0].dir;){let n=o.children[0];o.name=`${o.name}/${n.name}`,o.children=n.children}return o},d=o=>(o.forEach(n=>d(n.children)),o.sort((n,p)=>n.dir===p.dir?n.name.localeCompare(p.name):n.dir?-1:1),o);return d(t.children.map(s))}function H(e){return e.map(t=>{if(t.dir)return`
+<li class="td">
+  <button class="tdh" type="button" aria-expanded="true">
+    <span class="tw" aria-hidden="true"></span><span class="tnm">${u(t.name)}</span>
+  </button>
+  <ul class="tsub">${H(t.children)}</ul>
+</li>`;let s=t.file??{},d=String(s.status??""),o=D[d]??"\xB1";return`
+<li class="tfl" data-search="${u(String(s.path??"").toLowerCase())}">
+  <button class="tfb" type="button" data-target="file-${k(String(s.path??""))}"${t.index===1?" aria-current":""}>
+    <span class="ti ${w(d)}" aria-hidden="true">${o}</span>
+    <span class="tnm">${u(t.name)}</span>
+    ${g(s.unexplainedLines)?`<span class="tg" title="${g(s.unexplainedLines)} lines unexplained">\u25CF</span>`:""}
+    <span class="tct"><b class="${g(s.additions)?"pos":"z"}">+${g(s.additions)}</b> <b class="${g(s.deletions)?"neg":"z"}">&minus;${g(s.deletions)}</b></span>
+  </button>
+</li>`}).join("")}function _(e){let t=O(e);return t.length===0?"":`
+<aside class="tree" aria-label="Changed files">
+  <div class="tfil">
+    <input type="search" id="treeFilter" placeholder="Filter files\u2026" aria-label="Filter files" autocomplete="off">
+  </div>
+  <ul class="tn">${H(t)}</ul>
+  <p class="tnone" hidden>No files match.</p>
+</aside>`}function U(e){let t=e.kind??"behavior-change",s="";return e.symbol&&(s=`<span class="via">via <code>${u(e.symbol)}</code>${e.fromPath?` in ${u(e.fromPath)}`:""}</span>`),`<div class="ann imp ${u(t)}"><p class="t">${u(M[t]??t)}${s}</p><p class="n">${u(e.why)}</p></div>`}function G(e,t){let s=new Map;for(let n of e)n.path&&(s.has(n.path)||s.set(n.path,[]),s.get(n.path).push(n));let d=n=>Math.min(...n.map(p=>T[p.kind]??1));return[...s.entries()].sort((n,p)=>d(n[1])-d(p[1])).map(([n,p],$)=>{let a=$+1,l=Object.keys(T).find(r=>T[r]===d(p)),c=t[n]??null,f=new Map;for(let r of p){let i=g(r.line,1);f.has(i)||f.set(i,[]),f.get(i).push(r)}let h=p.slice().sort((r,i)=>(r.line??1)-(i.line??1)).map(r=>`<a class="jump ${w(r.kind)}" href="#imp-${k(n)}-${g(r.line,1)}">line ${g(r.line,1)}</a>`).join(" "),m;if(!c)m='<p class="bin">Source not available for this file.</p>';else{let r=g(c.start,1),i=Math.max(0,r-1),b=r+c.lines.length-1,v=Math.max(0,g(c.total)-b),y=[];i>0&&y.push(`<div class="l c elide"><span class="g"></span>\u2026 ${i} earlier line${i===1?"":"s"}</div>`),c.lines.forEach((I,j)=>{let L=r+j;for(let C of f.get(L)??[])y.push(U(C));let P=f.has(L)?" hit":"";y.push(`<div class="l c${P}" id="imp-${k(n)}-${L}"><span class="g">${L}</span>${u(I)||"&nbsp;"}</div>`)}),v>0&&y.push(`<div class="l c elide"><span class="g"></span>\u2026 ${v} later line${v===1?"":"s"}</div>`),m=y.join("")}return`
+<details class="file impacted ${l}" id="impact-${k(n)}"${a===1?" open":""}>
+  <summary>
+    <span class="ix">[${E(a)}]</span>
+    <span class="st ${l}">${u(M[l]??l)}</span>
+    <span class="fp">${u(n)}</span>
+    <span class="nb">${p.length}</span>
+    <span class="cnt">not edited</span>
+  </summary>
+  <div class="jumps">${p.length} impact site${p.length===1?"":"s"}: ${h}</div>
+  <div class="hunk full">${m}</div>
+</details>`}).join("")}function K(e){let t=e.window??null;if(!t)return'<div class="cw none">happens outside the codebase</div>';let s=g(t.hot?.[0],0),d=g(t.hot?.[1],-1),o=t.lines.map((n,p)=>{let $=g(t.start,1)+p;return`<div class="l c${$>=s&&$<=d?" hot":""}"><span class="g">${$}</span>${u(n)||"&nbsp;"}</div>`}).join("");return`<div class="cw"><div class="cwh">${u(e.path)}</div><div class="hunk">${o}</div></div>`}function V(e){let t=Object.entries(e??{}).slice(0,3);return t.length===0?"":`<div class="state"><p class="cap">[ state ]</p>${t.map(([d,o])=>{let n=String(o);if(n.includes("->")){let[p,,$]=(()=>{let a=n.indexOf("->");return[n.slice(0,a),"->",n.slice(a+2)]})();return`<div class="sv"><span class="sk">${u(d)}</span><span class="was">${u(p.trim())}</span><span class="to">\u2192</span><span class="now">${u($.trim())}</span></div>`}return`<div class="sv"><span class="sk">${u(d)}</span><span class="now">${u(n)}</span></div>`}).join("")}</div>`}function Z(e){return e.length===0?"":'<div class="wintro"><p><b>These are traces, not diagrams.</b> Each one follows a single real scenario from the moment it starts, one step at a time. The code shown is read straight from your files.</p><p>Use <b>next</b> to advance. Before you press it, say what you think happens next \u2014 that guess is what makes the step stick.</p></div>'+e.map((s,d)=>{let o=s.steps??[];if(o.length===0)return"";let n=[];for(let h of o)h.path&&!n.includes(h.path)&&n.push(h.path);let p=o.filter(h=>(h.phase||"same")!=="same").length,$=e.length>1?` / ${E(e.length)}`:"",a=n.map(h=>`<span class="chip">${u(h.split("/").pop())}</span>`).join("")+(p>0?`<span class="chip hot">${p} of ${o.length} steps are new</span>`:""),l=s.whatChanged?`<p class="wchg"><span class="tl">What changed</span> ${u(s.whatChanged)}</p>`:"",c=o.map((h,m)=>{let r=h.phase||"same";return`<button class="dot ${w(r)}" data-w="${d}" data-s="${m}" aria-label="Step ${m+1}"${m===0?' aria-current="true"':""}>${E(m+1)}</button>`}).join(""),f=o.map((h,m)=>{let r=h.phase||"same",i=x[r]?`<span class="ph ${w(r)}">${x[r]}</span>`:"";return`<div class="stepPanel${m===0?" on":""}" data-w="${d}" data-s="${m}"><p class="say">${u(h.say)}${i}</p><div class="split">${K(h)}${V(h.state)}</div></div>`}).join("");return`
+<section class="wt" data-w="${d}" data-n="${o.length}">
+  <header class="wth">
+    <p class="cap">[ walkthrough ${E(d+1)}${$} ]</p>
+    <h3>${u(s.title||"Walkthrough")}</h3>
+    <p class="trig"><span class="tl">Starts when</span> ${u(s.trigger)}</p>
+    ${l}
+    <div class="covers">${a}</div>
+  </header>
+  <div class="dots">${c}</div>
+  <div class="panels">${f}</div>
+  <div class="wtnav">
+    <button class="wprev" data-w="${d}" disabled>&#8249; back</button>
+    <span class="wpos" data-w="${d}">step 1 of ${o.length}</span>
+    <button class="wnext" data-w="${d}">next &#8250;</button>
+  </div>
+</section>`}).join("")}function N(e,t){let s=t.files??[],d=t.annotations??[],o=t.risks??[],n=(t.impacts??[]).filter(i=>i.path),p=t.walkthroughs??[],$=t.impactWindows??{},a=new Set(n.map(i=>i.path)).size,l=s.reduce((i,b)=>i+g(b.additions),0),c=s.reduce((i,b)=>i+g(b.deletions),0),f=o.filter(i=>!i.path),h=g(t.coverage?.unexplainedLines),m=Math.round(100*h/Math.max(g(t.coverage?.changedLines),1)),r=f.length?`<section class="loose"><h2>Risks outside the diff</h2><ul>${f.map(i=>`<li>${u(i.text)}</li>`).join("")}</ul></section>`:"";e.innerHTML=`
+<div class="wrap">
+<header>
+  <div class="mh">
+    <span class="brand">tony</span>
+    <span class="rng">${u(t.range)}</span>
+    <span class="repo">${u(t.repo)}</span>
+  </div>
+  <h1>${u(t.intent||"No summary produced.")}</h1>
+  <div class="meta">
+    <span>${s.length} files</span>
+    <span><b class="pos">+${l}</b> <b class="neg">&minus;${c}</b></span>
+    <span>${d.length} annotations</span>
+    <label class="toggle"><input type="checkbox" id="riskToggle"> potential risks (${o.length})</label>
+    ${h>0?`<span class="gsum">${h} of ${g(t.coverage?.changedLines)} changed lines unexplained (${m}%)</span>`:""}
+  </div>
+</header>
+${r}
+<nav class="tabs-main">
+  <button class="mt" data-t="files" aria-selected="true">File changes <span class="c">${s.length}</span></button>
+  <button class="mt" data-t="blast" aria-selected="false"${a?"":" disabled"}>Blast radius <span class="c">${a}</span></button>
+  <button class="mt" data-t="walk" aria-selected="false"${p.length?"":" disabled"}>How it works <span class="c">${p.length}</span></button>
+</nav>
+<div id="pane-files">
+  <div class="flayout">
+    ${_(s)}
+    <div class="fmain">${z(s,d,o)}</div>
+  </div>
+</div>
+<div id="pane-blast" hidden>
+  <div class="stepper" id="stepper">
+    <button id="prevImp" aria-label="Previous impact">&#8249;</button>
+    <span id="impPos">impact 1 of ${n.length}</span>
+    <button id="nextImp" aria-label="Next impact">&#8250;</button>
+    <span class="sh" id="impWhere"></span>
+  </div>
+  ${G(n,$)}
+</div>
+<div id="pane-walk" hidden>${Z(p)}</div>
+</div>`,J(e)}function J(e){let t=a=>e.querySelector(`#${a}`);e.querySelectorAll(".mt").forEach(a=>a.addEventListener("click",()=>{let l=a.dataset.t;e.querySelectorAll(".mt").forEach(c=>c.setAttribute("aria-selected",String(c.dataset.t===l))),t("pane-files").hidden=l!=="files",t("pane-blast").hidden=l!=="blast",t("pane-walk").hidden=l!=="walk"}));let s=e.querySelector(".tree");if(s){let a=Array.from(s.querySelectorAll(".tfb")),l=Array.from(e.querySelectorAll("#pane-files .file")),c=Math.max(0,a.findIndex(r=>r.hasAttribute("aria-current"))),f=r=>{let i=a[r];if(!i)return;let b=i.dataset.target;l.forEach(v=>{v.hidden=v.id!==b}),a.forEach((v,y)=>v.toggleAttribute("aria-current",y===r)),c=r,e.querySelector("#pane-files")?.scrollIntoView?.({block:"start"})};a.forEach((r,i)=>{r.addEventListener("click",()=>f(i))}),document.addEventListener("keydown",r=>{if(t("pane-files").hidden)return;let i=r.target;i&&i.tagName==="INPUT"||(r.key==="]"&&f(Math.min(a.length-1,c+1)),r.key==="["&&f(Math.max(0,c-1)))}),s.querySelectorAll(".tdh").forEach(r=>{r.addEventListener("click",()=>{let i=r.getAttribute("aria-expanded")==="true";r.setAttribute("aria-expanded",String(!i));let b=r.nextElementSibling;b&&(b.hidden=i)})});let h=s.querySelector("#treeFilter"),m=s.querySelector(".tnone");h?.addEventListener("input",()=>{let r=h.value.trim().toLowerCase(),i=0;if(s.querySelectorAll(".tfl").forEach(b=>{let v=!r||(b.dataset.search??"").includes(r);b.hidden=!v,v&&i++}),s.querySelectorAll(".td").forEach(b=>{let v=b.querySelector(".tfl:not([hidden])")!==null;if(b.hidden=!v,r&&v){b.querySelector(".tdh")?.setAttribute("aria-expanded","true");let y=b.querySelector(".tsub");y&&(y.hidden=!1)}}),m&&(m.hidden=i>0),i>0&&a[c]?.parentElement?.hidden){let b=a.findIndex(v=>!v.parentElement?.hidden);b>=0&&f(b)}})}e.querySelectorAll(".wt").forEach(a=>{let l=Number(a.dataset.n),c=0,f=()=>{a.querySelectorAll(".stepPanel").forEach(m=>m.classList.toggle("on",Number(m.dataset.s)===c)),a.querySelectorAll(".dot").forEach(m=>m.toggleAttribute("aria-current",Number(m.dataset.s)===c)),a.querySelector(".wpos").textContent=`step ${c+1} of ${l}`,a.querySelector(".wprev").disabled=c===0,a.querySelector(".wnext").disabled=c===l-1},h=m=>{c=Math.max(0,Math.min(l-1,m)),f()};a.querySelector(".wprev").onclick=()=>h(c-1),a.querySelector(".wnext").onclick=()=>h(c+1),a.querySelectorAll(".dot").forEach(m=>{m.onclick=()=>h(Number(m.dataset.s))}),f()});function d(a){let l=a.querySelector(".hunk.full"),c=a.querySelector(".l.hit");l&&c&&(l.scrollTop=Math.max(0,c.offsetTop-l.clientHeight/3))}e.querySelectorAll("#pane-blast details.impacted").forEach(a=>{a.open&&d(a),a.addEventListener("toggle",()=>{a.open&&d(a)})});let o=[...e.querySelectorAll("#pane-blast .l.hit")],n=-1;function p(a){if(!o.length)return;n=(a+o.length)%o.length;let l=o[n];l.closest("details").open=!0,o.forEach(f=>f.classList.remove("focus")),l.classList.add("focus"),l.scrollIntoView({behavior:"smooth",block:"center"}),t("impPos").textContent=`impact ${n+1} of ${o.length}`;let c=l.closest("details").querySelector(".fp");t("impWhere").textContent=c?c.textContent:""}t("prevImp")?.addEventListener("click",()=>p(n-1)),t("nextImp")?.addEventListener("click",()=>p(n+1)),document.addEventListener("keydown",a=>{t("pane-blast").hidden||(a.key==="]"&&p(n+1),a.key==="["&&p(n-1))}),e.addEventListener("click",a=>{let l=a.target.closest(".pt");if(!l)return;let c=l.dataset.g,f=l.dataset.p;e.querySelectorAll(`.pt[data-g="${c}"]`).forEach(h=>h.setAttribute("aria-selected",String(h.dataset.p===f))),e.querySelectorAll(`.pane[data-g="${c}"]`).forEach(h=>{h.hidden=h.dataset.p!==f})});let $=t("riskToggle");document.body.classList.add("risks-off"),$.addEventListener("change",()=>document.body.classList.toggle("risks-off",!$.checked))}var q=document.getElementById("tony-root"),A=document.getElementById("tony-payload");q&&A&&N(q,JSON.parse(A.textContent||"{}"));})();

tony_cli/fonts.py

@@ -0,0 +1,38 @@
+"""ABC Favorit, embedded so a review page is one file that works offline.
+
+The faces ship with the package as woff2 and are base64'd into the page at render
+time. Five faces, ~300KB encoded — the cost of the page being self-contained.
+"""
+
+import base64
+import functools
+import os
+
+FONT_DIR = os.path.join(os.path.dirname(os.path.abspath(__file__)), "assets", "fonts")
+
+# family, weight, file. Book (500) is the emphasis weight — the step below Bold.
+FACES = [
+    ("Favorit", 400, "Favorit-Regular.woff2"),
+    ("Favorit", 500, "Favorit-Book.woff2"),
+    ("Favorit", 700, "Favorit-Bold.woff2"),
+    ("Favorit Mono", 400, "FavoritMono-Regular.woff2"),
+    ("Favorit Mono", 500, "FavoritMono-Medium.woff2"),
+]
+
+
+@functools.lru_cache(maxsize=1)
+def fontFaces():
+    """The @font-face block. Missing files degrade to the fallback stack, silently."""
+    out = []
+    for family, weight, name in FACES:
+        path = os.path.join(FONT_DIR, name)
+        try:
+            with open(path, "rb") as fh:
+                data = base64.b64encode(fh.read()).decode("ascii")
+        except OSError:
+            continue
+        out.append(
+            f"@font-face{{font-family:'{family}';font-weight:{weight};font-style:normal;"
+            f"font-display:swap;src:url(data:font/woff2;base64,{data}) format('woff2')}}"
+        )
+    return "\n".join(out)