@alook/app 0.0.61 → 0.0.63

package/bundled/web/.open-next/assets/_next/static/chunks/0gjkn.vza5oyl.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,868317,e=>{"use strict";var t=e.i(368075),s=e.i(298699),r=e.i(855062),a=e.i(177155),n=e.i(706875);let i=(0,n.default)("eye",[["path",{d:"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",key:"1nclc0"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]]),l=(0,n.default)("eye-off",[["path",{d:"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",key:"ct8e1f"}],["path",{d:"M14.084 14.158a3 3 0 0 1-4.242-4.242",key:"151rxh"}],["path",{d:"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143",key:"13bj9a"}],["path",{d:"m2 2 20 20",key:"1ooewy"}]]);var d=e.i(858924),o=e.i(877942),c=e.i(30187),u=e.i(500324),m=e.i(355578),g=e.i(222862),p=e.i(186339),x=e.i(875061),f=e.i(728886);e.i(400175);var h=e.i(126366),b=e.i(607711),j=e.i(329686),y=e.i(613349),v=e.i(880932),N=e.i(595107),k=e.i(169678),_=e.i(721387),w=e.i(364079);let C=[{id:"todo",label:"Todo",statuses:["todo"]},{id:"in_progress",label:"In Progress",statuses:["in_progress"]},{id:"review",label:"Review",statuses:["review"]},{id:"completed",label:"Completed",statuses:["done","closed","canceled","failed"]}];function S({agent:e,size:s=24}){let r=(0,h.parseAvatarUrl)(e?.avatar_url);return r?(0,t.jsx)(h.AvatarRenderer,{config:r,size:s,className:"shrink-0 rounded-full"}):(0,t.jsx)("span",{className:"flex shrink-0 items-center justify-center rounded-full border border-border bg-muted text-[11px] font-medium text-muted-foreground",style:{width:s,height:s},children:(e?.name??"?").slice(0,1).toUpperCase()})}function I({issue:e,selected:r,onClick:a,onDelete:n,agent:i,agentsById:l,compact:o=!1}){var u;let m=(0,s.useMemo)(()=>{let t=e.thread_agent_ids;if(!t||t.length<2||!l)return null;let s=e.agent_id;return(s?[s,...t.filter(e=>e!==s)]:t).map(e=>l.get(e)).filter(e=>!!e)},[e.thread_agent_ids,e.agent_id,l]);return(0,t.jsxs)(b.ContextMenu,{children:[(0,t.jsx)(b.ContextMenuTrigger,{render:(0,t.jsx)("button",{type:"button",onClick:a,className:(0,y.cn)("w-full rounded-lg border bg-background/75 p-3 text-left transition-colors cursor-pointer","hover:bg-accent/70 hover:border-border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50",r?"border-foreground/30 bg-accent":"border-border/60")}),children:(0,t.jsxs)("div",{className:"min-w-0",children:[(0,t.jsxs)("div",{className:"flex items-start justify-between gap-2",children:[(0,t.jsx)("div",{className:"line-clamp-2 min-w-0 text-sm font-medium leading-5 text-foreground",children:e.title}),"in_progress"===e.status&&(0,t.jsxs)("span",{className:"flex shrink-0 items-center gap-0.5 rounded bg-primary/10 px-1.5 py-0.5 text-[10px] font-medium text-primary",children:[(0,t.jsx)(d.Loader2,{className:"size-2.5 animate-spin"})," Working"]}),"review"===e.status&&(0,t.jsx)("span",{className:"shrink-0 rounded bg-yellow-500/10 px-1.5 py-0.5 text-[10px] font-medium text-yellow-600 dark:text-yellow-400",children:"Review"}),"failed"===e.status&&(0,t.jsx)("span",{className:"shrink-0 rounded bg-destructive/10 px-1.5 py-0.5 text-[10px] font-medium text-destructive",children:"Failed"})]}),e.description?(0,t.jsx)("div",{className:(0,y.cn)("mt-1 text-xs leading-4 text-muted-foreground",o?"line-clamp-1":"line-clamp-2"),children:e.description}):null,(0,t.jsxs)("div",{className:"mt-2 flex min-w-0 items-center justify-between gap-2 text-[11px] text-muted-foreground",children:[m&&m.length>=2?(0,t.jsxs)("span",{className:"flex items-center",children:[m.slice(0,3).map((e,s)=>(0,t.jsx)("span",{className:(0,y.cn)("rounded-full border-2 border-background",s>0&&"-ml-1.5"),children:(0,t.jsx)(S,{agent:e,size:16})},e.id)),m.length>3&&(0,t.jsxs)("span",{className:"flex items-center justify-center rounded-full border-2 border-background bg-muted text-[9px] font-medium text-muted-foreground -ml-1.5",style:{width:16,height:16},children:["+",m.length-3]})]}):i?(0,t.jsxs)("span",{className:"flex items-center gap-1 truncate",children:[(0,t.jsx)(S,{agent:i,size:14}),(0,t.jsx)("span",{className:"truncate",children:i.name})]}):(0,t.jsx)("span",{className:"truncate text-muted-foreground/60",children:e.agent_id?"":"Unassigned"}),(0,t.jsx)("span",{className:"shrink-0",children:(u=e.updated_at)?new Date(u).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"}):""})]})]})}),n&&(0,t.jsx)(b.ContextMenuContent,{children:(0,t.jsxs)(b.ContextMenuItem,{className:"text-destructive",onClick:n,children:[(0,t.jsx)(c.Trash2,{className:"size-3.5 mr-1.5"}),"Delete"]})})]})}function T({id:e,children:s,className:r}){let{isOver:a,setNodeRef:n}=(0,N.useDroppable)({id:e});return(0,t.jsx)("div",{ref:n,className:(0,y.cn)("flex min-h-0 flex-col rounded-lg border bg-card/60 transition-colors",a?"ring-2 ring-primary/40 bg-primary/5 border-primary/30":"border-border/60",r),children:s})}function D({activeDragId:e,completedCount:s,onExpand:r}){let{isOver:a,setNodeRef:n}=(0,N.useDroppable)({id:"completed"});return(0,t.jsxs)(j.Tooltip,{children:[(0,t.jsx)(j.TooltipTrigger,{render:(0,t.jsx)("div",{ref:n,role:"button",tabIndex:0,"aria-label":"Show completed column",onClick:()=>{e||r()},onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||e||(t.preventDefault(),r())},className:(0,y.cn)("flex h-full items-center justify-center rounded-lg border transition-colors",a?"ring-2 ring-primary/40 bg-primary/5 border-primary/30":"border-dashed border-border/60 bg-muted/20 cursor-pointer hover:bg-muted/40")}),children:(0,t.jsxs)("div",{className:"flex flex-col items-center justify-center gap-3 h-full py-3",children:[(0,t.jsx)(i,{className:"size-3.5 text-muted-foreground/60 shrink-0"}),(0,t.jsxs)("span",{className:"text-xs font-medium text-muted-foreground",style:{writingMode:"vertical-rl"},children:["Completed (",s,")"]})]})}),(0,t.jsx)(j.TooltipContent,{children:e?"Drop to complete":"Show completed"})]})}function E({issue:e,selected:s,onClick:r,onDelete:a,agent:n,agentsById:i,compact:l=!1}){let{attributes:d,listeners:o,setNodeRef:c,transform:u,isDragging:m}=(0,N.useDraggable)({id:e.id}),g={transform:u?`translate3d(${u.x}px, ${u.y}px, 0)`:void 0,opacity:m?.4:1,cursor:m?"grabbing":"grab"};return(0,t.jsx)("div",{ref:c,style:g,...o,...d,children:(0,t.jsx)(I,{issue:e,selected:s,onClick:r,onDelete:a,agent:n,agentsById:i,compact:l})})}e.s(["default",0,function(){let e,{workspaceId:n,slug:d}=(0,u.useWorkspace)(),{agents:c,loading:h,subscribeWs:b}=(0,m.useAgentContext)(),[S,M]=(0,r.useLocalStorage)(`issue-recent-agent-id-${n}`,""),[z,A]=(0,r.useLocalStorage)(`issue-draft-${n}`,{title:"",description:"",agentId:""}),[R,F]=(0,r.useLocalStorage)("issues-show-completed",!0),[B,P]=(0,s.useState)([]),O=(0,s.useRef)([]);(0,s.useEffect)(()=>{O.current=B});let[U,L]=(0,s.useState)(!0),[W,H]=(0,s.useState)(!1),[K,$]=(0,s.useState)(!1),[V,q]=(0,s.useState)(null),[G,J]=(0,s.useState)(null),[Q,X]=(0,s.useState)(!1),[Y,Z]=(0,s.useState)(null),[ee,et]=(0,s.useState)(448),[es,er]=(0,s.useState)(null),[ea,en]=(0,s.useState)(null),[ei,el]=(0,s.useState)(!1),[ed,eo]=(0,s.useState)(null),ec=(0,s.useRef)(null),eu=(0,s.useRef)(0),em=(0,s.useRef)(null),eg=(0,N.useSensors)((0,N.useSensor)(N.PointerSensor,{activationConstraint:{distance:8}})),ep=(0,s.useMemo)(()=>new Map(c.map(e=>[e.id,e])),[c]),ex=(0,s.useMemo)(()=>G?.artifacts??[],[G?.artifacts]),{versionMap:ef,duplicateFilenames:eh}=(0,s.useMemo)(()=>(0,w.computeArtifactVersions)(ex),[ex]),eb=(0,s.useCallback)(e=>{(0,w.isPreviewable)(e)?(eo(e),el(!0)):window.open((0,w.getArtifactUrl)(e.id,n,!0),"_blank")},[n]);async function ej(){L(!0);try{let[e,t]=await Promise.all([(0,g.listIssues)(n,{terminal:!1}),(0,g.listIssues)(n,{terminal:!0})]);P([...e,...t])}catch(e){v.toast.error(e instanceof Error?e.message:"Failed to load issues")}finally{L(!1)}}async function ey(){try{let[e,t]=await Promise.all([(0,g.listIssues)(n,{terminal:!1}),(0,g.listIssues)(n,{terminal:!0})]);P([...e,...t])}catch{}}let ev=(0,s.useRef)(null),eN=(0,s.useRef)(!1);function ek(){ev.current&&clearTimeout(ev.current),ev.current=setTimeout(()=>{ev.current=null,ey().catch(()=>{}),eN.current&&(em.current&&ew(em.current).catch(()=>{}),eN.current=!1)},300)}async function e_(e){q(e),em.current=e,$(!0),X(!0),er(null);try{let t=await (0,g.getIssue)(n,e);J(t),t.issue.trace_id&&(0,g.getTrace)(t.issue.trace_id,n).then(e=>er(e.tasks)).catch(()=>er(null))}catch(e){v.toast.error(e instanceof Error?e.message:"Failed to load issue")}finally{X(!1)}}async function ew(e){let t=++eu.current;try{let s=await (0,g.getIssue)(n,e);if(t!==eu.current||em.current!==e)return;J(s),s.issue.trace_id&&(0,g.getTrace)(s.issue.trace_id,n).then(s=>{t===eu.current&&em.current===e&&er(s.tasks)}).catch(()=>{});let r=s.issue.latest_task_id;r&&(0,g.getTask)(r,n).then(s=>{t===eu.current&&em.current===e&&Z(s)}).catch(()=>{})}catch(e){e&&"object"==typeof e&&"status"in e&&404===e.status&&eF(!1)}}(0,s.useEffect)(()=>{ej()},[n]);let eC=G?.issue.conversation_id??null,eS=(0,s.useRef)(null);(0,s.useEffect)(()=>{eS.current=eC});let eI=G?.issue.latest_task_id??null,eT=(0,s.useRef)(null);(0,s.useEffect)(()=>{eT.current=eI});let eD=G?.issue.agent_id??null,eE=(0,s.useRef)(null);(0,s.useEffect)(()=>{eE.current=eD}),(0,s.useEffect)(()=>{if(!eI)return void Z(null);let e=!1;return(0,g.getTask)(eI,n).then(t=>{e||Z(t)}).catch(()=>{}),()=>{e=!0}},[eI,n]),(0,s.useEffect)(()=>{let e=b(e=>{if("conversation.message"===e.type&&eS.current&&e.conversationId===eS.current&&(J(t=>!t||t.messages.some(t=>t.id===e.message.id)?t:{...t,messages:[...t.messages,e.message]}),"event"===e.message.role&&e.message.content.startsWith("Issue status changed:")&&!ec.current)){let t=e.message.content.match(/-> (\w+)/);if(t){let s=t[1];J(e=>e?{...e,issue:{...e.issue,status:s}}:e),P(t=>t.map(t=>t.conversation_id===eS.current?{...t,status:s,updated_at:e.message.created_at}:t))}}if("conversation.message"===e.type&&"event"===e.message.role&&e.message.content.startsWith("Issue status changed:")&&!ec.current&&e.conversationId!==eS.current){let t=e.message.content.match(/-> (\w+)/);if(t){let s=t[1];P(t=>t.map(t=>t.conversation_id===e.conversationId?{...t,status:s,updated_at:e.message.created_at}:t))}}if("issue.comment"===e.type&&em.current===e.issueId&&J(t=>!t||t.comments.some(t=>t.id===e.comment.id)?t:{...t,comments:[...t.comments,e.comment]}),"task.updated"===e.type&&("running"===e.status||"completed"===e.status||"failed"===e.status)){if(ec.current)return;let t=O.current;if(0===t.length)return void ek();let s=new Set(t.map(e=>e.agent_id).filter(e=>!!e)),r=new Set(t.map(e=>e.latest_task_id).filter(e=>!!e));if(!s.has(e.agentId)&&!r.has(e.taskId))return;(e.taskId===eT.current||e.agentId===eE.current)&&(eN.current=!0),ek()}});return()=>{e(),ev.current&&(clearTimeout(ev.current),ev.current=null)}},[b]);let eM=(0,s.useCallback)(async e=>{H(!0);try{let t=await (0,g.createIssue)(n,{agent_id:e.agent_id,title:e.title,description:e.description});P(e=>[t.issue,...e]),e.agent_id&&M(e.agent_id),A({title:"",description:"",agentId:""}),q(t.issue.id),em.current=t.issue.id,e_(t.issue.id),v.toast.success("Issue created")}catch(e){v.toast.error(e instanceof Error?e.message:"Failed to create issue")}finally{H(!1)}},[n]),ez=(0,s.useCallback)(async(e,t)=>{try{let s=await (0,g.updateIssue)(n,e,t);P(r=>r.map(r=>r.id===e?{...r,...t,updated_at:s.updated_at}:r)),J(r=>r&&r.issue.id===e?{...r,issue:{...r.issue,...t,updated_at:s.updated_at}}:r)}catch(e){v.toast.error(e instanceof Error?e.message:"Failed to update issue")}},[n]),eA=(0,s.useCallback)(async(e,t)=>{let s=B.find(t=>t.id===e);if(!s)return;let r=s.status;if(t===r)return;let a=new Date().toISOString();P(s=>s.map(s=>s.id===e?{...s,status:t,updated_at:a}:s)),G?.issue.id===e&&J(e=>e?{...e,issue:{...e.issue,status:t,updated_at:a}}:e),ec.current=e;try{await (0,g.updateIssue)(n,e,{status:t})}catch(t){P(t=>t.map(t=>t.id===e?{...t,status:r}:t)),G?.issue.id===e&&J(e=>e?{...e,issue:{...e.issue,status:r}}:e),v.toast.error(t instanceof Error?t.message:"Failed to update issue status")}finally{ec.current=null}},[n,B,G]),eR=(0,s.useCallback)(async e=>{try{await (0,g.deleteIssue)(n,e),P(t=>t.filter(t=>t.id!==e)),V===e&&(q(null),em.current=null,$(!1),J(null)),v.toast.success("Issue deleted")}catch(e){v.toast.error(e instanceof Error?e.message:"Failed to delete issue")}},[n,V]),eF=(0,s.useCallback)(e=>{$(e),e||(q(null),em.current=null,J(null),Z(null),er(null))},[]);async function eB(e){en(null);let{active:t,over:s}=e;if(!s)return;let r=t.id,a=s.id,i=B.find(e=>e.id===r);if(!i)return;let l=C.find(e=>e.id===a);if(!l||l.statuses.includes(i.status))return;if("todo"===i.status&&!i.agent_id&&"todo"!==a&&"completed"!==a)return void v.toast.error("Assign an agent first to run this issue");let d="completed"===a?"done":a,o=i.status,c=new Date().toISOString();P(e=>e.map(e=>e.id===r?{...e,status:d,updated_at:c}:e)),G?.issue.id===r&&J(e=>e?{...e,issue:{...e.issue,status:d,updated_at:c}}:e),ec.current=r;try{await (0,g.updateIssue)(n,r,{status:d})}catch(e){P(e=>e.map(e=>e.id===r?{...e,status:o}:e)),G?.issue.id===r&&J(e=>e?{...e,issue:{...e.issue,status:o}}:e),v.toast.error(e instanceof Error?e.message:"Failed to update issue status")}finally{ec.current=null}}let eP=U||h,eO=V?B.find(e=>e.id===V)??null:null;return(0,t.jsxs)("div",{className:"relative flex h-full min-h-0 flex-col bg-background/30",children:[(0,t.jsxs)("div",{className:"flex shrink-0 flex-col gap-3 border-b border-border/60 px-4 py-3 sm:flex-row sm:items-center sm:justify-between sm:px-5 sm:py-4",children:[(0,t.jsx)("div",{className:"min-w-0",children:(0,t.jsx)("h1",{className:"text-base font-semibold tracking-normal",children:"Issues"})}),(0,t.jsx)("div",{className:"flex items-center gap-2",children:(0,t.jsxs)(p.Button,{size:"sm",className:"w-full sm:w-auto",onClick:()=>{q(null),em.current=null,$(!0)},children:[(0,t.jsx)(o.Plus,{className:"size-4"}),"New issue"]})})]}),(0,t.jsx)("div",{className:"hidden min-h-0 flex-1 lg:block overflow-y-auto thin-scrollbar p-4",children:eP?(0,t.jsxs)("div",{className:(0,y.cn)("grid h-full gap-4",R?"grid-cols-4":"grid-cols-[1fr_1fr_1fr_36px]"),children:[[3,2,2,...R?[2]:[]].map((e,s)=>(0,t.jsxs)("div",{className:"flex min-h-0 flex-col rounded-lg border border-border/60 bg-card/60",children:[(0,t.jsx)("div",{className:"border-b border-border/60 bg-muted/30 px-3 py-2",children:(0,t.jsx)(f.Skeleton,{className:"h-3 w-16"})}),(0,t.jsx)("div",{className:"min-h-0 flex-1 space-y-2 p-2",children:Array.from({length:e}).map((e,s)=>(0,t.jsxs)("div",{className:"rounded-lg border bg-background/75 p-3",children:[(0,t.jsx)(f.Skeleton,{className:"h-4 w-3/4"}),(0,t.jsx)(f.Skeleton,{className:"mt-1 h-3 w-1/2"}),(0,t.jsx)(f.Skeleton,{className:"mt-2 h-3 w-1/3"})]},s))})]},s)),!R&&(0,t.jsx)("div",{className:"h-full rounded-lg border border-dashed border-border/60 bg-muted/20"})]}):0===B.length?(0,t.jsxs)("div",{className:"flex flex-col items-center justify-center h-full animate-[fade-up_400ms_ease-out_both]",children:[(0,t.jsx)(a.CircleDot,{className:"size-8 text-muted-foreground mb-3"}),(0,t.jsx)("p",{className:"text-sm text-muted-foreground",children:"No issues"}),(0,t.jsx)("p",{className:"text-xs text-muted-foreground/60 mt-1",children:"Create one to get started."})]}):(0,t.jsxs)(N.DndContext,{sensors:eg,onDragStart:function(e){en(e.active.id)},onDragEnd:eB,children:[(0,t.jsxs)("div",{className:(0,y.cn)("grid h-full gap-4 animate-[fade-up_200ms_ease-out_both]",R?"grid-cols-4":"grid-cols-[1fr_1fr_1fr_36px]"),children:[C.filter(e=>"completed"!==e.id||R).map(e=>{let s=B.filter(t=>e.statuses.includes(t.status));return(0,t.jsxs)(T,{id:e.id,children:[(0,t.jsxs)("div",{className:"flex shrink-0 items-center justify-between border-b border-border/60 bg-muted/30 px-3 py-2 text-xs font-medium text-muted-foreground",children:[(0,t.jsx)("span",{children:e.label}),(0,t.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,t.jsx)("span",{children:s.length}),"completed"===e.id&&(0,t.jsxs)(j.Tooltip,{children:[(0,t.jsx)(j.TooltipTrigger,{render:(0,t.jsx)("button",{type:"button","aria-label":"Hide completed column",disabled:!!ea,onClick:()=>F(!1),className:"rounded p-0.5 text-muted-foreground/60 transition-colors hover:bg-muted hover:text-muted-foreground disabled:opacity-40"}),children:(0,t.jsx)(l,{className:"size-3.5"})}),(0,t.jsx)(j.TooltipContent,{children:"Hide completed"})]})]})]}),(0,t.jsx)("div",{className:(0,y.cn)("min-h-0 flex-1 space-y-2 overflow-y-auto thin-scrollbar p-2","completed"===e.id&&"animate-[fade-up_300ms_ease-out_both]"),children:0===s.length?(0,t.jsx)("div",{className:"flex h-full min-h-20 items-center justify-center rounded-lg border border-dashed border-border/45 text-xs text-muted-foreground/70",children:"Empty"}):s.map(e=>(0,t.jsx)(E,{issue:e,selected:V===e.id,onClick:()=>e_(e.id),onDelete:()=>eR(e.id),agent:ep.get(e.agent_id??"")??null,agentsById:ep},e.id))})]},e.id)}),!R&&(0,t.jsx)(D,{activeDragId:ea,completedCount:B.filter(e=>C[3].statuses.includes(e.status)).length,onExpand:()=>F(!0)})]}),(0,t.jsx)(N.DragOverlay,{style:{zIndex:9999},children:ea&&(e=B.find(e=>e.id===ea))?(0,t.jsx)(I,{issue:e,selected:!1,onClick:()=>{},agent:ep.get(e.agent_id??"")??null,agentsById:ep}):null})]})}),(0,t.jsx)("div",{className:"min-h-0 flex-1 overflow-y-auto thin-scrollbar p-3 lg:hidden",children:eP?(0,t.jsxs)("div",{className:"space-y-4",children:[[0,1,2].map(e=>(0,t.jsxs)("div",{className:"rounded-lg border border-border/60 bg-card/60",children:[(0,t.jsx)("div",{className:"border-b border-border/50 px-3 py-2",children:(0,t.jsx)(f.Skeleton,{className:"h-4 w-20"})}),(0,t.jsx)("div",{className:"space-y-2 p-3",children:Array.from({length:2}).map((e,s)=>(0,t.jsxs)("div",{className:"rounded-lg border bg-background/75 p-3",children:[(0,t.jsx)(f.Skeleton,{className:"h-4 w-3/4"}),(0,t.jsx)(f.Skeleton,{className:"mt-1 h-3 w-1/2"}),(0,t.jsx)(f.Skeleton,{className:"mt-2 h-3 w-1/3"})]},s))})]},e)),(0,t.jsx)("div",{className:"rounded-lg border border-dashed border-border/60 px-3 py-2.5",children:(0,t.jsx)(f.Skeleton,{className:"h-4 w-32"})})]}):0===B.length?(0,t.jsxs)("div",{className:"flex flex-col items-center justify-center h-full animate-[fade-up_400ms_ease-out_both]",children:[(0,t.jsx)(a.CircleDot,{className:"size-8 text-muted-foreground mb-3"}),(0,t.jsx)("p",{className:"text-sm text-muted-foreground",children:"No issues yet"}),(0,t.jsx)("p",{className:"text-xs text-muted-foreground/60 mt-1",children:"Create one to get started."})]}):(0,t.jsxs)("div",{className:"space-y-4 animate-[fade-up_200ms_ease-out_both]",children:[C.map(e=>{if("completed"===e.id&&!R)return null;let s=B.filter(t=>e.statuses.includes(t.status));return 0===s.length?null:(0,t.jsxs)("section",{className:"rounded-lg border border-border/60 bg-card/60",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between border-b border-border/50 px-3 py-2 text-sm font-medium",children:[(0,t.jsx)("span",{children:e.label}),(0,t.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,t.jsx)(x.Badge,{variant:"outline",children:s.length}),"completed"===e.id&&(0,t.jsxs)(j.Tooltip,{children:[(0,t.jsx)(j.TooltipTrigger,{render:(0,t.jsx)("button",{type:"button","aria-label":"Hide completed column",onClick:()=>F(!1),className:"rounded p-0.5 text-muted-foreground/60 transition-colors hover:bg-muted hover:text-muted-foreground"}),children:(0,t.jsx)(l,{className:"size-3.5"})}),(0,t.jsx)(j.TooltipContent,{children:"Hide completed"})]})]})]}),(0,t.jsx)("div",{className:"space-y-2 p-3",children:s.map(e=>(0,t.jsx)(I,{issue:e,selected:V===e.id,onClick:()=>e_(e.id),onDelete:()=>eR(e.id),agent:ep.get(e.agent_id??"")??null,agentsById:ep,compact:!0},e.id))})]},e.id)}),!R&&(0,t.jsxs)("div",{role:"button",tabIndex:0,"aria-label":"Show completed issues",onClick:()=>F(!0),onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),F(!0))},className:"flex cursor-pointer items-center gap-2 rounded-lg border border-dashed border-border/60 px-3 py-2.5 text-sm text-muted-foreground transition-colors hover:bg-muted/30",children:[(0,t.jsx)(i,{className:"size-3.5"}),(0,t.jsxs)("span",{children:["Show Completed (",B.filter(e=>C[3].statuses.includes(e.status)).length,")"]})]})]})}),(0,t.jsx)(k.IssueSheet,{open:K,onOpenChange:eF,agents:c,issue:eO,detail:G?{messages:G.messages,comments:G.comments,artifacts:G.artifacts,traceId:G.issue.trace_id}:null,detailLoading:Q,activeTask:Y,traceTasks:es,submitting:W,defaultAgentId:S,slug:d,workspaceId:n,width:ee,onWidthChange:et,draft:z,onDraftChange:A,onCreate:eM,onUpdate:ez,onStatusChange:eA,onCommented:()=>V&&e_(V),onDispatched:e=>{ey(),e_(e)},onArtifactClick:eb}),(0,t.jsx)(_.ArtifactSheet,{open:ei,onOpenChange:e=>{el(e),e||setTimeout(()=>eo(null),300)},artifacts:ex,workspaceId:n,initialArtifact:ed,versionMap:ef,duplicateFilenames:eh})]})}],868317)}]);

