@surething/cockpit 1.0.191 → 1.0.192

package/.next-prod/static/chunks/app/review/[id]/page-be83af23e89a03f9.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2951],{7482:(e,t,r)=>{Promise.resolve().then(r.bind(r,97899))},97899:(e,t,r)=>{"use strict";r.d(t,{ReviewPage:()=>E});var n=r(95155),o=r(12115),s=r(79114),i=r(26108),l=r(94002),a=r(72816),d=r(95766);function c({selectedText:e,position:t,onSubmit:r,onCancel:i}){let{t:l}=(0,s.Bd)(),[a,d]=(0,o.useState)(""),c=(0,o.useRef)(null),u=(0,o.useRef)(null);(0,o.useEffect)(()=>{c.current?.focus()},[]),(0,o.useEffect)(()=>{let e=e=>{"Escape"===e.key&&i()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[i]),(0,o.useEffect)(()=>{let e=e=>{!u.current||u.current.contains(e.target)||a.trim()||i()};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[a,i]);let x=()=>{let e=a.trim();e&&r(e)},m=e.length>60?e.slice(0,57)+"...":e;return(0,n.jsxs)("div",{ref:u,className:"absolute z-50 w-96 bg-card border border-border rounded-lg shadow-lg",style:{top:t.top,left:Math.max(8,t.left-192)},children:[(0,n.jsxs)("div",{className:"px-3 pt-3 pb-2",children:[(0,n.jsx)("div",{className:"text-xs text-muted-foreground mb-1",children:l("review.selectedText")}),(0,n.jsx)("div",{className:"text-xs bg-yellow-500/10 border-l-2 border-yellow-500 px-2 py-1 rounded-r truncate",children:m})]}),(0,n.jsx)("div",{className:"px-3 pb-2",children:(0,n.jsx)("textarea",{ref:c,value:a,onChange:e=>d(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||e.nativeEvent.isComposing||(e.preventDefault(),x())},placeholder:l("review.addCommentPlaceholder"),className:"w-full px-2 py-1.5 text-sm bg-secondary border border-border rounded resize-none focus:outline-none focus:border-brand",rows:4})}),(0,n.jsxs)("div",{className:"px-3 pb-3 flex items-center justify-between",children:[(0,n.jsx)("span",{className:"text-[10px] text-muted-foreground",children:l("review.enterSubmitHint")}),(0,n.jsxs)("div",{className:"flex gap-1",children:[(0,n.jsx)("button",{onClick:i,className:"px-2 py-1 text-xs rounded hover:bg-accent transition-colors text-muted-foreground",children:l("common.cancel")}),(0,n.jsx)("button",{onClick:x,disabled:!a.trim(),className:"px-2 py-1 text-xs rounded bg-brand text-white hover:bg-brand/90 transition-colors disabled:opacity-40",children:l("review.commentBtn")})]})]})]})}let u={bg:"rgba(234, 179, 8, 0.15)",bgActive:"rgba(234, 179, 8, 0.4)",bgPending:"rgba(234, 179, 8, 0.3)",border:"rgba(234, 179, 8, 0.7)",borderPending:"rgba(234, 179, 8, 0.9)"},x={bg:"rgba(234, 179, 8, 0.1)",bgActive:"rgba(234, 179, 8, 0.3)",bgPending:"rgba(234, 179, 8, 0.2)",border:"rgba(234, 179, 8, 0.5)",borderPending:"rgba(234, 179, 8, 0.7)"};function m({rects:e,activeCommentId:t,pendingCommentId:r,isDark:o}){if(0===e.length)return null;let s=o?x:u;return(0,n.jsx)("div",{style:{position:"absolute",top:0,left:0,width:"100%",height:0,overflow:"visible",pointerEvents:"none",zIndex:5},children:e.map((e,o)=>{let i=e.commentId===t,l=e.commentId===r,a=s.bg;return l?a=s.bgPending:i&&(a=s.bgActive),(0,n.jsx)("div",{"data-comment-id":e.commentId,style:{position:"absolute",top:e.top,left:e.left,width:e.width,height:e.height,backgroundColor:a,borderBottom:`1px solid ${l?s.borderPending:s.border}`,borderRadius:1,pointerEvents:"none"}},`${e.commentId}-${o}`)})})}let h=[d.W];function f({content:e,comments:t,activeCommentId:r,isActive:s,onAddComment:d,onHighlightClick:u,scrollToHighlightRef:x}){let{resolvedTheme:f}=(0,a.D)(),p=(0,o.useRef)(null),v=(0,o.useRef)(null),[g,b]=(0,o.useState)(null),{rects:w,scrollToHighlight:j}=function(e,t,r,n){let[s,i]=(0,o.useState)([]),l=(0,o.useRef)(0),a=(0,o.useRef)(r);(0,o.useEffect)(()=>{a.current=r},[r]);let d=(0,o.useCallback)(()=>{l.current&&cancelAnimationFrame(l.current),l.current=requestAnimationFrame(()=>{let r=e.current,n=t.current;if(!r||!n)return;let o=function(e,t,r){let n=[],o=t.getBoundingClientRect(),s=function(e){let t=[],r=document.createTreeWalker(e,NodeFilter.SHOW_TEXT),n=0;for(;r.nextNode();){let e=r.currentNode,o=e.textContent?.length||0;t.push({node:e,start:n,end:n+o}),n+=o}return t}(e);if(0===s.length)return n;for(let e of r){let{startOffset:r,endOffset:i}=e.anchor;if(r>=i)continue;let l=null,a=0,d=null,c=0;for(let{node:e,start:t,end:n}of s)if(!l&&r>=t&&r<n&&(l=e,a=r-t),i>t&&i<=n){d=e,c=i-t;break}if(!l||!d)continue;let u=document.createRange();try{u.setStart(l,a),u.setEnd(d,c)}catch{continue}for(let r of u.getClientRects())r.width<1||r.height<1||n.push({commentId:e.id,top:r.top-o.top+t.scrollTop,left:r.left-o.left+t.scrollLeft,width:r.width,height:r.height})}return n}(r,n,a.current);i(e=>e.length===o.length&&e.every((e,t)=>e.commentId===o[t].commentId&&.5>Math.abs(e.top-o[t].top)&&.5>Math.abs(e.left-o[t].left)&&.5>Math.abs(e.width-o[t].width)&&.5>Math.abs(e.height-o[t].height))?e:o)})},[e,t]);(0,o.useEffect)(()=>{d()},[r,n,d]),(0,o.useEffect)(()=>{let t=e.current;if(!t)return;let r=new MutationObserver(()=>d());return r.observe(t,{childList:!0,subtree:!0,characterData:!0}),()=>r.disconnect()},[e,d]),(0,o.useEffect)(()=>{let t=e.current;if(!t)return;let r=new ResizeObserver(()=>d());return r.observe(t),()=>r.disconnect()},[e,d]),(0,o.useEffect)(()=>()=>{l.current&&cancelAnimationFrame(l.current)},[]);let c=(0,o.useCallback)(e=>{let r=t.current;if(!r)return;let n=s.find(t=>t.commentId===e);if(!n)return;let o=r.clientHeight;r.scrollTo({top:n.top-o/2+n.height/2,behavior:"smooth"})},[t,s]);return{rects:s,scrollToHighlight:c}}(p,v,(0,o.useMemo)(()=>g?[...t,{id:"__pending__",author:"",authorId:"",content:"",anchor:g.anchor,createdAt:0,replies:[]}]:t,[t,g]),r);(0,o.useEffect)(()=>{x.current=j},[j,x]);let y=(0,o.useRef)(w);(0,o.useEffect)(()=>{y.current=w},[w]);let k=(0,o.useCallback)(e=>{let t=window.getSelection(),r=t&&!t.isCollapsed;if(r&&s&&p.current){let r=t.getRangeAt(0);if(p.current.contains(r.startContainer)&&p.current.contains(r.endContainer)){let n=function(e,t){let r=document.createTreeWalker(e,NodeFilter.SHOW_TEXT),n=0,o=-1,s=-1;for(;r.nextNode();){let e=r.currentNode,i=e.textContent?.length||0;if(e===t.startContainer&&(o=n+t.startOffset),e===t.endContainer){s=n+t.endOffset;break}n+=i}if(-1===o||-1===s||o>=s)return null;let i=e.textContent?.slice(o,s)||"";return i.trim()?{startOffset:o,endOffset:s,selectedText:i}:null}(p.current,r);if(n){let r=v.current??p.current.parentElement,o=r.getBoundingClientRect();b({anchor:n,position:{top:e.clientY-o.top+r.scrollTop+8,left:e.clientX-o.left}}),t.removeAllRanges();return}}}if(!r&&!g){let t=v.current;if(!t)return;let r=t.getBoundingClientRect(),n=e.clientX-r.left+t.scrollLeft,o=e.clientY-r.top+t.scrollTop;for(let e of y.current)if("__pending__"!==e.commentId&&n>=e.left&&n<=e.left+e.width&&o>=e.top&&o<=e.top+e.height)return void u(e.commentId)}},[s,g,u]),C=(0,o.useCallback)(e=>{g&&(d(e,g.anchor),b(null),window.getSelection()?.removeAllRanges())},[g,d]),N=(0,o.useCallback)(()=>{b(null),window.getSelection()?.removeAllRanges()},[]);return(0,n.jsxs)("div",{className:"h-full flex bg-card",children:[(0,n.jsx)(l.l,{content:e,containerRef:v}),(0,n.jsxs)("div",{ref:v,className:"flex-1 overflow-auto relative",onMouseUp:k,children:[(0,n.jsx)("div",{ref:p,className:"p-6 review-markdown-container",children:(0,n.jsx)(i.T,{content:e,rehypePlugins:h})}),(0,n.jsx)(m,{rects:w,activeCommentId:r,pendingCommentId:g?"__pending__":null,isDark:"dark"===f}),g&&(0,n.jsx)(c,{selectedText:g.anchor.selectedText,position:g.position,onSubmit:C,onCancel:N})]})]})}var p=r(87918);function v(e){let t=new Date(e),r=Math.floor((new Date().getTime()-t.getTime())/6e4);if(r<1)return p.A.t("common.justNow");if(r<60)return p.A.t("common.minutesAgo",{count:r});let n=Math.floor(r/60);if(n<24)return p.A.t("common.hoursAgo",{count:n});let o=Math.floor(n/24);return o<7?p.A.t("common.daysAgo",{count:o}):t.toLocaleDateString()}let g=(0,o.forwardRef)(function({comment:e,isActive:t,isOwnComment:r,isAdmin:i,currentAuthorId:l,canInteract:a,userNameMap:d,onClick:c,onDelete:u,onEdit:x,onToggleClosed:m,onAddReply:h,onDeleteReply:f,onEditReply:p},g){let{t:b}=(0,s.Bd)(),w=(e,t)=>d[e]||t,[j,y]=(0,o.useState)(""),[k,C]=(0,o.useState)(!1),[N,E]=(0,o.useState)(!1),[S,R]=(0,o.useState)(""),[T,I]=(0,o.useState)(null),[L,A]=(0,o.useState)(""),D=()=>{let e=j.trim();e&&(h(e),y(""),C(!1))},M=()=>{let t=S.trim();t&&t!==e.content&&x(t),E(!1)},P=()=>{if(!T)return;let t=L.trim(),r=e.replies.find(e=>e.id===T);!t||r&&t===r.content||p(T,t),I(null)},O=e.anchor.selectedText.length>80?e.anchor.selectedText.slice(0,77)+"...":e.anchor.selectedText,$=i||r||a;return e.closed?(0,n.jsxs)("div",{ref:g,className:"rounded-lg border border-border/50 bg-card/50 opacity-60 hover:opacity-80 transition-all cursor-pointer px-3 py-2 flex items-center gap-2",onClick:c,children:[(0,n.jsx)("span",{className:"w-4 h-4 rounded-full bg-brand/20 text-brand flex items-center justify-center text-[9px] font-bold flex-shrink-0",children:w(e.authorId,e.author).charAt(0)}),(0,n.jsx)("span",{className:"text-xs text-muted-foreground truncate flex-1",children:O}),(0,n.jsx)("span",{className:"text-[10px] text-muted-foreground/50 flex-shrink-0",children:b("review.closedLabel")}),$&&(0,n.jsx)("button",{onClick:e=>{e.stopPropagation(),m(!1)},className:"text-[10px] text-muted-foreground hover:text-foreground transition-colors flex-shrink-0",title:b("review.reopenReview"),children:b("review.reopen")}),(r&&a||i)&&(0,n.jsx)("button",{onClick:e=>{e.stopPropagation(),u()},className:"text-[10px] text-muted-foreground hover:text-red-500 transition-colors flex-shrink-0",title:b("review.deleteComment"),children:b("common.delete")})]}):(0,n.jsxs)("div",{ref:g,className:`rounded-lg border transition-all cursor-pointer ${t?"border-brand bg-brand/5 shadow-sm":"border-border bg-card hover:border-muted-foreground/30"}`,onClick:c,children:[(0,n.jsx)("div",{className:"px-3 pt-3 pb-1",children:(0,n.jsx)("div",{className:"text-xs bg-yellow-500/10 border-l-2 border-yellow-500 px-2 py-1 rounded-r text-muted-foreground truncate",children:O})}),(0,n.jsxs)("div",{className:"px-3 pt-2 flex items-center gap-2",children:[(0,n.jsx)("span",{className:"w-5 h-5 rounded-full bg-brand/20 text-brand flex items-center justify-center text-[10px] font-bold flex-shrink-0",children:w(e.authorId,e.author).charAt(0)}),(0,n.jsx)("span",{className:"text-xs font-medium",children:w(e.authorId,e.author)}),(0,n.jsx)("span",{className:"text-[10px] text-muted-foreground",children:v(e.createdAt)}),(0,n.jsx)("div",{className:"flex-1"}),!N&&(0,n.jsxs)("div",{className:"flex items-center gap-2",children:[$&&(0,n.jsx)("button",{onClick:e=>{e.stopPropagation(),m(!0)},className:"text-[10px] text-muted-foreground hover:text-foreground transition-colors",title:b("review.closeComment"),children:b("review.closeComment")}),r&&a&&(0,n.jsx)("button",{onClick:t=>{t.stopPropagation(),R(e.content),E(!0)},className:"text-[10px] text-muted-foreground hover:text-foreground transition-colors",title:b("review.editComment"),children:b("common.edit")}),(r&&a||i)&&(0,n.jsx)("button",{onClick:e=>{e.stopPropagation(),u()},className:"text-[10px] text-muted-foreground hover:text-red-500 transition-colors",title:b("review.deleteComment"),children:b("common.delete")})]})]}),(0,n.jsx)("div",{className:"px-3 pt-1 pb-2",children:N?(0,n.jsxs)("div",{onClick:e=>e.stopPropagation(),children:[(0,n.jsx)("textarea",{value:S,onChange:e=>R(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||e.nativeEvent.isComposing||(e.preventDefault(),M()),"Escape"===e.key&&E(!1)},className:"w-full px-2 py-1.5 text-sm bg-secondary border border-border rounded resize-none focus:outline-none focus:border-brand",rows:3,autoFocus:!0}),(0,n.jsxs)("div",{className:"flex items-center justify-end gap-1 mt-1",children:[(0,n.jsx)("button",{onClick:()=>E(!1),className:"px-2 py-0.5 text-xs rounded hover:bg-accent transition-colors text-muted-foreground",children:b("common.cancel")}),(0,n.jsx)("button",{onClick:M,disabled:!S.trim(),className:"px-2 py-0.5 text-xs rounded bg-brand text-white hover:bg-brand/90 transition-colors disabled:opacity-40",children:b("common.save")})]})]}):(0,n.jsxs)("div",{className:"text-sm whitespace-pre-wrap",children:[e.content,e.edited&&(0,n.jsx)("span",{className:"text-[10px] text-muted-foreground ml-1",children:b("review.edited")})]})}),e.replies.length>0&&(0,n.jsx)("div",{className:"mx-3 border-t border-border",children:e.replies.map(e=>(0,n.jsxs)("div",{className:"py-2 border-b border-border last:border-b-0",children:[(0,n.jsxs)("div",{className:"flex items-center gap-2",children:[(0,n.jsx)("span",{className:"w-4 h-4 rounded-full bg-accent text-muted-foreground flex items-center justify-center text-[9px] font-bold flex-shrink-0",children:w(e.authorId,e.author).charAt(0)}),(0,n.jsx)("span",{className:"text-xs font-medium",children:w(e.authorId,e.author)}),(0,n.jsx)("span",{className:"text-[10px] text-muted-foreground",children:v(e.createdAt)}),(0,n.jsx)("div",{className:"flex-1"}),T!==e.id&&(e.authorId===l&&a||i)&&(0,n.jsxs)("div",{className:"flex items-center gap-2",children:[e.authorId===l&&a&&(0,n.jsx)("button",{onClick:t=>{var r;t.stopPropagation(),r=e.id,A(e.content),I(r)},className:"text-[10px] text-muted-foreground hover:text-foreground transition-colors",title:b("review.editReply"),children:b("common.edit")}),(0,n.jsx)("button",{onClick:t=>{t.stopPropagation(),f(e.id)},className:"text-[10px] text-muted-foreground hover:text-red-500 transition-colors",title:b("review.deleteReply"),children:b("common.delete")})]})]}),T===e.id?(0,n.jsxs)("div",{className:"mt-1 pl-6",onClick:e=>e.stopPropagation(),children:[(0,n.jsx)("textarea",{value:L,onChange:e=>A(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||e.nativeEvent.isComposing||(e.preventDefault(),P()),"Escape"===e.key&&I(null)},className:"w-full px-2 py-1 text-sm bg-secondary border border-border rounded resize-none focus:outline-none focus:border-brand",rows:2,autoFocus:!0}),(0,n.jsxs)("div",{className:"flex items-center justify-end gap-1 mt-1",children:[(0,n.jsx)("button",{onClick:()=>I(null),className:"px-2 py-0.5 text-xs rounded hover:bg-accent transition-colors text-muted-foreground",children:b("common.cancel")}),(0,n.jsx)("button",{onClick:P,disabled:!L.trim(),className:"px-2 py-0.5 text-xs rounded bg-brand text-white hover:bg-brand/90 transition-colors disabled:opacity-40",children:b("common.save")})]})]}):(0,n.jsxs)("div",{className:"text-sm mt-0.5 pl-6 whitespace-pre-wrap",children:[e.content,e.edited&&(0,n.jsx)("span",{className:"text-[10px] text-muted-foreground ml-1",children:b("review.edited")})]})]},e.id))}),(0,n.jsx)("div",{className:"px-3 pb-2 pt-1",children:k?(0,n.jsxs)("div",{className:"mt-1",onClick:e=>e.stopPropagation(),children:[(0,n.jsx)("textarea",{value:j,onChange:e=>y(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||e.nativeEvent.isComposing||(e.preventDefault(),D()),"Escape"===e.key&&C(!1)},placeholder:b("review.replyPlaceholder"),className:"w-full px-2 py-1 text-sm bg-secondary border border-border rounded resize-none focus:outline-none focus:border-brand",rows:2,autoFocus:!0}),(0,n.jsxs)("div",{className:"flex items-center justify-end gap-1 mt-1",children:[(0,n.jsx)("button",{onClick:()=>C(!1),className:"px-2 py-0.5 text-xs rounded hover:bg-accent transition-colors text-muted-foreground",children:b("common.cancel")}),(0,n.jsx)("button",{onClick:D,disabled:!j.trim(),className:"px-2 py-0.5 text-xs rounded bg-brand text-white hover:bg-brand/90 transition-colors disabled:opacity-40",children:b("review.reply")})]})]}):a&&(0,n.jsx)("button",{onClick:e=>{e.stopPropagation(),C(!0)},className:"text-xs text-muted-foreground hover:text-foreground transition-colors",children:b("review.reply")})})]})});function b({comments:e,activeCommentId:t,currentAuthorId:r,isActive:i,isAdmin:l,userNameMap:a,onCommentClick:d,onNavigateComment:c,onDeleteComment:u,onEditComment:x,onToggleCommentClosed:m,onAddReply:h,onDeleteReply:f,onEditReply:p,scrollToCommentRef:v}){let{t:b}=(0,s.Bd)(),w=(0,o.useRef)(new Map),j=(0,o.useRef)(null),y=(0,o.useCallback)(e=>{let t=w.current.get(e);t&&t.scrollIntoView({behavior:"smooth",block:"center"})},[]);(0,o.useEffect)(()=>{v.current=y},[y,v]);let k=[...e].sort((e,t)=>e.anchor.startOffset-t.anchor.startOffset);return(0,n.jsxs)("div",{ref:j,className:"h-full flex flex-col bg-card",children:[(0,n.jsxs)("div",{className:"px-4 py-2 bg-secondary border-b border-border flex-shrink-0 flex items-center",children:[(0,n.jsx)("span",{className:"text-xs text-muted-foreground",children:0===e.length?b("review.selectTextToComment"):t?b("review.commentsNavCount",{current:k.findIndex(e=>e.id===t)+1,total:e.length}):b("review.commentsCount",{count:e.length})}),e.length>0&&(0,n.jsxs)("div",{className:"flex items-center gap-1 ml-2",children:[(0,n.jsxs)("button",{onClick:()=>c("prev"),className:"px-1.5 py-0.5 text-[11px] text-muted-foreground hover:text-foreground hover:bg-accent rounded transition-colors flex items-center gap-0.5",title:b("review.prevComment"),children:[(0,n.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,n.jsx)("polyline",{points:"15 18 9 12 15 6"})}),b("review.prevComment")]}),(0,n.jsxs)("button",{onClick:()=>c("next"),className:"px-1.5 py-0.5 text-[11px] text-muted-foreground hover:text-foreground hover:bg-accent rounded transition-colors flex items-center gap-0.5",title:b("review.nextComment"),children:[b("review.nextComment"),(0,n.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,n.jsx)("polyline",{points:"9 18 15 12 9 6"})})]})]})]}),(0,n.jsx)("div",{className:"flex-1 overflow-auto",children:0===k.length?(0,n.jsx)("div",{className:"flex items-center justify-center h-full text-muted-foreground text-sm",children:(0,n.jsxs)("div",{className:"text-center",children:[(0,n.jsx)("div",{className:"text-2xl mb-2",children:"\uD83D\uDCAC"}),(0,n.jsx)("div",{children:b("review.selectTextHint")})]})}):(0,n.jsx)("div",{className:"p-3 space-y-3",children:k.map(e=>(0,n.jsx)(g,{ref:t=>{t?w.current.set(e.id,t):w.current.delete(e.id)},comment:e,isActive:e.id===t,isOwnComment:e.authorId===r,isAdmin:l,currentAuthorId:r,canInteract:i,userNameMap:a,onClick:()=>d(e.id),onDelete:()=>u(e.id),onEdit:t=>x(e.id,t),onToggleClosed:t=>m(e.id,t),onAddReply:t=>h(e.id,t),onDeleteReply:t=>f(e.id,t),onEditReply:(t,r)=>p(e.id,t,r)},e.id))})})]})}function w({identity:e}){let{t}=(0,s.Bd)(),[r,i]=(0,o.useState)(!1),[l,a]=(0,o.useState)(""),d=(0,o.useRef)(null);(0,o.useEffect)(()=>{if(!r)return;let e=e=>{d.current&&!d.current.contains(e.target)&&i(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[r]);let c=()=>{let t=l.trim();t&&t!==e.name&&e.confirmName(t),i(!1)};return(0,n.jsxs)("div",{className:"relative",ref:d,children:[(0,n.jsxs)("button",{onClick:()=>{r||a(e.name),i(!r)},className:"px-2 py-1 text-xs rounded hover:bg-accent transition-colors flex items-center gap-1",title:t("review.identitySettings"),children:[(0,n.jsx)("span",{className:"w-5 h-5 rounded-full bg-brand/20 text-brand flex items-center justify-center text-[10px] font-bold",children:e.name.charAt(0)}),(0,n.jsx)("span",{className:"text-muted-foreground",children:e.name})]}),r&&(0,n.jsxs)("div",{className:"absolute right-0 top-full mt-1 w-56 bg-card border border-border rounded-lg shadow-lg p-3 z-50",children:[(0,n.jsx)("div",{className:"text-xs text-muted-foreground mb-2",children:t("review.reviewNickname")}),(0,n.jsx)("input",{type:"text",value:l,onChange:e=>a(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.nativeEvent.isComposing||c()},className:"w-full px-2 py-1 text-sm bg-secondary border border-border rounded focus:outline-none focus:border-brand",autoFocus:!0}),(0,n.jsxs)("div",{className:"flex items-center gap-2 mt-2",children:[(0,n.jsx)("button",{onClick:()=>{e.randomize(),i(!1)},className:"px-2 py-1 text-xs rounded hover:bg-accent transition-colors text-muted-foreground",children:t("review.random")}),(0,n.jsx)("div",{className:"flex-1"}),(0,n.jsx)("button",{onClick:()=>i(!1),className:"px-2 py-1 text-xs rounded hover:bg-accent transition-colors text-muted-foreground",children:t("common.cancel")}),(0,n.jsx)("button",{onClick:c,className:"px-2 py-1 text-xs rounded bg-brand text-white hover:bg-brand/90 transition-colors",children:t("common.save")})]})]})]})}function j({currentReviewId:e,onSelect:t,readOnly:r,refreshTrigger:i,onViewComments:l}){let{t:a}=(0,s.Bd)(),[d,c]=(0,o.useState)([]),[u,x]=(0,o.useState)(null),[m,h]=(0,o.useState)(null),[f,p]=(0,o.useState)(!1),[v,g]=(0,o.useState)(null),b=(0,o.useRef)(null),[w,j]=(0,o.useState)(null),y=(0,o.useCallback)(async()=>{try{let e=await fetch("/api/review");if(e.ok){let t=await e.json();c(t.reviews||[])}}catch{}},[]);(0,o.useEffect)(()=>{queueMicrotask(()=>y())},[y]),(0,o.useEffect)(()=>{queueMicrotask(()=>y())},[e,i,y]);let k=(0,o.useCallback)(async(e,t,r)=>{if(e.stopPropagation(),!m){h(t);try{(await fetch(`/api/review/${t}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({active:!r})})).ok&&c(e=>e.map(e=>e.id===t?{...e,active:!r}:e))}catch{}h(null)}},[m]),C=(0,o.useCallback)(async(r,n)=>{if(r.stopPropagation(),!u){x(n);try{if((await fetch(`/api/review/${n}`,{method:"DELETE"})).ok&&(c(e=>e.filter(e=>e.id!==n)),n===e)){let e=d.filter(e=>e.id!==n);e.length>0&&t(e[0].id)}}catch{}x(null)}},[u,e,d,t]),N=(0,o.useCallback)((e,t)=>{b.current=t,e.dataTransfer.effectAllowed="move";let r=e.currentTarget;requestAnimationFrame(()=>r.classList.add("opacity-30"))},[]),E=(0,o.useCallback)(e=>{b.current=null,j(null),e.currentTarget instanceof HTMLElement&&e.currentTarget.classList.remove("opacity-30")},[]),S=(0,o.useCallback)((e,t)=>{e.preventDefault(),e.dataTransfer.dropEffect="move",b.current&&b.current!==t&&j(t)},[]),R=(0,o.useCallback)(async(e,t)=>{e.preventDefault(),j(null);let r=b.current;b.current=null,r&&r!==t&&c(e=>{let n=[...e],o=n.findIndex(e=>e.id===r),s=n.findIndex(e=>e.id===t);if(-1===o||-1===s)return e;let[i]=n.splice(o,1);return n.splice(s,0,i),fetch("/api/review/order",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({order:n.map(e=>e.id)})}).catch(()=>{}),n})},[]),T=r?d.filter(e=>e.active):d,I=!r;return f?(0,n.jsxs)("div",{className:"h-full flex flex-col items-center bg-secondary/50 w-9 flex-shrink-0 border-r border-border",children:[(0,n.jsx)("button",{onClick:()=>p(!1),className:"p-1.5 mt-2 text-muted-foreground hover:text-foreground hover:bg-accent rounded transition-colors",title:a("review.expandList"),children:(0,n.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,n.jsx)("polyline",{points:"9 18 15 12 9 6"})})}),(0,n.jsx)("span",{className:"text-[10px] text-muted-foreground/50 mt-2",style:{writingMode:"vertical-rl"},children:r?a("review.nDocs",{count:T.length}):a("review.nReviews",{count:T.length})})]}):(0,n.jsxs)("div",{className:"h-full flex flex-col bg-secondary/50 w-[200px] flex-shrink-0 border-r border-border",children:[(0,n.jsxs)("div",{className:"px-3 py-2 border-b border-border flex-shrink-0 flex items-center justify-between",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("span",{className:"text-xs font-medium text-muted-foreground",children:r?a("review.docList"):a("review.allReviewsList")}),(0,n.jsx)("span",{className:"text-xs text-muted-foreground/60 ml-1.5",children:T.length})]}),(0,n.jsx)("button",{onClick:()=>p(!0),className:"p-0.5 text-muted-foreground hover:text-foreground hover:bg-accent rounded transition-colors",title:a("review.collapseList"),children:(0,n.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,n.jsx)("polyline",{points:"15 18 9 12 15 6"})})})]}),(0,n.jsxs)("div",{className:"flex-1 overflow-y-auto",children:[T.map(o=>(0,n.jsxs)("div",{draggable:I,onDragStart:I?e=>N(e,o.id):void 0,onDragEnd:I?E:void 0,onDragOver:I?e=>S(e,o.id):void 0,onDrop:I?e=>R(e,o.id):void 0,onMouseEnter:e=>{let t=e.currentTarget.getBoundingClientRect();g({id:o.id,text:o.title,top:t.top+t.height/2,left:t.right})},onMouseLeave:()=>g(e=>e?.id===o.id?null:e),onClick:()=>t(o.id),className:`group px-3 py-2 cursor-pointer border-b transition-colors ${w===o.id?"border-b-brand border-t border-t-transparent":"border-b-border/50"} ${o.id===e?"bg-accent/60":"hover:bg-accent/30"}`,children:[(0,n.jsxs)("div",{className:"flex items-center gap-1.5 min-w-0",children:[!r&&(0,n.jsx)("span",{className:`w-1.5 h-1.5 rounded-full flex-shrink-0 ${o.active?"bg-green-500":"bg-muted-foreground/40"}`}),(0,n.jsx)("span",{className:"text-xs truncate flex-1",children:o.title}),o.commentCount>0&&l&&(0,n.jsx)("button",{onClick:e=>{e.stopPropagation(),l(o.id)},className:"flex-shrink-0 p-0.5 rounded text-muted-foreground/0 group-hover:text-muted-foreground/60 hover:!text-brand hover:!bg-brand/10 transition-colors",title:a("review.viewComments"),children:(0,n.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,n.jsx)("path",{d:"M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"})})}),!r&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("button",{onClick:e=>k(e,o.id,o.active),className:`flex-shrink-0 p-0.5 rounded text-muted-foreground/0 group-hover:text-muted-foreground/60 hover:!text-foreground hover:!bg-accent transition-colors ${m===o.id?"opacity-50 pointer-events-none":""}`,title:o.active?a("review.closeReview"):a("review.reopenReview"),children:o.active?(0,n.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("path",{d:"M18.36 6.64a9 9 0 1 1-12.73 0"}),(0,n.jsx)("line",{x1:"12",y1:"2",x2:"12",y2:"12"})]}):(0,n.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("path",{d:"M18.36 6.64A9 9 0 0 1 12 21 9 9 0 0 1 5.64 6.64"}),(0,n.jsx)("line",{x1:"12",y1:"2",x2:"12",y2:"12"})]})}),(0,n.jsx)("button",{onClick:e=>C(e,o.id),className:`flex-shrink-0 p-0.5 rounded text-muted-foreground/0 group-hover:text-muted-foreground/60 hover:!text-red-500 hover:!bg-red-500/10 transition-colors ${u===o.id?"opacity-50 pointer-events-none":""}`,title:a("review.deleteReview"),children:(0,n.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("polyline",{points:"3 6 5 6 21 6"}),(0,n.jsx)("path",{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"})]})})]})]}),o.commentCount>0&&(0,n.jsx)("div",{className:`text-[10px] text-muted-foreground/50 mt-0.5 ${r?"":"pl-3"}`,children:a("review.nComments",{count:o.commentCount})})]},o.id)),0===T.length&&(0,n.jsx)("div",{className:"px-3 py-4 text-xs text-muted-foreground/50 text-center",children:r?a("review.noOpenDocs"):a("review.noReviews")})]}),v&&(0,n.jsx)("div",{className:"fixed z-50 px-2 py-1 text-xs bg-popover text-popover-foreground border border-border rounded shadow-md whitespace-nowrap pointer-events-none",style:{top:v.top,left:v.left+8,transform:"translateY(-50%)"},children:v.text})]})}function y({currentName:e,onConfirm:t,onSkip:r}){let{t:i}=(0,s.Bd)(),[l,a]=(0,o.useState)(e),d=(0,o.useRef)(null);(0,o.useEffect)(()=>{d.current?.select()},[]);let c=()=>{let e=l.trim();e&&t(e)};return(0,n.jsx)("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/50",children:(0,n.jsxs)("div",{className:"bg-card border border-border rounded-xl shadow-2xl w-80 p-5",children:[(0,n.jsx)("h2",{className:"text-base font-semibold mb-1",children:i("review.setNickname")}),(0,n.jsx)("p",{className:"text-xs text-muted-foreground mb-4",children:i("review.nicknameHint")}),(0,n.jsx)("input",{ref:d,type:"text",value:l,onChange:e=>a(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.nativeEvent.isComposing||c(),"Escape"===e.key&&r()},placeholder:i("review.nicknamePlaceholder"),maxLength:20,className:"w-full px-3 py-2 text-sm bg-secondary border border-border rounded-lg focus:outline-none focus:border-brand",autoFocus:!0}),(0,n.jsxs)("div",{className:"flex items-center justify-end gap-2 mt-4",children:[(0,n.jsx)("button",{onClick:r,className:"px-3 py-1.5 text-xs rounded-lg hover:bg-accent transition-colors text-muted-foreground",children:i("review.skipForNow")}),(0,n.jsx)("button",{onClick:c,disabled:!l.trim(),className:"px-4 py-1.5 text-xs rounded-lg bg-brand text-white hover:bg-brand/90 transition-colors disabled:opacity-40",children:i("common.save")})]})]})})}var k=r(24750);function C(){let e=p.A.t("reviewUtils.adjectives",{returnObjects:!0}),t=p.A.t("reviewUtils.nouns",{returnObjects:!0}),r=e[Math.floor(Math.random()*e.length)],n=t[Math.floor(Math.random()*t.length)];return`${r}${n}`}r(34015);var N=r(38093);function E({reviewId:e}){let{t}=(0,s.Bd)(),[r,i]=(0,o.useState)(e),[l,d]=(0,o.useState)(null),[c,u]=(0,o.useState)(!0),[x,m]=(0,o.useState)(null),[h,p]=(0,o.useState)(null),[v,g]=(0,o.useState)(!1),E=function(){let[e,t]=(0,o.useState)(""),[r,n]=(0,o.useState)(""),[s,i]=(0,o.useState)(!1),[l,a]=(0,o.useState)(!0);(0,o.useEffect)(()=>{fetch("/api/review/identify").then(e=>e.ok?e.json():null).then(e=>{e?.authorId?(t(e.authorId),e.name?(n(e.name),i(!0)):(n(C()),i(!1))):(t(Math.random().toString(36).slice(2,10)),n(C()),i(!1))}).catch(()=>{t(Math.random().toString(36).slice(2,10)),n(C()),i(!1)}).finally(()=>a(!1))},[]);let d=(0,o.useCallback)(e=>{let t=e.trim();t&&(n(t),i(!0),fetch("/api/review/identify",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:t})}).catch(()=>{}))},[]);return{authorId:e,name:r,nameConfirmed:s,loading:l,setName:(0,o.useCallback)(e=>{let t=e.trim();t&&(n(t),fetch("/api/review/identify",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:t})}).catch(()=>{}))},[]),confirmName:d,randomize:(0,o.useCallback)(()=>{n(C())},[])}}(),{resolvedTheme:S,setTheme:R}=(0,a.D)(),[T,I]=(0,o.useState)({}),[L,A]=(0,o.useState)(!1),[D,M]=(0,o.useState)(!1),P=(0,o.useCallback)(async()=>{try{let e=await fetch("/api/review/users");if(e.ok){let t=await e.json(),r={};for(let[e,n]of Object.entries(t.users))r[e]=n.name;I(r)}}catch{}},[]);(0,o.useEffect)(()=>{P()},[P]),(0,o.useEffect)(()=>{E.loading||!E.authorId||E.nameConfirmed||A(!0)},[E.loading,E.authorId,E.nameConfirmed]),(0,o.useEffect)(()=>{g("localhost"===window.location.hostname||"127.0.0.1"===window.location.hostname)},[]),(0,o.useEffect)(()=>{let e=localStorage.getItem("theme");e&&"system"!==e||R("dark")},[R]);let O=(0,o.useRef)(void 0),$=(0,o.useRef)(void 0),B=(0,o.useCallback)(e=>{e!==r&&(i(e),m(null),p(null),window.history.replaceState(null,"",`/review/${e}`))},[r]),F=(0,o.useCallback)(async()=>{try{let e=await fetch(`/api/review/${r}`);if(!e.ok)return void(404===e.status?m(t("review.reviewNotExist")):m(t("review.loadFailed")));let n=await e.json();d(n.review),m(null)}catch{m(t("review.networkError"))}finally{u(!1)}},[r]);(0,o.useEffect)(()=>{F()},[F]),(0,o.useEffect)(()=>{let e=setInterval(()=>{F(),P()},1e4);return()=>clearInterval(e)},[F,P]);let _=(0,o.useCallback)(async(e,n)=>{if(E.authorId)try{(await fetch(`/api/review/${r}/comments`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({author:E.name,authorId:E.authorId,content:e,anchor:n})})).ok&&await F()}catch{(0,N.oR)(t("toast.addCommentFailed"),"error")}},[r,E,F]),W=(0,o.useCallback)(async e=>{try{(await fetch(`/api/review/${r}/comments?commentId=${e}`,{method:"DELETE"})).ok&&await F()}catch{(0,N.oR)(t("toast.deleteCommentFailed"),"error")}},[r,F]),z=(0,o.useCallback)(async(e,n)=>{try{(await fetch(`/api/review/${r}/comments`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({commentId:e,content:n})})).ok&&await F()}catch{(0,N.oR)(t("toast.editCommentFailed"),"error")}},[r,F]),H=(0,o.useCallback)(async(e,n)=>{try{(await fetch(`/api/review/${r}/comments`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({commentId:e,closed:n})})).ok&&await F()}catch{(0,N.oR)(t("toast.operationFailed"),"error")}},[r,F,t]),K=(0,o.useCallback)(async(e,n)=>{if(E.authorId)try{(await fetch(`/api/review/${r}/replies`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({commentId:e,author:E.name,authorId:E.authorId,content:n})})).ok&&await F()}catch{(0,N.oR)(t("toast.addReplyFailed"),"error")}},[r,E,F]),J=(0,o.useCallback)(async(e,n)=>{try{(await fetch(`/api/review/${r}/replies?commentId=${e}&replyId=${n}`,{method:"DELETE"})).ok&&await F()}catch{(0,N.oR)(t("toast.deleteReplyFailed"),"error")}},[r,F]),V=(0,o.useCallback)(async(e,n,o)=>{try{(await fetch(`/api/review/${r}/replies`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({commentId:e,replyId:n,content:o})})).ok&&await F()}catch{(0,N.oR)(t("toast.editReplyFailed"),"error")}},[r,F]),U=(0,o.useCallback)(async()=>{try{let e=await fetch("/api/review/share-info"),n=await e.json(),o=n.shareBase?`${n.shareBase}/review/${r}`:window.location.href;await navigator.clipboard.writeText(o),(0,N.oR)(t("toast.linkCopied"),"success")}catch{(0,N.oR)(t("toast.copyFailed"),"error")}},[r]),q=(0,o.useCallback)(e=>{p(e),$.current?.(e)},[]),X=(0,o.useCallback)(e=>{p(e),O.current?.(e)},[]),Y=(0,o.useCallback)(e=>{let t;if(!l||0===l.comments.length)return;let r=[...l.comments].sort((e,t)=>e.anchor.startOffset-t.anchor.startOffset),n=h?r.findIndex(e=>e.id===h):-1;t="next"===e?n<r.length-1?n+1:0:n>0?n-1:r.length-1;let o=r[t];p(o.id),$.current?.(o.id),O.current?.(o.id)},[l,h]);return(0,n.jsxs)("div",{className:"h-screen flex flex-col bg-background text-foreground overflow-hidden",children:[L&&(0,n.jsx)(y,{currentName:E.name,onConfirm:e=>{E.confirmName(e),A(!1),P()},onSkip:()=>A(!1)}),l&&(0,n.jsx)(k._,{isOpen:D,onClose:()=>M(!1),comments:l.comments,reviewTitle:l.title,userNameMap:T,onCommentClick:e=>{p(e),$.current?.(e),O.current?.(e)}}),l&&(0,n.jsx)("div",{className:"py-2 bg-secondary border-b border-border flex-shrink-0 flex justify-center",children:(0,n.jsxs)("div",{className:"w-full max-w-[1800px] px-4 flex items-center gap-3",children:[(0,n.jsx)("h1",{className:"text-sm font-semibold truncate",children:l.title}),(0,n.jsx)("span",{className:"text-[11px] text-muted-foreground flex-shrink-0",children:t("review.updatedAt",{date:new Date(l.updatedAt||l.createdAt).toLocaleDateString(void 0,{year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit"})})}),(0,n.jsx)("span",{className:"flex-1"}),!v&&(0,n.jsx)("span",{className:`px-2 py-0.5 text-xs rounded-full ${l.active?"bg-green-500/15 text-green-600 dark:text-green-400":"bg-muted text-muted-foreground"}`,children:l.active?t("review.active"):t("review.closed")}),(0,n.jsxs)("button",{onClick:()=>M(!0),className:"px-2 py-1 text-xs rounded hover:bg-accent transition-colors text-muted-foreground flex items-center gap-1",title:t("review.viewAllComments"),children:[(0,n.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,n.jsx)("path",{d:"M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"})}),t("review.viewCommentBtn")]}),(0,n.jsx)("button",{onClick:U,className:"px-2 py-1 text-xs rounded hover:bg-accent transition-colors text-muted-foreground",children:t("review.copyLink")}),(0,n.jsx)("button",{onClick:()=>R("dark"===S?"light":"dark"),className:"p-1 text-muted-foreground hover:text-foreground hover:bg-accent rounded transition-colors",title:"dark"===S?t("settings.switchLight"):t("settings.switchDark"),children:"dark"===S?(0,n.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("circle",{cx:"12",cy:"12",r:"5"}),(0,n.jsx)("line",{x1:"12",y1:"1",x2:"12",y2:"3"}),(0,n.jsx)("line",{x1:"12",y1:"21",x2:"12",y2:"23"}),(0,n.jsx)("line",{x1:"4.22",y1:"4.22",x2:"5.64",y2:"5.64"}),(0,n.jsx)("line",{x1:"18.36",y1:"18.36",x2:"19.78",y2:"19.78"}),(0,n.jsx)("line",{x1:"1",y1:"12",x2:"3",y2:"12"}),(0,n.jsx)("line",{x1:"21",y1:"12",x2:"23",y2:"12"}),(0,n.jsx)("line",{x1:"4.22",y1:"19.78",x2:"5.64",y2:"18.36"}),(0,n.jsx)("line",{x1:"18.36",y1:"5.64",x2:"19.78",y2:"4.22"})]}):(0,n.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,n.jsx)("path",{d:"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"})})}),(0,n.jsx)(w,{identity:E})]})}),(0,n.jsx)("div",{className:"flex-1 flex justify-center overflow-hidden",children:(0,n.jsxs)("div",{className:"w-full max-w-[1800px] flex overflow-hidden",children:[(0,n.jsx)(j,{currentReviewId:r,onSelect:B,readOnly:!v,refreshTrigger:l?.comments.length,onViewComments:e=>{e!==r&&B(e),M(!0)}}),c?(0,n.jsx)("div",{className:"flex-1 flex items-center justify-center",children:(0,n.jsx)("div",{className:"text-muted-foreground",children:t("common.loading")})}):x||!l?(0,n.jsx)("div",{className:"flex-1 flex items-center justify-center",children:(0,n.jsxs)("div",{className:"text-center",children:[(0,n.jsx)("div",{className:"text-xl mb-2",children:x||t("review.reviewNotFound")}),(0,n.jsx)("div",{className:"text-sm text-muted-foreground",children:t("review.checkLink")})]})}):(0,n.jsxs)("div",{className:"flex-1 flex overflow-hidden",children:[(0,n.jsx)("div",{className:"flex-1 h-full border-r border-border overflow-hidden",children:(0,n.jsx)(f,{content:l.content,comments:l.comments,activeCommentId:h,isActive:l.active,onAddComment:_,onHighlightClick:X,scrollToHighlightRef:$})}),(0,n.jsx)("div",{className:"w-[360px] h-full overflow-hidden flex-shrink-0",children:(0,n.jsx)(b,{comments:l.comments,activeCommentId:h,currentAuthorId:E.authorId,isActive:l.active,isAdmin:v,userNameMap:T,onCommentClick:q,onNavigateComment:Y,onDeleteComment:W,onEditComment:z,onToggleCommentClosed:H,onAddReply:K,onDeleteReply:J,onEditReply:V,scrollToCommentRef:O})})]})]})})]})}}},e=>{e.O(0,[8653,7330,9268,9114,3700,2171,3530,6108,9062,8441,3794,7358],()=>e(e.s=7482)),_N_E=e.O()}]);