termdock 1.4.167 → 1.4.169

package/dist/client/assets/ChangeWalkthroughPanel-u9y3e-pI.js

@@ -0,0 +1,2 @@
+import{a0 as K,aJ as ce,as as s,e as le,n as de,I as me,g as he}from"./app-tT08GaCs.js";import{b as D}from"./dnd-BCFAPC0L.js";import{S as xe}from"./sparkles-B3pwUd8-.js";const ue=[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]],fe=K("chevron-left",ue);const pe=[["path",{d:"M15 6a9 9 0 0 0-9 9V3",key:"1cii5b"}],["circle",{cx:"18",cy:"6",r:"3",key:"1h7g24"}],["circle",{cx:"6",cy:"18",r:"3",key:"fqmcym"}]],ye=K("git-branch",pe);const ge=[["path",{d:"M15 3h6v6",key:"1q9fwt"}],["path",{d:"m21 3-7 7",key:"1l2asr"}],["path",{d:"m3 21 7-7",key:"tjx5ai"}],["path",{d:"M9 21H3v-6",key:"wtvkvv"}]],be=K("maximize-2",ge);const ke=[["path",{d:"m14 10 7-7",key:"oa77jy"}],["path",{d:"M20 10h-6V4",key:"mjg0md"}],["path",{d:"m3 21 7-7",key:"tjx5ai"}],["path",{d:"M4 14h6v6",key:"rmj7iw"}]],ve=K("minimize-2",ke);function Ne(t,d){return(d?t.filter(o=>o.repoRoot===d):t).slice().sort((o,r)=>r.injectedAt-o.injectedAt)[0]??null}function we(t){switch(t){case"entry":case"source":return"bg-sky-400";case"ui":return"bg-fuchsia-400";case"risk":return"bg-destructive";case"test":return"bg-emerald-400";default:return"bg-primary"}}function je(t){if(!t)return;const d=typeof t.sectionIndex=="number"?` section ${t.sectionIndex+1}`:"",i=typeof t.hunkIndex=="number"?` hunk ${t.hunkIndex+1}`:"";return`${t.filePath}${i}${d}`}function J({anchor:t,children:d,onNavigate:i,className:o,style:r,elementRef:g,onActivate:l}){return!t&&!l?s.jsx("span",{ref:g,className:o,style:r,children:d}):s.jsx("button",{ref:g,type:"button",onClick:()=>{l?.(),t&&i(t)},title:je(t),className:`${o} text-left transition hover:border-primary/35 hover:bg-primary/15 active:scale-[0.99]`,style:r,children:d})}const R=190,U=92,Q=132,Me=28,C=16,ee=18,X=54,te=24,ae=18,Ee=8,z=24,B=["rgb(var(--primary-rgb))","rgb(var(--accent-rgb))","rgb(var(--warning-rgb))","rgb(var(--success-rgb))","rgb(192 132 252)"];function ne(t){return B[t%B.length]}function _e(t,d){return`${t.from}->${t.to}:${d}`}function $e(t,d,i){const o=Math.max(d.get(t)?.length??0,i.get(t)?.length??0);return Math.max(U,36+Math.max(0,o-1)*ae)}function se(t,d,i){if(i<=1)return t.y+t.height/2;const o=Math.max(0,t.height-36),r=Math.min(o,(i-1)*ae);return t.y+t.height/2-r/2+r/(i-1)*d}function oe(t,d,i){return t.slice().sort((o,r)=>{const g=d[o],l=d[r],a=i==="from"?g.toNode:g.fromNode,h=i==="from"?l.toNode:l.fromNode;return a.y-h.y||a.index-h.index||g.index-l.index})}function De(t,d){const i=new Map;for(const o of t){if(Math.abs(o.toNode.layer-o.fromNode.layer)!==1)continue;const r=`${o.fromNode.layer}:${o.toNode.layer}`,g=i.get(r)??[];g.push(o),i.set(r,g)}for(const o of i.values()){o.sort((h,u)=>(h.fromY+h.toY)/2-(u.fromY+u.toY)/2||h.index-u.index);const r=[];o.forEach((h,u)=>{const N=(h.fromY+h.toY)/2,M=Math.max(z,d[h.key]??0)/2;if(u===0){r.push(N);return}const w=o[u-1],E=Math.max(z,d[w.key]??0)/2;r.push(Math.max(N,r[u-1]+E+M+Ee))});const g=r.reduce((h,u,N)=>h+u-(o[N].fromY+o[N].toY)/2,0)/Math.max(1,r.length),l=Math.min(...r.map((h,u)=>h-g-Math.max(z,d[o[u].key]??0)/2)),a=Math.max(0,C-l);o.forEach((h,u)=>{h.laneY=r[u]-g+a})}}function Ie(t,d,i={},o={}){const r=new Map(t.map((n,m)=>[n.id,{node:n,index:m}])),g=d.filter(n=>r.has(n.from)&&r.has(n.to)),l=new Map,a=new Map;for(const n of t)l.set(n.id,[]),a.set(n.id,[]);for(const n of g)l.get(n.to)?.push(n.from),a.get(n.from)?.push(n.to);const h=new Map,u=new Set,N=n=>{const m=h.get(n);if(m!==void 0)return m;if(u.has(n))return 0;u.add(n);const c=l.get(n)??[],x=c.length===0?0:Math.max(...c.map(N))+1;return u.delete(n),h.set(n,x),x};for(const n of t)N(n.id);const M=new Map;for(const n of t){const m=h.get(n.id)??0,c=M.get(m)??[],x=r.get(n.id);x&&c.push(x),M.set(m,c)}const w=[];for(const[n,m]of M.entries()){m.sort((x,f)=>x.index-f.index);let c=C+X;m.forEach(({node:x,index:f},j)=>{const I=Math.max($e(x.id,l,a),Math.ceil(i[x.id]??U));w.push({node:x,index:f,layer:n,row:j,x:C+n*(R+Q),y:c,height:I}),c+=I+Me})}const E=new Map(w.map(n=>[n.node.id,n])),v=g.flatMap((n,m)=>{const c=E.get(n.from),x=E.get(n.to);return!c||!x?[]:[{...n,key:_e(n,m),index:m,fromNode:c,toNode:x,routeIndex:m,fromPortIndex:0,toPortIndex:0,fromY:c.y+c.height/2,toY:x.y+x.height/2,laneY:(c.y+c.height/2+x.y+x.height/2)/2}]}),_=new Map,G=new Map;v.forEach((n,m)=>{_.set(n.from,[..._.get(n.from)??[],m]),G.set(n.to,[...G.get(n.to)??[],m])});for(const[n,m]of _){const c=oe(m,v,"from");c.forEach((x,f)=>{const j=v[x];j.fromPortIndex=f,j.fromY=se(E.get(n),f,c.length)})}for(const[n,m]of G){const c=oe(m,v,"to");c.forEach((x,f)=>{const j=v[x];j.toPortIndex=f,j.toY=se(E.get(n),f,c.length)})}De(v,o);let Y=0;v.forEach(n=>{const m=Math.min(n.fromNode.layer,n.toNode.layer),c=Math.max(n.fromNode.layer,n.toNode.layer);if(c-m<=1)return;const f=Y;Y+=1,n.routeIndex=f;const j=w.filter(A=>A.layer>=m&&A.layer<=c),I=Math.min(...j.map(A=>A.y))-te-(Math.floor(f/2)+1)*ee,S=Math.max(...j.map(A=>A.y+A.height))+te+(Math.floor(f/2)+1)*ee;n.laneY=f%2===0?Math.max(C,I):S});const O=Math.max(0,...w.map(n=>n.layer)),W=Math.max(C+X+U,...w.map(n=>n.y+n.height),...v.map(n=>n.laneY+Math.max(z,o[n.key]??0)/2));return{nodes:w,edges:v,width:C*2+(O+1)*R+O*Q,height:W+C+X}}function re(t,d=12){const i=t[0];if(!i)return"";const o=[`M ${i.x} ${i.y}`];for(let r=1;r<t.length;r+=1){const g=t[r-1],l=t[r],a=t[r+1];if(!a){o.push(`L ${l.x} ${l.y}`);continue}const h=l.x-g.x,u=l.y-g.y,N=a.x-l.x,M=a.y-l.y,w=Math.abs(h)+Math.abs(u),E=Math.abs(N)+Math.abs(M);if(w===0||E===0||h&&N||u&&M){o.push(`L ${l.x} ${l.y}`);continue}const v=Math.min(d,w/2,E/2),_={x:l.x-Math.sign(h)*v,y:l.y-Math.sign(u)*v},G={x:l.x+Math.sign(N)*v,y:l.y+Math.sign(M)*v};o.push(`L ${_.x} ${_.y}`),o.push(`Q ${l.x} ${l.y} ${G.x} ${G.y}`)}return o.join(" ")}function Ae(t){const d=t.fromNode.x+R+8,i=t.fromY,o=t.toNode.x-8,r=t.toY,g=Math.abs(t.toNode.layer-t.fromNode.layer),l=d+22+t.fromPortIndex*5,a=o-22-t.toPortIndex*5;return g<=1?re([{x:d,y:i},{x:l,y:i},{x:l,y:t.laneY},{x:a,y:t.laneY},{x:a,y:r},{x:o,y:r}]):re([{x:d,y:i},{x:l,y:i},{x:l,y:t.laneY},{x:a,y:t.laneY},{x:a,y:r},{x:o,y:r}])}function Ge(t){const d=t.fromNode.x+R+8,i=t.toNode.x-8,o=Math.abs(t.toNode.layer-t.fromNode.layer),r=Math.max(34,Math.abs(i-d));return o<=1?{x:(d+i)/2,y:t.laneY,maxWidth:Math.max(72,Math.min(108,r-34))}:{x:(d+i)/2,y:t.laneY,maxWidth:Math.max(84,Math.min(120,r*.3))}}function Ce({walkthroughs:t,repoRoot:d,onNavigate:i,fullscreen:o=!1,onToggleFullscreen:r}){const{t:g}=ce(),l=D.useId(),a=Ne(t,d),h=D.useRef(new Map),u=D.useRef(new Map),[N,M]=D.useState({}),[w,E]=D.useState({}),[v,_]=D.useState(null),[G,Y]=D.useState(null),[O,W]=D.useState(null),[n,m]=D.useState(null),c=D.useMemo(()=>a?Ie(a.nodes,a.edges,N,w):null,[N,w,a]);if(D.useLayoutEffect(()=>{if(!a)return;const e={};for(const p of a.nodes){const b=h.current.get(p.id);b&&(e[p.id]=b.offsetHeight)}M(p=>{const b=Object.keys(p),$=Object.keys(e);return b.length===$.length&&$.every(k=>p[k]===e[k])?p:e});const y={};for(const[p,b]of u.current)y[p]=b.offsetHeight;E(p=>{const b=Object.keys(p),$=Object.keys(y);return b.length===$.length&&$.every(k=>p[k]===y[k])?p:y})},[a]),!a||!c)return null;const x=`walkthrough-arrow-${l.replace(/[^a-zA-Z0-9_-]/g,"")||"default"}`,f=O??n,j=f?null:v??G,I=c.edges.some(e=>e.key===j)?j:null,S=c.edges.find(e=>e.key===I),A=f?c.edges.filter(e=>e.from===f||e.to===f):[],V=f?new Set(A.map(e=>e.key)):null,q=f?new Set([f,...A.flatMap(e=>[e.from,e.to])]):S?new Set([S.from,S.to]):null,T=new Map(a.sections.filter(e=>e.nodeId&&e.anchor).map(e=>[e.nodeId,e.anchor])),L=a.nodes.filter(e=>e.anchor??T.get(e.id)),H=L.findIndex(e=>e.id===n),F=e=>{if(L.length===0)return;const y=H<0?e<0?L.length-1:0:Math.min(L.length-1,Math.max(0,H+e)),p=L[y],b=p.anchor??T.get(p.id);b&&(m(p.id),Y(null),i(b))};return s.jsxs("section",{className:"mb-2 px-0 py-0",children:[s.jsxs("div",{className:"flex min-w-0 items-center gap-2",children:[s.jsx("span",{className:"flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-primary/12 text-primary",children:s.jsx(xe,{size:14})}),s.jsxs("div",{className:"min-w-0 flex-1",children:[s.jsx("div",{className:"whitespace-normal break-words text-[12px] font-semibold leading-snug text-foreground",children:a.title}),a.summary&&s.jsx("div",{className:"mt-0.5 text-[10px] leading-snug text-muted-foreground",children:a.summary})]}),s.jsxs("div",{className:"flex shrink-0 items-center gap-1",children:[o&&L.length>0&&s.jsxs(s.Fragment,{children:[s.jsx("button",{type:"button",onClick:()=>F(-1),disabled:H===0,className:"inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground transition hover:bg-surface-2 hover:text-foreground active:scale-95 disabled:pointer-events-none disabled:opacity-30",title:"Previous change","aria-label":"Previous change",children:s.jsx(fe,{size:15})}),s.jsxs("span",{className:"min-w-8 text-center text-[10px] tabular-nums text-muted-foreground",children:[H<0?"—":H+1,"/",L.length]}),s.jsx("button",{type:"button",onClick:()=>F(1),disabled:H===L.length-1,className:"inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground transition hover:bg-surface-2 hover:text-foreground active:scale-95 disabled:pointer-events-none disabled:opacity-30",title:"Next change","aria-label":"Next change",children:s.jsx(le,{size:15})})]}),r&&s.jsx("button",{type:"button",onClick:r,className:"inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground transition hover:bg-surface-2 hover:text-foreground active:scale-95",title:o?"Exit full-screen DAG review":"Review from DAG in full screen","aria-label":o?"Exit full-screen DAG review":"Review from DAG in full screen",children:o?s.jsx(ve,{size:15}):s.jsx(be,{size:15})})]})]}),a.highlights.length>0&&s.jsx("div",{className:"mt-2 grid gap-1.5",children:a.highlights.slice(0,4).map((e,y)=>s.jsxs("div",{className:"rounded-md bg-surface-2 px-2 py-1.5",children:[s.jsxs("div",{className:"flex min-w-0 items-center gap-1.5",children:[e.tag&&s.jsx("span",{className:"shrink-0 rounded bg-surface-elevated px-1.5 py-0.5 text-[9px] font-semibold text-primary",children:e.tag}),s.jsx("span",{className:"min-w-0 flex-1 whitespace-normal break-words text-[11px] font-semibold leading-snug text-foreground",children:e.what})]}),s.jsx("div",{className:"mt-0.5 text-[10px] leading-snug text-muted-foreground",children:e.effect})]},`${e.what}-${y}`))}),a.nodes.length>0&&s.jsxs("div",{className:"mt-2",children:[s.jsxs("div",{className:"mb-1 flex items-center justify-between gap-2 text-[10px] text-muted-foreground",children:[s.jsxs("div",{className:"flex items-center gap-1.5 font-semibold uppercase tracking-[0.12em]",children:[s.jsx(ye,{size:11}),"DAG"]}),a.edges.some(e=>e.label?.trim())&&s.jsx("span",{className:"normal-case tracking-normal",children:g("diffViewer.focusPathHint")})]}),s.jsx("div",{className:"overflow-x-auto rounded-md border border-border/15 bg-surface-2 p-1.5",onWheel:e=>e.stopPropagation(),children:s.jsxs("div",{className:"relative",style:{width:c.width,height:c.height},children:[s.jsxs("svg",{className:"absolute inset-0",width:c.width,height:c.height,"aria-hidden":"true",children:[s.jsx("defs",{children:B.map((e,y)=>s.jsx("marker",{id:`${x}-${y}`,viewBox:"0 0 10 10",refX:"8.5",refY:"5",markerWidth:"5",markerHeight:"5",orient:"auto",markerUnits:"strokeWidth",children:s.jsx("path",{d:"M0,0 L10,5 L0,10 Z",fill:e})},e))}),c.edges.map(e=>{const y=Ae(e),p=ne(e.index),b=I===e.key||!!V?.has(e.key),$=!!((I||f)&&!b);return s.jsxs("g",{className:"transition-opacity duration-150",style:{opacity:$?.3:1},children:[s.jsx("path",{className:"pointer-events-none",d:y,fill:"none",stroke:"var(--surface-2)",strokeWidth:b?7:5,strokeLinecap:"round"}),s.jsx("path",{className:"pointer-events-none transition-[stroke-width,opacity] duration-150",d:y,fill:"none",stroke:p,strokeWidth:b?3:1.8,strokeLinecap:"round",markerEnd:`url(#${x}-${e.index%B.length})`}),s.jsx("path",{"data-dag-edge":e.key,d:y,fill:"none",stroke:"transparent",strokeWidth:"14",className:"cursor-pointer",onPointerEnter:()=>_(e.key),onPointerLeave:()=>_(k=>k===e.key?null:k),onClick:()=>{m(null),Y(k=>k===e.key?null:e.key)}}),s.jsx("circle",{className:"pointer-events-none",cx:e.fromNode.x+R+8,cy:e.fromY,r:b?4:3,fill:p,stroke:"var(--surface-2)",strokeWidth:"2"}),s.jsx("circle",{className:"pointer-events-none",cx:e.toNode.x-8,cy:e.toY,r:b?4:3,fill:p,stroke:"var(--surface-2)",strokeWidth:"2"})]},e.key)})]}),c.edges.map(e=>{const y=e.label?.trim();if(!y)return null;const{x:p,y:b,maxWidth:$}=Ge(e),k=ne(e.index),Z=I===e.key||!!V?.has(e.key),ie=!!((I||f)&&!Z);return s.jsxs("button",{ref:P=>{P?u.current.set(e.key,P):u.current.delete(e.key)},type:"button","data-dag-edge-label":e.key,className:"absolute -translate-x-1/2 -translate-y-1/2 whitespace-normal break-words rounded-md border bg-surface-elevated px-1.5 py-1 text-center text-[9px] leading-[11px] shadow-sm transition-[opacity,box-shadow,transform] duration-150 [overflow-wrap:anywhere] hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60",style:{left:p,top:b,maxWidth:$,width:"max-content",borderColor:k,color:k,opacity:ie?.38:1,boxShadow:Z?`0 0 0 2px ${k}, 0 6px 18px rgb(0 0 0 / 0.24)`:void 0},title:`${e.fromNode.index+1} ${e.fromNode.node.title} → ${e.toNode.index+1} ${e.toNode.node.title}${e.desc?`
+${e.desc}`:""}`,"aria-pressed":G===e.key,onPointerEnter:()=>_(e.key),onPointerLeave:()=>_(P=>P===e.key?null:P),onClick:()=>{m(null),Y(P=>P===e.key?null:e.key)},children:[s.jsxs("span",{className:"block font-bold tabular-nums",children:[e.fromNode.index+1," → ",e.toNode.index+1]}),s.jsx("span",{className:"block text-muted-foreground",children:y})]},`${e.key}-label`)}),c.nodes.map(({node:e,index:y,x:p,y:b,height:$})=>s.jsxs(J,{elementRef:k=>{k?h.current.set(e.id,k):h.current.delete(e.id)},anchor:e.anchor??T.get(e.id),onActivate:()=>{m(e.id),Y(null)},onNavigate:i,className:`absolute overflow-hidden rounded-lg border bg-surface/95 px-2.5 py-2 text-foreground shadow-[0_10px_24px_rgba(0,0,0,0.18)] transition-[opacity,border-color,box-shadow] duration-150 ${q?.has(e.id)?"border-primary/60 shadow-[0_0_0_1px_rgb(var(--primary-rgb)/0.28),0_10px_24px_rgba(0,0,0,0.22)]":q?"border-border/15 opacity-40":"border-border/25"}`,style:{left:p,top:b,width:R,minHeight:$},children:[s.jsx("span",{className:"absolute inset-0",onPointerEnter:()=>W(e.id),onPointerLeave:()=>W(k=>k===e.id?null:k)}),s.jsx("span",{className:`pointer-events-none absolute bottom-2 left-0 top-2 w-[3px] rounded-r-full ${we(e.kind)}`}),s.jsxs("div",{className:"pointer-events-none relative flex min-w-0 items-center gap-1.5",children:[s.jsx("span",{className:"flex h-4 w-4 shrink-0 items-center justify-center rounded-full bg-primary/15 text-[9px] font-bold text-primary",children:y+1}),s.jsx("span",{className:"min-w-0 flex-1 whitespace-normal break-words text-[11px] font-semibold leading-snug text-foreground",children:e.title}),e.anchor&&s.jsx(de,{size:11,className:"shrink-0 opacity-70"})]}),e.kind&&s.jsx("div",{className:"pointer-events-none relative mt-0.5 truncate text-[9px] font-semibold uppercase tracking-[0.08em] text-muted-foreground/80",children:e.kind}),s.jsx("div",{className:"pointer-events-none relative mt-0.5 whitespace-normal break-words text-[10px] leading-snug text-muted-foreground",children:e.business})]},e.id))]})})]}),(a.risks.length>0||a.checks.length>0)&&s.jsxs("div",{className:"mt-2 grid gap-1.5",children:[a.risks.slice(0,3).map((e,y)=>s.jsxs(J,{anchor:e.anchor,onNavigate:i,className:"flex w-full items-start gap-1.5 rounded-md border border-[rgb(var(--warning-rgb)_/_0.25)] bg-[rgb(var(--warning-rgb)_/_0.10)] px-2 py-1.5 text-[10px] text-muted-foreground",children:[s.jsx(me,{size:12,className:"mt-0.5 shrink-0 text-[color:var(--warning)]"}),s.jsx("span",{className:"min-w-0 whitespace-normal break-words leading-snug",children:e.title})]},`${e.title}-${y}`)),a.checks.slice(0,3).map((e,y)=>s.jsxs("div",{className:"flex items-start gap-1.5 rounded-md bg-surface-2 px-2 py-1.5 text-[10px] text-muted-foreground",children:[s.jsx(he,{size:12,className:"mt-0.5 shrink-0 text-primary"}),s.jsx("span",{className:"min-w-0 whitespace-normal break-words leading-snug",children:e})]},`${e}-${y}`))]})]})}export{Ce as C,ye as G,be as M,ve as a};

