termdock 1.4.215 → 1.4.217

package/dist/client/assets/ChangeWalkthroughPanel-BSL9iHjO.js

@@ -0,0 +1,2 @@
+import{a0 as U,ca as ce,aV as s,d as le}from"./app-BEqjVhR9.js";import{b as D}from"./dnd-BCFAPC0L.js";import{S as de}from"./sparkles-CWz168aL.js";import{G as me,L as he,T as xe,C as ue}from"./triangle-alert-wV3o5p03.js";const fe=[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]],pe=U("chevron-left",fe);const ye=[["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"}]],ge=U("maximize-2",ye);const be=[["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"}]],ke=U("minimize-2",be);function ve(t,d){return(d?t.filter(o=>o.repoRoot===d):t).slice().sort((o,r)=>r.injectedAt-o.injectedAt)[0]??null}function Ne(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 we(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 Q({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:we(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,X=92,J=132,je=28,C=16,ee=18,T=54,te=24,ae=18,Me=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 Ee(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(X,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 $e(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+Me))});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 De(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+T;m.forEach(({node:x,index:f},j)=>{const I=Math.max(_e(x.id,l,a),Math.ceil(i[x.id]??X));w.push({node:x,index:f,layer:n,row:j,x:C+n*(R+J),y:c,height:I}),c+=I+je})}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:Ee(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)})}$e(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+T+X,...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*J,height:W+C+T}}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 Ie(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 Ae(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=ve(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?De(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,F=f?new Set([f,...A.flatMap(e=>[e.from,e.to])]):S?new Set([S.from,S.to]):null,K=new Map(a.sections.filter(e=>e.nodeId&&e.anchor).map(e=>[e.nodeId,e.anchor])),L=a.nodes.filter(e=>e.anchor??K.get(e.id)),H=L.findIndex(e=>e.id===n),Z=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??K.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(de,{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:()=>Z(-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(pe,{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:()=>Z(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(ke,{size:15}):s.jsx(ge,{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(me,{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=Ie(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:$}=Ae(e),k=ne(e.index),q=I===e.key||!!V?.has(e.key),ie=!!((I||f)&&!q);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:q?`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(Q,{elementRef:k=>{k?h.current.set(e.id,k):h.current.delete(e.id)},anchor:e.anchor??K.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 ${F?.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)]":F?"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 ${Ne(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(he,{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(Q,{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(xe,{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(ue,{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,ge as M,ke as a};

package/dist/client/assets/{DagPlayground-yu_rA4_Q.js → DagPlayground-DUz2bN6E.js}

@@ -1 +1 @@
-import{aU as t}from"./app-DgWai6ZR.js";import{C as s}from"./ChangeWalkthroughPanel-BsNjY-II.js";import"./react-XDCjal2T.js";import"./dnd-BCFAPC0L.js";import"./terminal-C7X98Amf.js";import"./sparkles-BizlTJdy.js";import"./triangle-alert-sWaK_Y9l.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 p(){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{p as DagPlayground};
+import{aV as t}from"./app-BEqjVhR9.js";import{C as s}from"./ChangeWalkthroughPanel-BSL9iHjO.js";import"./react-XDCjal2T.js";import"./dnd-BCFAPC0L.js";import"./terminal-C7X98Amf.js";import"./sparkles-CWz168aL.js";import"./triangle-alert-wV3o5p03.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 p(){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{p as DagPlayground};

package/dist/client/assets/{DiffLab-DxonIqMt.js → DiffLab-CJvpIkS2.js}

@@ -1,4 +1,4 @@
-import{aU as t}from"./app-DgWai6ZR.js";import{b as a}from"./dnd-BCFAPC0L.js";import{c as k,S as C,D as I}from"./DiffViewer-TIYVqovz.js";import"./react-XDCjal2T.js";import"./terminal-C7X98Amf.js";import"./referenceLongPress-Ai2fuaA-.js";const u={chineseParagraphExpansion:{label:"Chinese paragraph expansion (AGENTS.md)",path:"AGENTS.md",diff:"diff --git a/AGENTS.md b/AGENTS.md\n--- a/AGENTS.md\n+++ b/AGENTS.md\n@@ -51,3 +51,3 @@\n 5. 编辑任务不自动授权提交或发布。\n-6. 查看字节内部平台链接或页面时优先查找并使用 `bytedcli` 对应子命令获取结构化信息；仅在确认 `bytedcli` 不支持、受鉴权或能力限制，或无法取得具体信息后，才使用 AI Chrome / `agent-browser` 等浏览器方式补充，禁止一开始直接使用浏览器。\n+6. 查看或读取字节内部平台的数据、链接或页面时，先使用对应的结构化 CLI：飞书群聊、文档、Base、Minutes 等优先使用 `lark-cli`，其他内部平台先查找并使用 `bytedcli` 对应子命令。只有确认 CLI 不支持、受鉴权或能力限制，或无法取得具体信息后，才允许用 AI Chrome、`agent-browser`、Computer Use 或其他桌面 GUI 方式补充。用户说“读一下群消息”“看一下页面内容”等，默认是数据读取请求，不因为目标应用已经打开或登录就视为桌面操作请求；只有用户明确要求点击、输入、拖拽等可见界面操作时，才可直接使用 Computer Use。\n 7. 值班机 / DevBox 共享运维仓库例外。"},multilineRewrite:{label:"Multi-line alignment function rewrite",path:"DiffViewer.tsx",diff:`diff --git a/DiffViewer.tsx b/DiffViewer.tsx
+import{aV as t}from"./app-BEqjVhR9.js";import{b as a}from"./dnd-BCFAPC0L.js";import{c as k,S as C,D as I}from"./DiffViewer-BzagOhJJ.js";import"./react-XDCjal2T.js";import"./terminal-C7X98Amf.js";import"./referenceLongPress-BbFs1C2n.js";const u={chineseParagraphExpansion:{label:"Chinese paragraph expansion (AGENTS.md)",path:"AGENTS.md",diff:"diff --git a/AGENTS.md b/AGENTS.md\n--- a/AGENTS.md\n+++ b/AGENTS.md\n@@ -51,3 +51,3 @@\n 5. 编辑任务不自动授权提交或发布。\n-6. 查看字节内部平台链接或页面时优先查找并使用 `bytedcli` 对应子命令获取结构化信息；仅在确认 `bytedcli` 不支持、受鉴权或能力限制，或无法取得具体信息后，才使用 AI Chrome / `agent-browser` 等浏览器方式补充，禁止一开始直接使用浏览器。\n+6. 查看或读取字节内部平台的数据、链接或页面时，先使用对应的结构化 CLI：飞书群聊、文档、Base、Minutes 等优先使用 `lark-cli`，其他内部平台先查找并使用 `bytedcli` 对应子命令。只有确认 CLI 不支持、受鉴权或能力限制，或无法取得具体信息后，才允许用 AI Chrome、`agent-browser`、Computer Use 或其他桌面 GUI 方式补充。用户说“读一下群消息”“看一下页面内容”等，默认是数据读取请求，不因为目标应用已经打开或登录就视为桌面操作请求；只有用户明确要求点击、输入、拖拽等可见界面操作时，才可直接使用 Computer Use。\n 7. 值班机 / DevBox 共享运维仓库例外。"},multilineRewrite:{label:"Multi-line alignment function rewrite",path:"DiffViewer.tsx",diff:`diff --git a/DiffViewer.tsx b/DiffViewer.tsx
 --- a/DiffViewer.tsx
 +++ b/DiffViewer.tsx
 @@ -714,28 +714,14 @@

package/dist/client/assets/DiffReview-Tx-qxVrH.js

@@ -0,0 +1 @@
+import{a0 as Ze,aV as r,d as ht,c as mt,ca as pt,ci as xt,ab as gt,a as vt,ch as bt,b9 as yt,X as wt,cc as kt}from"./app-BEqjVhR9.js";import{b as c,r as et}from"./dnd-BCFAPC0L.js";import{h as tt,F as Rt,b as jt,c as Xe}from"./gestureArbiter-6LdQKuko.js";import{S as rt}from"./sparkles-CWz168aL.js";import{D as Nt,p as Dt,i as Tt}from"./DiffViewer-BzagOhJJ.js";const Mt=[["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"}]],St=Ze("list-tree",Mt);const It=[["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"}]],Et=Ze("list",It);function nt({selected:t,depth:o=0,title:a,leading:x,children:m,trailing:i,role:y,tabIndex:v,ariaExpanded:g,onClick:f,onKeyDown:b,onPointerDown:A,onPointerUp:S,onPointerCancel:C,dataAttributes:W}){return r.jsxs("div",{role:y,tabIndex:v,"aria-expanded":g,title:a,onClick:f,onKeyDown:b,onPointerDown:A,onPointerUp:S,onPointerCancel:C,...W,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}),i]})}function st(t){return t.path.replace(/^\/+/,"")}function Ct(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 ot(t,o){const a=new Map,x=(i,y,v,g)=>{const f=i.get(y);if(f)return f;const b={path:v,name:y,childCount:0,directories:[],files:[]};return i.set(y,b),g?.directories.push(b),b};for(const i of t){const y=o(i).split("/").filter(Boolean);if(y.length<=1)continue;let v=a,g=null,f="";for(const b of y.slice(0,-1)){f=f?`${f}/${b}`:b;const A=x(v,b,f,g);g=A,v=new Map(A.directories.map(S=>[S.name,S]))}g?.files.push(i)}const m=i=>{const y=i.directories.map(m).sort((g,f)=>g.name.localeCompare(f.name)),v=i.files.sort((g,f)=>g.path.localeCompare(f.path));return{...i,directories:y,files:v,childCount:y.reduce((g,f)=>g+f.childCount,0)+v.length}};return Array.from(a.values()).map(m).sort((i,y)=>i.name.localeCompare(y.name))}function Pe(t,o,a=0){const x=o.selectedKey===t.key||o.selectedKey===t.path||o.selectedKey===t.absolutePath,m=Ct(t);return r.jsx(nt,{selected:x,role:"button",tabIndex:0,title:t.title??t.absolutePath??t.path,onClick:()=>{tt()||o.onSelectFile(t)},onKeyDown:i=>{i.key!=="Enter"&&i.key!==" "||(i.preventDefault(),o.onSelectFile(t))},leading:o.renderLeading(t),depth:a,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,a,x,m){let i=t;const y=[t.name];for(;i.files.length===0&&i.directories.length===1;)i=i.directories[0],y.push(i.name);const v=y.join("/"),g=`${o}:${i.path}`,f=a.collapsedDirectoryKeys.has(g);return r.jsxs("div",{className:"space-y-px",children:[r.jsx(nt,{role:"button",tabIndex:0,onClick:()=>{tt()||a.onToggleDirectory(g)},onKeyDown:b=>{b.key!=="Enter"&&b.key!==" "||(b.preventDefault(),a.onToggleDirectory(g))},ariaExpanded:!f,depth:x,title:i.path,leading:f?r.jsx(ht,{size:13}):r.jsx(mt,{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:i.childCount}),a.renderDirectoryTrailing?.(i.path,m)]}),children:r.jsxs("span",{className:"flex min-w-0 items-center gap-1",children:[r.jsx(Rt,{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:[i.directories.map(b=>ct(b,o,a,x+1,m)),i.files.length>0&&r.jsx("div",{className:"space-y-px",children:i.files.map(b=>Pe(b,a,x+1))})]})]},g)}function Ft(t,o){const a=o.getFileTreePath??st,x=t.files.filter(i=>a(i).split("/").filter(Boolean).length<=1),m=ot(t.files,a);return r.jsxs("div",{className:"space-y-px",children:[m.map(i=>ct(i,t.key,o,0,t)),x.length>0&&r.jsx("div",{className:"space-y-px",children:x.map(i=>Pe(i,o))})]})}function _t(t,o=st){const a=[],x=i=>{for(const y of i.directories)x(y);a.push(...i.files)};for(const i of ot(t,o))x(i);const m=new Set(a.map(i=>i.key));return a.push(...t.filter(i=>!m.has(i.key))),a}function At(t){return r.jsx("div",{className:t.mode==="tree"?"space-y-px pt-1":"space-y-2",children:t.groups.map(o=>{const a=!!o.header,x=!!o.collapsed;return r.jsxs("section",{className:a?"overflow-hidden rounded-lg border border-border/15 bg-surface/60":"",children:[o.header,!x&&r.jsx("div",{className:t.mode==="tree"?a?"space-y-px bg-surface/60 p-1":"space-y-px":a?"space-y-px bg-surface/60 p-1.5":"space-y-px",children:t.mode==="tree"?Ft(o,t):o.files.map(m=>Pe(m,t))})]},o.key)})})}const Ie="termdock:diff-review:list-width:v1",zt=120,Le=320,Ke=220,Lt=560;function Pt(t){return typeof t=="number"&&Number.isFinite(t)}function qe(t,o){const a=Math.max(Ke,o-360),x=Math.min(Lt,a);return Math.min(x,Math.max(Ke,t))}function Ht(){return yt(Ie,Pt)??Le}function Wt({list:t,detail:o,mobile:a,mobileListHeader:x,mobileDetailHeader:m,desktopListHeader:i,backLabel:y,onMobileSlideChange:v,externalSwiperRef:g,desktopLayout:f="split",onDetailScroll:b,desktopSidePanel:A,desktopListClassName:S,detailOwnsScroll:C=!1}){const{t:W}=pt(),L=c.useRef(null),X=c.useRef(null),F=c.useRef(null),[B,K]=c.useState(Ht);c.useEffect(()=>{if(a||f!=="split")return;const p=X.current;p&&K(D=>qe(D,p.clientWidth))},[f,a]);const se=c.useCallback(p=>{a||f!=="split"||(p.preventDefault(),F.current={startX:p.clientX,startWidth:B,pointerId:p.pointerId},p.currentTarget.setPointerCapture(p.pointerId))},[f,B,a]),le=c.useCallback(p=>{const D=F.current;if(!D||D.pointerId!==p.pointerId)return;const T=X.current?.clientWidth??window.innerWidth,I=qe(D.startWidth+p.clientX-D.startX,T);K(I),xt(Ie,I,zt)},[]),oe=c.useCallback(p=>{const D=F.current;if(!(!D||D.pointerId!==p.pointerId)){F.current=null,gt(Ie);try{p.currentTarget.releasePointerCapture(p.pointerId)}catch{}}},[]);if(a){const p=()=>{const w=L.current;w&&w.slideTo(1)},D=()=>{const w=L.current;w&&w.slideTo(0)},T=typeof t=="function"?t({slideToDetail:p}):t,I=typeof m=="function"?m({slideToList:D,slideToDetail:p}):m;return r.jsxs(jt,{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=>{L.current=w,g&&(g.current=w)},onSlideChange:w=>{v?.(w.activeIndex)},children:[r.jsx(Xe,{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:T})]})}),r.jsx(Xe,{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:I??r.jsxs("button",{type:"button",onClick:D,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(vt,{size:14}),y]})}),r.jsx("div",{className:C?"min-h-0 flex-1 overflow-hidden":"termdock-diff-stream-scroller min-h-0 flex-1 overflow-y-auto overscroll-contain",onScroll:C?void 0:w=>b?.(w.currentTarget),children:o})]})})]})}const $=typeof t=="function"?t({slideToDetail:()=>{}}):t;return f==="stacked"?C?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:[i&&r.jsx("div",{className:"sticky top-0 z-10 border-b border-border/15 bg-surface px-2 py-2",children:i}),$,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=>b?.(p.currentTarget),children:[i&&r.jsx("div",{className:"sticky top-0 z-10 border-b border-border/15 bg-surface px-2 py-2",children:i}),$,r.jsx("div",{className:"mt-3 overflow-hidden rounded-xl border border-border/15 bg-surface",children:o})]}):r.jsxs("div",{ref:X,className:"flex h-full min-h-0 overflow-hidden",children:[A,r.jsxs("div",{className:S??"shrink-0 overflow-y-auto overscroll-contain border-r border-border/15 bg-surface",style:{width:B},children:[i&&r.jsx("div",{className:"sticky top-0 z-10 border-b border-border/15 bg-surface px-2 py-2",children:i}),$]}),r.jsx("div",{role:"separator","aria-orientation":"vertical","aria-label":W("diffViewer.resizeNavigation"),title:W("diffViewer.resizeNavigation"),className:"group relative z-10 w-2 shrink-0 cursor-col-resize touch-none border-r border-border/15 bg-surface",onPointerDown:se,onPointerMove:le,onPointerUp:oe,onPointerCancel:oe,onDoubleClick:()=>{K(Le),bt(Ie,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:C?"min-w-0 flex-1 overflow-hidden":"termdock-diff-stream-scroller min-w-0 flex-1 overflow-y-auto overscroll-contain",onScroll:C?void 0:p=>b?.(p.currentTarget),children:o})]})}function Bt({mode:t,onModeChange:o,showAi:a=!1}){return r.jsxs("div",{className:"inline-flex h-7 shrink-0 overflow-hidden rounded-md 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-md transition active:scale-95 ${t==="list"?"bg-surface-elevated text-foreground shadow-sm":"text-muted-foreground hover:text-foreground"}`,children:r.jsx(Et,{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-md transition active:scale-95 ${t==="tree"?"bg-surface-elevated text-foreground shadow-sm":"text-muted-foreground hover:text-foreground"}`,children:r.jsx(St,{size:13})}),a&&r.jsx("button",{type:"button",onClick:()=>o("ai"),"aria-pressed":t==="ai",className:`inline-flex h-6 w-7 items-center justify-center rounded-md transition active:scale-95 ${t==="ai"?"bg-surface-elevated text-foreground shadow-sm":"text-muted-foreground hover:text-foreground"}`,children:r.jsx(rt,{size:13})})]})}function $t({groups:t,mode:o,onModeChange:a,selectedKey:x,collapsedDirectoryKeys:m,onToggleDirectory:i,onSelectFile:y,renderLeading:v,renderTrailing:g,renderDirectoryTrailing:f,renderSubtitle:b,detail:A,mobile:S,backLabel:C,compact:W=!1,emptyContent:L,listPrefix:X,aiContent:F,listContainerClassName:B="px-2 py-2",detailContainerClassName:K="termdock-native-select termdock-diff-stream-scroller min-h-0",renderListHeader:se,renderMobileDetailHeader:le,externalSwiperRef:oe,onMobileSlideChange:$,slideToDetailOnMobile:p=!0,desktopLayout:D="split",onDetailScroll:T,desktopSidePanel:I,desktopListClassName:w,detailOwnsScroll:Q}){const[V,ce]=c.useState(!1);c.useEffect(()=>{if(!V)return;const E=z=>{z.key==="Escape"&&ce(!1)};return document.addEventListener("keydown",E),()=>document.removeEventListener("keydown",E)},[V]);const me=r.jsx(Bt,{mode:o,onModeChange:a,showAi:!!F}),pe=o==="tree"?"tree":"list",J=se?se(me):r.jsx("div",{className:"flex justify-end",children:me}),Z=t.some(E=>E.files.length>0),ee=r.jsx(Wt,{mobile:V?!1:S,backLabel:C,externalSwiperRef:oe,onMobileSlideChange:$,desktopLayout:V?"split":D,onDetailScroll:T,desktopSidePanel:I,desktopListClassName:w,detailOwnsScroll:Q,mobileListHeader:S?J:void 0,desktopListHeader:S?void 0:J,mobileDetailHeader:le,list:({slideToDetail:E})=>r.jsx("div",{className:B,children:o==="ai"?typeof F=="function"?F({slideToDetail:E,fullscreen:V,toggleFullscreen:()=>ce(z=>!z)}):F??L:r.jsxs(r.Fragment,{children:[X,Z?r.jsx(At,{groups:t,selectedKey:x,mode:pe,mobile:S,compact:W,collapsedDirectoryKeys:m,onToggleDirectory:i,onSelectFile:z=>{y(z),S&&p&&window.requestAnimationFrame(E)},renderLeading:v,renderTrailing:g,renderDirectoryTrailing:f,renderSubtitle:b}):L]})}),detail:r.jsx("div",{className:Q?"h-full min-h-0":K,children:A})});return!V||typeof document>"u"?ee:et.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(rt,{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:()=>ce(!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(wt,{size:16})})]}),r.jsx("div",{className:"min-h-0 flex-1",children:ee})]}),document.body)}const Vt=96,Ae=44;function Ot({file:t,repoRoot:o,selectionPath:a,displayName:x,displayDir:m,selected:i,activePane:y,visible:v,reusableContent:g=!1,estimatedHeight:f,lightweight:b=!1,wrap:A,viewType:S,inlineMode:C,diffOptions:W,reloadKey:L=0,auditRecords:X,diffOverride:F,preparedDiff:B,renderBadge:K,onInsertDiffReference:se,onHunkGitAction:le,onReferenceCopied:oe,insertedReferenceKey:$,copiedReferenceKey:p,onClearAuditRecord:D,onContentReady:T,onHeightChange:I}){const w=c.useRef(null),Q=c.useRef(null),V=c.useRef(null),[ce,me]=c.useState(null),pe=c.useRef(64),J=c.useRef(f??104),Z=c.useRef(null),ee=c.useRef(null),E=c.useRef(!1),z=c.useRef(!1),_=c.useRef(null),[O,ue]=c.useState(!1),[Re,Te]=c.useState(!1),je=t.absolutePath||(o?`${o}/${t.path}`:t.path),te=c.useCallback(()=>{z.current||(z.current=!0,Te(!0),T?.(a))},[T,a]);c.useLayoutEffect(()=>(E.current=!1,z.current=!1,Z.current=null,ee.current=null,_.current!==null&&(window.clearTimeout(_.current),_.current=null),ue(!1),Te(!1),()=>{_.current!==null&&(window.clearTimeout(_.current),_.current=null)}),[F,B,L,g,v]),c.useLayoutEffect(()=>{const k=Z.current;!O||k===null||Math.abs((f??104)-k)>=1||(Z.current=null,te())},[te,f,O]),c.useLayoutEffect(()=>{if(!v||!O)return;const k=V.current;if(!k)return;const G=()=>{if(!E.current)return;const xe=k.firstElementChild;if(!xe)return;const ae=Math.ceil(Math.max(xe.getBoundingClientRect().height,xe.scrollHeight,64)),ie=pe.current;if(ae>0&&ie!==ae&&(pe.current=ae,me(ae)),!w.current)return;const fe=Q.current?.getBoundingClientRect().height??Ae,P=Math.ceil(fe+ae+1);P<=0||ee.current===P||(ee.current=P,_.current!==null&&window.clearTimeout(_.current),_.current=window.setTimeout(()=>{if(_.current=null,!E.current)return;const R=ee.current;if(R===null)return;const q=J.current;if(z.current){J.current=R,Math.abs(q-R)>=1&&I?.(a,q,R),T?.(a);return}if(Z.current=R,Math.abs(q-R)<1||!I){J.current=R,Z.current=null,te();return}J.current=R,I(a,q,R)},Vt))};if(G(),typeof ResizeObserver>"u")return;const de=new ResizeObserver(G);return de.observe(k),k.firstElementChild&&de.observe(k.firstElementChild),Q.current&&de.observe(Q.current),()=>de.disconnect()},[te,T,I,a,O,v,A,S,C]);const Ne=v&&!Re;return r.jsxs("div",{ref:w,"data-diff-stream-item":a,"data-diff-selection-path":a,"data-diff-file-path":t.path,"data-diff-absolute-path":je,className:`scroll-mt-3 border-b border-border/15 last:border-b-0 ${Ne||!v?"overflow-hidden":""} ${i?"bg-surface-elevated/35":""}`,style:v?Ne?{height:f??104}:void 0:{height:f??104},children:[r.jsxs("div",{ref:Q,"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 ${i?"bg-surface-elevated/95":"bg-surface/95"}`,children:[K(t.status),r.jsxs("div",{className:"min-w-0 flex-1",title:je,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:V,className:"relative","data-diff-stream-body":!0,style:v?{minHeight:Re?64:Math.max(ce??64,(f??104)-Ae)}:{height:Math.max(ce??64,(f??104)-Ae)},children:[v?r.jsx(Nt,{active:y,repoRoot:o,filePath:t.path,referenceFilePath:je,changedFile:t,wrap:A,viewType:S,inlineMode:C,diffOptions:W,reloadKey:L,embedded:!0,lightweight:b,auditRecords:X,diffOverride:F,preparedDiff:B,onClearAuditRecord:D,onContentReady:()=>{if(g){E.current=!0,ue(!0),te();return}E.current||(E.current=!0,ue(!0))},onInsertDiffReference:se,onHunkGitAction:le,onReferenceCopied:oe,insertedReferenceKey:$,copiedReferenceKey:p}):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&&O&&!Re&&r.jsx("div",{"data-diff-measuring-overlay":!0,className:"absolute inset-0 z-20 bg-surface"})]})]})}const Ue=8,Gt=3,Ye=2,ze=1600,Qe=104,Xt=1e3,ke=new Map;function Kt(t,o){for(ke.delete(t),ke.set(t,o);ke.size>Xt;){const a=ke.keys().next().value;if(a===void 0)break;ke.delete(a)}}function qt(t,o){return!!(t&&t.diffOverride===o.diffOverride&&t.reloadKey===o.reloadKey&&t.wrap===o.wrap&&t.viewType===o.viewType&&t.inlineMode===o.inlineMode&&t.algorithm===o.algorithm&&t.whitespace===o.whitespace&&t.context===o.context)}const Ut={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 rr({status:t}){const o=Ut[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 nr(t,o){return o?{key:o,nonce:t.nonce+1}:t}function sr({files:t,groups:o,selectedKey:a,onSelectFile:x,mode:m,onModeChange:i,collapsedDirectoryKeys:y,onToggleDirectory:v,renderLeading:g,renderTrailing:f,renderDirectoryTrailing:b,renderSubtitle:A,renderStreamBadge:S,onInsertDiffReference:C,onHunkGitAction:W,onReferenceCopied:L,insertedReferenceKey:X,copiedReferenceKey:F,onClearAuditRecord:B,mobile:K,backLabel:se,compact:le,desktopLayout:oe,wrap:$,diffViewType:p,inlineMode:D,diffOptions:T,activePane:I,reloadKey:w=0,renderListHeader:Q,renderMobileDetailHeader:V,emptyContent:ce,listPrefix:me,aiContent:pe,listContainerClassName:J,detailContainerClassName:Z,desktopSidePanel:ee,desktopListClassName:E,onDetailScroll:z,initialDetailScrollTop:_,scrollToKey:O,scrollToKeyNonce:ue=0,externalSwiperRef:Re,onMobileSlideChange:Te,slideToDetailOnMobile:je}){const te=kt(e=>e.rootPath),Ne=c.useMemo(()=>e=>a===e.key||a===e.path||a===e.absolutePath,[a]),k=c.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"?_t(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]),G=c.useRef(null),de=c.useRef(null),xe=c.useRef(null),ae=c.useRef(w),ie=c.useRef(0),ge=c.useRef(null),fe=c.useRef(new Map(ke)),P=c.useRef({key:null,top:0}),R=c.useRef(new Set),q=c.useRef(new Map),Ee=c.useRef(new Map),H=c.useRef(null),He=c.useRef(()=>{}),De=c.useRef([]),ve=c.useRef(new Map),We=c.useRef({tops:[],heights:[],bottom:0}),[Be,at]=c.useState(()=>new Set),[it,lt]=c.useState(0),[re,be]=c.useState({top:0,height:0}),Me=c.useMemo(()=>k.map(e=>e.key),[k]),Se=Me.join("
");Ee.current=new Map(k.map(e=>[e.key,{diffOverride:e.diffOverride,reloadKey:w,wrap:$,viewType:p,inlineMode:D,algorithm:T?.algorithm,whitespace:T?.whitespace,context:T?.context}])),De.current=Me,ve.current=new Map(Me.map((e,n)=>[e,n]));const j=c.useMemo(()=>{const e=Me.map(s=>fe.current.get(s)??Qe),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}},[it,Se]);We.current=j;const he=c.useMemo(()=>O?k.find(e=>O===e.key||O===e.path||O===e.absolutePath)?.key??null:null,[k,O]),Ce=c.useMemo(()=>a?k.find(e=>a===e.key||a===e.path||a===e.absolutePath)?.key??null:null,[k,a]),U=c.useMemo(()=>{const e=j.tops.length;if(e===0)return-1;let n=0,l=e;for(;n<l;){const s=Math.floor((n+l)/2);j.tops[s]<=re.top+1?n=s+1:l=s}return Math.min(e-1,Math.max(0,n-1))},[j.tops,re.top]);c.useEffect(()=>{if(!I||U<0)return;const e=[U];for(let s=1;s<=Gt;s+=1)e.push(U+s),e.push(U-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??te));let l=!1;return(async()=>{for(let s=0;s<n.length&&!l;s+=Ye){const d=n.slice(s,s+Ye);await Promise.all(d.map(h=>{const u=h.repoRoot??te,N=Je(h.path,u);return Dt(N,u??void 0,D??"words",T).catch(()=>{})}))}})(),()=>{l=!0}},[I,k,T,D,te,U]);const ne=c.useCallback(e=>{R.current=e,at(e)},[]),$e=c.useMemo(()=>{const e=re.top-ze,n=re.top+re.height+ze,l=new Set;let s=0,d=j.tops.length;for(;s<d;){const u=Math.floor((s+d)/2);j.tops[u]<=e?s=u+1:d=u}const h=Math.max(0,s-1);for(let u=h;u<j.tops.length;u+=1){const N=j.tops[u];if(N>n)break;N+j.heights[u]>=e&&N<=n&&l.add(u)}for(let u=U-1;u<=U+1;u+=1)u>=0&&u<j.tops.length&&l.add(u);return Array.from(l).sort((u,N)=>u-N)},[j,re,U]),Fe=c.useCallback(()=>{if(H.current)return;const e=De.current;if(e.length===0)return;const n=P.current.key,l=Math.min(e.length-1,(n!==null?ve.current.get(n):void 0)??Math.max(0,U)),s=u=>Math.abs((ve.current.get(u)??0)-l),d=[];R.current.has(e[l])||d.push(e[l]);for(let u=1;u<=Ue;u+=1){const N=l+u,M=l-u;N<e.length&&!R.current.has(e[N])&&d.push(e[N]),M>=0&&!R.current.has(e[M])&&d.push(e[M])}const h=d[0];if(h){if(R.current.size>=Ue){const u=s(h),N=Array.from(R.current).filter(Y=>Y!==H.current).sort((Y,we)=>s(we)-s(Y))[0];if(!N||s(N)<=u)return;const M=new Set(R.current);M.delete(N),ne(M)}H.current=h,ne(new Set(R.current).add(h))}},[ne,U]);He.current=Fe;const ye=c.useCallback(e=>{if(R.current.has(e))return;const n=H.current;if(n&&n!==e){const l=new Set(R.current);l.delete(n),ne(l),H.current=null}H.current=e,ne(new Set(R.current).add(e))},[ne]),Ve=c.useCallback(e=>{if(!R.current.has(e))return;const n=Ee.current.get(e);n&&q.current.set(e,n),H.current===e&&(H.current=null),window.requestAnimationFrame(()=>He.current())},[]),Oe=c.useCallback((e,n,l)=>{if(Math.abs(l-n)<1)return;const s=fe.current.get(e);s!==void 0&&Math.abs(s-l)<1||(fe.current.set(e,l),Kt(e,l),lt(d=>d+1))},[]);c.useLayoutEffect(()=>{if(ae.current!==w){ae.current=w;for(const e of k){if(e.diffOverride!==void 0)continue;const n=Je(e.path,e.repoRoot);Tt(n,e.repoRoot??void 0,T)}}},[k,T,w]),c.useLayoutEffect(()=>{const e=G.current;if(!e)return;const n=()=>{const s=Math.max(0,Math.ceil(e.clientHeight));if(s===0)return;const d=e.scrollTop;be(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()},[K]),c.useEffect(()=>{Ce&&ye(Ce)},[ye,Ce]),c.useEffect(()=>{const e=new Set(De.current);for(const n of Array.from(fe.current.keys()))e.has(n)||fe.current.delete(n);for(const n of Array.from(R.current))if(!e.has(n)){const l=new Set(R.current);l.delete(n),ne(l)}for(const n of Array.from(q.current.keys()))e.has(n)||q.current.delete(n);if(H.current&&!e.has(H.current)&&(H.current=null),k.length===0){H.current=null,q.current.clear(),ne(new Set);return}Fe()},[k.length,Se,Fe,$e,ne]);const Ge=c.useCallback(e=>{G.current=e;const n=ie.current,l=e.scrollTop;ie.current=l;const s=d=>{const h=We.current,u=De.current;let N=0,M=h.tops.length;for(;N<M;){const _e=Math.floor((N+M)/2);h.tops[_e]<=d+1?N=_e+1:M=_e}const Y=Math.min(u.length-1,Math.max(0,N-1)),we=u[Y]??null;P.current={key:we,top:h.tops[Y]??0},we&&ye(we)};Math.abs(l-n)>=ze?(et.flushSync(()=>{be({top:l,height:e.clientHeight})}),s(l)):ge.current===null&&(ge.current=window.requestAnimationFrame(()=>{ge.current=null;const d=G.current;if(d){const h=d.scrollTop;be({top:h,height:d.clientHeight}),s(h)}})),z?.(e)},[z,ye]);c.useEffect(()=>()=>{ge.current!==null&&window.cancelAnimationFrame(ge.current)},[]),c.useLayoutEffect(()=>{const e=G.current;if(!e)return;const n=P.current;if(n.key===null)return;const l=ve.current.get(n.key);if(l===void 0)return;const s=(j.tops[l]??n.top)-n.top;if(Math.abs(s)<1)return;const d=e.scrollTop+s;ie.current=d,be(h=>({top:d,height:h.height})),typeof e.scrollTo=="function"?e.scrollTo({top:d,behavior:"instant"}):e.scrollTop=d},[j]),c.useLayoutEffect(()=>{const e=De.current,n=j.tops;if(e.length===0){P.current={key:null,top:0};return}const l=ie.current,s=l+(G.current?.clientHeight??re.height),d=P.current;if(d.key!==null){const M=ve.current.get(d.key);if(M!==void 0){const Y=n[M]??0;if(Y+(j.heights[M]??Qe)>l&&Y<s){P.current={key:d.key,top:Y};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));P.current={key:e[N]??null,top:n[N]??0}}),c.useLayoutEffect(()=>{if(!he||de.current===ue)return;const e=ve.current.get(he);if(e===void 0)return;ye(he),P.current={key:he,top:j.tops[e]??0};const n=G.current;if(!n)return;de.current=ue;const l=j.tops[e]??0;typeof n.scrollTo=="function"?n.scrollTo({top:l,behavior:"instant"}):n.scrollTop=l;const s=n.scrollTop;ie.current=s,be({top:s,height:n.clientHeight})},[j,re.height,ye,he,ue]),c.useLayoutEffect(()=>{if(_===void 0||he)return;const e=Se;if(xe.current===e)return;const n=G.current;if(!n)return;xe.current=e;const l=Math.max(0,j.bottom-n.clientHeight),s=Math.min(Math.max(0,_),l);typeof n.scrollTo=="function"?n.scrollTo({top:s,behavior:"instant"}):n.scrollTop=s;const d=n.scrollTop;ie.current=d,be({top:d,height:n.clientHeight})},[j.bottom,_,Se,he]);const ut=c.useCallback((e,n)=>{const l=Ne(e),s=Ee.current.get(e.key),d=s!==void 0&&qt(q.current.get(e.key),s);return r.jsx(Ot,{file:Yt(e),repoRoot:e.repoRoot,selectionPath:e.key,displayName:e.displayName,displayDir:e.displayDir,selected:l,activePane:I,visible:Be.has(e.key),reusableContent:d,estimatedHeight:n,lightweight:!1,wrap:$,viewType:p,inlineMode:D,diffOptions:T,reloadKey:w,auditRecords:e.auditRecords,diffOverride:e.diffOverride,renderBadge:h=>S(h,e),onInsertDiffReference:e.onInsertDiffReference??C,onHunkGitAction:e.onHunkGitAction??W,onReferenceCopied:L,insertedReferenceKey:X,copiedReferenceKey:F,onClearAuditRecord:B,onContentReady:Ve,onHeightChange:Oe})},[I,F,T,p,Ve,Oe,D,X,Ne,Be,B,W,C,L,w,S,$]),dt=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(re.height,j.bottom)},children:$e.map(e=>{const n=k[e];return n?r.jsx("div",{"data-diff-canvas-slot":n.key,className:"absolute inset-x-0",style:{top:j.tops[e]},children:ut(n,j.heights[e])},n.key):null})}),ft=r.jsx("div",{ref:G,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=>Ge(e.currentTarget),children:dt});return r.jsx($t,{groups:o,mode:m,onModeChange:i,selectedKey:a,collapsedDirectoryKeys:y,onToggleDirectory:v,onSelectFile:x,renderLeading:g,renderTrailing:f,renderDirectoryTrailing:b,renderSubtitle:A,detail:ft,mobile:K,backLabel:se,compact:le,emptyContent:ce,listPrefix:me,aiContent:pe,listContainerClassName:J,detailContainerClassName:Z,renderListHeader:Q,renderMobileDetailHeader:V,externalSwiperRef:Re,onMobileSlideChange:Te,slideToDetailOnMobile:je,desktopLayout:oe,onDetailScroll:Ge,desktopSidePanel:ee,desktopListClassName:E,detailOwnsScroll:!0})}function Yt(t){return{path:t.path,absolutePath:t.absolutePath,status:t.status}}function Je(t,o){if(t)return o&&t.startsWith(`${o}/`)?t.slice(o.length+1):t}export{rr as C,sr as D,St as L,_t as f,nr as n};

package/dist/client/assets/{DiffReviewLab-C9tmkKic.js → DiffReviewLab-CvUCiBWt.js}

@@ -1,2 +1,2 @@
-import{aU as i}from"./app-DgWai6ZR.js";import{b as n}from"./dnd-BCFAPC0L.js";import{D as I}from"./DiffReview-Dr79uNMt.js";import"./react-XDCjal2T.js";import"./terminal-C7X98Amf.js";import"./gestureArbiter-B7_ybJ2P.js";import"./sparkles-BizlTJdy.js";import"./DiffViewer-TIYVqovz.js";import"./referenceLongPress-Ai2fuaA-.js";const x=40,b="/tmp/termdock-diff-review-lab";function S(r,c,l=!1){const d=[`diff --git a/${r} b/${r}`,`--- a/${r}`,`+++ b/${r}`,`@@ -1,${c} +1,${c} @@`];for(let t=0;t<c;t+=1)t%5===0&&d.push(`-const removed_${t} = ${t};`),t%3===0&&d.push(`+const added_${t} = ${t} * 2;`),d.push(` context line ${t} in ${r}${l?" long content for repeated wrap and resize checks".repeat(10):""}`);return d.join(`
+import{aV as i}from"./app-BEqjVhR9.js";import{b as n}from"./dnd-BCFAPC0L.js";import{D as I}from"./DiffReview-Tx-qxVrH.js";import"./react-XDCjal2T.js";import"./terminal-C7X98Amf.js";import"./gestureArbiter-6LdQKuko.js";import"./sparkles-CWz168aL.js";import"./DiffViewer-BzagOhJJ.js";import"./referenceLongPress-BbFs1C2n.js";const x=40,b="/tmp/termdock-diff-review-lab";function S(r,c,l=!1){const d=[`diff --git a/${r} b/${r}`,`--- a/${r}`,`+++ b/${r}`,`@@ -1,${c} +1,${c} @@`];for(let t=0;t<c;t+=1)t%5===0&&d.push(`-const removed_${t} = ${t};`),t%3===0&&d.push(`+const added_${t} = ${t} * 2;`),d.push(` context line ${t} in ${r}${l?" long content for repeated wrap and resize checks".repeat(10):""}`);return d.join(`
 `)}function T(r,c,l){return Array.from({length:x},(d,t)=>{const f=6+t*7%60,a=`src/module${String(t).padStart(2,"0")}/File${t}.ts`,m=`${b}/${a}`,w=S(a,f,l),o=S(a,1,l);return{key:m,path:a,absolutePath:m,status:"modified",repoRoot:b,displayName:`File${t}.ts`,displayDir:`src/module${String(t).padStart(2,"0")} · ${f} lines`,diffOverride:!c||r.has(t)?w:o,auditRecords:[]}})}function B(){const[r,c]=n.useState(()=>new URLSearchParams(window.location.search).get("wrap")!=="off"),[l,d]=n.useState(()=>new URLSearchParams(window.location.search).get("view")==="split"),t=n.useMemo(()=>new URLSearchParams(window.location.search).get("long")==="1",[]),f=n.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},[]),a=f>0,[m,w]=n.useState(()=>new Set);n.useEffect(()=>{if(!a)return;const e=Array.from({length:x},(s,u)=>window.setTimeout(()=>{w(M=>{const g=new Set(M);return g.add(u),g})},f+u*20));return()=>e.forEach(s=>window.clearTimeout(s))},[a,f]);const o=n.useMemo(()=>T(m,a,t),[m,a,t]),k=n.useMemo(()=>[{key:"mock-repo",root:b,label:"diff-review-lab",files:o.map(e=>({key:e.key,path:e.path,absolutePath:e.absolutePath,displayName:e.displayName,displayDir:e.displayDir,status:e.status}))}],[o]),p=n.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<o.length?s:null},[o.length]),[h,$]=n.useState(()=>p!==null?o[p].key:null),[y,R]=n.useState(()=>({key:p!==null?o[p].key:null,nonce:p!==null?1:0})),[N,v]=n.useState("list"),[D,j]=n.useState(new Set),[L,P]=n.useState(p!==null?1:0);return i.jsxs("div",{className:"flex h-screen flex-col bg-background text-foreground","data-diff-review-lab":!0,children:[i.jsxs("div",{className:"shrink-0 border-b border-border/20 px-3 py-2 text-xs text-muted-foreground",children:[i.jsxs("button",{type:"button",className:"mr-2 rounded bg-surface-2 px-2 py-1",onClick:()=>c(e=>!e),"aria-pressed":r,children:["Wrap ",r?"on":"off"]}),i.jsx("button",{type:"button",className:"mr-2 rounded bg-surface-2 px-2 py-1",onClick:()=>d(e=>!e),"aria-pressed":l,children:l?"Split":"Unified"}),"DiffReview Lab · ",o.length," mock files · selected: ",i.jsx("span",{"data-lab-selected":!0,children:h??"none"})," · slide ",L]}),i.jsx("div",{className:"min-h-0 flex-1",children:i.jsx(I,{mobile:!0,backLabel:"Back",files:o,groups:k,selectedKey:h,scrollToKey:y.key,scrollToKeyNonce:y.nonce,mode:N,onModeChange:e=>{e!=="ai"&&v(e)},collapsedDirectoryKeys:D,onToggleDirectory:e=>j(s=>{const u=new Set(s);return u.has(e)?u.delete(e):u.add(e),u}),onSelectFile:e=>{$(e.key),R(s=>({key:e.key,nonce:s.nonce+1}))},onMobileSlideChange:P,renderLeading:()=>null,renderStreamBadge:e=>i.jsx("span",{className:"text-[10px] text-muted-foreground",children:e}),wrap:r,diffViewType:l?"split":"unified",activePane:!0})})]})}export{B as DiffReviewLab};