devchain-cli 0.24.1 → 0.24.2

package/dist/server/ui/assets/ReviewsPage-z2O8MNEw.js

@@ -1,6 +0,0 @@
-import{c as rs,r as l,j as e,C as cs,a as me,b as ds,d as ms,e as us,M as hs,B as ue,f as fs,u as Fe,g as xs,h as gs,i as ps,k as js,l as b,m as ys,n as Re,F as Cs,o as X,H as ws,S as Ee,p as Ae,q as qe,s as Le,t as re,R as vs,T as Ns,v as bs,w as Ss,x as Ps,K as ks,y as Ts,z as Is,A as S,D as Fs,E as Rs}from"./index-CC4P3V8L.js";import{g as Es,i as ce,C as As,N as Me,u as qs,a as Ls,b as Ms,c as zs,d as Ks,e as Ds,f as de,h as Hs,T as ze,j as H,R as Ke,k as Z,F as he,l as Vs,m as De,D as He,n as Ve,K as _s,o as Os,p as Bs,q as Gs,r as Qs,s as Ws,t as $s,v as Us}from"./useReviewSubscription-B7AdJBO2.js";/**
- * @license lucide-react v0.545.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const Ys=[["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}],["line",{x1:"3",x2:"9",y1:"12",y2:"12",key:"1dyftd"}],["line",{x1:"15",x2:"21",y1:"12",y2:"12",key:"oup4p8"}]],_e=rs("git-commit-horizontal",Ys);function Oe({comments:d,selectedCommentId:w,isExpanded:g,onToggleExpand:ee,onReply:se,onResolve:t,onDelete:L,onEdit:ne,onApplySuggestion:m,isReplying:V=!1,isResolving:M=!1,isDeleting:te=!1,isEditing:_=!1,isApplyingSuggestion:O=!1,getSessionForAgent:o,onOpenTerminal:F,className:r}){const C=l.useRef(null),v=l.useMemo(()=>d.filter(c=>c.filePath===null),[d]),P=l.useMemo(()=>Es(v),[v]),p=l.useMemo(()=>v.filter(c=>c.parentId===null).sort((c,j)=>{const k=P.get(c.id)??[],T=P.get(j.id)??[],z=ce({comment:c,replies:k}),s=ce({comment:j,replies:T});if(z!==s)return z?-1:1;if(c.status!==j.status){if(c.status==="open")return-1;if(j.status==="open")return 1}return new Date(j.createdAt).getTime()-new Date(c.createdAt).getTime()}),[v,P]);return l.useEffect(()=>{w&&C.current&&g&&C.current.scrollIntoView({behavior:"smooth",block:"nearest"})},[w,g]),p.length===0?null:e.jsxs(cs,{open:g,onOpenChange:ee,className:me("border-b bg-card",r),"data-testid":"review-comments-section",children:[e.jsx(ds,{asChild:!0,children:e.jsxs("button",{type:"button",className:"flex items-center gap-2 px-4 py-3 border-b bg-muted/30 w-full text-left hover:bg-muted/50 transition-colors","aria-label":g?"Collapse review comments":"Expand review comments",children:[g?e.jsx(ms,{className:"h-4 w-4 text-muted-foreground","aria-hidden":"true"}):e.jsx(us,{className:"h-4 w-4 text-muted-foreground","aria-hidden":"true"}),e.jsxs("h3",{className:"font-medium text-sm flex items-center gap-2",id:"review-comments-heading",children:[e.jsx(hs,{className:"h-4 w-4","aria-hidden":"true"}),"Review Comments",e.jsx(ue,{variant:"secondary",className:"text-xs","aria-label":`${p.length} comments`,children:p.length})]})]})}),e.jsx(fs,{children:e.jsx("div",{className:"p-4 space-y-4",role:"region","aria-labelledby":"review-comments-heading",children:p.map(c=>{const j=P.get(c.id)??[],k=ce({comment:c,replies:j}),T=w===c.id;return e.jsx("div",{ref:T?C:void 0,className:me("transition-all duration-200",T&&"ring-2 ring-primary ring-offset-2 rounded-lg"),"data-comment-id":c.id,children:e.jsx(As,{comment:c,replies:j,isPending:k,getSessionForAgent:o,onOpenTerminal:F,onReply:se,onResolve:t,onDelete:L,onEdit:ne,onApplySuggestion:m,isReplying:V,isResolving:M,isDeleting:te,isEditing:_,isApplyingSuggestion:O})},c.id)})})})]})}const Be="review-file-nav",Ge="review-comment-split";function Js(){return e.jsxs("div",{className:"flex flex-col items-center justify-center h-full text-muted-foreground",children:[e.jsx(he,{className:"h-12 w-12 mb-4"}),e.jsx("p",{className:"text-lg font-medium",children:"No changes to review"}),e.jsx("p",{className:"text-sm",children:"Your working tree is clean"})]})}function Qe(){return e.jsxs("div",{className:"flex flex-col items-center justify-center h-full text-muted-foreground",children:[e.jsx(he,{className:"h-12 w-12 mb-4"}),e.jsx("p",{className:"text-lg font-medium",children:"Select a file to view diff"}),e.jsx("p",{className:"text-sm",children:"Choose a file from the left panel"})]})}function Xs(){return e.jsxs("div",{className:"flex flex-col h-full",children:[e.jsx("div",{className:"border-b p-4",children:e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx(S,{className:"h-6 w-32"}),e.jsx(S,{className:"h-9 w-40"}),e.jsx(S,{className:"h-9 w-48"}),e.jsx("div",{className:"flex-1"}),e.jsx(S,{className:"h-9 w-24"})]})}),e.jsxs("div",{className:"flex-1 flex",children:[e.jsx("div",{className:"w-64 border-r p-4 space-y-2",children:Array.from({length:5}).map((d,w)=>e.jsx(S,{className:"h-8 w-full"},w))}),e.jsx("div",{className:"flex-1 p-4",children:e.jsx(S,{className:"h-full w-full"})}),e.jsxs("div",{className:"w-80 border-l p-4 space-y-2",children:[e.jsx(S,{className:"h-6 w-24 mb-4"}),Array.from({length:3}).map((d,w)=>e.jsx(S,{className:"h-16 w-full"},w))]})]})]})}function sn(){var Te;const d=Fe(),w=xs(),g=gs(),{toast:ee}=ps(),{selectedProject:se,selectedProjectId:t,projectsLoading:L}=js(),ne=Fe(),[m,V]=l.useState("working-tree"),[M,te]=l.useState("all"),[_,O]=l.useState("HEAD"),[o,F]=l.useState(null),[r,C]=l.useState(null),[v,P]=l.useState("unified"),[p,c]=l.useState(null),[j,k]=l.useState(!0),T=Me({id:Be,storage:localStorage}),z=Me({id:Ge,storage:localStorage}),{data:s,isLoading:We}=b({queryKey:["active-review",t],queryFn:()=>de(d,t),enabled:!!t});qs((s==null?void 0:s.id)??null,t??null);const{data:y,isLoading:fe,isError:$e,refetch:xe}=b({queryKey:["working-tree",t,M],queryFn:()=>Gs(d,t,M),enabled:!!t&&m==="working-tree",refetchInterval:5e3}),{data:R,isLoading:Ue,isError:Ye}=b({queryKey:["commit-diff",t,o==null?void 0:o.sha],queryFn:()=>Qs(d,t,o.sha),enabled:!!t&&m==="commit"&&!!o}),{data:I=[]}=b({queryKey:["commits",t],queryFn:()=>Ws(d,t,{limit:50}),enabled:!!t});l.useEffect(()=>{if(s){const n=s.mode==="working_tree"?"working-tree":"commit";if(V(n),O(s.baseRef),s.mode==="commit"&&I.length>0){const a=I.find(i=>i.sha===s.headRef);a&&F(a)}}},[s,I]);const{data:Je=[]}=b({queryKey:["branches",t],queryFn:()=>$s(d,t),enabled:!!t}),{data:u}=b({queryKey:["review-comments",s==null?void 0:s.id],queryFn:()=>Us(d,s.id),enabled:!!(s!=null&&s.id)}),{data:ge={}}=b({queryKey:["agent-presence",t],queryFn:()=>Fs(t,ne),enabled:!!t,refetchInterval:1e4}),{data:pe=[]}=b({queryKey:["active-sessions",t],queryFn:()=>Rs(t,d),enabled:!!t,refetchInterval:1e4}),B=l.useCallback(n=>{const a=ge[n];return a!=null&&a.sessionId?pe.find(i=>i.id===a.sessionId)??null:null},[ge,pe]),G=ys(),Q=Re({mutationFn:()=>Bs(d,s.id,s.version),onSuccess:()=>{g.invalidateQueries({queryKey:["active-review",t]}),g.invalidateQueries({queryKey:["review-comments"]}),ee({title:"Review closed",description:"The review has been closed successfully."})}}),K=Re({mutationFn:async()=>{const n=m==="commit"&&o?`Review: ${o.sha.slice(0,7)}`:"Pre-commit review",a=m==="commit"&&o?`${o.sha}^`:_,i=m==="commit"&&o?o.sha:"HEAD";return Os(d,{projectId:t,title:n,mode:m==="working-tree"?"working_tree":"commit",baseRef:a,headRef:i,status:"draft"})},onSuccess:n=>{g.setQueryData(["active-review",t],n)}}),ae=Ls(),D=Ms(),N=zs(),E=Ks(),A=Ds(),je=l.useCallback(async(n,a,i,x,f,os)=>{let J=s==null?void 0:s.id;if(!J)try{J=(await K.mutateAsync()).id}catch(Ie){const oe=await de(d,t);if(!oe)throw Ie;g.setQueryData(["active-review",t],oe),J=oe.id}await ae.mutateAsync({reviewId:J,content:x,commentType:f,filePath:r,lineStart:n,lineEnd:a,side:i,targetAgentIds:os})},[s==null?void 0:s.id,K,ae,g,t,r,d]),W=l.useCallback(async(n,a)=>{let i=s==null?void 0:s.id;if(!i)try{i=(await K.mutateAsync()).id}catch(x){const f=await de(d,t);if(!f)throw x;g.setQueryData(["active-review",t],f),i=f.id}await D.mutateAsync({reviewId:i,parentId:n,content:a})},[s==null?void 0:s.id,K,D,g,t,d]),ye=l.useCallback(n=>{if((s==null?void 0:s.mode)==="commit"&&(o==null?void 0:o.sha)!==s.headRef){const a=I.find(i=>i.sha===s.headRef);a&&F(a)}n.filePath?(C(n.filePath),c(n.commentId)):(k(!0),c(n.commentId))},[s==null?void 0:s.mode,s==null?void 0:s.headRef,o==null?void 0:o.sha,I]),Ce=l.useCallback(()=>{c(null)},[]),we=l.useCallback(async(n,a,i)=>{s!=null&&s.id&&await N.mutateAsync({reviewId:s.id,commentId:n,status:a,version:i})},[s==null?void 0:s.id,N]),ve=l.useCallback(async(n,a)=>{if(!(s!=null&&s.id)||!(u!=null&&u.items))return;const i=u.items.find(x=>x.id===n);i&&await N.mutateAsync({reviewId:s.id,commentId:n,status:a,version:i.version})},[s==null?void 0:s.id,u==null?void 0:u.items,N]),$=l.useCallback(async n=>{s!=null&&s.id&&await E.mutateAsync({reviewId:s.id,commentId:n})},[s==null?void 0:s.id,E]),U=l.useCallback(async(n,a,i)=>{s!=null&&s.id&&await A.mutateAsync({reviewId:s.id,commentId:n,content:a,version:i})},[s==null?void 0:s.id,A]),Ne=K.isPending||ae.isPending||D.isPending,h=l.useMemo(()=>{if(m==="working-tree"&&y){const{staged:n,unstaged:a,untracked:i}=y.changes,x=new Map;return n.forEach(f=>x.set(f.path,f)),a.forEach(f=>{x.has(f.path)||x.set(f.path,f)}),(i||[]).forEach(f=>{x.has(f)||x.set(f,{path:f,status:"added",additions:0,deletions:0})}),Array.from(x.values())}return m==="commit"&&R?R.changedFiles:[]},[m,y,R]),be=m==="working-tree"?(y==null?void 0:y.diff)??"":(R==null?void 0:R.diff)??"",Se=((Te=u==null?void 0:u.items)==null?void 0:Te.filter(n=>n.filePath===r))??[],Pe=r?h.find(n=>n.path===r):void 0,Xe=n=>{V(n),C(null),n==="commit"&&F(null)},Ze=n=>{const a=I.find(i=>i.sha===n);F(a??null),C(null)},ie=n=>{C(n)},es=l.useCallback(()=>{if(h.length===0)return;const a=((r?h.findIndex(i=>i.path===r):-1)+1)%h.length;C(h[a].path)},[h,r]),ss=l.useCallback(()=>{if(h.length===0)return;const n=r?h.findIndex(i=>i.path===r):0,a=n<=0?h.length-1:n-1;C(h[a].path)},[h,r]),ke=l.useRef(null),ns=l.useCallback(()=>{var n;(n=ke.current)==null||n.focusNextComment()},[]),ts=l.useCallback(()=>{var n;(n=ke.current)==null||n.focusPreviousComment()},[]),{isHelpOpen:as,closeHelp:is,openHelp:ls}=Hs({enabled:!L,handlers:{onNextFile:es,onPreviousFile:ss,onNextComment:ns,onPreviousComment:ts}});if(!L&&!se)return e.jsxs("div",{className:"flex flex-col items-center justify-center h-full py-16",children:[e.jsx(Cs,{className:"h-12 w-12 text-muted-foreground mb-4"}),e.jsx("h2",{className:"text-lg font-medium mb-2",children:"No project selected"}),e.jsx("p",{className:"text-muted-foreground mb-4",children:"Select a project to view code reviews."}),e.jsx(X,{onClick:()=>w("/projects"),children:"Go to Projects"})]});if(L||We)return e.jsx(Xs,{});const Y=m==="working-tree"?fe:Ue,q=m==="working-tree"?$e:Ye,le=h.length>0;return e.jsxs("div",{className:"flex flex-col h-full",children:[e.jsx("div",{className:"border-b px-4 py-3 bg-card",children:e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("h1",{className:"text-lg font-semibold",children:"Code Review"}),e.jsx(ws,{featureId:"reviews"})]}),e.jsxs(ze,{type:"single",value:m,onValueChange:n=>n&&Xe(n),className:"border rounded-md",children:[e.jsx(H,{value:"working-tree",className:"text-xs px-3",children:"Working Changes"}),e.jsxs(H,{value:"commit",className:"text-xs px-3",children:[e.jsx(_e,{className:"h-3.5 w-3.5 mr-1"}),"Commit"]})]}),m==="working-tree"?e.jsxs(e.Fragment,{children:[e.jsxs(Ee,{value:_,onValueChange:O,children:[e.jsx(Ae,{className:"w-36","aria-label":"Select base reference",children:e.jsx(qe,{placeholder:"Base"})}),e.jsxs(Le,{children:[e.jsx(re,{value:"HEAD",children:"HEAD"}),Je.filter(n=>["main","master"].includes(n.name)).map(n=>e.jsx(re,{value:n.name,children:n.name},n.name))]})]}),e.jsxs(ze,{type:"single",value:M,onValueChange:n=>n&&te(n),className:"border rounded-md",children:[e.jsx(H,{value:"all",className:"text-xs px-3",children:"All"}),e.jsx(H,{value:"staged",className:"text-xs px-3",children:"Staged"}),e.jsx(H,{value:"unstaged",className:"text-xs px-3",children:"Unstaged"})]}),e.jsx(X,{variant:"ghost",size:"icon",onClick:()=>xe(),title:"Refresh",children:e.jsx(vs,{className:me("h-4 w-4",fe&&"animate-spin")})})]}):e.jsxs(Ee,{value:(o==null?void 0:o.sha)??"",onValueChange:Ze,children:[e.jsx(Ae,{className:"w-80","aria-label":"Select commit to review",children:e.jsx(qe,{placeholder:"Select a commit to review"})}),e.jsx(Le,{children:I.map(n=>e.jsxs(re,{value:n.sha,children:[e.jsx("span",{className:"font-mono text-xs",children:n.sha.slice(0,7)}),e.jsx("span",{className:"ml-2 truncate",children:n.message})]},n.sha))})]}),e.jsx("div",{className:"flex-1"}),le&&e.jsxs("span",{className:"text-sm text-muted-foreground",children:[h.length," files",(y==null?void 0:y.untrackedDiffsCapped)&&e.jsx("span",{className:"ml-1 text-status-warn",title:`Showing diffs for ${y.untrackedProcessed} of ${y.untrackedTotal} untracked files`,children:"(diffs capped)"})]}),s&&e.jsx(ue,{variant:"outline",className:Ns.info,children:"Active Review"}),e.jsx(bs,{children:e.jsxs(Ss,{children:[e.jsx(Ps,{asChild:!0,children:e.jsx(X,{variant:"ghost",size:"icon",className:"h-8 w-8",onClick:ls,title:"Keyboard shortcuts",children:e.jsx(ks,{className:"h-4 w-4"})})}),e.jsx(Ts,{children:e.jsx("p",{children:"Keyboard shortcuts (?)"})})]})})]})}),q&&e.jsxs("div",{className:"flex flex-col items-center justify-center h-full",children:[e.jsx(Is,{className:"h-12 w-12 text-destructive mb-4"}),e.jsx("h2",{className:"text-lg font-medium mb-2",children:"Failed to load changes"}),e.jsx("p",{className:"text-muted-foreground mb-4",children:"There was an error loading the changes. Please try again."}),e.jsx(X,{onClick:()=>xe(),children:"Retry"})]}),!q&&!Y&&!le&&m==="working-tree"&&e.jsx(Js,{}),!q&&m==="commit"&&!o&&e.jsxs("div",{className:"flex flex-col items-center justify-center h-full text-muted-foreground",children:[e.jsx(_e,{className:"h-12 w-12 mb-4"}),e.jsx("p",{className:"text-lg font-medium",children:"Select a commit to review"}),e.jsx("p",{className:"text-sm",children:"Choose a commit from the dropdown above"})]}),!q&&le&&e.jsxs(Ke,{orientation:"horizontal",className:"flex-1 min-h-0",id:Be,defaultLayout:T.defaultLayout,onLayoutChanged:T.onLayoutChanged,children:[e.jsx(Z,{id:"file-nav",defaultSize:"256px",minSize:"150px",maxSize:"40%",children:e.jsxs("div",{className:"h-full border-r bg-card overflow-hidden flex flex-col",children:[e.jsx("div",{className:"p-3 border-b shrink-0",children:e.jsxs("h2",{className:"text-sm font-medium flex items-center gap-2",children:[e.jsx(he,{className:"h-4 w-4"}),"Files",h.length>0&&e.jsx(ue,{variant:"secondary",className:"text-xs",children:h.length})]})}),e.jsx("div",{className:"flex-1 min-h-0",children:e.jsx(Vs,{files:h,selectedFile:r,onSelectFile:ie,isLoading:Y})})]})}),e.jsx(De,{withHandle:!0}),e.jsx(Z,{id:"diff-comments",defaultSize:"80%",children:v==="split"?e.jsxs(Ke,{orientation:"vertical",className:"h-full",id:Ge,defaultLayout:z.defaultLayout,onLayoutChanged:z.onLayoutChanged,children:[e.jsx(Z,{id:"diff-panel",defaultSize:"70%",minSize:"30%",children:e.jsxs("div",{className:"h-full min-w-0 bg-background overflow-auto flex flex-col",children:[s&&(u==null?void 0:u.items)&&e.jsx(Oe,{comments:u.items,selectedCommentId:p,isExpanded:j,onToggleExpand:()=>k(n=>!n),onReply:W,onResolve:ve,onDelete:$,onEdit:U,isReplying:D.isPending,isResolving:N.isPending,isDeleting:E.isPending,isEditing:A.isPending,getSessionForAgent:B,onOpenTerminal:G}),e.jsx("div",{className:"flex-1 min-h-0",children:r?e.jsx(He,{diff:be,filePath:r,isLoading:Y,error:q?"Failed to load diff":null,viewType:v,onViewTypeChange:P,projectId:t,comments:Se,onAddComment:je,onReplyToComment:W,onResolveComment:we,onDeleteComment:$,onEditComment:U,isSubmittingComment:Ne,isResolvingComment:N.isPending,isDeletingComment:E.isPending,isEditingComment:A.isPending,getSessionForAgent:B,onOpenTerminal:G,fileInfo:Pe,selectedCommentId:p,onClearSelectedComment:Ce}):e.jsx(Qe,{})})]})}),e.jsx(De,{withHandle:!0}),e.jsx(Z,{id:"comment-panel",defaultSize:"30%",minSize:"15%",children:e.jsx("div",{className:"h-full bg-card overflow-hidden border-t",children:s?e.jsx(Ve,{reviewId:s.id,review:s,projectId:t,selectedFile:r,onNavigateToComment:ye,onSelectFile:ie,selectedCommentId:p,onCloseReview:()=>Q.mutate(),isClosingReview:Q.isPending}):e.jsx("div",{className:"p-4 text-center text-muted-foreground",children:e.jsx("p",{className:"text-sm",children:"Add a comment to start a review"})})})})]}):e.jsxs("div",{className:"h-full grid grid-cols-[1fr_320px]",children:[e.jsxs("div",{className:"min-w-0 bg-background overflow-auto flex flex-col",children:[s&&(u==null?void 0:u.items)&&e.jsx(Oe,{comments:u.items,selectedCommentId:p,isExpanded:j,onToggleExpand:()=>k(n=>!n),onReply:W,onResolve:ve,onDelete:$,onEdit:U,isReplying:D.isPending,isResolving:N.isPending,isDeleting:E.isPending,isEditing:A.isPending,getSessionForAgent:B,onOpenTerminal:G}),e.jsx("div",{className:"flex-1 min-h-0",children:r?e.jsx(He,{diff:be,filePath:r,isLoading:Y,error:q?"Failed to load diff":null,viewType:v,onViewTypeChange:P,projectId:t,comments:Se,onAddComment:je,onReplyToComment:W,onResolveComment:we,onDeleteComment:$,onEditComment:U,isSubmittingComment:Ne,isResolvingComment:N.isPending,isDeletingComment:E.isPending,isEditingComment:A.isPending,getSessionForAgent:B,onOpenTerminal:G,fileInfo:Pe,selectedCommentId:p,onClearSelectedComment:Ce}):e.jsx(Qe,{})})]}),e.jsx("div",{className:"bg-card overflow-hidden border-l",children:s?e.jsx(Ve,{reviewId:s.id,review:s,projectId:t,selectedFile:r,onNavigateToComment:ye,onSelectFile:ie,selectedCommentId:p,onCloseReview:()=>Q.mutate(),isClosingReview:Q.isPending}):e.jsx("div",{className:"p-4 text-center text-muted-foreground",children:e.jsx("p",{className:"text-sm",children:"Add a comment to start a review"})})})]})})]}),e.jsx(_s,{open:as,onOpenChange:is})]})}export{sn as ReviewsPage};