package/dist/client/assets/DagPlayground-BLUwaOMM.js

@@ -0,0 +1 @@
+import{as as t}from"./app-tT08GaCs.js";import{C as s}from"./ChangeWalkthroughPanel-u9y3e-pI.js";import"./react-XDCjal2T.js";import"./dnd-BCFAPC0L.js";import"./terminal-C7X98Amf.js";import"./sparkles-B3pwUd8-.js";const e="/tmp/termdock-dag-playground",i={version:1,id:"dag-playground",repoRoot:e,workspaceRoot:e,title:"改动解释升级为可点击导览",summary:"这是一页免登录 playground，用真实 ChangeWalkthroughPanel 调 DAG 的节点、边、label 和密度。",generatedBy:"dag-playground",injectedAt:Date.now(),highlights:[{what:"先看总览，再看链路",effect:"读者不用先进入 diff，也能理解整批改动目的。",tag:"理解"},{what:"多条链路直接画出来",effect:"分支、汇合、验证路径不再靠 next 文本猜。",tag:"链路"},{what:"点击节点跳回证据",effect:"导览和真实 diff 之间形成闭环。",tag:"导航"}],nodes:[{id:"export",title:"导出 section 级 diff",kind:"source",business:"CLI 把 hunk 拆成多个连续改动 section，并为每个 section 生成稳定 fingerprint。这里故意写长一点，用来验证 DAG 节点是否会按照真实文本高度撑开，而不是被固定高度裁掉。",anchor:{repoRoot:e,filePath:"src/server/cli.ts",hunkIndex:0,sectionIndex:0}},{id:"prompt",title:"约束 AI 输出",kind:"process",business:"提示词要求先写总览，再逐 section 生成解释。",anchor:{repoRoot:e,filePath:"src/lib/components/sidebar/RightSidebar.tsx",hunkIndex:0}},{id:"schema",title:"校验导览结构",kind:"process",business:"检查节点、边和锚点字段是否完整。",anchor:{repoRoot:e,filePath:"src/server/utils/changeAuditStore.ts",hunkIndex:0}},{id:"fallback",title:"补齐兼容字段",kind:"process",business:"旧版结果缺字段时生成稳定回退值。",anchor:{repoRoot:e,filePath:"src/server/utils/changeAuditStore.ts",hunkIndex:1}},{id:"store",title:"保存整批导览结构",kind:"process",business:"服务端把 walkthrough 作为一等数据持久化。",anchor:{repoRoot:e,filePath:"src/server/utils/changeAuditStore.ts",hunkIndex:0}},{id:"api",title:"前端读取总览",kind:"api",business:"一次请求拿到 records 和 walkthroughs。",anchor:{repoRoot:e,filePath:"src/lib/terminal/api.ts",hunkIndex:0}},{id:"panel",title:"渲染 DAG 导览",kind:"ui",business:"用节点和边表达实现链路，节点可点击。节点内容可能是一两句话，也可能包含较长的业务解释；布局需要先测量 DOM 高度，再重新计算每一行节点的 y 坐标和连线端点。",anchor:{repoRoot:e,filePath:"src/lib/components/sidebar/ChangeWalkthroughPanel.tsx",hunkIndex:0}},{id:"jump",title:"跳回真实 diff",kind:"ui",business:"点击节点后定位到文件、hunk 或 section。",anchor:{repoRoot:e,filePath:"src/lib/components/sidebar/RightSidebar.tsx",hunkIndex:1}},{id:"section",title:"贴近改动展示解释",kind:"ui",business:"section 解释跟在对应 diff 块后面，而不是堆在 hunk 顶部。这个节点也故意写得更长，用来观察右侧分支和下方验证节点的连线是否会避让变高后的卡片。",anchor:{repoRoot:e,filePath:"src/lib/components/sidebar/DiffViewer.tsx",hunkIndex:0,sectionIndex:1}},{id:"verify",title:"验证导出和注入",kind:"test",business:"跑 lint、install、health、资源检查和注入自测。"}],edges:[{from:"export",to:"prompt",label:"提供输入",desc:"sectionFingerprint 让 AI 可以稳定引用。"},{from:"export",to:"schema",label:"结构校验",desc:"先确认输入可以稳定落库。"},{from:"export",to:"fallback",label:"兼容旧数据",desc:"为历史记录补齐必要字段。"},{from:"prompt",to:"store",label:"注入",desc:"AI payload 写回本地服务。"},{from:"schema",to:"store",label:"通过后保存",desc:"合法结构进入存储层。"},{from:"fallback",to:"store",label:"归一化后保存",desc:"兼容数据与新数据走同一链路。"},{from:"store",to:"api",label:"读取",desc:"浏览器从服务端拿到导览。"},{from:"api",to:"panel",label:"渲染",desc:"结构化数据变成导览图。"},{from:"panel",to:"jump",label:"点击",desc:"节点驱动 diff 定位。"},{from:"jump",to:"section",label:"定位",desc:"落到对应 section 解释。"},{from:"export",to:"verify",label:"验证",desc:"导出结构要覆盖 tracked/untracked。"},{from:"section",to:"verify",label:"回归",desc:"确认展示位置和交互。"}],sections:[],risks:[{title:"边和 label 不能遮住节点主体。"},{title:"窄侧栏下横向滚动要可控。"}],checks:["在 360px、560px、900px 宽度下截图检查。","确认边的箭头、label 背板和节点层级清楚。","确认节点点击区域和 hover 状态可感知。"]};function h(){return t.jsx("div",{className:"min-h-screen bg-background p-5 text-foreground","data-dag-playground":!0,children:t.jsxs("div",{className:"mx-auto max-w-[72rem]",children:[t.jsxs("div",{className:"mb-3",children:[t.jsx("h1",{className:"text-sm font-semibold",children:"DAG Playground"}),t.jsx("p",{className:"mt-1 text-xs text-muted-foreground",children:"Auth-free playground for tuning the real ChangeWalkthroughPanel."})]}),t.jsxs("div",{className:"grid gap-4 lg:grid-cols-[360px_minmax(0,1fr)]",children:[t.jsx("div",{className:"min-w-0",children:t.jsx(s,{walkthroughs:[i],repoRoot:e,onNavigate:o=>{console.info("[DagPlayground] navigate",o)}})}),t.jsx("div",{className:"min-w-0",children:t.jsx(s,{walkthroughs:[i],repoRoot:e,onNavigate:o=>{console.info("[DagPlayground] navigate",o)}})})]})]})})}export{h as DagPlayground};