package/bundled/web/.open-next/assets/_next/static/chunks/0h--f0f9fru_b.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,426720,e=>{"use strict";var t=e.i(368075),s=e.i(298699),a=e.i(500324),l=e.i(222862),r=e.i(74348),n=e.i(252304),i=e.i(728886),c=e.i(186339),o=e.i(888596),d=e.i(672845);e.i(400175);var m=e.i(261819),x=e.i(450463),g=e.i(329686);function u({item:e,slug:s,onClick:a,onUnflag:l}){return(0,t.jsx)("a",{href:`/w/${s}/agents/${e.agent_id}?conv=${e.conversation_id}`,onClick:a,className:"block px-4 py-3 border-b border-border/30 hover:bg-accent/30 transition-colors duration-150 cursor-pointer",children:(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(m.AgentAvatar,{name:e.agent_name,avatarUrl:e.agent_avatar_url}),(0,t.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,t.jsx)("span",{className:"text-sm text-foreground truncate flex-1 min-w-0",children:e.message_content}),(0,t.jsxs)(g.Tooltip,{children:[(0,t.jsx)(g.TooltipTrigger,{render:(0,t.jsx)("span",{className:"text-xs text-muted-foreground shrink-0 ml-2"}),children:(0,x.relativeTime)(e.flagged_at)}),(0,t.jsx)(g.TooltipContent,{children:new Date(e.flagged_at).toLocaleString()})]})]}),(0,t.jsxs)("div",{className:"flex items-center gap-1.5 mt-0.5",children:[e.agent_name&&(0,t.jsx)("span",{className:"text-xs font-medium text-muted-foreground",children:e.agent_name}),e.conversation_title&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{className:"text-muted-foreground/40",children:"·"}),(0,t.jsx)("span",{className:"text-xs text-muted-foreground",children:e.conversation_title})]})]})]}),(0,t.jsxs)(g.Tooltip,{children:[(0,t.jsx)(g.TooltipTrigger,{render:(0,t.jsx)(c.Button,{variant:"ghost",size:"icon-sm",onClick:e=>{e.preventDefault(),e.stopPropagation(),l()},className:"text-muted-foreground"}),children:(0,t.jsx)(d.X,{className:"size-3.5"})}),(0,t.jsx)(g.TooltipContent,{children:"Unflag"})]})]})})}function h({promptWidth:e}){return(0,t.jsx)("div",{className:"px-4 py-3 border-b border-border/30",children:(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(i.Skeleton,{className:"size-8 rounded-full shrink-0"}),(0,t.jsxs)("div",{className:"flex-1",children:[(0,t.jsx)(i.Skeleton,{className:"h-3.5 rounded",style:{width:e}}),(0,t.jsxs)("div",{className:"flex items-center gap-1.5 mt-1.5",children:[(0,t.jsx)(i.Skeleton,{className:"h-2.5 w-16 rounded"}),(0,t.jsx)(i.Skeleton,{className:"h-2.5 w-8 rounded"})]})]})]})})}e.s(["default",0,function(){let{slug:e,workspaceId:i}=(0,a.useWorkspace)(),{decrement:c,increment:d}=(0,r.useFlagCount)(),{openAgentChat:m}=(0,n.useAgentChatSheet)(),[x,g]=(0,s.useState)([]),[f,p]=(0,s.useState)(!0),[j,v]=(0,s.useState)(!1),[N,b]=(0,s.useState)(!1),y=(0,s.useRef)(null),_=(0,s.useRef)(!1),k=(0,s.useCallback)(async()=>{p(!0);try{let e=await (0,l.listFlaggedItems)(i,{limit:30});g(e.items),v(e.has_more)}catch{}finally{p(!1)}},[i]);(0,s.useEffect)(()=>{k()},[k]);let w=(0,s.useCallback)(async()=>{if(!_.current&&j&&0!==x.length){_.current=!0,b(!0);try{let e=x[x.length-1],t=await (0,l.listFlaggedItems)(i,{limit:30,before:e.flagged_at});if(0===t.items.length)return void v(!1);v(t.has_more),g(e=>{let s=new Set(e.map(e=>e.id)),a=t.items.filter(e=>!s.has(e.id));return[...e,...a]})}finally{_.current=!1,b(!1)}}},[i,x,j]),C=(0,s.useCallback)(()=>{let e=y.current;if(!e)return;let t=e.scrollHeight-e.scrollTop-e.clientHeight<200;!N&&j&&t&&w()},[w,N,j]),T=(0,s.useCallback)(async e=>{g(t=>t.filter(t=>t.id!==e.id)),c();try{await (0,l.unflagMessage)(i,e.message_id)}catch{g(t=>[...t,e].sort((e,t)=>t.flagged_at.localeCompare(e.flagged_at))),d()}},[i,c,d]);return(0,t.jsxs)("div",{className:"flex flex-col h-full",children:[(0,t.jsx)("div",{className:"flex items-center justify-between border-b border-border/50 px-3 md:px-5 py-2.5 gap-3",children:(0,t.jsxs)("div",{className:"flex items-center gap-3 min-w-0",children:[(0,t.jsx)("h1",{className:"text-sm font-medium",children:"Flagged"}),(0,t.jsx)("p",{className:"text-xs text-muted-foreground hidden md:block",children:"Messages you flagged for later."})]})}),(0,t.jsx)("div",{ref:y,onScroll:C,className:"flex-1 overflow-y-auto thin-scrollbar",children:f?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(h,{promptWidth:"60%"}),(0,t.jsx)(h,{promptWidth:"45%"}),(0,t.jsx)(h,{promptWidth:"70%"}),(0,t.jsx)(h,{promptWidth:"55%"})]}):0===x.length?(0,t.jsxs)("div",{className:"flex flex-col items-center justify-center h-full text-muted-foreground gap-3 py-20",children:[(0,t.jsx)(o.Flag,{className:"size-10 opacity-30"}),(0,t.jsx)("p",{className:"text-sm",children:"No flagged messages"})]}):(0,t.jsxs)(t.Fragment,{children:[x.map(s=>(0,t.jsx)(u,{item:s,slug:e,onClick:e=>{e.metaKey||e.ctrlKey||e.shiftKey||0!==e.button||(e.preventDefault(),m(s.agent_id,{conversationId:s.conversation_id,messageId:s.message_id}))},onUnflag:()=>T(s)},s.id)),N&&(0,t.jsx)(h,{promptWidth:"50%"})]})})]})}])}]);