package/dist/client/assets/DiffLab-ThgXydJA.js

@@ -0,0 +1,370 @@
+import{as as t}from"./app-tT08GaCs.js";import{b as a}from"./dnd-BCFAPC0L.js";import{c as k,S as C,D as _}from"./DiffViewer-CxxOpsVz.js";import"./react-XDCjal2T.js";import"./terminal-C7X98Amf.js";const u={kotlin:{label:"Kotlin function signature + callback",path:"SearchHintIconHelper.kt",diff:`diff --git a/SearchHintIconHelper.kt b/SearchHintIconHelper.kt
+--- a/SearchHintIconHelper.kt
++++ b/SearchHintIconHelper.kt
+@@ -43,15 +43,20 @@ object SearchHintIconHelper {
+ 
+ /** _________________________ Hybrid 标 _________________________ **/
+ 
+- fun buildNinePatchHybridIcon(alpha: Int, searchHintBeen: SearchHintBeen?, url: String, appendString: String?, tv: EditText, iconLeftMargin: Int, rootView: ViewGroup?, isSaaS: Boolean? = false) {
++ fun buildNinePatchHybridIcon(alpha: Int, searchHintBeen: SearchHintBeen?, url: String, appendString: String?, tv: EditText, iconLeftMargin: Int, rootView: ViewGroup?, isSaaS: Boolean? = false, shouldAttach: () -> Boolean = { true }) {
+      val ninePatchTV = buildNinePatchTextView(
+          text = SearchHintIconStrategy.getHintIconText(searchHintBeen),
+          color = SearchHintIconStrategy.getHintIconTextColor(searchHintBeen),
+      )
+      ResizableImageLoader.loadResizableImage(ninePatchTV, url, object :
+          ResizableImageLoader.LoadResizableImageCallback {
+          override fun onSuccess(ninePatchDrawable: NinePatchDrawable) {
++             if (!shouldAttach()) {
++                 return
++             }
+              createTagView(alpha, appendString, tv, iconLeftMargin, rootView, isSaaS, ninePatchTV, null)
+          }
+      })
+@@ -79,7 +84,7 @@ object SearchHintIconHelper {
+      rootView?.addView(ninePatchTV)
+      ninePatchTV.setOnClickListener {
+-         tracker.reportClick(searchHintBeen, url)
++         tracker.reportClick(searchHintBeen, url, source = "hint_icon")
+      }
+ }`},formatting:{label:"Formatting and whitespace noise",path:"settings.ts",diff:`diff --git a/settings.ts b/settings.ts
+--- a/settings.ts
++++ b/settings.ts
+@@ -10,14 +10,16 @@ export function normalizeSettings(input: Partial<Settings>): Settings {
+-  return { theme: input.theme ?? 'dark', fontSize: input.fontSize ?? 13, wrap: input.wrap ?? true };
++  return {
++    theme: input.theme ?? 'dark',
++    fontSize: input.fontSize ?? 13,
++    wrap: input.wrap ?? true,
++  };
+ }
+ 
+ export function isEnabled(value: string | null): boolean {
+-  return value === '1' || value === 'true' || value === 'yes'
++  return value === '1' || value === 'true' || value === 'yes';
+ }
+ 
+ export const DEFAULT_FILTERS = [
+-  'node_modules', 'dist', 'coverage',
++  'node_modules',
++  'dist',
++  'coverage',
+ ];`},json:{label:"JSON long-line mutation",path:"payload.json",diff:`diff --git a/payload.json b/payload.json
+--- a/payload.json
++++ b/payload.json
+@@ -1,9 +1,11 @@
+ {
+   "workspaceRoot": "/Users/bytedance/vscode/termdock",
+-  "mode": "basic",
++  "mode": "advanced",
+   "features": {
+     "diff": true,
+-    "inline": "chars"
++    "inline": "words",
++    "split": true,
++    "ignoreWhitespace": "trim"
+   },
+-  "updatedAt": 1783660000
++  "updatedAt": 1783661200
+ }`},moved:{label:"Moved block + small edits",path:"DiffToolbar.tsx",diff:`diff --git a/DiffToolbar.tsx b/DiffToolbar.tsx
+--- a/DiffToolbar.tsx
++++ b/DiffToolbar.tsx
+@@ -1,28 +1,32 @@
+ export function DiffToolbar({ settings, onChange }: Props) {
+-  const inlineOptions = [
+-    { value: 'words', label: 'Words' },
+-    { value: 'chars', label: 'Characters' },
+-    { value: 'none', label: 'Off' },
+-  ];
+-
+   const algorithmOptions = [
+     { value: 'default', label: 'Default' },
++    { value: 'histogram', label: 'Histogram' },
+     { value: 'patience', label: 'Patience' },
+-    { value: 'histogram', label: 'Histogram' },
+   ];
+ 
+   const whitespaceOptions = [
+     { value: 'default', label: 'All' },
+     { value: 'trim', label: 'Trim' },
+     { value: 'ignore', label: 'Ignore' },
++    { value: 'ignore-blank-lines', label: 'No blank lines' },
+   ];
+ 
++  const inlineOptions = [
++    { value: 'words', label: 'Words' },
++    { value: 'chars', label: 'Characters' },
++    { value: 'none', label: 'Off' },
++  ];
++
+   return (
+     <div className="toolbar">
+-      <Select label="Inline" value={settings.inline} options={inlineOptions} onChange={onChange.inline} />
+       <Select label="Algorithm" value={settings.algorithm} options={algorithmOptions} onChange={onChange.algorithm} />
+       <Select label="Whitespace" value={settings.whitespace} options={whitespaceOptions} onChange={onChange.whitespace} />
++      <Select label="Inline" value={settings.inline} options={inlineOptions} onChange={onChange.inline} />
+     </div>
+   );
+ }`},imports:{label:"Import-only noise",path:"SearchPresenter.kt",diff:`diff --git a/SearchPresenter.kt b/SearchPresenter.kt
+--- a/SearchPresenter.kt
++++ b/SearchPresenter.kt
+@@ -1,10 +1,11 @@
+ package com.example.search
+ 
+-import com.example.search.model.OldWord
+ import com.example.search.model.SuggestWord
++import com.example.search.model.SearchHint
+ import com.example.search.tracker.SearchTracker
++import com.example.search.util.SearchSession
+ import kotlinx.coroutines.CoroutineScope
+-import kotlinx.coroutines.Job
++import kotlinx.coroutines.SupervisorJob
+ 
+ class SearchPresenter(
+   private val tracker: SearchTracker,
+ )`},importTypeExpansion:{label:"Same-line import type expansion",path:"DiffStreamItem.tsx",diff:`diff --git a/src/lib/components/sidebar/DiffStreamItem.tsx b/src/lib/components/sidebar/DiffStreamItem.tsx
+--- a/src/lib/components/sidebar/DiffStreamItem.tsx
++++ b/src/lib/components/sidebar/DiffStreamItem.tsx
+@@ -1,6 +1,6 @@
+ import { useEffect, useState, useRef } from 'react';
+-import type { ChangeAuditRecord, GitChangedFile } from '../../terminal/api';
+-import { DiffViewer, type DiffViewType } from './DiffViewer';
++import type { ChangeAuditRecord, GitChangedFile, GitDiffOptions } from '../../terminal/api';
++import { DiffViewer, type DiffInlineMode, type DiffViewType } from './DiffViewer';
+ 
+ export interface DiffStreamFile {
+   path: string;`},commentContext:{label:"Kotlin block comment across hunks",path:"CommentContext.kt",oldSource:`class CommentContext {
+    /**
+     * Explains old behavior.
+     */
+    fun activeValue(): String {
+        return "old"
+    }
+
+    /**
+     * A second comment that ends before the next function.
+     */
+    fun nextValue(): String {
+        return "next"
+    }
+}`,diff:`diff --git a/CommentContext.kt b/CommentContext.kt
+--- a/CommentContext.kt
++++ b/CommentContext.kt
+@@ -1,8 +1,8 @@
+ class CommentContext {
+     /**
+-     * Explains old behavior.
++     * Explains new behavior.
+      */
+     fun activeValue(): String {
+-        return "old"
++        return "new"
+     }
+ 
+@@ -10,6 +10,9 @@ class CommentContext {
+      * A second comment that ends before the next function.
+      */
+     fun nextValue(): String {
+-        return "next"
++        val value = "next"
++        println(value)
++        return value
+     }
+ }`},insertThenModify:{label:"Insert block then modify next line",path:"InsertThenModify.ts",diff:`diff --git a/InsertThenModify.ts b/InsertThenModify.ts
+--- a/InsertThenModify.ts
++++ b/InsertThenModify.ts
+@@ -1,7 +1,10 @@
+ export function buildConfig(input: Input): Config {
+   const config = createBaseConfig(input);
++  config.enableDiffLab = true;
++  config.inlineMode = 'words';
++  config.algorithm = 'histogram';
+-  config.timeoutMs = 1000;
++  config.timeoutMs = 1500;
+   config.retry = 2;
+   return config;
+ }`},unrelatedReplacement:{label:"Unrelated replacement lines",path:"UnrelatedReplacement.ts",diff:`diff --git a/UnrelatedReplacement.ts b/UnrelatedReplacement.ts
+--- a/UnrelatedReplacement.ts
++++ b/UnrelatedReplacement.ts
+@@ -1,5 +1,5 @@
+ export function updateSession(request: Request) {
+-  const retries = calculateRetryBudget(request);
++  notifyObservers(session.status);
+   return session;
+ }`},repeatedScaffolding:{label:"Repeated code with one real replacement",path:"RepeatedScaffolding.ts",diff:`diff --git a/RepeatedScaffolding.ts b/RepeatedScaffolding.ts
+--- a/RepeatedScaffolding.ts
++++ b/RepeatedScaffolding.ts
+@@ -1,6 +1,7 @@
+ export function renderItems(items: Item[]) {
+-  items.map((item) => renderLegacy(item));
+-  items.map((item) => renderLegacy(item));
++  logger.debug('rendering modern items');
++  items.map((item) => renderModern(item));
++  items.map((item) => renderLegacy(item));
+   flushRenderQueue();
+ }`},movedAndEdited:{label:"Moved block across hunks with an edit",path:"MovedAndEdited.ts",diff:`diff --git a/MovedAndEdited.ts b/MovedAndEdited.ts
+--- a/MovedAndEdited.ts
++++ b/MovedAndEdited.ts
+@@ -1,8 +1,5 @@
+ export function run(input: Input) {
+-  const timeoutMs = config.timeoutMs;
+-  return runTask(timeoutMs);
+-
+   prepare(input);
+   return execute(input);
+ }
+@@ -20,4 +17,7 @@ export function configure(config: Config) {
+   validate(config);
++  const timeoutMs = config.timeoutMs;
++  return runTask(timeoutMs, signal);
++
+   persist(config);
+ }`},ifWrapper:{label:"Wrap an unchanged block in an if",path:"TaskRunner.ts",diff:`diff --git a/TaskRunner.ts b/TaskRunner.ts
+--- a/TaskRunner.ts
++++ b/TaskRunner.ts
+@@ -8,7 +8,9 @@ export function runTask(input: Input) {
+   const context = createContext(input);
+-  prepare(context);
+-  executeTask(context);
+-  finish(context);
++  if (shouldRun(context)) {
++    prepare(context);
++    executeTask(context);
++    finish(context);
++  }
+   return context;
+ }`},loopNesting:{label:"Reorder nested loops while preserving the inner block",path:"BlockRanges.ts",diff:`diff --git a/BlockRanges.ts b/BlockRanges.ts
+--- a/BlockRanges.ts
++++ b/BlockRanges.ts
+@@ -1,8 +1,9 @@
+ function projectBlockRanges(ranges: InlineDiffRange[], block: BlockText) {
+-  for (const range of ranges) {
+-    const rangeEnd = range.start + range.length;
+-    for (const line of block.lines) {
++  for (const line of block.lines) {
++    const lineRanges: InlineDiffRange[] = [];
++    for (const range of ranges) {
++      const rangeEnd = range.start + range.length;
+       const start = Math.max(range.start, line.start);
+       const end = Math.min(rangeEnd, line.end);
+       if (end <= start) continue;
+ }`},addedFile:{label:"Entirely added file",path:"NewFeature.ts",diff:`diff --git a/NewFeature.ts b/NewFeature.ts
+new file mode 100644
+--- /dev/null
++++ b/NewFeature.ts
+@@ -0,0 +1,5 @@
++export function newFeature(): string {
++  const status = 'ready';
++  announce(status);
++  return status;
++}`},deletedFile:{label:"Entirely deleted file",path:"LegacyFeature.ts",diff:`diff --git a/LegacyFeature.ts b/LegacyFeature.ts
+deleted file mode 100644
+--- a/LegacyFeature.ts
++++ /dev/null
+@@ -1,5 +0,0 @@
+-export function legacyFeature(): string {
+-  const status = 'deprecated';
+-  warn(status);
+-  return status;
+-}`},renameOnly:{label:"Rename without content changes",path:"NewName.ts",diff:`diff --git a/OldName.ts b/NewName.ts
+similarity index 100%
+rename from OldName.ts
+rename to NewName.ts`},renamedWithEdit:{label:"Rename with a content edit",path:"NewConfig.ts",diff:`diff --git a/OldConfig.ts b/NewConfig.ts
+similarity index 88%
+rename from OldConfig.ts
+rename to NewConfig.ts
+--- a/OldConfig.ts
++++ b/NewConfig.ts
+@@ -1,3 +1,3 @@
+ export const config = {
+-  timeoutMs: 1000,
++  timeoutMs: 1500,
+ };`},binaryFile:{label:"Binary file changed",path:"preview.png",diff:`diff --git a/preview.png b/preview.png
+index 1111111..2222222 100644
+Binary files a/preview.png and b/preview.png differ`},blankAndTabs:{label:"Blank lines + tabs/spaces only",path:"Whitespace.ts",diff:`diff --git a/Whitespace.ts b/Whitespace.ts
+--- a/Whitespace.ts
++++ b/Whitespace.ts
+@@ -1,6 +1,6 @@
+ export function whitespace() {
+-	const value = readValue();
+-
++  const value = readValue();
++  
+   return value;
+ }`.replace(/\n/gu,`\r
+`)},noFinalNewline:{label:"No final newline marker",path:"NoFinalNewline.txt",diff:`diff --git a/NoFinalNewline.txt b/NoFinalNewline.txt
+--- a/NoFinalNewline.txt
++++ b/NoFinalNewline.txt
+@@ -1 +1 @@
+-status=old
+\
++status=new
+\`},unicodeGraphemes:{label:"CJK + emoji + combining marks",path:"messages.ts",diff:`diff --git a/messages.ts b/messages.ts
+--- a/messages.ts
++++ b/messages.ts
+@@ -1,5 +1,5 @@
+ export const messages = {
+-  status: '正在连接 👩‍💻 café',
++  status: '连接成功 👩🏽‍💻 café',
+   action: '继续',
+ };`},longLine:{label:"Very long line with one mutation",path:"generated.ts",diff:`diff --git a/generated.ts b/generated.ts
+--- a/generated.ts
++++ b/generated.ts
+@@ -1,3 +1,3 @@
+ export const generated = {
+-  payload: "${"stable-segment-".repeat(90)}OLD_VALUE${"-stable-tail".repeat(35)}",
++  payload: "${"stable-segment-".repeat(90)}NEW_VALUE${"-stable-tail".repeat(35)}",
+ };`},ambiguousDuplicates:{label:"Ambiguous duplicate lines",path:"DuplicatePipeline.ts",diff:`diff --git a/DuplicatePipeline.ts b/DuplicatePipeline.ts
+--- a/DuplicatePipeline.ts
++++ b/DuplicatePipeline.ts
+@@ -1,8 +1,9 @@
+ export function pipeline(item: Item) {
+-  process(item);
+-  process(item);
+-  saveLegacy(item);
+-  process(item);
++  process(item);
++  audit(item);
++  process(item);
++  saveModern(item);
++  process(item);
+   finish(item);
+ }`},commentStringCollision:{label:"Comment/string similarity collision",path:"RetryLogger.ts",diff:`diff --git a/RetryLogger.ts b/RetryLogger.ts
+--- a/RetryLogger.ts
++++ b/RetryLogger.ts
+@@ -1,6 +1,6 @@
+ export function reportRetry(error: Error) {
+-  // retry request after backoff
+-  logger.info('request failed');
++  logger.info('retry request after backoff');
++  // request failed permanently
+   capture(error);
+ }`},multiHunkMixed:{label:"Multiple hunks with mixed change types",path:"MixedChanges.ts",diff:`diff --git a/MixedChanges.ts b/MixedChanges.ts
+--- a/MixedChanges.ts
++++ b/MixedChanges.ts
+@@ -1,5 +1,6 @@
+ export function start(config: Config) {
+-  connect(config, 1000);
++  connect(config, 1500);
++  logConnection(config);
+   return config;
+ }
+@@ -20,6 +21,5 @@ export function stop(session: Session) {
+   flush(session);
+-  reportLegacyMetrics(session);
+   disconnect(session);
+   return session;
+ }`},multiFilePatch:{label:"Multiple files in one patch",path:"First.ts",diff:`diff --git a/First.ts b/First.ts
+--- a/First.ts
++++ b/First.ts
+@@ -1 +1 @@
+-export const first = 'old';
+\
++export const first = 'new';
+\
+diff --git a/Second.ts b/Second.ts
+new file mode 100644
+--- /dev/null
++++ b/Second.ts
+@@ -0,0 +1,2 @@
++export const second = true;
++announce(second);`}};function h(){if(typeof window>"u")return"kotlin";const o=new URLSearchParams(window.location.search).get("fixture");return o&&o in u?o:"kotlin"}function b(){return typeof window>"u"?"unified":new URLSearchParams(window.location.search).get("view")==="split"?"split":"unified"}function x(){if(typeof window>"u")return"words";const i=new URLSearchParams(window.location.search).get("inline");return i==="none"||i==="chars"||i==="words"?i:"words"}function w(){return typeof window>"u"?!0:new URLSearchParams(window.location.search).get("wrap")!=="off"}function L(){const[i,o]=a.useState(()=>h()),[d,c]=a.useState(()=>b()),[p,v]=a.useState(()=>k()),[f,m]=a.useState(()=>x()),[s,g]=a.useState(()=>w()),l=u[i],S=a.useMemo(()=>Object.entries(u),[]),r=d==="split"&&!p?"unified":d;return a.useEffect(()=>{if(typeof window>"u"||typeof window.matchMedia!="function")return;const e=window.matchMedia(C),n=()=>v(e.matches);return n(),e.addEventListener?.("change",n),()=>e.removeEventListener?.("change",n)},[]),a.useEffect(()=>{if(typeof window>"u")return;let e=window.location.search;const n=()=>{window.location.search!==e&&(e=window.location.search,o(h()),c(b()),m(x()),g(w()))};window.addEventListener("popstate",n),window.addEventListener("pageshow",n),window.addEventListener("focus",n);const y=window.setInterval(n,250);return()=>{window.removeEventListener("popstate",n),window.removeEventListener("pageshow",n),window.removeEventListener("focus",n),window.clearInterval(y)}},[]),t.jsx("div",{className:"min-h-screen bg-background-subtle text-foreground","data-diff-lab":!0,"data-diff-lab-fixture":i,"data-diff-lab-view":r,"data-diff-lab-requested-view":d,"data-diff-lab-inline":f,"data-diff-lab-wrap":s?"on":"off",children:t.jsxs("div",{className:"mx-auto flex min-h-screen max-w-[1180px] flex-col px-4 py-4",children:[t.jsxs("header",{className:"mb-3 flex flex-wrap items-center justify-between gap-3 border-b border-border/20 pb-3",children:[t.jsxs("div",{children:[t.jsx("div",{className:"text-sm font-semibold",children:"Diff Lab"}),t.jsx("div",{className:"mt-0.5 text-[11px] text-muted-foreground",children:"Fixed fixtures for iterating diff rendering without app auth, PWA state, or live Git data."})]}),t.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[t.jsx("select",{value:i,onChange:e=>o(e.target.value),"aria-label":"Fixture",className:"h-8 rounded-md border border-border/30 bg-surface px-2 text-xs text-foreground outline-none",children:S.map(([e,n])=>t.jsx("option",{value:e,children:n.label},e))}),t.jsxs("div",{className:"inline-flex h-8 overflow-hidden rounded-full bg-surface-2 p-0.5",children:[t.jsx("button",{type:"button",onClick:()=>c("unified"),"aria-pressed":r==="unified",className:`rounded-full px-3 text-xs font-semibold ${r==="unified"?"bg-surface-elevated text-foreground":"text-muted-foreground"}`,children:"Unified"}),t.jsx("button",{type:"button",onClick:()=>c("split"),disabled:!p,"aria-pressed":r==="split",className:`rounded-full px-3 text-xs font-semibold ${r==="split"?"bg-surface-elevated text-foreground":"text-muted-foreground"} disabled:cursor-not-allowed disabled:opacity-40`,children:"Split"})]}),t.jsx("div",{className:"inline-flex h-8 overflow-hidden rounded-full bg-surface-2 p-0.5",children:["none","words","chars"].map(e=>t.jsx("button",{type:"button",onClick:()=>m(e),className:`rounded-full px-3 text-xs font-semibold ${f===e?"bg-surface-elevated text-foreground":"text-muted-foreground"}`,children:e},e))}),t.jsxs("button",{type:"button",onClick:()=>g(e=>!e),className:`h-8 rounded-full px-3 text-xs font-semibold ${s?"bg-primary/15 text-primary":"bg-surface-2 text-muted-foreground"}`,children:["Wrap ",s?"on":"off"]})]})]}),t.jsx("main",{className:"min-h-0 flex-1 overflow-auto rounded-lg border border-border/20 bg-surface",children:t.jsx(_,{filePath:l.path,repoRoot:"/tmp/termdock-diff-lab",changedFile:{path:l.path,absolutePath:`/tmp/termdock-diff-lab/${l.path}`,repoRoot:"/tmp/termdock-diff-lab",status:"modified",staged:!1,unstaged:!0,untracked:!1,tracked:!0,canStage:!1,canUnstage:!1,canStash:!1,canRestoreWorktree:!1},diffOverride:l.diff,oldSourceOverride:l.oldSource,active:!0,wrap:s,showScrollHint:!s,viewType:r,inlineMode:f})})]})})}export{u as DIFF_FIXTURES,L as DiffLab};

package/dist/client/assets/DiffReview-DNkXOQ2y.js

@@ -0,0 +1 @@
+import{a0 as He,as as r,ak as tt,l as mt,e as pt,d as xt,aJ as gt,aP as vt,a3 as yt,B as bt,G as qe,aO as wt,av as kt,X as Rt,aL as Nt}from"./app-tT08GaCs.js";import{b as a,r as rt}from"./dnd-BCFAPC0L.js";import{S as nt}from"./sparkles-B3pwUd8-.js";import{D as jt,p as Dt,i as Mt}from"./DiffViewer-CxxOpsVz.js";const Tt=[["path",{d:"m12 19-7-7 7-7",key:"1l729n"}],["path",{d:"M19 12H5",key:"x3x0zl"}]],St=He("arrow-left",Tt);const It=[["path",{d:"M8 5h13",key:"1pao27"}],["path",{d:"M13 12h8",key:"h98zly"}],["path",{d:"M13 19h8",key:"c3s6r1"}],["path",{d:"M3 10a2 2 0 0 0 2 2h3",key:"1npucw"}],["path",{d:"M3 5v12a2 2 0 0 0 2 2h3",key:"x1gjn2"}]],Et=He("list-tree",It);const Ct=[["path",{d:"M3 5h.01",key:"18ugdj"}],["path",{d:"M3 12h.01",key:"nlz23k"}],["path",{d:"M3 19h.01",key:"noohij"}],["path",{d:"M8 5h13",key:"1pao27"}],["path",{d:"M8 12h13",key:"1za7za"}],["path",{d:"M8 19h13",key:"m83p4d"}]],Ft=He("list",Ct);function st({selected:t,depth:o=0,title:i,leading:x,children:m,trailing:c,role:b,tabIndex:v,ariaExpanded:g,onClick:f,onKeyDown:y,onPointerDown:L,onPointerUp:T,onPointerCancel:E,dataAttributes:B}){return r.jsxs("div",{role:b,tabIndex:v,"aria-expanded":g,title:i,onClick:f,onKeyDown:y,onPointerDown:L,onPointerUp:T,onPointerCancel:E,...B,className:`group flex w-full cursor-pointer items-center gap-1 rounded px-2 py-1.5 text-left text-[13px] transition active:scale-[0.99] ${t?"bg-surface-elevated text-foreground":"text-muted-foreground hover:bg-surface-2 hover:text-foreground"}`,style:{paddingLeft:`${o*14+8}px`},children:[r.jsx("span",{className:"flex min-w-[14px] shrink-0 items-center justify-center text-muted-foreground/80",children:x}),r.jsx("span",{className:"min-w-0 flex-1",children:m}),c]})}function ot(t){return t.path.replace(/^\/+/,"")}function _t(t){if(t.displayName!==void 0||t.displayDir!==void 0)return{name:t.displayName||t.path,dir:t.displayDir||""};const o=t.path.split("/").filter(Boolean);return{name:o.pop()||t.path,dir:o.join("/")}}function at(t,o){const i=new Map,x=(c,b,v,g)=>{const f=c.get(b);if(f)return f;const y={path:v,name:b,childCount:0,directories:[],files:[]};return c.set(b,y),g?.directories.push(y),y};for(const c of t){const b=o(c).split("/").filter(Boolean);if(b.length<=1)continue;let v=i,g=null,f="";for(const y of b.slice(0,-1)){f=f?`${f}/${y}`:y;const L=x(v,y,f,g);g=L,v=new Map(L.directories.map(T=>[T.name,T]))}g?.files.push(c)}const m=c=>{const b=c.directories.map(m).sort((g,f)=>g.name.localeCompare(f.name)),v=c.files.sort((g,f)=>g.path.localeCompare(f.path));return{...c,directories:b,files:v,childCount:b.reduce((g,f)=>g+f.childCount,0)+v.length}};return Array.from(i.values()).map(m).sort((c,b)=>c.name.localeCompare(b.name))}function Be(t,o,i=0){const x=o.selectedKey===t.key||o.selectedKey===t.path||o.selectedKey===t.absolutePath,m=_t(t);return r.jsx(st,{selected:x,role:"button",tabIndex:0,title:t.title??t.absolutePath??t.path,onClick:()=>{tt()||o.onSelectFile(t)},onKeyDown:c=>{c.key!=="Enter"&&c.key!==" "||(c.preventDefault(),o.onSelectFile(t))},leading:o.renderLeading(t),depth:i,trailing:o.renderTrailing?.(t),dataAttributes:{"data-diff-selection-path":t.key,"data-diff-file-path":t.path,"data-diff-absolute-path":t.absolutePath??"","data-diff-status":t.status},children:r.jsxs("span",{className:"select-text","data-sidebar-selectable":!0,children:[r.jsx("span",{className:`block truncate leading-snug ${x?"font-medium":""}`,children:m.name}),o.mode!=="tree"&&m.dir&&r.jsx("span",{className:"block truncate text-[10px] text-muted-foreground/75",children:m.dir}),o.renderSubtitle?.(t)]})},t.key)}function ct(t,o,i,x,m){let c=t;const b=[t.name];for(;c.files.length===0&&c.directories.length===1;)c=c.directories[0],b.push(c.name);const v=b.join("/"),g=`${o}:${c.path}`,f=i.collapsedDirectoryKeys.has(g);return r.jsxs("div",{className:"space-y-px",children:[r.jsx(st,{role:"button",tabIndex:0,onClick:()=>{tt()||i.onToggleDirectory(g)},onKeyDown:y=>{y.key!=="Enter"&&y.key!==" "||(y.preventDefault(),i.onToggleDirectory(g))},ariaExpanded:!f,depth:x,title:c.path,leading:f?r.jsx(pt,{size:13}):r.jsx(xt,{size:13}),trailing:r.jsxs("span",{className:"flex shrink-0 items-center gap-1",children:[r.jsx("span",{className:"shrink-0 rounded bg-surface-2 px-1.5 py-0.5 text-[10px] text-muted-foreground/60 transition group-hover:text-muted-foreground",children:c.childCount}),i.renderDirectoryTrailing?.(c.path,m)]}),children:r.jsxs("span",{className:"flex min-w-0 items-center gap-1",children:[r.jsx(mt,{size:14,className:"shrink-0 text-[color:var(--folder)]"}),r.jsx("span",{className:"min-w-0 flex-1 truncate leading-snug select-text","data-sidebar-selectable":!0,children:v})]})}),!f&&r.jsxs("div",{className:"space-y-px",children:[c.directories.map(y=>ct(y,o,i,x+1,m)),c.files.length>0&&r.jsx("div",{className:"space-y-px",children:c.files.map(y=>Be(y,i,x+1))})]})]},g)}function At(t,o){const i=o.getFileTreePath??ot,x=t.files.filter(c=>i(c).split("/").filter(Boolean).length<=1),m=at(t.files,i);return r.jsxs("div",{className:"space-y-px",children:[m.map(c=>ct(c,t.key,o,0,t)),x.length>0&&r.jsx("div",{className:"space-y-px",children:x.map(c=>Be(c,o))})]})}function Pt(t,o=ot){const i=[],x=c=>{for(const b of c.directories)x(b);i.push(...c.files)};for(const c of at(t,o))x(c);const m=new Set(i.map(c=>c.key));return i.push(...t.filter(c=>!m.has(c.key))),i}function zt(t){return r.jsx("div",{className:t.mode==="tree"?"space-y-px pt-1":"space-y-2",children:t.groups.map(o=>{const i=!!o.header,x=!!o.collapsed;return r.jsxs("section",{className:i?"overflow-hidden rounded-lg border border-border/15 bg-surface/60":"",children:[o.header,!x&&r.jsx("div",{className:t.mode==="tree"?i?"space-y-px bg-surface/60 p-1":"space-y-px":i?"space-y-px bg-surface/60 p-1.5":"space-y-px",children:t.mode==="tree"?At(o,t):o.files.map(m=>Be(m,t))})]},o.key)})})}const Ee="termdock:diff-review:list-width:v1",Lt=120,Le=320,Ue=220,Ht=560;function Bt(t){return typeof t=="number"&&Number.isFinite(t)}function Ye(t,o){const i=Math.max(Ue,o-360),x=Math.min(Ht,i);return Math.min(x,Math.max(Ue,t))}function Wt(){return kt(Ee,Bt)??Le}function $t({list:t,detail:o,mobile:i,mobileListHeader:x,mobileDetailHeader:m,desktopListHeader:c,backLabel:b,onMobileSlideChange:v,externalSwiperRef:g,desktopLayout:f="split",onDetailScroll:y,desktopSidePanel:L,desktopListClassName:T,detailOwnsScroll:E=!1}){const{t:B}=gt(),W=a.useRef(null),$=a.useRef(null),C=a.useRef(null),[O,V]=a.useState(Wt);a.useEffect(()=>{if(i||f!=="split")return;const p=$.current;p&&V(j=>Ye(j,p.clientWidth))},[f,i]);const ne=a.useCallback(p=>{i||f!=="split"||(p.preventDefault(),C.current={startX:p.clientX,startWidth:O,pointerId:p.pointerId},p.currentTarget.setPointerCapture(p.pointerId))},[f,O,i]),ie=a.useCallback(p=>{const j=C.current;if(!j||j.pointerId!==p.pointerId)return;const P=$.current?.clientWidth??window.innerWidth,D=Ye(j.startWidth+p.clientX-j.startX,P);V(D),vt(Ee,D,Lt)},[]),se=a.useCallback(p=>{const j=C.current;if(!(!j||j.pointerId!==p.pointerId)){C.current=null,yt(Ee);try{p.currentTarget.releasePointerCapture(p.pointerId)}catch{}}},[]);if(i){const p=()=>{const w=W.current;w&&w.slideTo(1)},j=()=>{const w=W.current;w&&w.slideTo(0)},P=typeof t=="function"?t({slideToDetail:p}):t,D=typeof m=="function"?m({slideToList:j,slideToDetail:p}):m;return r.jsxs(bt,{className:"h-full min-h-0 w-full",slidesPerView:1,resistanceRatio:.45,noSwiping:!0,noSwipingClass:"swiper-no-swiping",noSwipingSelector:".swiper-no-swiping",allowTouchMove:!1,touchAngle:75,touchStartPreventDefault:!1,onSwiper:w=>{W.current=w,g&&(g.current=w)},onSlideChange:w=>{v?.(w.activeIndex)},children:[r.jsx(qe,{className:"h-full min-h-0",children:r.jsxs("div",{className:"flex h-full min-h-0 flex-col overflow-hidden",children:[x&&r.jsx("div",{className:"shrink-0 border-b border-border/15 px-3 py-2",children:x}),r.jsx("div",{className:"min-h-0 flex-1 overflow-y-auto overscroll-contain",children:P})]})}),r.jsx(qe,{className:"h-full min-h-0",children:r.jsxs("div",{className:"flex h-full min-h-0 flex-col overflow-hidden bg-surface",children:[r.jsx("div",{className:"shrink-0 border-b border-border/15 px-3 py-2",children:D??r.jsxs("button",{type:"button",onClick:j,className:"inline-flex h-9 shrink-0 items-center gap-1.5 rounded-full bg-surface-2 px-3 text-xs font-semibold text-muted-foreground transition hover:bg-surface-elevated hover:text-foreground active:scale-95",children:[r.jsx(St,{size:14}),b]})}),r.jsx("div",{className:E?"min-h-0 flex-1 overflow-hidden":"termdock-diff-stream-scroller min-h-0 flex-1 overflow-y-auto overscroll-contain",onScroll:E?void 0:w=>y?.(w.currentTarget),children:o})]})})]})}const G=typeof t=="function"?t({slideToDetail:()=>{}}):t;return f==="stacked"?E?r.jsxs("div",{className:"termdock-native-select min-h-0 flex-1 overflow-hidden px-2 pb-[calc(env(safe-area-inset-bottom)+4.5rem)]",children:[c&&r.jsx("div",{className:"sticky top-0 z-10 border-b border-border/15 bg-surface px-2 py-2",children:c}),G,r.jsx("div",{className:"mt-3 h-[calc(100%-3rem)] min-h-0 overflow-hidden rounded-xl border border-border/15 bg-surface",children:o})]}):r.jsxs("div",{className:"termdock-native-select termdock-diff-stream-scroller min-h-0 flex-1 overflow-y-auto overscroll-contain px-2 pb-[calc(env(safe-area-inset-bottom)+4.5rem)]",onScroll:p=>y?.(p.currentTarget),children:[c&&r.jsx("div",{className:"sticky top-0 z-10 border-b border-border/15 bg-surface px-2 py-2",children:c}),G,r.jsx("div",{className:"mt-3 overflow-hidden rounded-xl border border-border/15 bg-surface",children:o})]}):r.jsxs("div",{ref:$,className:"flex h-full min-h-0 overflow-hidden",children:[L,r.jsxs("div",{className:T??"shrink-0 overflow-y-auto overscroll-contain border-r border-border/15 bg-surface",style:{width:O},children:[c&&r.jsx("div",{className:"sticky top-0 z-10 border-b border-border/15 bg-surface px-2 py-2",children:c}),G]}),r.jsx("div",{role:"separator","aria-orientation":"vertical","aria-label":B("diffViewer.resizeNavigation"),title:B("diffViewer.resizeNavigation"),className:"group relative z-10 w-2 shrink-0 cursor-col-resize touch-none border-r border-border/15 bg-surface",onPointerDown:ne,onPointerMove:ie,onPointerUp:se,onPointerCancel:se,onDoubleClick:()=>{V(Le),wt(Ee,Le)},children:r.jsx("span",{className:"pointer-events-none absolute inset-y-0 left-1/2 w-px -translate-x-1/2 bg-border/30 transition group-hover:bg-primary/60"})}),r.jsx("div",{className:E?"min-w-0 flex-1 overflow-hidden":"termdock-diff-stream-scroller min-w-0 flex-1 overflow-y-auto overscroll-contain",onScroll:E?void 0:p=>y?.(p.currentTarget),children:o})]})}function Ot({mode:t,onModeChange:o,showAi:i=!1}){return r.jsxs("div",{className:"inline-flex h-7 shrink-0 overflow-hidden rounded-full bg-surface-2 p-0.5",children:[r.jsx("button",{type:"button",onClick:()=>o("list"),"aria-pressed":t==="list",className:`inline-flex h-6 w-7 items-center justify-center rounded-full transition active:scale-95 ${t==="list"?"bg-surface-elevated text-foreground shadow-sm":"text-muted-foreground hover:text-foreground"}`,children:r.jsx(Ft,{size:13})}),r.jsx("button",{type:"button",onClick:()=>o("tree"),"aria-pressed":t==="tree",className:`inline-flex h-6 w-7 items-center justify-center rounded-full transition active:scale-95 ${t==="tree"?"bg-surface-elevated text-foreground shadow-sm":"text-muted-foreground hover:text-foreground"}`,children:r.jsx(Et,{size:13})}),i&&r.jsx("button",{type:"button",onClick:()=>o("ai"),"aria-pressed":t==="ai",className:`inline-flex h-6 w-7 items-center justify-center rounded-full transition active:scale-95 ${t==="ai"?"bg-surface-elevated text-foreground shadow-sm":"text-muted-foreground hover:text-foreground"}`,children:r.jsx(nt,{size:13})})]})}function Vt({groups:t,mode:o,onModeChange:i,selectedKey:x,collapsedDirectoryKeys:m,onToggleDirectory:c,onSelectFile:b,renderLeading:v,renderTrailing:g,renderDirectoryTrailing:f,renderSubtitle:y,detail:L,mobile:T,backLabel:E,compact:B=!1,emptyContent:W,listPrefix:$,aiContent:C,listContainerClassName:O="px-2 py-2",detailContainerClassName:V="termdock-native-select termdock-diff-stream-scroller min-h-0",renderListHeader:ne,renderMobileDetailHeader:ie,externalSwiperRef:se,onMobileSlideChange:G,slideToDetailOnMobile:p=!0,desktopLayout:j="split",onDetailScroll:P,desktopSidePanel:D,desktopListClassName:w,detailOwnsScroll:z}){const[X,oe]=a.useState(!1);a.useEffect(()=>{if(!X)return;const F=_=>{_.key==="Escape"&&oe(!1)};return document.addEventListener("keydown",F),()=>document.removeEventListener("keydown",F)},[X]);const le=r.jsx(Ot,{mode:o,onModeChange:i,showAi:!!C}),be=o==="tree"?"tree":"list",ue=ne?ne(le):r.jsx("div",{className:"flex justify-end",children:le}),de=t.some(F=>F.files.length>0),U=r.jsx($t,{mobile:X?!1:T,backLabel:E,externalSwiperRef:se,onMobileSlideChange:G,desktopLayout:X?"split":j,onDetailScroll:P,desktopSidePanel:D,desktopListClassName:w,detailOwnsScroll:z,mobileListHeader:T?ue:void 0,desktopListHeader:T?void 0:ue,mobileDetailHeader:ie,list:({slideToDetail:F})=>r.jsx("div",{className:O,children:o==="ai"?typeof C=="function"?C({slideToDetail:F,fullscreen:X,toggleFullscreen:()=>oe(_=>!_)}):C??W:r.jsxs(r.Fragment,{children:[$,de?r.jsx(zt,{groups:t,selectedKey:x,mode:be,mobile:T,compact:B,collapsedDirectoryKeys:m,onToggleDirectory:c,onSelectFile:_=>{b(_),T&&p&&window.requestAnimationFrame(F)},renderLeading:v,renderTrailing:g,renderDirectoryTrailing:f,renderSubtitle:y}):W]})}),detail:r.jsx("div",{className:z?"h-full min-h-0":V,children:L})});return!X||typeof document>"u"?U:rt.createPortal(r.jsxs("div",{className:"fixed inset-0 z-modal-panel flex min-h-0 flex-col bg-surface text-foreground",children:[r.jsxs("div",{className:"flex h-12 shrink-0 items-center justify-between border-b border-border/15 bg-[var(--chrome-bg)] px-3",children:[r.jsxs("div",{className:"flex min-w-0 items-center gap-2",children:[r.jsx(nt,{size:15,className:"shrink-0 text-primary"}),r.jsx("span",{className:"truncate text-[12px] font-semibold",children:"DAG Review"}),r.jsx("span",{className:"hidden text-[10px] text-muted-foreground sm:inline",children:"Select a step to inspect its exact change"})]}),r.jsx("button",{type:"button",onClick:()=>oe(!1),className:"inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-muted-foreground transition hover:bg-surface-2 hover:text-foreground active:scale-95",title:"Exit full-screen DAG review (Esc)","aria-label":"Exit full-screen DAG review",children:r.jsx(Rt,{size:16})})]}),r.jsx("div",{className:"min-h-0 flex-1",children:U})]}),document.body)}const Gt=96,Pe=44;function Xt({file:t,repoRoot:o,selectionPath:i,displayName:x,displayDir:m,selected:c,activePane:b,visible:v,reusableContent:g=!1,estimatedHeight:f,lightweight:y=!1,wrap:L,showScrollHint:T,viewType:E,inlineMode:B,diffOptions:W,reloadKey:$=0,auditRecords:C,diffOverride:O,preparedDiff:V,renderBadge:ne,onInsertDiffReference:ie,onHunkGitAction:se,onReferenceCopied:G,insertedReferenceKey:p,copiedReferenceKey:j,onClearAuditRecord:P,onContentReady:D,onHeightChange:w}){const z=a.useRef(null),X=a.useRef(null),oe=a.useRef(null),[le,be]=a.useState(null),ue=a.useRef(64),de=a.useRef(f??104),U=a.useRef(null),F=a.useRef(null),_=a.useRef(!1),ae=a.useRef(!1),A=a.useRef(null),[K,fe]=a.useState(!1),[we,Me]=a.useState(!1),ke=t.absolutePath||(o?`${o}/${t.path}`:t.path),J=a.useCallback(()=>{ae.current||(ae.current=!0,Me(!0),D?.(i))},[D,i]);a.useLayoutEffect(()=>(_.current=!1,ae.current=!1,U.current=null,F.current=null,A.current!==null&&(window.clearTimeout(A.current),A.current=null),fe(!1),Me(!1),()=>{A.current!==null&&(window.clearTimeout(A.current),A.current=null)}),[O,V,$,g,v]),a.useLayoutEffect(()=>{const k=U.current;!K||k===null||Math.abs((f??104)-k)>=1||(U.current=null,J())},[J,f,K]),a.useLayoutEffect(()=>{if(!v||!K)return;const k=oe.current;if(!k)return;const q=()=>{if(!_.current||ae.current)return;const ce=Math.ceil(Math.max(k.getBoundingClientRect().height,k.scrollHeight)),Te=ue.current;ce>0&&Te!==ce&&(ue.current=ce,be(ce));const Z=z.current;if(!Z)return;const he=X.current?.getBoundingClientRect().height??Pe,ee=Math.ceil(Math.max(Z.scrollHeight,he+ce+1));ee<=0||F.current===ee||(F.current=ee,A.current!==null&&window.clearTimeout(A.current),A.current=window.setTimeout(()=>{if(A.current=null,!_.current||ae.current)return;const I=F.current;if(I===null)return;const S=de.current;if(U.current=I,Math.abs(S-I)<1||!w){de.current=I,U.current=null,J();return}de.current=I,w(i,S,I)},Gt))};if(q(),typeof ResizeObserver>"u")return;const Ne=new ResizeObserver(q);return Ne.observe(k),()=>Ne.disconnect()},[J,w,i,K,v]);const Re=v&&!we;return r.jsxs("div",{ref:z,"data-diff-stream-item":i,"data-diff-selection-path":i,"data-diff-file-path":t.path,"data-diff-absolute-path":ke,className:`scroll-mt-3 border-b border-border/15 last:border-b-0 ${Re||!v?"overflow-hidden":""} ${c?"bg-surface-elevated/35":""}`,style:v?Re?{height:f??104}:void 0:{height:f??104},children:[r.jsxs("div",{ref:X,"data-diff-stream-header":!0,className:`sticky top-0 z-10 flex min-w-0 items-center gap-2 border-b border-border/15 px-3 py-2 backdrop-blur ${c?"bg-surface-elevated/95":"bg-surface/95"}`,children:[ne(t.status),r.jsxs("div",{className:"min-w-0 flex-1",title:ke,children:[r.jsx("div",{className:"truncate text-xs font-semibold text-foreground",children:x}),m&&r.jsx("div",{className:"truncate text-[10px] text-muted-foreground",children:m})]})]}),r.jsxs("div",{ref:oe,className:"relative","data-diff-stream-body":!0,style:v?{minHeight:we?64:Math.max(le??64,(f??104)-Pe)}:{height:Math.max(le??64,(f??104)-Pe)},children:[v?r.jsx(jt,{active:b,repoRoot:o,filePath:t.path,referenceFilePath:ke,changedFile:t,wrap:L,showScrollHint:T,viewType:E,inlineMode:B,diffOptions:W,reloadKey:$,embedded:!0,lightweight:y,auditRecords:C,diffOverride:O,preparedDiff:V,onClearAuditRecord:P,onContentReady:()=>{if(g){_.current=!0,fe(!0),J();return}_.current||(_.current=!0,fe(!0))},onInsertDiffReference:ie,onHunkGitAction:se,onReferenceCopied:G,insertedReferenceKey:p,copiedReferenceKey:j}):r.jsx("div",{className:"flex h-full min-h-16 items-center justify-center bg-surface px-3 py-4 text-center text-xs text-muted-foreground",children:t.path}),v&&K&&!we&&r.jsx("div",{"data-diff-measuring-overlay":!0,className:"absolute inset-0 z-20 bg-surface"})]})]})}const Qe=8,Kt=3,Je=2,ze=1600,Ze=104,qt=1e3,ye=new Map;function Ut(t,o){for(ye.delete(t),ye.set(t,o);ye.size>qt;){const i=ye.keys().next().value;if(i===void 0)break;ye.delete(i)}}function Yt(t,o){return!!(t&&t.diffOverride===o.diffOverride&&t.reloadKey===o.reloadKey&&t.wrap===o.wrap&&t.showScrollHint===o.showScrollHint&&t.viewType===o.viewType&&t.inlineMode===o.inlineMode&&t.algorithm===o.algorithm&&t.whitespace===o.whitespace&&t.context===o.context)}const Qt={added:{label:"A",className:"text-[color:var(--diff-insert-strong)]",title:"Added"},modified:{label:"M",className:"text-[color:var(--diff-hunk-accent)]",title:"Modified"},deleted:{label:"D",className:"text-[color:var(--diff-delete-strong)]",title:"Deleted"},renamed:{label:"R",className:"text-muted-foreground",title:"Renamed"},copied:{label:"C",className:"text-[color:var(--diff-insert-strong)]",title:"Copied"},untracked:{label:"U",className:"text-[color:var(--diff-insert-strong)]",title:"Untracked (new file)"},conflicted:{label:"!",className:"text-destructive",title:"Conflicted"},unknown:{label:"?",className:"text-muted-foreground",title:"Unknown"}};function nr({status:t}){const o=Qt[t]??{label:"?",className:"text-muted-foreground",title:t};return r.jsx("span",{className:`w-4 shrink-0 text-center text-[10px] font-mono font-bold ${o.className}`,title:o.title,children:o.label})}function sr(t,o){return o?{key:o,nonce:t.nonce+1}:t}function or({files:t,groups:o,selectedKey:i,onSelectFile:x,mode:m,onModeChange:c,collapsedDirectoryKeys:b,onToggleDirectory:v,renderLeading:g,renderTrailing:f,renderDirectoryTrailing:y,renderSubtitle:L,renderStreamBadge:T,onInsertDiffReference:E,onHunkGitAction:B,onReferenceCopied:W,insertedReferenceKey:$,copiedReferenceKey:C,onClearAuditRecord:O,mobile:V,backLabel:ne,compact:ie,desktopLayout:se,wrap:G,showScrollHint:p,diffViewType:j,inlineMode:P,diffOptions:D,activePane:w,reloadKey:z=0,renderListHeader:X,renderMobileDetailHeader:oe,emptyContent:le,listPrefix:be,aiContent:ue,listContainerClassName:de,detailContainerClassName:U,desktopSidePanel:F,desktopListClassName:_,onDetailScroll:ae,initialDetailScrollTop:A,scrollToKey:K,scrollToKeyNonce:fe=0,externalSwiperRef:we,onMobileSlideChange:Me,slideToDetailOnMobile:ke}){const J=Nt(e=>e.rootPath),Re=a.useMemo(()=>e=>i===e.key||i===e.path||i===e.absolutePath,[i]),k=a.useMemo(()=>{const e=new Map;for(const s of t)e.set(s.key,s),s.path&&e.set(s.path,s),s.absolutePath&&e.set(s.absolutePath,s);const n=[],l=new Set;for(const s of o){const d=m==="tree"?Pt(s.files):s.files;for(const h of d){const u=e.get(h.key);!u||l.has(u.key)||(n.push(u),l.add(u.key))}}for(const s of t)l.has(s.key)||n.push(s);return n},[t,o,m]),q=a.useRef(null),Ne=a.useRef(null),ce=a.useRef(null),Te=a.useRef(z),Z=a.useRef(0),he=a.useRef(null),ee=a.useRef(new Map(ye)),I=a.useRef({key:null,top:0}),S=a.useRef(new Set),je=a.useRef(new Map),Ce=a.useRef(new Map),H=a.useRef(null),We=a.useRef(()=>{}),De=a.useRef([]),pe=a.useRef(new Map),$e=a.useRef({tops:[],heights:[],bottom:0}),[Oe,it]=a.useState(()=>new Set),[lt,ut]=a.useState(0),[te,xe]=a.useState({top:0,height:0}),Se=a.useMemo(()=>k.map(e=>e.key),[k]),Ie=Se.join("
");Ce.current=new Map(k.map(e=>[e.key,{diffOverride:e.diffOverride,reloadKey:z,wrap:G,showScrollHint:p,viewType:j,inlineMode:P,algorithm:D?.algorithm,whitespace:D?.whitespace,context:D?.context}])),De.current=Se,pe.current=new Map(Se.map((e,n)=>[e,n]));const R=a.useMemo(()=>{const e=Se.map(s=>ee.current.get(s)??Ze),n=new Array(e.length);for(let s=0;s<e.length;s+=1)n[s]=s===0?0:n[s-1]+e[s-1];const l=e.length>0?n[e.length-1]+e[e.length-1]:0;return{tops:n,heights:e,bottom:l}},[lt,Ie]);$e.current=R;const me=a.useMemo(()=>K?k.find(e=>K===e.key||K===e.path||K===e.absolutePath)?.key??null:null,[k,K]),Fe=a.useMemo(()=>i?k.find(e=>i===e.key||i===e.path||i===e.absolutePath)?.key??null:null,[k,i]),Y=a.useMemo(()=>{const e=R.tops.length;if(e===0)return-1;let n=0,l=e;for(;n<l;){const s=Math.floor((n+l)/2);R.tops[s]<=te.top+1?n=s+1:l=s}return Math.min(e-1,Math.max(0,n-1))},[R.tops,te.top]);a.useEffect(()=>{if(!w||Y<0)return;const e=[Y];for(let s=1;s<=Kt;s+=1)e.push(Y+s),e.push(Y-s);const n=e.filter((s,d)=>s>=0&&s<k.length&&e.indexOf(s)===d).map(s=>k[s]).filter(s=>s.diffOverride===void 0&&!!(s.repoRoot??J));let l=!1;return(async()=>{for(let s=0;s<n.length&&!l;s+=Je){const d=n.slice(s,s+Je);await Promise.all(d.map(h=>{const u=h.repoRoot??J,N=et(h.path,u);return Dt(N,u??void 0,P??"words",D).catch(()=>{})}))}})(),()=>{l=!0}},[w,k,D,P,J,Y]);const re=a.useCallback(e=>{S.current=e,it(e)},[]),Ve=a.useMemo(()=>{const e=te.top-ze,n=te.top+te.height+ze,l=new Set;let s=0,d=R.tops.length;for(;s<d;){const u=Math.floor((s+d)/2);R.tops[u]<=e?s=u+1:d=u}const h=Math.max(0,s-1);for(let u=h;u<R.tops.length;u+=1){const N=R.tops[u];if(N>n)break;N+R.heights[u]>=e&&N<=n&&l.add(u)}for(let u=Y-1;u<=Y+1;u+=1)u>=0&&u<R.tops.length&&l.add(u);return Array.from(l).sort((u,N)=>u-N)},[R,te,Y]),_e=a.useCallback(()=>{if(H.current)return;const e=De.current;if(e.length===0)return;const n=I.current.key,l=Math.min(e.length-1,(n!==null?pe.current.get(n):void 0)??Math.max(0,Y)),s=u=>Math.abs((pe.current.get(u)??0)-l),d=[];S.current.has(e[l])||d.push(e[l]);for(let u=1;u<=Qe;u+=1){const N=l+u,M=l-u;N<e.length&&!S.current.has(e[N])&&d.push(e[N]),M>=0&&!S.current.has(e[M])&&d.push(e[M])}const h=d[0];if(h){if(S.current.size>=Qe){const u=s(h),N=Array.from(S.current).filter(Q=>Q!==H.current).sort((Q,ve)=>s(ve)-s(Q))[0];if(!N||s(N)<=u)return;const M=new Set(S.current);M.delete(N),re(M)}H.current=h,re(new Set(S.current).add(h))}},[re,Y]);We.current=_e;const ge=a.useCallback(e=>{if(S.current.has(e))return;const n=H.current;if(n&&n!==e){const l=new Set(S.current);l.delete(n),re(l),H.current=null}H.current=e,re(new Set(S.current).add(e))},[re]),Ge=a.useCallback(e=>{if(!S.current.has(e))return;const n=Ce.current.get(e);n&&je.current.set(e,n),H.current===e&&(H.current=null),window.requestAnimationFrame(()=>We.current())},[]),Xe=a.useCallback((e,n,l)=>{if(Math.abs(l-n)<1)return;const s=ee.current.get(e);s!==void 0&&Math.abs(s-l)<1||(ee.current.set(e,l),Ut(e,l),ut(d=>d+1))},[]);a.useLayoutEffect(()=>{if(Te.current!==z){Te.current=z;for(const e of k){if(e.diffOverride!==void 0)continue;const n=et(e.path,e.repoRoot);Mt(n,e.repoRoot??void 0,D)}}},[k,D,z]),a.useLayoutEffect(()=>{const e=q.current;if(!e)return;const n=()=>{const s=Math.max(0,Math.ceil(e.clientHeight));if(s===0)return;const d=e.scrollTop;xe(h=>h.height===s&&h.top===d?h:{top:d,height:s})};if(n(),typeof ResizeObserver>"u")return;const l=new ResizeObserver(n);return l.observe(e),()=>l.disconnect()},[V]),a.useEffect(()=>{Fe&&ge(Fe)},[ge,Fe]),a.useEffect(()=>{const e=new Set(De.current);for(const n of Array.from(ee.current.keys()))e.has(n)||ee.current.delete(n);for(const n of Array.from(S.current))if(!e.has(n)){const l=new Set(S.current);l.delete(n),re(l)}for(const n of Array.from(je.current.keys()))e.has(n)||je.current.delete(n);if(H.current&&!e.has(H.current)&&(H.current=null),k.length===0){H.current=null,je.current.clear(),re(new Set);return}_e()},[k.length,Ie,_e,Ve,re]);const Ke=a.useCallback(e=>{q.current=e;const n=Z.current,l=e.scrollTop;Z.current=l;const s=d=>{const h=$e.current,u=De.current;let N=0,M=h.tops.length;for(;N<M;){const Ae=Math.floor((N+M)/2);h.tops[Ae]<=d+1?N=Ae+1:M=Ae}const Q=Math.min(u.length-1,Math.max(0,N-1)),ve=u[Q]??null;I.current={key:ve,top:h.tops[Q]??0},ve&&ge(ve)};Math.abs(l-n)>=ze?(rt.flushSync(()=>{xe({top:l,height:e.clientHeight})}),s(l)):he.current===null&&(he.current=window.requestAnimationFrame(()=>{he.current=null;const d=q.current;if(d){const h=d.scrollTop;xe({top:h,height:d.clientHeight}),s(h)}})),ae?.(e)},[ae,ge]);a.useEffect(()=>()=>{he.current!==null&&window.cancelAnimationFrame(he.current)},[]),a.useLayoutEffect(()=>{const e=q.current;if(!e)return;const n=I.current;if(n.key===null)return;const l=pe.current.get(n.key);if(l===void 0)return;const s=(R.tops[l]??n.top)-n.top;if(Math.abs(s)<1)return;const d=e.scrollTop+s;Z.current=d,xe(h=>({top:d,height:h.height})),typeof e.scrollTo=="function"?e.scrollTo({top:d,behavior:"instant"}):e.scrollTop=d},[R]),a.useLayoutEffect(()=>{const e=De.current,n=R.tops;if(e.length===0){I.current={key:null,top:0};return}const l=Z.current,s=l+(q.current?.clientHeight??te.height),d=I.current;if(d.key!==null){const M=pe.current.get(d.key);if(M!==void 0){const Q=n[M]??0;if(Q+(R.heights[M]??Ze)>l&&Q<s){I.current={key:d.key,top:Q};return}}}let h=0,u=n.length;for(;h<u;){const M=Math.floor((h+u)/2);n[M]<=l+1?h=M+1:u=M}const N=Math.min(n.length-1,Math.max(0,h-1));I.current={key:e[N]??null,top:n[N]??0}}),a.useLayoutEffect(()=>{if(!me||Ne.current===fe)return;const e=pe.current.get(me);if(e===void 0)return;ge(me),I.current={key:me,top:R.tops[e]??0};const n=q.current;if(!n)return;Ne.current=fe;const l=R.tops[e]??0;typeof n.scrollTo=="function"?n.scrollTo({top:l,behavior:"instant"}):n.scrollTop=l;const s=n.scrollTop;Z.current=s,xe({top:s,height:n.clientHeight})},[R,te.height,ge,me,fe]),a.useLayoutEffect(()=>{if(A===void 0||me)return;const e=Ie;if(ce.current===e)return;const n=q.current;if(!n)return;ce.current=e;const l=Math.max(0,R.bottom-n.clientHeight),s=Math.min(Math.max(0,A),l);typeof n.scrollTo=="function"?n.scrollTo({top:s,behavior:"instant"}):n.scrollTop=s;const d=n.scrollTop;Z.current=d,xe({top:d,height:n.clientHeight})},[R.bottom,A,Ie,me]);const dt=a.useCallback((e,n)=>{const l=Re(e),s=Ce.current.get(e.key),d=s!==void 0&&Yt(je.current.get(e.key),s);return r.jsx(Xt,{file:Jt(e),repoRoot:e.repoRoot,selectionPath:e.key,displayName:e.displayName,displayDir:e.displayDir,selected:l,activePane:w,visible:Oe.has(e.key),reusableContent:d,estimatedHeight:n,lightweight:!1,wrap:G,showScrollHint:p,viewType:j,inlineMode:P,diffOptions:D,reloadKey:z,auditRecords:e.auditRecords,diffOverride:e.diffOverride,renderBadge:h=>T(h,e),onInsertDiffReference:e.onInsertDiffReference??E,onHunkGitAction:e.onHunkGitAction??B,onReferenceCopied:W,insertedReferenceKey:$,copiedReferenceKey:C,onClearAuditRecord:O,onContentReady:Ge,onHeightChange:Xe})},[w,C,D,j,Ge,Xe,P,$,Re,Oe,O,B,E,W,z,T,p,G]),ft=r.jsx("div",{"data-diff-stream-content":!0,"data-diff-stream-canvas":!0,className:"termdock-diff-stream relative overflow-clip bg-surface will-change-transform",style:{height:Math.max(te.height,R.bottom)},children:Ve.map(e=>{const n=k[e];return n?r.jsx("div",{"data-diff-canvas-slot":n.key,className:"absolute inset-x-0",style:{top:R.tops[e]},children:dt(n,R.heights[e])},n.key):null})}),ht=r.jsx("div",{ref:q,className:"termdock-diff-stream termdock-diff-stream-scroller h-full max-h-full min-h-0 overflow-y-auto overscroll-contain bg-surface [overflow-anchor:none]",onScroll:e=>Ke(e.currentTarget),children:ft});return r.jsx(Vt,{groups:o,mode:m,onModeChange:c,selectedKey:i,collapsedDirectoryKeys:b,onToggleDirectory:v,onSelectFile:x,renderLeading:g,renderTrailing:f,renderDirectoryTrailing:y,renderSubtitle:L,detail:ht,mobile:V,backLabel:ne,compact:ie,emptyContent:le,listPrefix:be,aiContent:ue,listContainerClassName:de,detailContainerClassName:U,renderListHeader:X,renderMobileDetailHeader:oe,externalSwiperRef:we,onMobileSlideChange:Me,slideToDetailOnMobile:ke,desktopLayout:se,onDetailScroll:Ke,desktopSidePanel:F,desktopListClassName:_,detailOwnsScroll:!0})}function Jt(t){return{path:t.path,absolutePath:t.absolutePath,status:t.status}}function et(t,o){if(t)return o&&t.startsWith(`${o}/`)?t.slice(o.length+1):t}export{St as A,nr as C,or as D,Et as L,Pt as f,sr as n};

package/dist/client/assets/DiffReviewLab-CHyV1WMR.js

@@ -0,0 +1,2 @@
+import{as as u}from"./app-tT08GaCs.js";import{b as o}from"./dnd-BCFAPC0L.js";import{D}from"./DiffReview-DNkXOQ2y.js";import"./react-XDCjal2T.js";import"./terminal-C7X98Amf.js";import"./sparkles-B3pwUd8-.js";import"./DiffViewer-CxxOpsVz.js";const w=40,p="/tmp/termdock-diff-review-lab";function h(n,l){const i=[`diff --git a/${n} b/${n}`,`--- a/${n}`,`+++ b/${n}`,`@@ -1,${l} +1,${l} @@`];for(let t=0;t<l;t+=1)t%5===0&&i.push(`-const removed_${t} = ${t};`),t%3===0&&i.push(`+const added_${t} = ${t} * 2;`),i.push(` context line ${t} in ${n}`);return i.join(`
+`)}function j(n,l){return Array.from({length:w},(i,t)=>{const r=6+t*7%60,d=`src/module${String(t).padStart(2,"0")}/File${t}.ts`,a=`${p}/${d}`,f=h(d,r),m=h(d,1);return{key:a,path:d,absolutePath:a,status:"modified",repoRoot:p,displayName:`File${t}.ts`,displayDir:`src/module${String(t).padStart(2,"0")} · ${r} lines`,diffOverride:!l||n.has(t)?f:m,auditRecords:[]}})}function K(){const n=o.useMemo(()=>{if(typeof window>"u")return 0;const e=new URLSearchParams(window.location.search).get("delay"),s=e===null?0:Number.parseInt(e,10);return Number.isInteger(s)&&s>0?s:0},[]),l=n>0,[i,t]=o.useState(()=>new Set);o.useEffect(()=>{if(!l)return;const e=Array.from({length:w},(s,c)=>window.setTimeout(()=>{t(R=>{const y=new Set(R);return y.add(c),y})},n+c*20));return()=>e.forEach(s=>window.clearTimeout(s))},[l,n]);const r=o.useMemo(()=>j(i,l),[i,l]),d=o.useMemo(()=>[{key:"mock-repo",root:p,label:"diff-review-lab",files:r.map(e=>({key:e.key,path:e.path,absolutePath:e.absolutePath,displayName:e.displayName,displayDir:e.displayDir,status:e.status}))}],[r]),a=o.useMemo(()=>{if(typeof window>"u")return null;const e=new URLSearchParams(window.location.search).get("select");if(e===null)return null;const s=Number.parseInt(e,10);return Number.isInteger(s)&&s>=0&&s<r.length?s:null},[r.length]),[f,m]=o.useState(()=>a!==null?r[a].key:null),[b,g]=o.useState(()=>({key:a!==null?r[a].key:null,nonce:a!==null?1:0})),[S,x]=o.useState("list"),[$,k]=o.useState(new Set),[v,N]=o.useState(a!==null?1:0);return u.jsxs("div",{className:"flex h-screen flex-col bg-background text-foreground","data-diff-review-lab":!0,children:[u.jsxs("div",{className:"shrink-0 border-b border-border/20 px-3 py-2 text-xs text-muted-foreground",children:["DiffReview Lab · ",r.length," mock files · selected: ",u.jsx("span",{"data-lab-selected":!0,children:f??"none"})," · slide ",v]}),u.jsx("div",{className:"min-h-0 flex-1",children:u.jsx(D,{mobile:!0,backLabel:"Back",files:r,groups:d,selectedKey:f,scrollToKey:b.key,scrollToKeyNonce:b.nonce,mode:S,onModeChange:e=>{e!=="ai"&&x(e)},collapsedDirectoryKeys:$,onToggleDirectory:e=>k(s=>{const c=new Set(s);return c.has(e)?c.delete(e):c.add(e),c}),onSelectFile:e=>{m(e.key),g(s=>({key:e.key,nonce:s.nonce+1}))},onMobileSlideChange:N,renderLeading:()=>null,renderStreamBadge:e=>u.jsx("span",{className:"text-[10px] text-muted-foreground",children:e}),wrap:!0,showScrollHint:!1,activePane:!0})})]})}export{K as DiffReviewLab};