@openhands/agent-canvas 1.15.0 → 1.17.0

package/dist/components/features/conversation-panel/conversation-panel.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../utils/status.cjs"),i=require("../../../utils/utils.cjs"),a=require("../../../context/navigation-context.cjs"),ee=require("../../../utils/custom-toast-handlers.cjs"),te=require("../../../contexts/active-backend-context.cjs"),ne=require("../../../hooks/use-backend-scoped-path.cjs"),re=require("../../../node_modules/@heroui/tooltip/dist/chunk-AUA5GDXN.cjs"),ie=require("../../../hooks/use-click-outside-element.cjs"),ae=require("../../../hooks/mutation/use-create-conversation.cjs"),oe=require("../../shared/navigation-link.cjs"),se=require("../../../hooks/mutation/use-delete-conversation.cjs"),ce=require("../../../hooks/mutation/use-unified-stop-conversation.cjs"),le=require("../../../hooks/use-is-creating-conversation.cjs"),ue=require("../../../hooks/mutation/use-update-conversation.cjs"),de=require("./confirm-delete-modal.cjs"),fe=require("./confirm-stop-modal.cjs"),pe=require("../../../hooks/query/use-paginated-conversations.cjs"),me=require("../../../hooks/query/use-resolved-workspaces.cjs"),he=require("../../../hooks/query/use-start-tasks.cjs"),ge=require("./confirm-archive-modal.cjs"),_e=require("./exit-conversation-modal.cjs"),ve=require("./conversation-card/conversation-card.cjs"),ye=require("./conversation-card/conversation-card-preview.cjs"),be=require("./start-task-card/start-task-card.cjs"),xe=require("./conversation-card/conversation-card-skeleton.cjs"),Se=require("./compact-conversation-row.cjs"),o=require("../../../stores/conversation-panel-preferences-store.cjs"),s=require("./conversation-panel-list-helpers.cjs"),Ce=require("./conversation-panel-filter-menu.cjs"),we=require("./conversation-panel-new-thread-picker.cjs"),Te=require("./conversation-group-folder-list.cjs"),Ee=require("./conversation-panel-pinned-section.cjs"),c=require("../../../stores/archived-conversations-store.cjs"),l=require("../../../stores/pinned-conversations-store.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var De=()=>{},Oe=[],f=3600*1e3,ke=e=>{let t=Date.now()-f,n=[],r=[];for(let i of e){let e=i.updated_at?Date.parse(i.updated_at):NaN;Number.isFinite(e)&&e<t?r.push(i):n.push(i)}return{recent:n,older:r}};function p({onClose:e,compact:f=!1}){let{t:p}=t.useTranslation(`openhands`),{conversationId:m,navigate:h}=a.useNavigation(),{backend:g}=te.useActiveBackend(),Ae=ne.useBackendScopedPath(),je=ie.useClickOutsideElement(e??De),[Me,_]=u.default.useState(!1),[Ne,Pe]=u.default.useState(!1),[Fe,Ie]=u.default.useState(!1),[Le,Re]=u.default.useState(!1),[ze,Be]=u.default.useState(!1),v=o.useConversationPanelPreferencesStore(e=>e.showOlderConversations),Ve=o.useConversationPanelPreferencesStore(e=>e.showArchivedConversations),He=o.useConversationPanelPreferencesStore(e=>e.toggleShowArchivedConversations),Ue=o.useConversationPanelPreferencesStore(e=>e.toggleShowOlderConversations),y=o.useConversationPanelPreferencesStore(e=>e.showRepoBranchMetadata),We=o.useConversationPanelPreferencesStore(e=>e.toggleShowRepoBranchMetadata),b=o.useConversationPanelPreferencesStore(e=>e.showLlmProfiles),Ge=o.useConversationPanelPreferencesStore(e=>e.toggleShowLlmProfiles),x=o.useConversationPanelPreferencesStore(e=>e.showTagsMetadata),Ke=o.useConversationPanelPreferencesStore(e=>e.toggleShowTagsMetadata),S=o.useConversationPanelPreferencesStore(e=>e.showHoverMetadata),qe=o.useConversationPanelPreferencesStore(e=>e.toggleShowHoverMetadata),C=o.useConversationPanelPreferencesStore(e=>e.organizeMode),Je=o.useConversationPanelPreferencesStore(e=>e.setOrganizeMode),w=o.useConversationPanelPreferencesStore(e=>e.conversationSort),Ye=o.useConversationPanelPreferencesStore(e=>e.setConversationSort),T=o.useConversationPanelPreferencesStore(e=>e.threadScope),Xe=o.useConversationPanelPreferencesStore(e=>e.setThreadScope),E=o.useConversationPanelPreferencesStore(e=>e.automationFilterMode),Ze=o.useConversationPanelPreferencesStore(e=>e.setAutomationFilterMode),D=o.useConversationPanelPreferencesStore(e=>e.selectedAutomationNames),Qe=o.useConversationPanelPreferencesStore(e=>e.toggleAutomationName),O=o.useConversationPanelPreferencesStore(e=>e.groupFolderOrder),$e=o.useConversationPanelPreferencesStore(e=>e.setGroupFolderOrder),[et,tt]=u.default.useState(!1),[nt,rt]=u.default.useState(!1),it=ie.useClickOutsideElement(()=>{tt(!1)}),[at,ot]=u.default.useState(()=>new Set),[st,ct]=u.default.useState(()=>new Set),[lt,ut]=u.default.useState(!1),k=l.usePinnedConversationsStore(e=>e.pinsByBackendId[g.id]??Oe),dt=l.usePinnedConversationsStore(e=>e.togglePin),ft=l.usePinnedConversationsStore(e=>e.unpinConversation),pt=l.usePinnedConversationsStore(e=>e.pruneMissingConversations),mt=c.useArchivedConversationsStore(e=>e.archivesByBackendId[g.id]??Oe),ht=c.useArchivedConversationsStore(e=>e.archiveConversation),A=u.default.useMemo(()=>new Set(mt),[mt]),j=c.useArchivedConversationsStore(e=>e.removeArchivedConversation),gt=u.default.useCallback(e=>{ot(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]),_t=u.default.useCallback(e=>{ct(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]);u.default.useEffect(()=>{C!==`grouped`&&(ot(new Set),ct(new Set))},[C]);let vt=u.default.useRef(null),[M,N]=u.default.useState(null),[yt,P]=u.default.useState(null),[F,bt]=u.default.useState(null),{data:I,isLoading:xt,isFetched:L,hasNextPage:R,isFetching:St,isFetchingNextPage:z,fetchNextPage:Ct}=pe.usePaginatedConversations(),{workspaces:wt}=me.useResolvedWorkspaces(),{data:Tt}=he.useStartTasks(),B=u.default.useMemo(()=>{let e=I?.pages.flatMap(e=>e.items)??[],t=new Set;return e.filter(e=>t.has(e.id)?!1:(t.add(e.id),!0))},[I]),Et=u.default.useMemo(()=>{let e=new Map;return I?.pages.forEach((t,n)=>{t.items.forEach(t=>{e.has(t.id)||e.set(t.id,n)})}),e},[I]),V=u.default.useMemo(()=>Ve?B:B.filter(e=>!A.has(e.id)),[B,A,Ve]),Dt=u.default.useMemo(()=>s.collectAutomationNameFacets(V),[V]),Ot=u.default.useMemo(()=>{if(f||C!==`grouped`||g.kind!==`local`)return[];let e=e=>e.trim().replace(/\/+$/,``),t=new Map;for(let n of wt){let r=e(n.path);r&&t.set(r,n)}for(let n of V){let r=n.selected_workspace?e(n.selected_workspace):``;if(r&&!t.has(r)){let e=r.split(`/`).filter(Boolean).pop()??r;t.set(r,{id:r,name:e,path:r})}}return Array.from(t.values())},[g.kind,f,V,wt,C]),H=u.default.useMemo(()=>s.applyAutomationConversationFilter(V,E,D,Dt),[E,Dt,V,D]),kt=u.default.useMemo(()=>s.resolvePinnedConversations(k,V),[V,k]);u.default.useEffect(()=>{if(!L)return;let e=I?.pages.flatMap(e=>e.items.map(e=>e.id))??[];pt(g.id,e)},[g.id,I,L,pt]),u.default.useEffect(()=>{k.length===0&&ut(!1)},[k.length]);let At=u.default.useMemo(()=>{let e=T===`relevant`?H.filter(e=>r.isExecutionActive(e.execution_status)):H;return f?e:s.filterOutPinnedConversations(e,k)},[H,f,k,T]),{recent:U,older:W}=u.default.useMemo(()=>ke(At),[At]),jt=u.default.useMemo(()=>s.sortConversationsByField(v?[...U,...W]:U,w),[U,W,v,w]),Mt=u.default.useMemo(()=>({emptyWorkspace:p(n.I18nKey.CONVERSATION_PANEL$NO_WORKSPACE),emptyRepository:p(n.I18nKey.CONVERSATION_PANEL$NO_REPOSITORY)}),[p]),G=u.default.useMemo(()=>f||C!==`grouped`?null:[...U,...v?W:[]],[f,W,C,U,v]),K=u.default.useMemo(()=>G?s.groupConversations(G,g.kind,w,Mt,Ot):null,[g.kind,w,Mt,G,Ot]),Nt=u.default.useMemo(()=>G?s.getGroupDiscoveryConversationIds(G,Et,g.kind,{forceIncludeConversationId:m}):null,[g.kind,Et,m,G]),q=u.default.useMemo(()=>K?s.applyGroupFolderOrder(K,O):null,[K,O]),Pt=u.default.useMemo(()=>K?.map(e=>e.id)??[],[K]),Ft=u.default.useMemo(()=>s.sortConversationsByField(U.filter(e=>r.isExecutionActive(e.execution_status)),w),[w,U]),It=jt.length,Lt=q?.length??0,Rt=C===`grouped`&&!f?Lt===0:It===0,zt=Rt&&E!==`all`&&V.length>0&&H.length===0,J=C===`grouped`&&!f?Lt:It,Y=I?.pages.length??0,[X,Bt]=u.default.useState(null),[Vt,Ht]=u.default.useState(null),Ut=u.default.useRef(J);Ut.current=J;let Wt=u.default.useRef(Y);Wt.current=Y;let Z=u.default.useCallback(()=>{Bt(null),Ht(null)},[]),Gt=u.default.useCallback(()=>{R&&(Bt(Ut.current),Ht(Wt.current))},[R]);u.default.useEffect(()=>{if(X!==null){if(J>X){Z();return}if(C===`grouped`&&!f&&Vt!=null&&Y>=Vt+3){Z();return}if(!(St||z)){if(!R){Z();return}Ct()}}},[Z,f,X,Vt,J,Y,C,R,St,z,Ct]);let Kt=X!==null||z,{mutate:qt,mutateAsync:Jt}=se.useDeleteConversation(),{mutate:Yt}=ce.useUnifiedPauseConversation(),{mutate:Xt}=ue.useUpdateConversation(),Zt=W.length>0&&!v,Qt=!!R&&!Zt&&!f,{mutate:$t}=ae.useCreateConversation(),en=le.useIsCreatingConversation(),tn=u.default.useCallback(e=>{en||$t({workingDir:e.workingDir,repository:e.repository,entryPoint:`sidebar_relaunch_project`},{onSuccess:e=>{h(`/conversations/${e.conversation_id}`)}})},[$t,en,h]),nn=u.default.useCallback((e,t)=>{_(!0),N(e),P(t)},[]),rn=u.default.useCallback((e,t)=>{Pe(!0),N(e),P(t)},[]),an=u.default.useCallback(e=>{j(g.id,e)},[g.id,j]),on=u.default.useCallback(e=>{Ie(!0),N(e)},[]),sn=u.default.useCallback((e,t)=>{Xt({conversationId:e,newTitle:t},{onSuccess:()=>{ee.displaySuccessToast(p(n.I18nKey.CONVERSATION$TITLE_UPDATED))}})},[p,Xt]),cn=()=>{if(M){let e=M;qt({conversationId:e},{onSuccess:()=>{j(g.id,e),e===m&&h(`/conversations`)}})}},ln=()=>{M&&(ht(g.id,M),ft(g.id,M),M===m&&h(`/conversations`))},un=()=>{M&&Yt({conversationId:M})},dn=async()=>{let e=B.map(e=>e.id),t=await Promise.allSettled(e.map(e=>Jt({conversationId:e}))),n=t.flatMap((t,n)=>t.status===`fulfilled`?[e[n]]:[]),r=t.length-n.length;for(let e of n)j(g.id,e);m!==null&&n.includes(m)&&h(`/conversations`),r>0&&ee.displayErrorToast(`${r} conversation${r===1?``:`s`} could not be deleted.`)},Q=u.default.useCallback((t,n)=>{let r=k.includes(t.id),a=A.has(t.id);return f?(0,d.jsx)(Se.CompactConversationRow,{conversationId:t.id,title:t.title??``,selectedRepository:{selected_repository:t.selected_repository,selected_branch:t.selected_branch,git_provider:t.git_provider},executionStatus:t.execution_status,sandboxStatus:t.sandbox_status,lastUpdatedAt:t.updated_at,createdAt:t.created_at,workspaceWorkingDir:t.selected_workspace??t.workspace?.working_dir,isActive:t.id===m,onClose:e,showRepositoryMetadata:y,llmModel:t.llm_model,showLlmProfiles:b,agentKind:t.agent_kind,acpServer:t.acp_server,tags:t.tags,showTags:x},t.id):(0,d.jsx)(re.tooltip_default,{placement:`right-start`,delay:1e3,closeDelay:100,isDisabled:!S||F===t.id,disableAnimation:!1,className:`max-w-none overflow-visible rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl`,content:(0,d.jsx)(ye.ConversationCardPreview,{title:t.title??``,executionStatus:t.execution_status,sandboxStatus:t.sandbox_status,selectedRepository:{selected_repository:t.selected_repository,selected_branch:t.selected_branch,git_provider:t.git_provider},workspaceWorkingDir:t.selected_workspace??t.workspace?.working_dir,llmModel:t.llm_model,agentKind:t.agent_kind,acpServer:t.acp_server,createdAt:t.created_at,tags:t.tags}),children:(0,d.jsx)(oe.NavigationLink,{to:Ae(`/conversations/${t.id}`),onClick:e,className:i.cn(`block rounded-md transition-colors`,F!==t.id&&`hover:bg-[var(--oh-surface)]`,(t.id===m||F===t.id)&&`bg-[var(--oh-surface)]`),children:(0,d.jsx)(ve.ConversationCard,{onDelete:()=>nn(t.id,t.title??``),onArchive:a?void 0:()=>rn(t.id,t.title??``),onUnarchive:a?()=>an(t.id):void 0,onStop:()=>on(t.id),onChangeTitle:e=>sn(t.id,e),title:t.title??``,selectedRepository:{selected_repository:t.selected_repository,selected_branch:t.selected_branch,git_provider:t.git_provider},lastUpdatedAt:t.updated_at,createdAt:t.created_at,executionStatus:t.execution_status,sandboxStatus:t.sandbox_status,conversationId:t.id,contextMenuOpen:F===t.id,onContextMenuToggle:e=>bt(e?t.id:null),isActive:t.id===m,workspaceWorkingDir:t.selected_workspace??t.workspace?.working_dir,showRepositoryMetadata:y,llmModel:t.llm_model,showLlmProfiles:b,agentKind:t.agent_kind,acpServer:t.acp_server,tags:t.tags,showTags:x,isArchived:a,isPinned:r,onTogglePin:()=>dt(g.id,t.id),alwaysShowPinIcon:r&&!n?.inPinnedSection})})},t.id)},[g.id,A,f,m,rn,sn,nn,on,an,e,F,k,y,b,x,S,dt]),$=xt||!L,fn=!f&&!$&&kt.length>0,pn=C===`grouped`&&!f&&q!=null&&q.length>0,mn=L&&!xt&&!f&&Rt&&!fn&&!Tt?.length&&!pn;return(0,d.jsxs)(`div`,{ref:je,"data-testid":`conversation-panel`,className:`flex h-full min-h-0 w-full flex-col`,children:[!f&&(0,d.jsx)(`div`,{className:i.cn(`-ml-2.5 w-[calc(100%+0.625rem)] max-w-none box-border border-b`,nt?`border-[var(--oh-border)]`:`border-transparent`),children:(0,d.jsxs)(`div`,{"data-testid":`older-conversations-summary`,className:`flex min-w-0 flex-nowrap items-center gap-x-2 py-2 pl-4 pr-2.5 text-[var(--oh-muted)]`,children:[(0,d.jsx)(`span`,{className:`min-w-0 truncate text-sm font-medium text-[var(--oh-muted)]`,children:p(n.I18nKey.SIDEBAR$CONVERSATIONS)}),(0,d.jsxs)(`div`,{className:`ml-auto flex shrink-0 items-center gap-0.5`,children:[(0,d.jsx)(we.ConversationPanelNewThreadPicker,{backendKind:g.kind}),(0,d.jsx)(Ce.ConversationPanelFilterMenu,{filterMenuOpen:et,setFilterMenuOpen:tt,menuRef:it,backendKind:g.kind,organizeMode:C,setOrganizeMode:Je,conversationSort:w,setConversationSort:Ye,threadScope:T,setThreadScope:Xe,automationFilterMode:E,setAutomationFilterMode:Ze,selectedAutomationNames:D,onToggleAutomationName:Qe,automationNameFacets:Dt,showOlderConversations:v,showArchivedConversations:Ve,toggleShowArchivedConversations:He,toggleShowOlderConversations:Ue,showRepoBranchMetadata:y,toggleShowRepoBranchMetadata:We,showLlmProfiles:b,toggleShowLlmProfiles:Ge,showTagsMetadata:x,toggleShowTagsMetadata:Ke,showHoverMetadata:S,toggleShowHoverMetadata:qe,totalConversationsCount:B.length,onRequestDeleteAll:()=>Be(!0)})]})]})}),(0,d.jsxs)(`div`,{ref:vt,"data-testid":`conversation-panel-list-scroll`,onScroll:e=>{rt(e.currentTarget.scrollTop>0)},className:i.cn(`flex min-h-0 flex-1 flex-col overflow-y-auto overflow-x-hidden overscroll-contain custom-scrollbar-always`,!f&&`conversation-panel-list-scroll`),children:[$&&(0,d.jsx)(xe.ConversationCardSkeleton,{compact:f}),!f&&mn&&(0,d.jsx)(`div`,{"data-testid":`conversation-panel-empty-state`,className:`flex min-h-0 flex-1 flex-col items-center justify-center px-4 py-8`,children:(0,d.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)]`,children:p(zt?n.I18nKey.CONVERSATION_PANEL$NO_AUTOMATION_MATCHES:n.I18nKey.CONVERSATION$NO_CONVERSATIONS)})}),fn?(0,d.jsx)(Ee.ConversationPanelPinnedSection,{pinnedConversations:kt,isPreviewExpanded:lt,onTogglePreviewExpanded:()=>ut(e=>!e),activeConversationId:m,showDivider:!f&&C===`chronological`,renderConversationCard:e=>Q(e,{inPinnedSection:!0})}):null,!f&&Tt?.map(t=>(0,d.jsx)(oe.NavigationLink,{to:Ae(`/conversations/task-${t.id}`),onClick:e,className:`block`,children:(0,d.jsx)(be.StartTaskCard,{task:t})},t.id)),!$&&f?Ft.map(e=>Q(e)):null,!$&&!f&&C===`grouped`&&q&&q.length>0?(0,d.jsx)(Te.ConversationGroupFolderList,{groups:q,groupIds:Pt,groupFolderOrder:O,setGroupFolderOrder:$e,collapsedGroupIds:at,expandedGroupPreviewIds:st,discoveryConversationIds:Nt,onToggleGroupCollapsed:gt,onToggleGroupPreviewExpanded:_t,isCreatingConversationFlow:en,activeConversationId:m,onLaunchFromGroup:tn,renderConversationCard:e=>Q(e)}):null,!$&&!f&&C===`chronological`?(0,d.jsx)(`div`,{className:`space-y-0.5`,children:jt.map(e=>Q(e))}):null,Qt&&(Kt?(0,d.jsx)(`div`,{className:`py-1`,children:(0,d.jsx)(xe.ConversationCardSkeleton,{compact:f})}):(0,d.jsx)(`div`,{className:`flex justify-center py-4`,children:(0,d.jsx)(`button`,{type:`button`,"data-testid":`load-more-conversations`,onClick:Gt,className:`text-xs text-[var(--oh-muted)] hover:text-white`,children:p(n.I18nKey.CONVERSATION$LOAD_MORE)})}))]}),Me&&(0,d.jsx)(de.ConfirmDeleteModal,{onConfirm:()=>{cn(),_(!1),P(null)},onCancel:()=>{_(!1),P(null)},conversationTitle:yt??void 0}),Ne&&(0,d.jsx)(ge.ConfirmArchiveModal,{onConfirm:()=>{ln(),Pe(!1),P(null)},onCancel:()=>{Pe(!1),P(null)},conversationTitle:yt??void 0}),ze&&(0,d.jsx)(de.ConfirmDeleteModal,{title:p(n.I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_TITLE),description:p(n.I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_DESC,{count:B.length}),onConfirm:async()=>{await dn(),Be(!1)},onCancel:()=>Be(!1)}),Fe&&(0,d.jsx)(fe.ConfirmStopModal,{onConfirm:()=>{un(),Ie(!1)},onCancel:()=>Ie(!1)}),Le&&(0,d.jsx)(_e.ExitConversationModal,{onConfirm:()=>{e?.()},onClose:()=>Re(!1),onCancel:()=>Re(!1)})]})}exports.ConversationPanel=p;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../utils/status.cjs"),ee=require("../../../utils/utils.cjs"),i=require("../../../context/navigation-context.cjs"),te=require("../../../utils/custom-toast-handlers.cjs"),ne=require("../../../contexts/active-backend-context.cjs"),re=require("../../../hooks/use-backend-scoped-path.cjs"),ie=require("../../../node_modules/@heroui/tooltip/dist/chunk-AUA5GDXN.cjs"),ae=require("../../../hooks/use-click-outside-element.cjs"),oe=require("../../../hooks/mutation/use-create-conversation.cjs"),se=require("../../shared/navigation-link.cjs"),ce=require("../../../hooks/mutation/use-delete-conversation.cjs"),le=require("../../../hooks/mutation/use-unified-stop-conversation.cjs"),ue=require("../../../hooks/use-is-creating-conversation.cjs"),de=require("../../../hooks/mutation/use-update-conversation.cjs"),fe=require("./confirm-delete-modal.cjs"),pe=require("./confirm-stop-modal.cjs"),me=require("../../../hooks/query/use-paginated-conversations.cjs"),he=require("../../../hooks/query/use-resolved-workspaces.cjs"),ge=require("../../../hooks/query/use-start-tasks.cjs"),_e=require("./confirm-archive-modal.cjs"),ve=require("./exit-conversation-modal.cjs"),ye=require("../../../hooks/mutation/use-update-conversation-tags.cjs"),be=require("./edit-conversation-tags-modal.cjs"),xe=require("./conversation-card/conversation-card.cjs"),Se=require("./conversation-card/conversation-card-preview.cjs"),Ce=require("./start-task-card/start-task-card.cjs"),we=require("./conversation-card/conversation-card-skeleton.cjs"),Te=require("./compact-conversation-row.cjs"),a=require("./conversation-panel-list-helpers.cjs"),o=require("../../../stores/conversation-panel-preferences-store.cjs"),Ee=require("./conversation-layouts-menu.cjs"),De=require("./conversation-active-tag-filters.cjs"),Oe=require("./conversation-panel-new-thread-picker.cjs"),ke=require("./conversation-group-folder-list.cjs"),Ae=require("./conversation-panel-pinned-section.cjs"),je=require("../../../stores/archived-conversations-store.cjs"),s=require("../../../stores/pinned-conversations-store.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var Me=()=>{},Ne=[];function u({onClose:e,compact:u=!1}){let{t:d}=t.useTranslation(`openhands`),{conversationId:f,navigate:p}=i.useNavigation(),{backend:m}=ne.useActiveBackend(),Pe=re.useBackendScopedPath(),Fe=ae.useClickOutsideElement(e??Me),[Ie,h]=c.default.useState(!1),[Le,g]=c.default.useState(!1),[Re,_]=c.default.useState(!1),[ze,v]=c.default.useState(!1),[Be,Ve]=c.default.useState(!1),[He,Ue]=c.default.useState(!1),y=o.useConversationPanelPreferencesStore(e=>e.showOlderConversations),We=o.useConversationPanelPreferencesStore(e=>e.olderConversationCutoff),Ge=o.useConversationPanelPreferencesStore(e=>e.showArchivedConversations),b=o.useConversationPanelPreferencesStore(e=>e.showRepoBranchMetadata),x=o.useConversationPanelPreferencesStore(e=>e.showLlmProfiles),Ke=o.useConversationPanelPreferencesStore(e=>e.showTagsMetadata),qe=o.useConversationPanelPreferencesStore(e=>e.showHoverMetadata),S=o.useConversationPanelPreferencesStore(e=>e.organizeMode),C=o.useConversationPanelPreferencesStore(e=>e.conversationSort),Je=o.useConversationPanelPreferencesStore(e=>e.threadScope),w=o.useConversationPanelPreferencesStore(e=>e.automationFilterMode),T=o.useConversationPanelPreferencesStore(e=>e.selectedAutomationNames),E=o.useConversationPanelPreferencesStore(e=>e.selectedTagFacets),Ye=o.useConversationPanelPreferencesStore(e=>e.toggleTagFacet),Xe=o.useConversationPanelPreferencesStore(e=>e.toggleAutomationName),Ze=o.useConversationPanelPreferencesStore(e=>e.clearFilterSelections),Qe=o.useConversationPanelPreferencesStore(e=>e.groupFolderOrder),$e=o.useConversationPanelPreferencesStore(e=>e.setGroupFolderOrder),[et,tt]=c.default.useState(!1),[nt,rt]=c.default.useState(!1),it=ae.useClickOutsideElement(()=>{tt(!1)}),[at,ot]=c.default.useState(()=>new Set),[st,ct]=c.default.useState(()=>new Set),[lt,ut]=c.default.useState(!1),D=s.usePinnedConversationsStore(e=>e.pinsByBackendId[m.id]??Ne),dt=s.usePinnedConversationsStore(e=>e.togglePin),ft=s.usePinnedConversationsStore(e=>e.unpinConversation),pt=s.usePinnedConversationsStore(e=>e.pruneMissingConversations),mt=je.useArchivedConversationsStore(e=>e.archivesByBackendId[m.id]??Ne),ht=je.useArchivedConversationsStore(e=>e.archiveConversation),O=c.default.useMemo(()=>new Set(mt),[mt]),k=je.useArchivedConversationsStore(e=>e.removeArchivedConversation),gt=c.default.useCallback(e=>{ot(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]),_t=c.default.useCallback(e=>{ct(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]);c.default.useEffect(()=>{S!==`grouped`&&(ot(new Set),ct(new Set))},[S]);let vt=c.default.useRef(null),[A,j]=c.default.useState(null),[yt,M]=c.default.useState(null),[N,bt]=c.default.useState(null),{data:P,isLoading:xt,isFetched:F,hasNextPage:I,isFetching:St,isFetchingNextPage:Ct,fetchNextPage:wt}=me.usePaginatedConversations(),{workspaces:Tt}=he.useResolvedWorkspaces(),{data:Et}=ge.useStartTasks(),L=c.default.useMemo(()=>{let e=P?.pages.flatMap(e=>e.items)??[],t=new Set;return e.filter(e=>t.has(e.id)?!1:(t.add(e.id),!0))},[P]),Dt=c.default.useMemo(()=>{let e=new Map;return P?.pages.forEach((t,n)=>{t.items.forEach(t=>{e.has(t.id)||e.set(t.id,n)})}),e},[P]),R=c.default.useMemo(()=>Ge?L:L.filter(e=>!O.has(e.id)),[L,O,Ge]),z=c.default.useMemo(()=>a.collectAutomationNameFacets(R),[R]),Ot=c.default.useMemo(()=>{if(u||S!==`grouped`||m.kind!==`local`)return[];let e=e=>e.trim().replace(/\/+$/,``),t=new Map;for(let n of Tt){let r=e(n.path);r&&t.set(r,n)}for(let n of R){let r=n.selected_workspace?e(n.selected_workspace):``;if(r&&!t.has(r)){let e=r.split(`/`).filter(Boolean).pop()??r;t.set(r,{id:r,name:e,path:r})}}return Array.from(t.values())},[m.kind,u,R,Tt,S]),B=c.default.useMemo(()=>a.applyAutomationConversationFilter(R,w,T,z),[w,z,R,T]),V=c.default.useMemo(()=>a.collectTagFacets(R),[R]),H=c.default.useMemo(()=>a.applyTagConversationFilter(B,E,V),[B,E,V]),kt=c.default.useMemo(()=>a.resolvePinnedConversations(D,R),[R,D]);c.default.useEffect(()=>{if(!F)return;let e=P?.pages.flatMap(e=>e.items.map(e=>e.id))??[];pt(m.id,e)},[m.id,P,F,pt]),c.default.useEffect(()=>{D.length===0&&ut(!1)},[D.length]);let At=c.default.useMemo(()=>{let e=Je===`relevant`?H.filter(e=>r.isExecutionActive(e.execution_status)):H;return u?e:a.filterOutPinnedConversations(e,D)},[H,u,D,Je]),{recent:U,older:W}=c.default.useMemo(()=>a.partitionByCutoff(At,a.OLDER_CONVERSATION_CUTOFF_MS[a.isOlderConversationCutoff(We)?We:`7d`]),[We,At]),jt=c.default.useMemo(()=>a.sortConversationsByField(y?[...U,...W]:U,C),[U,W,y,C]),Mt=c.default.useMemo(()=>({emptyWorkspace:d(n.I18nKey.CONVERSATION_PANEL$NO_WORKSPACE),emptyRepository:d(n.I18nKey.CONVERSATION_PANEL$NO_REPOSITORY)}),[d]),G=c.default.useMemo(()=>u||S!==`grouped`?null:[...U,...y?W:[]],[u,W,S,U,y]),K=c.default.useMemo(()=>G?a.groupConversations(G,m.kind,C,Mt,Ot):null,[m.kind,C,Mt,G,Ot]),Nt=c.default.useMemo(()=>G?a.getGroupDiscoveryConversationIds(G,Dt,m.kind,{forceIncludeConversationId:f}):null,[m.kind,Dt,f,G]),q=c.default.useMemo(()=>K?a.applyGroupFolderOrder(K,Qe):null,[K,Qe]),Pt=c.default.useMemo(()=>K?.map(e=>e.id)??[],[K]),Ft=c.default.useMemo(()=>a.sortConversationsByField(U.filter(e=>r.isExecutionActive(e.execution_status)),C),[C,U]),It=jt.length,Lt=q?.length??0,Rt=S===`grouped`&&!u?Lt===0:It===0,zt=Rt&&w!==`all`&&R.length>0&&B.length===0,Bt=Rt&&E.length>0&&B.length>0&&H.length===0,J=S===`grouped`&&!u?Lt:It,Y=P?.pages.length??0,[X,Vt]=c.default.useState(null),[Ht,Ut]=c.default.useState(null),Wt=c.default.useRef(J);Wt.current=J;let Gt=c.default.useRef(Y);Gt.current=Y;let Z=c.default.useCallback(()=>{Vt(null),Ut(null)},[]),Kt=c.default.useCallback(()=>{I&&(Vt(Wt.current),Ut(Gt.current))},[I]);c.default.useEffect(()=>{if(X!==null){if(J>X){Z();return}if(S===`grouped`&&!u&&Ht!=null&&Y>=Ht+3){Z();return}if(!(St||Ct)){if(!I){Z();return}wt()}}},[Z,u,X,Ht,J,Y,S,I,St,Ct,wt]);let qt=X!==null||Ct,{mutate:Jt,mutateAsync:Yt}=ce.useDeleteConversation(),{mutate:Xt}=le.useUnifiedPauseConversation(),{mutate:Zt}=de.useUpdateConversation(),{mutate:Qt}=ye.useUpdateConversationTags(),$t=W.length>0&&!y,en=!!I&&!$t&&!u,{mutate:tn}=oe.useCreateConversation(),nn=ue.useIsCreatingConversation(),rn=c.default.useCallback(e=>{nn||tn({workingDir:e.workingDir,repository:e.repository,entryPoint:`sidebar_relaunch_project`},{onSuccess:e=>{p(`/conversations/${e.conversation_id}`)}})},[tn,nn,p]),an=c.default.useCallback((e,t)=>{h(!0),j(e),M(t)},[]),on=c.default.useCallback((e,t)=>{g(!0),j(e),M(t)},[]),sn=c.default.useCallback(e=>{_(!0),j(e)},[]),cn=c.default.useCallback(e=>{A&&Qt({conversationId:A,tags:e},{onSuccess:()=>{te.displaySuccessToast(d(n.I18nKey.CONVERSATION$TAGS_UPDATED))}})},[A,d,Qt]),ln=c.default.useCallback(e=>{k(m.id,e)},[m.id,k]),un=c.default.useCallback(e=>{v(!0),j(e)},[]),dn=c.default.useCallback((e,t)=>{Zt({conversationId:e,newTitle:t},{onSuccess:()=>{te.displaySuccessToast(d(n.I18nKey.CONVERSATION$TITLE_UPDATED))}})},[d,Zt]),fn=()=>{if(A){let e=A;Jt({conversationId:e},{onSuccess:()=>{k(m.id,e),e===f&&p(`/conversations`)}})}},pn=()=>{A&&(ht(m.id,A),ft(m.id,A),A===f&&p(`/conversations`))},mn=()=>{A&&Xt({conversationId:A})},hn=async()=>{let e=L.map(e=>e.id),t=await Promise.allSettled(e.map(e=>Yt({conversationId:e}))),n=t.flatMap((t,n)=>t.status===`fulfilled`?[e[n]]:[]),r=t.length-n.length;for(let e of n)k(m.id,e);f!==null&&n.includes(f)&&p(`/conversations`),r>0&&te.displayErrorToast(`${r} conversation${r===1?``:`s`} could not be deleted.`)},Q=c.default.useCallback((t,n)=>{let r=D.includes(t.id),i=O.has(t.id);return u?(0,l.jsx)(Te.CompactConversationRow,{conversationId:t.id,title:t.title??``,selectedRepository:{selected_repository:t.selected_repository,selected_branch:t.selected_branch,git_provider:t.git_provider},executionStatus:t.execution_status,sandboxStatus:t.sandbox_status,lastUpdatedAt:t.updated_at,createdAt:t.created_at,workspaceWorkingDir:t.selected_workspace??t.workspace?.working_dir,isActive:t.id===f,onClose:e,showRepositoryMetadata:b,llmModel:t.llm_model,showLlmProfiles:x,agentKind:t.agent_kind,acpServer:t.acp_server,tags:t.tags,showTags:Ke},t.id):(0,l.jsx)(ie.tooltip_default,{placement:`right-start`,delay:1e3,closeDelay:100,isDisabled:!qe||N===t.id,disableAnimation:!1,className:`max-w-none overflow-visible rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl`,content:(0,l.jsx)(Se.ConversationCardPreview,{title:t.title??``,executionStatus:t.execution_status,sandboxStatus:t.sandbox_status,selectedRepository:{selected_repository:t.selected_repository,selected_branch:t.selected_branch,git_provider:t.git_provider},workspaceWorkingDir:t.selected_workspace??t.workspace?.working_dir,llmModel:t.llm_model,agentKind:t.agent_kind,acpServer:t.acp_server,createdAt:t.created_at,tags:t.tags}),children:(0,l.jsx)(se.NavigationLink,{to:Pe(`/conversations/${t.id}`),onClick:e,className:ee.cn(`block rounded-md transition-colors`,N!==t.id&&`hover:bg-[var(--oh-surface)]`,(t.id===f||N===t.id)&&`bg-[var(--oh-surface)]`),children:(0,l.jsx)(xe.ConversationCard,{onDelete:()=>an(t.id,t.title??``),onArchive:i?void 0:()=>on(t.id,t.title??``),onUnarchive:i?()=>ln(t.id):void 0,onStop:()=>un(t.id),onEditTags:m.kind===`local`?()=>sn(t.id):void 0,onChangeTitle:e=>dn(t.id,e),title:t.title??``,selectedRepository:{selected_repository:t.selected_repository,selected_branch:t.selected_branch,git_provider:t.git_provider},lastUpdatedAt:t.updated_at,createdAt:t.created_at,executionStatus:t.execution_status,sandboxStatus:t.sandbox_status,conversationId:t.id,contextMenuOpen:N===t.id,onContextMenuToggle:e=>bt(e?t.id:null),isActive:t.id===f,workspaceWorkingDir:t.selected_workspace??t.workspace?.working_dir,showRepositoryMetadata:b,llmModel:t.llm_model,showLlmProfiles:x,agentKind:t.agent_kind,acpServer:t.acp_server,tags:t.tags,showTags:Ke,isArchived:i,isPinned:r,onTogglePin:()=>dt(m.id,t.id),alwaysShowPinIcon:r&&!n?.inPinnedSection})})},t.id)},[m.id,m.kind,O,u,f,on,dn,an,sn,un,ln,e,N,D,b,x,Ke,qe,dt]),$=xt||!F,gn=!u&&!$&&kt.length>0,_n=S===`grouped`&&!u&&q!=null&&q.length>0,vn=F&&!xt&&!u&&Rt&&!gn&&!Et?.length&&!_n;return(0,l.jsxs)(`div`,{ref:Fe,"data-testid":`conversation-panel`,className:`flex h-full min-h-0 w-full flex-col`,children:[!u&&(0,l.jsx)(`div`,{className:ee.cn(`-ml-2.5 w-[calc(100%+0.625rem)] max-w-none box-border border-b`,nt?`border-[var(--oh-border)]`:`border-transparent`),children:(0,l.jsxs)(`div`,{"data-testid":`older-conversations-summary`,className:`flex min-w-0 flex-nowrap items-center gap-x-2 py-2 pl-4 pr-2.5 text-[var(--oh-muted)]`,children:[(0,l.jsx)(`span`,{className:`min-w-0 truncate text-sm font-medium text-[var(--oh-muted)]`,children:d(n.I18nKey.SIDEBAR$CONVERSATIONS)}),(0,l.jsxs)(`div`,{className:`ml-auto flex shrink-0 items-center gap-0.5`,children:[(0,l.jsx)(Oe.ConversationPanelNewThreadPicker,{backendKind:m.kind}),(0,l.jsx)(Ee.ConversationLayoutsMenu,{menuOpen:et,setMenuOpen:tt,menuRef:it,backendKind:m.kind,tagFacets:V,automationNameFacets:z,totalConversationsCount:L.length,onRequestDeleteAll:()=>Ue(!0)})]})]})}),!u&&(0,l.jsx)(De.ConversationActiveTagFilters,{selectedFacets:E,onToggleFacet:Ye,selectedAutomationNames:T,onToggleAutomationName:Xe,onClearAll:Ze}),(0,l.jsxs)(`div`,{ref:vt,"data-testid":`conversation-panel-list-scroll`,onScroll:e=>{rt(e.currentTarget.scrollTop>0)},className:ee.cn(`flex min-h-0 flex-1 flex-col overflow-y-auto overflow-x-hidden overscroll-contain custom-scrollbar-always`,!u&&`conversation-panel-list-scroll`),children:[$&&(0,l.jsx)(we.ConversationCardSkeleton,{compact:u}),!u&&vn&&(0,l.jsx)(`div`,{"data-testid":`conversation-panel-empty-state`,className:`flex min-h-0 flex-1 flex-col items-center justify-center px-4 py-8`,children:(0,l.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)]`,children:d(zt?n.I18nKey.CONVERSATION_PANEL$NO_AUTOMATION_MATCHES:Bt?n.I18nKey.CONVERSATION_PANEL$NO_TAG_MATCHES:n.I18nKey.CONVERSATION$NO_CONVERSATIONS)})}),gn?(0,l.jsx)(Ae.ConversationPanelPinnedSection,{pinnedConversations:kt,isPreviewExpanded:lt,onTogglePreviewExpanded:()=>ut(e=>!e),activeConversationId:f,showDivider:!u&&S===`chronological`,renderConversationCard:e=>Q(e,{inPinnedSection:!0})}):null,!u&&Et?.map(t=>(0,l.jsx)(se.NavigationLink,{to:Pe(`/conversations/task-${t.id}`),onClick:e,className:`block`,children:(0,l.jsx)(Ce.StartTaskCard,{task:t})},t.id)),!$&&u?Ft.map(e=>Q(e)):null,!$&&!u&&S===`grouped`&&q&&q.length>0?(0,l.jsx)(ke.ConversationGroupFolderList,{groups:q,groupIds:Pt,groupFolderOrder:Qe,setGroupFolderOrder:$e,collapsedGroupIds:at,expandedGroupPreviewIds:st,discoveryConversationIds:Nt,onToggleGroupCollapsed:gt,onToggleGroupPreviewExpanded:_t,isCreatingConversationFlow:nn,activeConversationId:f,onLaunchFromGroup:rn,renderConversationCard:e=>Q(e)}):null,!$&&!u&&S===`chronological`?(0,l.jsx)(`div`,{className:`space-y-0.5`,children:jt.map(e=>Q(e))}):null,en&&(qt?(0,l.jsx)(`div`,{className:`py-1`,children:(0,l.jsx)(we.ConversationCardSkeleton,{compact:u})}):(0,l.jsx)(`div`,{className:`flex justify-center py-4`,children:(0,l.jsx)(`button`,{type:`button`,"data-testid":`load-more-conversations`,onClick:Kt,className:`text-xs text-[var(--oh-muted)] hover:text-white`,children:d(n.I18nKey.CONVERSATION$LOAD_MORE)})}))]}),Ie&&(0,l.jsx)(fe.ConfirmDeleteModal,{onConfirm:()=>{fn(),h(!1),M(null)},onCancel:()=>{h(!1),M(null)},conversationTitle:yt??void 0}),Le&&(0,l.jsx)(_e.ConfirmArchiveModal,{onConfirm:()=>{pn(),g(!1),M(null)},onCancel:()=>{g(!1),M(null)},conversationTitle:yt??void 0}),Re&&(0,l.jsx)(be.EditConversationTagsModal,{tags:L.find(e=>e.id===A)?.tags,onConfirm:e=>{cn(e),_(!1)},onCancel:()=>_(!1)}),He&&(0,l.jsx)(fe.ConfirmDeleteModal,{title:d(n.I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_TITLE),description:d(n.I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_DESC,{count:L.length}),onConfirm:async()=>{await hn(),Ue(!1)},onCancel:()=>Ue(!1)}),ze&&(0,l.jsx)(pe.ConfirmStopModal,{onConfirm:()=>{mn(),v(!1)},onCancel:()=>v(!1)}),Be&&(0,l.jsx)(ve.ExitConversationModal,{onConfirm:()=>{e?.()},onClose:()=>Ve(!1),onCancel:()=>Ve(!1)})]})}exports.ConversationPanel=u;
 //# sourceMappingURL=conversation-panel.cjs.map

package/dist/components/features/conversation-panel/conversation-panel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-panel.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/conversation-panel.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tooltip } from \"@heroui/react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useBackendScopedPath } from \"#/hooks/use-backend-scoped-path\";\nimport { usePaginatedConversations } from \"#/hooks/query/use-paginated-conversations\";\nimport { useResolvedWorkspaces } from \"#/hooks/query/use-resolved-workspaces\";\nimport { useStartTasks } from \"#/hooks/query/use-start-tasks\";\nimport { useDeleteConversation } from \"#/hooks/mutation/use-delete-conversation\";\nimport { useUnifiedPauseConversation } from \"#/hooks/mutation/use-unified-stop-conversation\";\nimport { ConfirmArchiveModal } from \"./confirm-archive-modal\";\nimport { ConfirmDeleteModal } from \"./confirm-delete-modal\";\nimport { ConfirmStopModal } from \"./confirm-stop-modal\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { ExitConversationModal } from \"./exit-conversation-modal\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { Provider } from \"#/types/settings\";\nimport type { LocalWorkspace } from \"#/types/workspace\";\nimport { useUpdateConversation } from \"#/hooks/mutation/use-update-conversation\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { isExecutionActive } from \"#/utils/status\";\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { useIsCreatingConversation } from \"#/hooks/use-is-creating-conversation\";\nimport { ConversationCard } from \"./conversation-card/conversation-card\";\nimport { ConversationCardPreview } from \"./conversation-card/conversation-card-preview\";\nimport { StartTaskCard } from \"./start-task-card/start-task-card\";\nimport { ConversationCardSkeleton } from \"./conversation-card/conversation-card-skeleton\";\nimport { CompactConversationRow } from \"./compact-conversation-row\";\nimport { useConversationPanelPreferencesStore } from \"#/stores/conversation-panel-preferences-store\";\nimport { cn } from \"#/utils/utils\";\nimport { ConversationPanelFilterMenu } from \"./conversation-panel-filter-menu\";\nimport { ConversationPanelNewThreadPicker } from \"./conversation-panel-new-thread-picker\";\nimport { ConversationGroupFolderList } from \"./conversation-group-folder-list\";\nimport { ConversationPanelPinnedSection } from \"./conversation-panel-pinned-section\";\nimport {\n  applyAutomationConversationFilter,\n  applyGroupFolderOrder,\n  collectAutomationNameFacets,\n  filterOutPinnedConversations,\n  getGroupDiscoveryConversationIds,\n  groupConversations,\n  MAX_PAGES_PER_LOAD_MORE_CLICK,\n  resolvePinnedConversations,\n  sortConversationsByField,\n  type ConversationGroupLaunch,\n} from \"./conversation-panel-list-helpers\";\nimport { useArchivedConversationsStore } from \"#/stores/archived-conversations-store\";\nimport { usePinnedConversationsStore } from \"#/stores/pinned-conversations-store\";\n\ninterface ConversationPanelProps {\n  onClose?: () => void;\n  /**\n   * Render a minimal icon-only variant of each conversation row (used by the\n   * collapsed sidebar). Each row is a single status dot with a hover preview\n   * containing the full card content.\n   */\n  compact?: boolean;\n}\n\nconst noop = () => {};\n\nconst EMPTY_PINNED_CONVERSATION_IDS: readonly string[] = [];\n\nconst ONE_HOUR_MS = 60 * 60 * 1000;\n\nconst partitionByCutoff = <T extends { updated_at: string }>(\n  items: readonly T[],\n): { recent: T[]; older: T[] } => {\n  // The cutoff is intentionally relative to \"now\" each time the list is\n  // recomputed, so conversations naturally age into the older bucket as the\n  // conversations query refreshes.\n  const cutoff = Date.now() - ONE_HOUR_MS;\n  const recent: T[] = [];\n  const older: T[] = [];\n  for (const item of items) {\n    const updatedAt = item.updated_at ? Date.parse(item.updated_at) : NaN;\n    // Missing or unparseable timestamps stay in the \"recent\" bucket so we\n    // do not accidentally hide them behind the older-conversations toggle.\n    if (Number.isFinite(updatedAt) && updatedAt < cutoff) {\n      older.push(item);\n    } else {\n      recent.push(item);\n    }\n  }\n  return { recent, older };\n};\n\nexport function ConversationPanel({\n  onClose,\n  compact = false,\n}: ConversationPanelProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId: currentConversationId, navigate } = useNavigation();\n  const { backend: activeBackend } = useActiveBackend();\n  const backendScopedPath = useBackendScopedPath();\n  // Click-outside is only relevant in the legacy drawer mode where an\n  // onClose handler is provided. When the panel is rendered inline (e.g.\n  // as the always-visible conversation list pane), clicking outside should\n  // not dismiss the list, so we pass a no-op callback in that case.\n  const ref = useClickOutsideElement<HTMLDivElement>(onClose ?? noop);\n\n  const [confirmDeleteModalVisible, setConfirmDeleteModalVisible] =\n    React.useState(false);\n  const [confirmArchiveModalVisible, setConfirmArchiveModalVisible] =\n    React.useState(false);\n  const [confirmStopModalVisible, setConfirmStopModalVisible] =\n    React.useState(false);\n  const [\n    confirmExitConversationModalVisible,\n    setConfirmExitConversationModalVisible,\n  ] = React.useState(false);\n  const [confirmDeleteAllVisible, setConfirmDeleteAllVisible] =\n    React.useState(false);\n  const showOlderConversations = useConversationPanelPreferencesStore(\n    (state) => state.showOlderConversations,\n  );\n  const showArchivedConversations = useConversationPanelPreferencesStore(\n    (state) => state.showArchivedConversations,\n  );\n  const toggleShowArchivedConversations = useConversationPanelPreferencesStore(\n    (state) => state.toggleShowArchivedConversations,\n  );\n  const toggleShowOlderConversations = useConversationPanelPreferencesStore(\n    (state) => state.toggleShowOlderConversations,\n  );\n  const showRepoBranchMetadata = useConversationPanelPreferencesStore(\n    (state) => state.showRepoBranchMetadata,\n  );\n  const toggleShowRepoBranchMetadata = useConversationPanelPreferencesStore(\n    (state) => state.toggleShowRepoBranchMetadata,\n  );\n  const showLlmProfiles = useConversationPanelPreferencesStore(\n    (state) => state.showLlmProfiles,\n  );\n  const toggleShowLlmProfiles = useConversationPanelPreferencesStore(\n    (state) => state.toggleShowLlmProfiles,\n  );\n  const showTagsMetadata = useConversationPanelPreferencesStore(\n    (state) => state.showTagsMetadata,\n  );\n  const toggleShowTagsMetadata = useConversationPanelPreferencesStore(\n    (state) => state.toggleShowTagsMetadata,\n  );\n  const showHoverMetadata = useConversationPanelPreferencesStore(\n    (state) => state.showHoverMetadata,\n  );\n  const toggleShowHoverMetadata = useConversationPanelPreferencesStore(\n    (state) => state.toggleShowHoverMetadata,\n  );\n  const organizeMode = useConversationPanelPreferencesStore(\n    (state) => state.organizeMode,\n  );\n  const setOrganizeMode = useConversationPanelPreferencesStore(\n    (state) => state.setOrganizeMode,\n  );\n  const conversationSort = useConversationPanelPreferencesStore(\n    (state) => state.conversationSort,\n  );\n  const setConversationSort = useConversationPanelPreferencesStore(\n    (state) => state.setConversationSort,\n  );\n  const threadScope = useConversationPanelPreferencesStore(\n    (state) => state.threadScope,\n  );\n  const setThreadScope = useConversationPanelPreferencesStore(\n    (state) => state.setThreadScope,\n  );\n  const automationFilterMode = useConversationPanelPreferencesStore(\n    (state) => state.automationFilterMode,\n  );\n  const setAutomationFilterMode = useConversationPanelPreferencesStore(\n    (state) => state.setAutomationFilterMode,\n  );\n  const selectedAutomationNames = useConversationPanelPreferencesStore(\n    (state) => state.selectedAutomationNames,\n  );\n  const toggleAutomationName = useConversationPanelPreferencesStore(\n    (state) => state.toggleAutomationName,\n  );\n  const groupFolderOrder = useConversationPanelPreferencesStore(\n    (state) => state.groupFolderOrder,\n  );\n  const setGroupFolderOrder = useConversationPanelPreferencesStore(\n    (state) => state.setGroupFolderOrder,\n  );\n  const [filterMenuOpen, setFilterMenuOpen] = React.useState(false);\n  const [isListScrolled, setIsListScrolled] = React.useState(false);\n  const filterMenuRef = useClickOutsideElement<HTMLDivElement>(() => {\n    setFilterMenuOpen(false);\n  });\n  const [collapsedGroupIds, setCollapsedGroupIds] = React.useState<\n    ReadonlySet<string>\n  >(() => new Set());\n  const [expandedGroupPreviewIds, setExpandedGroupPreviewIds] = React.useState<\n    ReadonlySet<string>\n  >(() => new Set());\n  const [expandedPinnedPreview, setExpandedPinnedPreview] =\n    React.useState(false);\n\n  const pinnedIds = usePinnedConversationsStore(\n    (state) =>\n      state.pinsByBackendId[activeBackend.id] ?? EMPTY_PINNED_CONVERSATION_IDS,\n  );\n  const togglePin = usePinnedConversationsStore((state) => state.togglePin);\n  const unpinConversation = usePinnedConversationsStore(\n    (state) => state.unpinConversation,\n  );\n  const pruneMissingPinnedConversations = usePinnedConversationsStore(\n    (state) => state.pruneMissingConversations,\n  );\n  const archivedIds = useArchivedConversationsStore(\n    (state) =>\n      state.archivesByBackendId[activeBackend.id] ??\n      EMPTY_PINNED_CONVERSATION_IDS,\n  );\n  const archiveConversation = useArchivedConversationsStore(\n    (state) => state.archiveConversation,\n  );\n  const archivedIdSet = React.useMemo(\n    () => new Set(archivedIds),\n    [archivedIds],\n  );\n  const removeArchivedConversation = useArchivedConversationsStore(\n    (state) => state.removeArchivedConversation,\n  );\n\n  const toggleGroupCollapsed = React.useCallback((groupId: string) => {\n    setCollapsedGroupIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(groupId)) {\n        next.delete(groupId);\n      } else {\n        next.add(groupId);\n      }\n      return next;\n    });\n  }, []);\n\n  const toggleGroupPreviewExpanded = React.useCallback((groupId: string) => {\n    setExpandedGroupPreviewIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(groupId)) {\n        next.delete(groupId);\n      } else {\n        next.add(groupId);\n      }\n      return next;\n    });\n  }, []);\n\n  React.useEffect(() => {\n    if (organizeMode !== \"grouped\") {\n      setCollapsedGroupIds(new Set());\n      setExpandedGroupPreviewIds(new Set());\n    }\n  }, [organizeMode]);\n\n  const scrollContainerRef = React.useRef<HTMLDivElement>(null);\n\n  const [selectedConversationId, setSelectedConversationId] = React.useState<\n    string | null\n  >(null);\n  const [selectedConversationTitle, setSelectedConversationTitle] =\n    React.useState<string | null>(null);\n  const [openContextMenuId, setOpenContextMenuId] = React.useState<\n    string | null\n  >(null);\n\n  const {\n    data,\n    isLoading,\n    isFetched,\n    hasNextPage,\n    isFetching,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = usePaginatedConversations();\n  const { workspaces: knownWorkspaces } = useResolvedWorkspaces();\n\n  // Fetch in-progress start tasks\n  const { data: startTasks } = useStartTasks();\n\n  // Deduped, archive-unaware collection of every conversation currently loaded\n  // from the backend. Bulk actions like \"Delete all\" must use this list so\n  // hiding archived rows from the UI never shrinks what gets deleted.\n  const allLoadedConversations = React.useMemo(() => {\n    const all = data?.pages.flatMap((page) => page.items) ?? [];\n    // The 10s background refetch re-fetches every loaded page with the\n    // `UPDATED_AT_DESC` cursor. If a conversation's `updated_at` shifts between\n    // page fetches, a later page can overlap an earlier one and surface the\n    // same conversation twice. Dedupe by id (keeping the first/freshest copy)\n    // so the rendered count reflects real growth and React keys stay unique.\n    const seen = new Set<string>();\n    return all.filter((conversation) => {\n      if (seen.has(conversation.id)) {\n        return false;\n      }\n      seen.add(conversation.id);\n      return true;\n    });\n  }, [data]);\n\n  // Grouped pagination is folder-oriented. Record the first backend page for\n  // every conversation so later pages can introduce new folders without\n  // mutating the contents of folders that are already visible.\n  //\n  // Known limitation: the mapping is recomputed from `data.pages` on the 10s\n  // background refetch, so a conversation whose `updated_at` shifts can move\n  // to an earlier page and change its recorded discovery page. The blast\n  // radius is only which rows a collapsed preview shows (expanding a folder\n  // always reveals every loaded conversation); pinning discovery pages across\n  // refetches is not worth the extra bookkeeping today.\n  const conversationPageById = React.useMemo(() => {\n    const pageById = new Map<string, number>();\n    data?.pages.forEach((page, pageIndex) => {\n      page.items.forEach((conversation) => {\n        if (!pageById.has(conversation.id)) {\n          pageById.set(conversation.id, pageIndex);\n        }\n      });\n    });\n    return pageById;\n  }, [data]);\n\n  // Display collection: same loaded pages, with archived rows filtered out\n  // unless the user has opted into \"Show archived\".\n  const conversations = React.useMemo(() => {\n    if (showArchivedConversations) {\n      return allLoadedConversations;\n    }\n    return allLoadedConversations.filter(\n      (conversation) => !archivedIdSet.has(conversation.id),\n    );\n  }, [allLoadedConversations, archivedIdSet, showArchivedConversations]);\n\n  // Facets derive from the unfiltered list so the automation-name rows in the\n  // filter menu don't vanish while a narrowing selection is active.\n  const automationNameFacets = React.useMemo(\n    () => collectAutomationNameFacets(conversations),\n    [conversations],\n  );\n\n  const allWorkspacesForGrouping = React.useMemo<\n    readonly LocalWorkspace[]\n  >(() => {\n    if (\n      compact ||\n      organizeMode !== \"grouped\" ||\n      activeBackend.kind !== \"local\"\n    ) {\n      return [];\n    }\n    const normalize = (p: string) => p.trim().replace(/\\/+$/, \"\");\n    const byPath = new Map<string, LocalWorkspace>();\n    for (const ws of knownWorkspaces) {\n      const key = normalize(ws.path);\n      if (key) {\n        byPath.set(key, ws);\n      }\n    }\n    for (const c of conversations) {\n      const normalized = c.selected_workspace\n        ? normalize(c.selected_workspace)\n        : \"\";\n      if (normalized && !byPath.has(normalized)) {\n        const label = normalized.split(\"/\").filter(Boolean).pop() ?? normalized;\n        byPath.set(normalized, {\n          id: normalized,\n          name: label,\n          path: normalized,\n        });\n      }\n    }\n    return Array.from(byPath.values());\n  }, [\n    activeBackend.kind,\n    compact,\n    conversations,\n    knownWorkspaces,\n    organizeMode,\n  ]);\n\n  const automationFilteredConversations = React.useMemo(\n    () =>\n      applyAutomationConversationFilter(\n        conversations,\n        automationFilterMode,\n        selectedAutomationNames,\n        automationNameFacets,\n      ),\n    [\n      automationFilterMode,\n      automationNameFacets,\n      conversations,\n      selectedAutomationNames,\n    ],\n  );\n\n  const pinnedConversations = React.useMemo(\n    () => resolvePinnedConversations(pinnedIds, conversations),\n    [conversations, pinnedIds],\n  );\n\n  React.useEffect(() => {\n    if (!isFetched) {\n      return;\n    }\n    // Prune pins against the unfiltered loaded pages so archived-but-still-\n    // pinned rows are not treated as missing. Archived IDs are intentionally\n    // not pruned here — pagination would otherwise drop archives that are not\n    // on the currently loaded pages and let them reappear in the list.\n    const loadedIds =\n      data?.pages.flatMap((page) => page.items.map((item) => item.id)) ?? [];\n    pruneMissingPinnedConversations(activeBackend.id, loadedIds);\n  }, [activeBackend.id, data, isFetched, pruneMissingPinnedConversations]);\n\n  React.useEffect(() => {\n    if (pinnedIds.length === 0) {\n      setExpandedPinnedPreview(false);\n    }\n  }, [pinnedIds.length]);\n\n  const scopedConversations = React.useMemo(() => {\n    // The pinned section intentionally bypasses the automation filter (same\n    // exemption the thread scope has): a pin is an explicit user override.\n    const scopeFiltered =\n      threadScope === \"relevant\"\n        ? automationFilteredConversations.filter((c) =>\n            isExecutionActive(c.execution_status),\n          )\n        : automationFilteredConversations;\n\n    // In the expanded panel, pinned conversations should only appear inside\n    // the dedicated pinned section (not duplicated in grouped/flat lists).\n    if (compact) {\n      return scopeFiltered;\n    }\n\n    return filterOutPinnedConversations(scopeFiltered, pinnedIds);\n  }, [automationFilteredConversations, compact, pinnedIds, threadScope]);\n\n  const { recent: recentScoped, older: olderScoped } = React.useMemo(\n    () => partitionByCutoff(scopedConversations),\n    [scopedConversations],\n  );\n\n  // Sort the full visible set as one list. The recent/older partition is\n  // still computed (it gates the \"Show older\" toggle and \"Load more\"\n  // visibility), but the rendering must not use it as a visual boundary —\n  // when sorting by `created`, a stale-but-recently-touched conversation\n  // would otherwise land in `recent` and render above an actually-newer-\n  // by-`created_at` conversation sitting in `older`.\n  const sortedVisibleConversations = React.useMemo(() => {\n    const visible = showOlderConversations\n      ? [...recentScoped, ...olderScoped]\n      : recentScoped;\n    return sortConversationsByField(visible, conversationSort);\n  }, [recentScoped, olderScoped, showOlderConversations, conversationSort]);\n\n  const groupLabels = React.useMemo(\n    () => ({\n      emptyWorkspace: t(I18nKey.CONVERSATION_PANEL$NO_WORKSPACE),\n      emptyRepository: t(I18nKey.CONVERSATION_PANEL$NO_REPOSITORY),\n    }),\n    [t],\n  );\n\n  const groupedSourceConversations = React.useMemo(() => {\n    if (compact || organizeMode !== \"grouped\") {\n      return null;\n    }\n    // Use the unsorted partitions: groupConversations sorts each bucket\n    // internally by `sortField`, so pre-sorting the merged input is wasted\n    // work in grouped mode (the per-group sort overrides any global order).\n    return [...recentScoped, ...(showOlderConversations ? olderScoped : [])];\n  }, [\n    compact,\n    olderScoped,\n    organizeMode,\n    recentScoped,\n    showOlderConversations,\n  ]);\n\n  const conversationGroups = React.useMemo(() => {\n    if (!groupedSourceConversations) {\n      return null;\n    }\n    // Keep every loaded conversation in the group model. Folder discovery only\n    // freezes the collapsed preview — expanding a folder must reach later-page\n    // rows for that same workspace/repo.\n    return groupConversations(\n      groupedSourceConversations,\n      activeBackend.kind,\n      conversationSort,\n      groupLabels,\n      allWorkspacesForGrouping,\n    );\n  }, [\n    activeBackend.kind,\n    conversationSort,\n    groupLabels,\n    groupedSourceConversations,\n    allWorkspacesForGrouping,\n  ]);\n\n  const groupDiscoveryConversationIds = React.useMemo(() => {\n    if (!groupedSourceConversations) {\n      return null;\n    }\n    return getGroupDiscoveryConversationIds(\n      groupedSourceConversations,\n      conversationPageById,\n      activeBackend.kind,\n      { forceIncludeConversationId: currentConversationId },\n    );\n  }, [\n    activeBackend.kind,\n    conversationPageById,\n    currentConversationId,\n    groupedSourceConversations,\n  ]);\n\n  const orderedConversationGroups = React.useMemo(() => {\n    if (!conversationGroups) {\n      return null;\n    }\n    return applyGroupFolderOrder(conversationGroups, groupFolderOrder);\n  }, [conversationGroups, groupFolderOrder]);\n\n  const conversationGroupIds = React.useMemo(\n    () => conversationGroups?.map((group) => group.id) ?? [],\n    [conversationGroups],\n  );\n\n  const compactVisibleConversations = React.useMemo(\n    () =>\n      sortConversationsByField(\n        recentScoped.filter((conversation) =>\n          isExecutionActive(conversation.execution_status),\n        ),\n        conversationSort,\n      ),\n    [conversationSort, recentScoped],\n  );\n\n  const visibleFlatCount = sortedVisibleConversations.length;\n\n  const visibleGroupCount = orderedConversationGroups?.length ?? 0;\n\n  const listIsEffectivelyEmpty =\n    organizeMode === \"grouped\" && !compact\n      ? visibleGroupCount === 0\n      : visibleFlatCount === 0;\n\n  // Attribution is exact: the automation filter step itself produced zero\n  // rows out of a non-empty loaded set (not merely threadScope/older-cutoff\n  // effects). Used to pick the empty-state message.\n  const emptyDueToAutomationFilter =\n    listIsEffectivelyEmpty &&\n    automationFilterMode !== \"all\" &&\n    conversations.length > 0 &&\n    automationFilteredConversations.length === 0;\n\n  // Grouped pagination prefers discovering another folder; chronological\n  // pagination succeeds when another row appears. Pages that only deepen\n  // already-visible folders are not success for the grouped control — the\n  // driver walks past them (bounded by the per-click page cap) so a single\n  // click can still reach a folder hiding behind deepen-only pages.\n  const visibleCount =\n    organizeMode === \"grouped\" && !compact\n      ? visibleGroupCount\n      : visibleFlatCount;\n  const loadedPageCount = data?.pages.length ?? 0;\n\n  // KNOWN ISSUE (unresolved as of 2026-05-29): users still report that the\n  // sidebar \"Load more\" sometimes requires two clicks before new conversations\n  // appear. The mitigation below (dedupe by id in `conversations`, plus the\n  // floor-tracking driver that keeps fetching until the visible count grows)\n  // reduced but did NOT fully eliminate the symptom in manual testing. Likely\n  // remaining suspects to investigate next: the agent-server cursor pagination\n  // returning an overlapping/short page under `UPDATED_AT_DESC` while the 10s\n  // `refetchInterval` reorders pages (see `usePaginatedConversations`), or a\n  // React Query state lag where `hasNextPage`/`isFetching` settle a render\n  // after the click. If you pick this up, reproduce against a backend with\n  // >40 conversations and watch the `/api/conversations/search` cursors.\n  //\n  // Robust \"Load more\" driver. A single click can fail to surface new rows for\n  // two reasons: (1) `fetchNextPage()` is silently dropped while the 10s\n  // background refetch is in flight, and (2) a fetched page can yield zero\n  // *visible* rows (filtered out by the active scope, or deduped as overlap),\n  // so the list does not appear to grow. We capture floors at click time and\n  // keep fetching — once idle — until the visible count grows, the grouped\n  // per-click page cap is hit, or pages run out. `loadedPageCount` keeps the\n  // driver advancing when a fetched page contains only folders that were\n  // already discovered.\n  const [loadMoreFloor, setLoadMoreFloor] = React.useState<number | null>(null);\n  const [loadMorePageFloor, setLoadMorePageFloor] = React.useState<\n    number | null\n  >(null);\n  const visibleCountRef = React.useRef(visibleCount);\n  visibleCountRef.current = visibleCount;\n  const loadedPageCountRef = React.useRef(loadedPageCount);\n  loadedPageCountRef.current = loadedPageCount;\n\n  const clearLoadMoreRequest = React.useCallback(() => {\n    setLoadMoreFloor(null);\n    setLoadMorePageFloor(null);\n  }, []);\n\n  const requestLoadMore = React.useCallback(() => {\n    if (hasNextPage) {\n      setLoadMoreFloor(visibleCountRef.current);\n      setLoadMorePageFloor(loadedPageCountRef.current);\n    }\n  }, [hasNextPage]);\n\n  React.useEffect(() => {\n    if (loadMoreFloor === null) {\n      return;\n    }\n    // Goal met: the visible list grew past where it was when the user clicked.\n    if (visibleCount > loadMoreFloor) {\n      clearLoadMoreRequest();\n      return;\n    }\n    // Hard cap (grouped only): pages that merely deepen already-visible\n    // folders are walked past — a new folder may sit right behind them — but\n    // never unbounded many, so one click cannot drain the whole cursor.\n    // Chronological mode keeps its pre-existing behavior: fetch until a\n    // visible row appears or pages run out.\n    if (\n      organizeMode === \"grouped\" &&\n      !compact &&\n      loadMorePageFloor != null &&\n      loadedPageCount >= loadMorePageFloor + MAX_PAGES_PER_LOAD_MORE_CLICK\n    ) {\n      clearLoadMoreRequest();\n      return;\n    }\n    // Wait for any in-flight fetch (including the background refetch) to settle\n    // before evaluating `hasNextPage`; React Query may transiently clear that\n    // flag while replacing the last page.\n    if (isFetching || isFetchingNextPage) {\n      return;\n    }\n    // Nothing more to fetch — stop waiting even if the list did not grow.\n    if (!hasNextPage) {\n      clearLoadMoreRequest();\n      return;\n    }\n    fetchNextPage();\n  }, [\n    clearLoadMoreRequest,\n    compact,\n    loadMoreFloor,\n    loadMorePageFloor,\n    visibleCount,\n    loadedPageCount,\n    organizeMode,\n    hasNextPage,\n    isFetching,\n    isFetchingNextPage,\n    fetchNextPage,\n  ]);\n\n  const isLoadingMore = loadMoreFloor !== null || isFetchingNextPage;\n\n  const { mutate: deleteConversation, mutateAsync: deleteConversationAsync } =\n    useDeleteConversation();\n  const { mutate: pauseConversation } = useUnifiedPauseConversation();\n  const { mutate: updateConversation } = useUpdateConversation();\n\n  // The next page of conversations is loaded only via the explicit \"Load\n  // more\" link rendered at the end of the list — there is no scroll-driven\n  // pagination, which previously caused the panel to feel like it had stray\n  // scrollable space at the bottom.\n  const olderHidden = olderScoped.length > 0 && !showOlderConversations;\n  // Compact mode also hides \"Load more\" — paginating into stale conversations\n  // contradicts the \"active only\" intent of the icon rail.\n  // Availability tracks backend exhaustion, never visible emptiness: a\n  // client-side filter (archiving, the automation filter) can hide every row\n  // of the loaded pages, and hiding the control there would strand the\n  // remaining pages behind an empty-state message with no way forward.\n  // `requestLoadMore`'s floor driver keeps paging until a visible row\n  // appears, so a single click walks past pages that are entirely filtered.\n  const showLoadMore = !!hasNextPage && !olderHidden && !compact;\n\n  const { mutate: createConversation } = useCreateConversation();\n  const isCreatingConversationFlow = useIsCreatingConversation();\n\n  const launchFromGroup = React.useCallback(\n    (launch: ConversationGroupLaunch) => {\n      if (isCreatingConversationFlow) return;\n      createConversation(\n        {\n          workingDir: launch.workingDir,\n          repository: launch.repository,\n          entryPoint: \"sidebar_relaunch_project\",\n        },\n        {\n          onSuccess: (data) => {\n            navigate(`/conversations/${data.conversation_id}`);\n          },\n        },\n      );\n    },\n    [createConversation, isCreatingConversationFlow, navigate],\n  );\n\n  const handleDeleteProject = React.useCallback(\n    (conversationId: string, title: string) => {\n      setConfirmDeleteModalVisible(true);\n      setSelectedConversationId(conversationId);\n      setSelectedConversationTitle(title);\n    },\n    [],\n  );\n\n  const handleArchiveProject = React.useCallback(\n    (conversationId: string, title: string) => {\n      setConfirmArchiveModalVisible(true);\n      setSelectedConversationId(conversationId);\n      setSelectedConversationTitle(title);\n    },\n    [],\n  );\n\n  // Unarchiving needs no confirmation: it restores a row the user can archive\n  // again in one click, and nothing about the conversation itself changes.\n  const handleUnarchiveProject = React.useCallback(\n    (conversationId: string) => {\n      removeArchivedConversation(activeBackend.id, conversationId);\n    },\n    [activeBackend.id, removeArchivedConversation],\n  );\n\n  const handleStopConversation = React.useCallback((conversationId: string) => {\n    setConfirmStopModalVisible(true);\n    setSelectedConversationId(conversationId);\n  }, []);\n\n  const handleConversationTitleChange = React.useCallback(\n    (conversationId: string, newTitle: string) => {\n      updateConversation(\n        { conversationId, newTitle },\n        {\n          onSuccess: () => {\n            displaySuccessToast(t(I18nKey.CONVERSATION$TITLE_UPDATED));\n          },\n        },\n      );\n    },\n    [t, updateConversation],\n  );\n\n  const handleConfirmDelete = () => {\n    if (selectedConversationId) {\n      const conversationId = selectedConversationId;\n      deleteConversation(\n        { conversationId },\n        {\n          onSuccess: () => {\n            removeArchivedConversation(activeBackend.id, conversationId);\n            if (conversationId === currentConversationId) {\n              navigate(\"/conversations\");\n            }\n          },\n        },\n      );\n    }\n  };\n\n  const handleConfirmArchive = () => {\n    if (!selectedConversationId) {\n      return;\n    }\n    archiveConversation(activeBackend.id, selectedConversationId);\n    unpinConversation(activeBackend.id, selectedConversationId);\n    if (selectedConversationId === currentConversationId) {\n      navigate(\"/conversations\");\n    }\n  };\n\n  const handleConfirmStop = () => {\n    if (selectedConversationId) {\n      pauseConversation({\n        conversationId: selectedConversationId,\n      });\n    }\n  };\n\n  const handleConfirmDeleteAll = async () => {\n    // Delete against the unfiltered loaded set so archived (currently hidden)\n    // conversations are still removed from the server — matching the action's\n    // \"delete all conversations\" label and confirmation count.\n    const idsToDelete = allLoadedConversations.map((c) => c.id);\n    const results = await Promise.allSettled(\n      idsToDelete.map((conversationId) =>\n        deleteConversationAsync({ conversationId }),\n      ),\n    );\n\n    const deletedIds = results.flatMap((result, index) =>\n      result.status === \"fulfilled\" ? [idsToDelete[index]] : [],\n    );\n    const failedCount = results.length - deletedIds.length;\n\n    for (const conversationId of deletedIds) {\n      removeArchivedConversation(activeBackend.id, conversationId);\n    }\n\n    if (\n      currentConversationId !== null &&\n      deletedIds.includes(currentConversationId)\n    ) {\n      navigate(\"/conversations\");\n    }\n\n    if (failedCount > 0) {\n      displayErrorToast(\n        `${failedCount} conversation${failedCount === 1 ? \"\" : \"s\"} could not be deleted.`,\n      );\n    }\n  };\n\n  const renderConversationCard = React.useCallback(\n    (\n      conversation: (typeof conversations)[number],\n      options?: { inPinnedSection?: boolean },\n    ) => {\n      const isPinned = pinnedIds.includes(conversation.id);\n      const isArchived = archivedIdSet.has(conversation.id);\n      if (compact) {\n        return (\n          <CompactConversationRow\n            key={conversation.id}\n            conversationId={conversation.id}\n            title={conversation.title ?? \"\"}\n            selectedRepository={{\n              selected_repository: conversation.selected_repository,\n              selected_branch: conversation.selected_branch,\n              git_provider: conversation.git_provider as Provider,\n            }}\n            executionStatus={conversation.execution_status}\n            sandboxStatus={conversation.sandbox_status}\n            lastUpdatedAt={conversation.updated_at}\n            createdAt={conversation.created_at}\n            workspaceWorkingDir={\n              conversation.selected_workspace ??\n              conversation.workspace?.working_dir\n            }\n            isActive={conversation.id === currentConversationId}\n            onClose={onClose}\n            showRepositoryMetadata={showRepoBranchMetadata}\n            llmModel={conversation.llm_model}\n            showLlmProfiles={showLlmProfiles}\n            agentKind={conversation.agent_kind}\n            acpServer={conversation.acp_server}\n            tags={conversation.tags}\n            showTags={showTagsMetadata}\n          />\n        );\n      }\n      return (\n        <Tooltip\n          key={conversation.id}\n          placement=\"right-start\"\n          delay={1000}\n          closeDelay={100}\n          isDisabled={\n            !showHoverMetadata || openContextMenuId === conversation.id\n          }\n          disableAnimation={import.meta.env.MODE === \"test\"}\n          className=\"max-w-none overflow-visible rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl\"\n          content={\n            <ConversationCardPreview\n              title={conversation.title ?? \"\"}\n              executionStatus={conversation.execution_status}\n              sandboxStatus={conversation.sandbox_status}\n              selectedRepository={{\n                selected_repository: conversation.selected_repository,\n                selected_branch: conversation.selected_branch,\n                git_provider: conversation.git_provider as Provider,\n              }}\n              workspaceWorkingDir={\n                conversation.selected_workspace ??\n                conversation.workspace?.working_dir\n              }\n              llmModel={conversation.llm_model}\n              agentKind={conversation.agent_kind}\n              acpServer={conversation.acp_server}\n              createdAt={conversation.created_at}\n              tags={conversation.tags}\n            />\n          }\n        >\n          <NavigationLink\n            to={backendScopedPath(`/conversations/${conversation.id}`)}\n            onClick={onClose}\n            className={cn(\n              \"block rounded-md transition-colors\",\n              openContextMenuId !== conversation.id &&\n                \"hover:bg-[var(--oh-surface)]\",\n              (conversation.id === currentConversationId ||\n                openContextMenuId === conversation.id) &&\n                \"bg-[var(--oh-surface)]\",\n            )}\n          >\n            <ConversationCard\n              onDelete={() =>\n                handleDeleteProject(conversation.id, conversation.title ?? \"\")\n              }\n              // Exactly one direction is offered per row, so the menu always\n              // reflects the conversation's current archived state.\n              onArchive={\n                isArchived\n                  ? undefined\n                  : () =>\n                      handleArchiveProject(\n                        conversation.id,\n                        conversation.title ?? \"\",\n                      )\n              }\n              onUnarchive={\n                isArchived\n                  ? () => handleUnarchiveProject(conversation.id)\n                  : undefined\n              }\n              onStop={() => handleStopConversation(conversation.id)}\n              onChangeTitle={(title) =>\n                handleConversationTitleChange(conversation.id, title)\n              }\n              title={conversation.title ?? \"\"}\n              selectedRepository={{\n                selected_repository: conversation.selected_repository,\n                selected_branch: conversation.selected_branch,\n                git_provider: conversation.git_provider as Provider,\n              }}\n              lastUpdatedAt={conversation.updated_at}\n              createdAt={conversation.created_at}\n              executionStatus={conversation.execution_status}\n              sandboxStatus={conversation.sandbox_status}\n              conversationId={conversation.id}\n              contextMenuOpen={openContextMenuId === conversation.id}\n              onContextMenuToggle={(isOpen) =>\n                setOpenContextMenuId(isOpen ? conversation.id : null)\n              }\n              isActive={conversation.id === currentConversationId}\n              workspaceWorkingDir={\n                conversation.selected_workspace ??\n                conversation.workspace?.working_dir\n              }\n              showRepositoryMetadata={showRepoBranchMetadata}\n              llmModel={conversation.llm_model}\n              showLlmProfiles={showLlmProfiles}\n              agentKind={conversation.agent_kind}\n              acpServer={conversation.acp_server}\n              tags={conversation.tags}\n              showTags={showTagsMetadata}\n              isArchived={isArchived}\n              isPinned={isPinned}\n              onTogglePin={() => togglePin(activeBackend.id, conversation.id)}\n              alwaysShowPinIcon={isPinned && !options?.inPinnedSection}\n            />\n          </NavigationLink>\n        </Tooltip>\n      );\n    },\n    [\n      activeBackend.id,\n      archivedIdSet,\n      compact,\n      currentConversationId,\n      handleArchiveProject,\n      handleConversationTitleChange,\n      handleDeleteProject,\n      handleStopConversation,\n      handleUnarchiveProject,\n      onClose,\n      openContextMenuId,\n      pinnedIds,\n      showRepoBranchMetadata,\n      showLlmProfiles,\n      showTagsMetadata,\n      showHoverMetadata,\n      togglePin,\n    ],\n  );\n\n  // Standard layout: panel fills its slot in the sidebar; the inner scroll\n  // child fills the panel and scrolls when its content overflows. Modals are\n  // siblings of the scroll element and are `position: fixed`, so they don't\n  // participate in the panel's scroll geometry.\n  // Gate on `isLoading` / `!isFetched` (true only until the first fetch settles),\n  // not `isFetching` — the latter flips back to true on every 10s background\n  // refetch, causing the skeleton/empty-state to flicker when the list is empty.\n  const showInitialSkeleton = isLoading || !isFetched;\n  const showPinnedSection =\n    !compact && !showInitialSkeleton && pinnedConversations.length > 0;\n  const hasVisibleGroups =\n    organizeMode === \"grouped\" &&\n    !compact &&\n    orderedConversationGroups != null &&\n    orderedConversationGroups.length > 0;\n  const showEmptyState =\n    isFetched &&\n    !isLoading &&\n    !compact &&\n    listIsEffectivelyEmpty &&\n    !showPinnedSection &&\n    !startTasks?.length &&\n    !hasVisibleGroups;\n\n  const showConversationHeader = !compact;\n\n  return (\n    <div\n      ref={ref}\n      data-testid=\"conversation-panel\"\n      className=\"flex h-full min-h-0 w-full flex-col\"\n    >\n      {showConversationHeader && (\n        <div\n          className={cn(\n            // Pull flush to the sidebar edges: `-ml-2.5` matches aside `pl-2.5`;\n            // width extends by that inset on the right now that aside is `pr-0`.\n            \"-ml-2.5 w-[calc(100%+0.625rem)] max-w-none box-border border-b\",\n            isListScrolled ? \"border-[var(--oh-border)]\" : \"border-transparent\",\n          )}\n        >\n          <div\n            data-testid=\"older-conversations-summary\"\n            className=\"flex min-w-0 flex-nowrap items-center gap-x-2 py-2 pl-4 pr-2.5 text-[var(--oh-muted)]\"\n          >\n            <span className=\"min-w-0 truncate text-sm font-medium text-[var(--oh-muted)]\">\n              {t(I18nKey.SIDEBAR$CONVERSATIONS)}\n            </span>\n            <div className=\"ml-auto flex shrink-0 items-center gap-0.5\">\n              <ConversationPanelNewThreadPicker\n                backendKind={activeBackend.kind}\n              />\n              <ConversationPanelFilterMenu\n                filterMenuOpen={filterMenuOpen}\n                setFilterMenuOpen={setFilterMenuOpen}\n                menuRef={filterMenuRef}\n                backendKind={activeBackend.kind}\n                organizeMode={organizeMode}\n                setOrganizeMode={setOrganizeMode}\n                conversationSort={conversationSort}\n                setConversationSort={setConversationSort}\n                threadScope={threadScope}\n                setThreadScope={setThreadScope}\n                automationFilterMode={automationFilterMode}\n                setAutomationFilterMode={setAutomationFilterMode}\n                selectedAutomationNames={selectedAutomationNames}\n                onToggleAutomationName={toggleAutomationName}\n                automationNameFacets={automationNameFacets}\n                showOlderConversations={showOlderConversations}\n                showArchivedConversations={showArchivedConversations}\n                toggleShowArchivedConversations={\n                  toggleShowArchivedConversations\n                }\n                toggleShowOlderConversations={toggleShowOlderConversations}\n                showRepoBranchMetadata={showRepoBranchMetadata}\n                toggleShowRepoBranchMetadata={toggleShowRepoBranchMetadata}\n                showLlmProfiles={showLlmProfiles}\n                toggleShowLlmProfiles={toggleShowLlmProfiles}\n                showTagsMetadata={showTagsMetadata}\n                toggleShowTagsMetadata={toggleShowTagsMetadata}\n                showHoverMetadata={showHoverMetadata}\n                toggleShowHoverMetadata={toggleShowHoverMetadata}\n                totalConversationsCount={allLoadedConversations.length}\n                onRequestDeleteAll={() => setConfirmDeleteAllVisible(true)}\n              />\n            </div>\n          </div>\n        </div>\n      )}\n\n      <div\n        ref={scrollContainerRef}\n        data-testid=\"conversation-panel-list-scroll\"\n        onScroll={(event) => {\n          setIsListScrolled(event.currentTarget.scrollTop > 0);\n        }}\n        className={cn(\n          \"flex min-h-0 flex-1 flex-col overflow-y-auto overflow-x-hidden overscroll-contain custom-scrollbar-always\",\n          !compact && \"conversation-panel-list-scroll\",\n        )}\n      >\n        {showInitialSkeleton && <ConversationCardSkeleton compact={compact} />}\n\n        {!compact && showEmptyState && (\n          <div\n            data-testid=\"conversation-panel-empty-state\"\n            className=\"flex min-h-0 flex-1 flex-col items-center justify-center px-4 py-8\"\n          >\n            <p className=\"text-xs text-[var(--oh-muted)]\">\n              {t(\n                emptyDueToAutomationFilter\n                  ? I18nKey.CONVERSATION_PANEL$NO_AUTOMATION_MATCHES\n                  : I18nKey.CONVERSATION$NO_CONVERSATIONS,\n              )}\n            </p>\n          </div>\n        )}\n\n        {showPinnedSection ? (\n          <ConversationPanelPinnedSection\n            pinnedConversations={pinnedConversations}\n            isPreviewExpanded={expandedPinnedPreview}\n            onTogglePreviewExpanded={() =>\n              setExpandedPinnedPreview((current) => !current)\n            }\n            activeConversationId={currentConversationId}\n            showDivider={!compact && organizeMode === \"chronological\"}\n            renderConversationCard={(conversation) =>\n              renderConversationCard(conversation, { inPinnedSection: true })\n            }\n          />\n        ) : null}\n\n        {/* Render in-progress start tasks first (skipped in compact mode —\n            their rich card layout doesn't fit in the icon rail). */}\n        {!compact &&\n          startTasks?.map((task) => (\n            <NavigationLink\n              key={task.id}\n              to={backendScopedPath(`/conversations/task-${task.id}`)}\n              onClick={onClose}\n              className=\"block\"\n            >\n              <StartTaskCard task={task} />\n            </NavigationLink>\n          ))}\n\n        {!showInitialSkeleton && compact\n          ? compactVisibleConversations.map((conversation) =>\n              renderConversationCard(conversation),\n            )\n          : null}\n\n        {!showInitialSkeleton &&\n        !compact &&\n        organizeMode === \"grouped\" &&\n        orderedConversationGroups &&\n        orderedConversationGroups.length > 0 ? (\n          <ConversationGroupFolderList\n            groups={orderedConversationGroups}\n            groupIds={conversationGroupIds}\n            groupFolderOrder={groupFolderOrder}\n            setGroupFolderOrder={setGroupFolderOrder}\n            collapsedGroupIds={collapsedGroupIds}\n            expandedGroupPreviewIds={expandedGroupPreviewIds}\n            discoveryConversationIds={groupDiscoveryConversationIds}\n            onToggleGroupCollapsed={toggleGroupCollapsed}\n            onToggleGroupPreviewExpanded={toggleGroupPreviewExpanded}\n            isCreatingConversationFlow={isCreatingConversationFlow}\n            activeConversationId={currentConversationId}\n            onLaunchFromGroup={launchFromGroup}\n            renderConversationCard={(conversation) =>\n              renderConversationCard(conversation)\n            }\n          />\n        ) : null}\n\n        {!showInitialSkeleton &&\n        !compact &&\n        organizeMode === \"chronological\" ? (\n          <div className=\"space-y-0.5\">\n            {sortedVisibleConversations.map((conversation) =>\n              renderConversationCard(conversation),\n            )}\n          </div>\n        ) : null}\n\n        {/* Explicit \"Load more\" trigger. Only shown when more pages exist\n            *and* the older list is currently visible (or there are no older\n            conversations to begin with) — otherwise the next page would be\n            populated mostly with conversations the user has chosen to hide. */}\n        {showLoadMore &&\n          (isLoadingMore ? (\n            <div className=\"py-1\">\n              <ConversationCardSkeleton compact={compact} />\n            </div>\n          ) : (\n            <div className=\"flex justify-center py-4\">\n              <button\n                type=\"button\"\n                data-testid=\"load-more-conversations\"\n                onClick={requestLoadMore}\n                className=\"text-xs text-[var(--oh-muted)] hover:text-white\"\n              >\n                {t(I18nKey.CONVERSATION$LOAD_MORE)}\n              </button>\n            </div>\n          ))}\n      </div>\n\n      {confirmDeleteModalVisible && (\n        <ConfirmDeleteModal\n          onConfirm={() => {\n            handleConfirmDelete();\n            setConfirmDeleteModalVisible(false);\n            setSelectedConversationTitle(null);\n          }}\n          onCancel={() => {\n            setConfirmDeleteModalVisible(false);\n            setSelectedConversationTitle(null);\n          }}\n          conversationTitle={selectedConversationTitle ?? undefined}\n        />\n      )}\n\n      {confirmArchiveModalVisible && (\n        <ConfirmArchiveModal\n          onConfirm={() => {\n            handleConfirmArchive();\n            setConfirmArchiveModalVisible(false);\n            setSelectedConversationTitle(null);\n          }}\n          onCancel={() => {\n            setConfirmArchiveModalVisible(false);\n            setSelectedConversationTitle(null);\n          }}\n          conversationTitle={selectedConversationTitle ?? undefined}\n        />\n      )}\n\n      {confirmDeleteAllVisible && (\n        <ConfirmDeleteModal\n          title={t(I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_TITLE)}\n          description={t(I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_DESC, {\n            count: allLoadedConversations.length,\n          })}\n          onConfirm={async () => {\n            await handleConfirmDeleteAll();\n            setConfirmDeleteAllVisible(false);\n          }}\n          onCancel={() => setConfirmDeleteAllVisible(false)}\n        />\n      )}\n\n      {confirmStopModalVisible && (\n        <ConfirmStopModal\n          onConfirm={() => {\n            handleConfirmStop();\n            setConfirmStopModalVisible(false);\n          }}\n          onCancel={() => setConfirmStopModalVisible(false)}\n        />\n      )}\n\n      {confirmExitConversationModalVisible && (\n        <ExitConversationModal\n          onConfirm={() => {\n            onClose?.();\n          }}\n          onClose={() => setConfirmExitConversationModalVisible(false)}\n          onCancel={() => setConfirmExitConversationModalVisible(false)}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"conversation-panel.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/conversation-panel.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tooltip } from \"@heroui/react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useBackendScopedPath } from \"#/hooks/use-backend-scoped-path\";\nimport { usePaginatedConversations } from \"#/hooks/query/use-paginated-conversations\";\nimport { useResolvedWorkspaces } from \"#/hooks/query/use-resolved-workspaces\";\nimport { useStartTasks } from \"#/hooks/query/use-start-tasks\";\nimport { useDeleteConversation } from \"#/hooks/mutation/use-delete-conversation\";\nimport { useUnifiedPauseConversation } from \"#/hooks/mutation/use-unified-stop-conversation\";\nimport { ConfirmArchiveModal } from \"./confirm-archive-modal\";\nimport { ConfirmDeleteModal } from \"./confirm-delete-modal\";\nimport { ConfirmStopModal } from \"./confirm-stop-modal\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { ExitConversationModal } from \"./exit-conversation-modal\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { Provider } from \"#/types/settings\";\nimport type { LocalWorkspace } from \"#/types/workspace\";\nimport { useUpdateConversation } from \"#/hooks/mutation/use-update-conversation\";\nimport { useUpdateConversationTags } from \"#/hooks/mutation/use-update-conversation-tags\";\nimport { EditConversationTagsModal } from \"./edit-conversation-tags-modal\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { isExecutionActive } from \"#/utils/status\";\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { useIsCreatingConversation } from \"#/hooks/use-is-creating-conversation\";\nimport { ConversationCard } from \"./conversation-card/conversation-card\";\nimport { ConversationCardPreview } from \"./conversation-card/conversation-card-preview\";\nimport { StartTaskCard } from \"./start-task-card/start-task-card\";\nimport { ConversationCardSkeleton } from \"./conversation-card/conversation-card-skeleton\";\nimport { CompactConversationRow } from \"./compact-conversation-row\";\nimport { useConversationPanelPreferencesStore } from \"#/stores/conversation-panel-preferences-store\";\nimport { cn } from \"#/utils/utils\";\nimport { ConversationLayoutsMenu } from \"./conversation-layouts-menu\";\nimport { ConversationActiveTagFilters } from \"./conversation-active-tag-filters\";\nimport { ConversationPanelNewThreadPicker } from \"./conversation-panel-new-thread-picker\";\nimport { ConversationGroupFolderList } from \"./conversation-group-folder-list\";\nimport { ConversationPanelPinnedSection } from \"./conversation-panel-pinned-section\";\nimport {\n  applyAutomationConversationFilter,\n  applyGroupFolderOrder,\n  applyTagConversationFilter,\n  collectAutomationNameFacets,\n  collectTagFacets,\n  DEFAULT_OLDER_CONVERSATION_CUTOFF,\n  filterOutPinnedConversations,\n  getGroupDiscoveryConversationIds,\n  groupConversations,\n  isOlderConversationCutoff,\n  MAX_PAGES_PER_LOAD_MORE_CLICK,\n  OLDER_CONVERSATION_CUTOFF_MS,\n  partitionByCutoff,\n  resolvePinnedConversations,\n  sortConversationsByField,\n  type ConversationGroupLaunch,\n} from \"./conversation-panel-list-helpers\";\nimport { useArchivedConversationsStore } from \"#/stores/archived-conversations-store\";\nimport { usePinnedConversationsStore } from \"#/stores/pinned-conversations-store\";\n\ninterface ConversationPanelProps {\n  onClose?: () => void;\n  /**\n   * Render a minimal icon-only variant of each conversation row (used by the\n   * collapsed sidebar). Each row is a single status dot with a hover preview\n   * containing the full card content.\n   */\n  compact?: boolean;\n}\n\nconst noop = () => {};\n\nconst EMPTY_PINNED_CONVERSATION_IDS: readonly string[] = [];\n\nexport function ConversationPanel({\n  onClose,\n  compact = false,\n}: ConversationPanelProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId: currentConversationId, navigate } = useNavigation();\n  const { backend: activeBackend } = useActiveBackend();\n  const backendScopedPath = useBackendScopedPath();\n  // Click-outside is only relevant in the legacy drawer mode where an\n  // onClose handler is provided. When the panel is rendered inline (e.g.\n  // as the always-visible conversation list pane), clicking outside should\n  // not dismiss the list, so we pass a no-op callback in that case.\n  const ref = useClickOutsideElement<HTMLDivElement>(onClose ?? noop);\n\n  const [confirmDeleteModalVisible, setConfirmDeleteModalVisible] =\n    React.useState(false);\n  const [confirmArchiveModalVisible, setConfirmArchiveModalVisible] =\n    React.useState(false);\n  const [editTagsModalVisible, setEditTagsModalVisible] = React.useState(false);\n  const [confirmStopModalVisible, setConfirmStopModalVisible] =\n    React.useState(false);\n  const [\n    confirmExitConversationModalVisible,\n    setConfirmExitConversationModalVisible,\n  ] = React.useState(false);\n  const [confirmDeleteAllVisible, setConfirmDeleteAllVisible] =\n    React.useState(false);\n  const showOlderConversations = useConversationPanelPreferencesStore(\n    (state) => state.showOlderConversations,\n  );\n  const olderConversationCutoff = useConversationPanelPreferencesStore(\n    (state) => state.olderConversationCutoff,\n  );\n  const showArchivedConversations = useConversationPanelPreferencesStore(\n    (state) => state.showArchivedConversations,\n  );\n  const showRepoBranchMetadata = useConversationPanelPreferencesStore(\n    (state) => state.showRepoBranchMetadata,\n  );\n  const showLlmProfiles = useConversationPanelPreferencesStore(\n    (state) => state.showLlmProfiles,\n  );\n  const showTagsMetadata = useConversationPanelPreferencesStore(\n    (state) => state.showTagsMetadata,\n  );\n  const showHoverMetadata = useConversationPanelPreferencesStore(\n    (state) => state.showHoverMetadata,\n  );\n  const organizeMode = useConversationPanelPreferencesStore(\n    (state) => state.organizeMode,\n  );\n  const conversationSort = useConversationPanelPreferencesStore(\n    (state) => state.conversationSort,\n  );\n  const threadScope = useConversationPanelPreferencesStore(\n    (state) => state.threadScope,\n  );\n  const automationFilterMode = useConversationPanelPreferencesStore(\n    (state) => state.automationFilterMode,\n  );\n  const selectedAutomationNames = useConversationPanelPreferencesStore(\n    (state) => state.selectedAutomationNames,\n  );\n  const selectedTagFacets = useConversationPanelPreferencesStore(\n    (state) => state.selectedTagFacets,\n  );\n  const toggleTagFacet = useConversationPanelPreferencesStore(\n    (state) => state.toggleTagFacet,\n  );\n  const toggleAutomationName = useConversationPanelPreferencesStore(\n    (state) => state.toggleAutomationName,\n  );\n  const clearFilterSelections = useConversationPanelPreferencesStore(\n    (state) => state.clearFilterSelections,\n  );\n  const groupFolderOrder = useConversationPanelPreferencesStore(\n    (state) => state.groupFolderOrder,\n  );\n  const setGroupFolderOrder = useConversationPanelPreferencesStore(\n    (state) => state.setGroupFolderOrder,\n  );\n  const [filterMenuOpen, setFilterMenuOpen] = React.useState(false);\n  const [isListScrolled, setIsListScrolled] = React.useState(false);\n  const filterMenuRef = useClickOutsideElement<HTMLDivElement>(() => {\n    setFilterMenuOpen(false);\n  });\n  const [collapsedGroupIds, setCollapsedGroupIds] = React.useState<\n    ReadonlySet<string>\n  >(() => new Set());\n  const [expandedGroupPreviewIds, setExpandedGroupPreviewIds] = React.useState<\n    ReadonlySet<string>\n  >(() => new Set());\n  const [expandedPinnedPreview, setExpandedPinnedPreview] =\n    React.useState(false);\n\n  const pinnedIds = usePinnedConversationsStore(\n    (state) =>\n      state.pinsByBackendId[activeBackend.id] ?? EMPTY_PINNED_CONVERSATION_IDS,\n  );\n  const togglePin = usePinnedConversationsStore((state) => state.togglePin);\n  const unpinConversation = usePinnedConversationsStore(\n    (state) => state.unpinConversation,\n  );\n  const pruneMissingPinnedConversations = usePinnedConversationsStore(\n    (state) => state.pruneMissingConversations,\n  );\n  const archivedIds = useArchivedConversationsStore(\n    (state) =>\n      state.archivesByBackendId[activeBackend.id] ??\n      EMPTY_PINNED_CONVERSATION_IDS,\n  );\n  const archiveConversation = useArchivedConversationsStore(\n    (state) => state.archiveConversation,\n  );\n  const archivedIdSet = React.useMemo(\n    () => new Set(archivedIds),\n    [archivedIds],\n  );\n  const removeArchivedConversation = useArchivedConversationsStore(\n    (state) => state.removeArchivedConversation,\n  );\n\n  const toggleGroupCollapsed = React.useCallback((groupId: string) => {\n    setCollapsedGroupIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(groupId)) {\n        next.delete(groupId);\n      } else {\n        next.add(groupId);\n      }\n      return next;\n    });\n  }, []);\n\n  const toggleGroupPreviewExpanded = React.useCallback((groupId: string) => {\n    setExpandedGroupPreviewIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(groupId)) {\n        next.delete(groupId);\n      } else {\n        next.add(groupId);\n      }\n      return next;\n    });\n  }, []);\n\n  React.useEffect(() => {\n    if (organizeMode !== \"grouped\") {\n      setCollapsedGroupIds(new Set());\n      setExpandedGroupPreviewIds(new Set());\n    }\n  }, [organizeMode]);\n\n  const scrollContainerRef = React.useRef<HTMLDivElement>(null);\n\n  const [selectedConversationId, setSelectedConversationId] = React.useState<\n    string | null\n  >(null);\n  const [selectedConversationTitle, setSelectedConversationTitle] =\n    React.useState<string | null>(null);\n  const [openContextMenuId, setOpenContextMenuId] = React.useState<\n    string | null\n  >(null);\n\n  const {\n    data,\n    isLoading,\n    isFetched,\n    hasNextPage,\n    isFetching,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = usePaginatedConversations();\n  const { workspaces: knownWorkspaces } = useResolvedWorkspaces();\n\n  // Fetch in-progress start tasks\n  const { data: startTasks } = useStartTasks();\n\n  // Deduped, archive-unaware collection of every conversation currently loaded\n  // from the backend. Bulk actions like \"Delete all\" must use this list so\n  // hiding archived rows from the UI never shrinks what gets deleted.\n  const allLoadedConversations = React.useMemo(() => {\n    const all = data?.pages.flatMap((page) => page.items) ?? [];\n    // The 10s background refetch re-fetches every loaded page with the\n    // `UPDATED_AT_DESC` cursor. If a conversation's `updated_at` shifts between\n    // page fetches, a later page can overlap an earlier one and surface the\n    // same conversation twice. Dedupe by id (keeping the first/freshest copy)\n    // so the rendered count reflects real growth and React keys stay unique.\n    const seen = new Set<string>();\n    return all.filter((conversation) => {\n      if (seen.has(conversation.id)) {\n        return false;\n      }\n      seen.add(conversation.id);\n      return true;\n    });\n  }, [data]);\n\n  // Grouped pagination is folder-oriented. Record the first backend page for\n  // every conversation so later pages can introduce new folders without\n  // mutating the contents of folders that are already visible.\n  //\n  // Known limitation: the mapping is recomputed from `data.pages` on the 10s\n  // background refetch, so a conversation whose `updated_at` shifts can move\n  // to an earlier page and change its recorded discovery page. The blast\n  // radius is only which rows a collapsed preview shows (expanding a folder\n  // always reveals every loaded conversation); pinning discovery pages across\n  // refetches is not worth the extra bookkeeping today.\n  const conversationPageById = React.useMemo(() => {\n    const pageById = new Map<string, number>();\n    data?.pages.forEach((page, pageIndex) => {\n      page.items.forEach((conversation) => {\n        if (!pageById.has(conversation.id)) {\n          pageById.set(conversation.id, pageIndex);\n        }\n      });\n    });\n    return pageById;\n  }, [data]);\n\n  // Display collection: same loaded pages, with archived rows filtered out\n  // unless the user has opted into \"Show archived\".\n  const conversations = React.useMemo(() => {\n    if (showArchivedConversations) {\n      return allLoadedConversations;\n    }\n    return allLoadedConversations.filter(\n      (conversation) => !archivedIdSet.has(conversation.id),\n    );\n  }, [allLoadedConversations, archivedIdSet, showArchivedConversations]);\n\n  // Facets derive from the unfiltered list so the automation-name rows in the\n  // advanced-options modal don't vanish while a narrowing selection is active.\n  const automationNameFacets = React.useMemo(\n    () => collectAutomationNameFacets(conversations),\n    [conversations],\n  );\n\n  const allWorkspacesForGrouping = React.useMemo<\n    readonly LocalWorkspace[]\n  >(() => {\n    if (\n      compact ||\n      organizeMode !== \"grouped\" ||\n      activeBackend.kind !== \"local\"\n    ) {\n      return [];\n    }\n    const normalize = (p: string) => p.trim().replace(/\\/+$/, \"\");\n    const byPath = new Map<string, LocalWorkspace>();\n    for (const ws of knownWorkspaces) {\n      const key = normalize(ws.path);\n      if (key) {\n        byPath.set(key, ws);\n      }\n    }\n    for (const c of conversations) {\n      const normalized = c.selected_workspace\n        ? normalize(c.selected_workspace)\n        : \"\";\n      if (normalized && !byPath.has(normalized)) {\n        const label = normalized.split(\"/\").filter(Boolean).pop() ?? normalized;\n        byPath.set(normalized, {\n          id: normalized,\n          name: label,\n          path: normalized,\n        });\n      }\n    }\n    return Array.from(byPath.values());\n  }, [\n    activeBackend.kind,\n    compact,\n    conversations,\n    knownWorkspaces,\n    organizeMode,\n  ]);\n\n  const automationFilteredConversations = React.useMemo(\n    () =>\n      applyAutomationConversationFilter(\n        conversations,\n        automationFilterMode,\n        selectedAutomationNames,\n        automationNameFacets,\n      ),\n    [\n      automationFilterMode,\n      automationNameFacets,\n      conversations,\n      selectedAutomationNames,\n    ],\n  );\n\n  // Tag facets likewise derive from the unfiltered list so the tag rows in\n  // the layouts menu don't vanish while a narrowing selection is active.\n  const tagFacets = React.useMemo(\n    () => collectTagFacets(conversations),\n    [conversations],\n  );\n\n  // The tag filter applies after the automation filter so a conversation\n  // must pass both.\n  const tagFilteredConversations = React.useMemo(\n    () =>\n      applyTagConversationFilter(\n        automationFilteredConversations,\n        selectedTagFacets,\n        tagFacets,\n      ),\n    [automationFilteredConversations, selectedTagFacets, tagFacets],\n  );\n\n  const pinnedConversations = React.useMemo(\n    () => resolvePinnedConversations(pinnedIds, conversations),\n    [conversations, pinnedIds],\n  );\n\n  React.useEffect(() => {\n    if (!isFetched) {\n      return;\n    }\n    // Prune pins against the unfiltered loaded pages so archived-but-still-\n    // pinned rows are not treated as missing. Archived IDs are intentionally\n    // not pruned here — pagination would otherwise drop archives that are not\n    // on the currently loaded pages and let them reappear in the list.\n    const loadedIds =\n      data?.pages.flatMap((page) => page.items.map((item) => item.id)) ?? [];\n    pruneMissingPinnedConversations(activeBackend.id, loadedIds);\n  }, [activeBackend.id, data, isFetched, pruneMissingPinnedConversations]);\n\n  React.useEffect(() => {\n    if (pinnedIds.length === 0) {\n      setExpandedPinnedPreview(false);\n    }\n  }, [pinnedIds.length]);\n\n  const scopedConversations = React.useMemo(() => {\n    // The pinned section intentionally bypasses the automation and tag\n    // filters (same exemption the thread scope has): a pin is an explicit\n    // user override.\n    const scopeFiltered =\n      threadScope === \"relevant\"\n        ? tagFilteredConversations.filter((c) =>\n            isExecutionActive(c.execution_status),\n          )\n        : tagFilteredConversations;\n\n    // In the expanded panel, pinned conversations should only appear inside\n    // the dedicated pinned section (not duplicated in grouped/flat lists).\n    if (compact) {\n      return scopeFiltered;\n    }\n\n    return filterOutPinnedConversations(scopeFiltered, pinnedIds);\n  }, [tagFilteredConversations, compact, pinnedIds, threadScope]);\n\n  const { recent: recentScoped, older: olderScoped } = React.useMemo(() => {\n    const cutoff = isOlderConversationCutoff(olderConversationCutoff)\n      ? olderConversationCutoff\n      : DEFAULT_OLDER_CONVERSATION_CUTOFF;\n    return partitionByCutoff(\n      scopedConversations,\n      OLDER_CONVERSATION_CUTOFF_MS[cutoff],\n    );\n  }, [olderConversationCutoff, scopedConversations]);\n\n  // Sort the full visible set as one list. The recent/older partition is\n  // still computed (it gates the \"Show older\" toggle and \"Load more\"\n  // visibility), but the rendering must not use it as a visual boundary —\n  // when sorting by `created`, a stale-but-recently-touched conversation\n  // would otherwise land in `recent` and render above an actually-newer-\n  // by-`created_at` conversation sitting in `older`.\n  const sortedVisibleConversations = React.useMemo(() => {\n    const visible = showOlderConversations\n      ? [...recentScoped, ...olderScoped]\n      : recentScoped;\n    return sortConversationsByField(visible, conversationSort);\n  }, [recentScoped, olderScoped, showOlderConversations, conversationSort]);\n\n  const groupLabels = React.useMemo(\n    () => ({\n      emptyWorkspace: t(I18nKey.CONVERSATION_PANEL$NO_WORKSPACE),\n      emptyRepository: t(I18nKey.CONVERSATION_PANEL$NO_REPOSITORY),\n    }),\n    [t],\n  );\n\n  const groupedSourceConversations = React.useMemo(() => {\n    if (compact || organizeMode !== \"grouped\") {\n      return null;\n    }\n    // Use the unsorted partitions: groupConversations sorts each bucket\n    // internally by `sortField`, so pre-sorting the merged input is wasted\n    // work in grouped mode (the per-group sort overrides any global order).\n    return [...recentScoped, ...(showOlderConversations ? olderScoped : [])];\n  }, [\n    compact,\n    olderScoped,\n    organizeMode,\n    recentScoped,\n    showOlderConversations,\n  ]);\n\n  const conversationGroups = React.useMemo(() => {\n    if (!groupedSourceConversations) {\n      return null;\n    }\n    // Keep every loaded conversation in the group model. Folder discovery only\n    // freezes the collapsed preview — expanding a folder must reach later-page\n    // rows for that same workspace/repo.\n    return groupConversations(\n      groupedSourceConversations,\n      activeBackend.kind,\n      conversationSort,\n      groupLabels,\n      allWorkspacesForGrouping,\n    );\n  }, [\n    activeBackend.kind,\n    conversationSort,\n    groupLabels,\n    groupedSourceConversations,\n    allWorkspacesForGrouping,\n  ]);\n\n  const groupDiscoveryConversationIds = React.useMemo(() => {\n    if (!groupedSourceConversations) {\n      return null;\n    }\n    return getGroupDiscoveryConversationIds(\n      groupedSourceConversations,\n      conversationPageById,\n      activeBackend.kind,\n      { forceIncludeConversationId: currentConversationId },\n    );\n  }, [\n    activeBackend.kind,\n    conversationPageById,\n    currentConversationId,\n    groupedSourceConversations,\n  ]);\n\n  const orderedConversationGroups = React.useMemo(() => {\n    if (!conversationGroups) {\n      return null;\n    }\n    return applyGroupFolderOrder(conversationGroups, groupFolderOrder);\n  }, [conversationGroups, groupFolderOrder]);\n\n  const conversationGroupIds = React.useMemo(\n    () => conversationGroups?.map((group) => group.id) ?? [],\n    [conversationGroups],\n  );\n\n  const compactVisibleConversations = React.useMemo(\n    () =>\n      sortConversationsByField(\n        recentScoped.filter((conversation) =>\n          isExecutionActive(conversation.execution_status),\n        ),\n        conversationSort,\n      ),\n    [conversationSort, recentScoped],\n  );\n\n  const visibleFlatCount = sortedVisibleConversations.length;\n\n  const visibleGroupCount = orderedConversationGroups?.length ?? 0;\n\n  const listIsEffectivelyEmpty =\n    organizeMode === \"grouped\" && !compact\n      ? visibleGroupCount === 0\n      : visibleFlatCount === 0;\n\n  // Attribution is exact: the automation filter step itself produced zero\n  // rows out of a non-empty loaded set (not merely threadScope/older-cutoff\n  // effects). Used to pick the empty-state message.\n  const emptyDueToAutomationFilter =\n    listIsEffectivelyEmpty &&\n    automationFilterMode !== \"all\" &&\n    conversations.length > 0 &&\n    automationFilteredConversations.length === 0;\n\n  // Same attribution for the tag filter: it produced zero rows out of what\n  // the automation filter left behind.\n  const emptyDueToTagFilter =\n    listIsEffectivelyEmpty &&\n    selectedTagFacets.length > 0 &&\n    automationFilteredConversations.length > 0 &&\n    tagFilteredConversations.length === 0;\n\n  // Grouped pagination prefers discovering another folder; chronological\n  // pagination succeeds when another row appears. Pages that only deepen\n  // already-visible folders are not success for the grouped control — the\n  // driver walks past them (bounded by the per-click page cap) so a single\n  // click can still reach a folder hiding behind deepen-only pages.\n  const visibleCount =\n    organizeMode === \"grouped\" && !compact\n      ? visibleGroupCount\n      : visibleFlatCount;\n  const loadedPageCount = data?.pages.length ?? 0;\n\n  // KNOWN ISSUE (unresolved as of 2026-05-29): users still report that the\n  // sidebar \"Load more\" sometimes requires two clicks before new conversations\n  // appear. The mitigation below (dedupe by id in `conversations`, plus the\n  // floor-tracking driver that keeps fetching until the visible count grows)\n  // reduced but did NOT fully eliminate the symptom in manual testing. Likely\n  // remaining suspects to investigate next: the agent-server cursor pagination\n  // returning an overlapping/short page under `UPDATED_AT_DESC` while the 10s\n  // `refetchInterval` reorders pages (see `usePaginatedConversations`), or a\n  // React Query state lag where `hasNextPage`/`isFetching` settle a render\n  // after the click. If you pick this up, reproduce against a backend with\n  // >40 conversations and watch the `/api/conversations/search` cursors.\n  //\n  // Robust \"Load more\" driver. A single click can fail to surface new rows for\n  // two reasons: (1) `fetchNextPage()` is silently dropped while the 10s\n  // background refetch is in flight, and (2) a fetched page can yield zero\n  // *visible* rows (filtered out by the active scope, or deduped as overlap),\n  // so the list does not appear to grow. We capture floors at click time and\n  // keep fetching — once idle — until the visible count grows, the grouped\n  // per-click page cap is hit, or pages run out. `loadedPageCount` keeps the\n  // driver advancing when a fetched page contains only folders that were\n  // already discovered.\n  const [loadMoreFloor, setLoadMoreFloor] = React.useState<number | null>(null);\n  const [loadMorePageFloor, setLoadMorePageFloor] = React.useState<\n    number | null\n  >(null);\n  const visibleCountRef = React.useRef(visibleCount);\n  visibleCountRef.current = visibleCount;\n  const loadedPageCountRef = React.useRef(loadedPageCount);\n  loadedPageCountRef.current = loadedPageCount;\n\n  const clearLoadMoreRequest = React.useCallback(() => {\n    setLoadMoreFloor(null);\n    setLoadMorePageFloor(null);\n  }, []);\n\n  const requestLoadMore = React.useCallback(() => {\n    if (hasNextPage) {\n      setLoadMoreFloor(visibleCountRef.current);\n      setLoadMorePageFloor(loadedPageCountRef.current);\n    }\n  }, [hasNextPage]);\n\n  React.useEffect(() => {\n    if (loadMoreFloor === null) {\n      return;\n    }\n    // Goal met: the visible list grew past where it was when the user clicked.\n    if (visibleCount > loadMoreFloor) {\n      clearLoadMoreRequest();\n      return;\n    }\n    // Hard cap (grouped only): pages that merely deepen already-visible\n    // folders are walked past — a new folder may sit right behind them — but\n    // never unbounded many, so one click cannot drain the whole cursor.\n    // Chronological mode keeps its pre-existing behavior: fetch until a\n    // visible row appears or pages run out.\n    if (\n      organizeMode === \"grouped\" &&\n      !compact &&\n      loadMorePageFloor != null &&\n      loadedPageCount >= loadMorePageFloor + MAX_PAGES_PER_LOAD_MORE_CLICK\n    ) {\n      clearLoadMoreRequest();\n      return;\n    }\n    // Wait for any in-flight fetch (including the background refetch) to settle\n    // before evaluating `hasNextPage`; React Query may transiently clear that\n    // flag while replacing the last page.\n    if (isFetching || isFetchingNextPage) {\n      return;\n    }\n    // Nothing more to fetch — stop waiting even if the list did not grow.\n    if (!hasNextPage) {\n      clearLoadMoreRequest();\n      return;\n    }\n    fetchNextPage();\n  }, [\n    clearLoadMoreRequest,\n    compact,\n    loadMoreFloor,\n    loadMorePageFloor,\n    visibleCount,\n    loadedPageCount,\n    organizeMode,\n    hasNextPage,\n    isFetching,\n    isFetchingNextPage,\n    fetchNextPage,\n  ]);\n\n  const isLoadingMore = loadMoreFloor !== null || isFetchingNextPage;\n\n  const { mutate: deleteConversation, mutateAsync: deleteConversationAsync } =\n    useDeleteConversation();\n  const { mutate: pauseConversation } = useUnifiedPauseConversation();\n  const { mutate: updateConversation } = useUpdateConversation();\n  const { mutate: updateConversationTags } = useUpdateConversationTags();\n\n  // The next page of conversations is loaded only via the explicit \"Load\n  // more\" link rendered at the end of the list — there is no scroll-driven\n  // pagination, which previously caused the panel to feel like it had stray\n  // scrollable space at the bottom.\n  const olderHidden = olderScoped.length > 0 && !showOlderConversations;\n  // Compact mode also hides \"Load more\" — paginating into stale conversations\n  // contradicts the \"active only\" intent of the icon rail.\n  // Availability tracks backend exhaustion, never visible emptiness: a\n  // client-side filter (archiving, the automation filter) can hide every row\n  // of the loaded pages, and hiding the control there would strand the\n  // remaining pages behind an empty-state message with no way forward.\n  // `requestLoadMore`'s floor driver keeps paging until a visible row\n  // appears, so a single click walks past pages that are entirely filtered.\n  const showLoadMore = !!hasNextPage && !olderHidden && !compact;\n\n  const { mutate: createConversation } = useCreateConversation();\n  const isCreatingConversationFlow = useIsCreatingConversation();\n\n  const launchFromGroup = React.useCallback(\n    (launch: ConversationGroupLaunch) => {\n      if (isCreatingConversationFlow) return;\n      createConversation(\n        {\n          workingDir: launch.workingDir,\n          repository: launch.repository,\n          entryPoint: \"sidebar_relaunch_project\",\n        },\n        {\n          onSuccess: (data) => {\n            navigate(`/conversations/${data.conversation_id}`);\n          },\n        },\n      );\n    },\n    [createConversation, isCreatingConversationFlow, navigate],\n  );\n\n  const handleDeleteProject = React.useCallback(\n    (conversationId: string, title: string) => {\n      setConfirmDeleteModalVisible(true);\n      setSelectedConversationId(conversationId);\n      setSelectedConversationTitle(title);\n    },\n    [],\n  );\n\n  const handleArchiveProject = React.useCallback(\n    (conversationId: string, title: string) => {\n      setConfirmArchiveModalVisible(true);\n      setSelectedConversationId(conversationId);\n      setSelectedConversationTitle(title);\n    },\n    [],\n  );\n\n  // Editing tags is a local agent-server affordance: Cloud conversations\n  // don't carry server-side tags (`tags` stays null), so the card leaves\n  // `onEditTags` undefined on Cloud and the menu item never appears there.\n  const handleEditTags = React.useCallback((conversationId: string) => {\n    setEditTagsModalVisible(true);\n    setSelectedConversationId(conversationId);\n  }, []);\n\n  const handleConfirmEditTags = React.useCallback(\n    (mergedTags: Record<string, string>) => {\n      if (!selectedConversationId) {\n        return;\n      }\n      updateConversationTags(\n        { conversationId: selectedConversationId, tags: mergedTags },\n        {\n          onSuccess: () => {\n            displaySuccessToast(t(I18nKey.CONVERSATION$TAGS_UPDATED));\n          },\n        },\n      );\n    },\n    [selectedConversationId, t, updateConversationTags],\n  );\n\n  // Unarchiving needs no confirmation: it restores a row the user can archive\n  // again in one click, and nothing about the conversation itself changes.\n  const handleUnarchiveProject = React.useCallback(\n    (conversationId: string) => {\n      removeArchivedConversation(activeBackend.id, conversationId);\n    },\n    [activeBackend.id, removeArchivedConversation],\n  );\n\n  const handleStopConversation = React.useCallback((conversationId: string) => {\n    setConfirmStopModalVisible(true);\n    setSelectedConversationId(conversationId);\n  }, []);\n\n  const handleConversationTitleChange = React.useCallback(\n    (conversationId: string, newTitle: string) => {\n      updateConversation(\n        { conversationId, newTitle },\n        {\n          onSuccess: () => {\n            displaySuccessToast(t(I18nKey.CONVERSATION$TITLE_UPDATED));\n          },\n        },\n      );\n    },\n    [t, updateConversation],\n  );\n\n  const handleConfirmDelete = () => {\n    if (selectedConversationId) {\n      const conversationId = selectedConversationId;\n      deleteConversation(\n        { conversationId },\n        {\n          onSuccess: () => {\n            removeArchivedConversation(activeBackend.id, conversationId);\n            if (conversationId === currentConversationId) {\n              navigate(\"/conversations\");\n            }\n          },\n        },\n      );\n    }\n  };\n\n  const handleConfirmArchive = () => {\n    if (!selectedConversationId) {\n      return;\n    }\n    archiveConversation(activeBackend.id, selectedConversationId);\n    unpinConversation(activeBackend.id, selectedConversationId);\n    if (selectedConversationId === currentConversationId) {\n      navigate(\"/conversations\");\n    }\n  };\n\n  const handleConfirmStop = () => {\n    if (selectedConversationId) {\n      pauseConversation({\n        conversationId: selectedConversationId,\n      });\n    }\n  };\n\n  const handleConfirmDeleteAll = async () => {\n    // Delete against the unfiltered loaded set so archived (currently hidden)\n    // conversations are still removed from the server — matching the action's\n    // \"delete all conversations\" label and confirmation count.\n    const idsToDelete = allLoadedConversations.map((c) => c.id);\n    const results = await Promise.allSettled(\n      idsToDelete.map((conversationId) =>\n        deleteConversationAsync({ conversationId }),\n      ),\n    );\n\n    const deletedIds = results.flatMap((result, index) =>\n      result.status === \"fulfilled\" ? [idsToDelete[index]] : [],\n    );\n    const failedCount = results.length - deletedIds.length;\n\n    for (const conversationId of deletedIds) {\n      removeArchivedConversation(activeBackend.id, conversationId);\n    }\n\n    if (\n      currentConversationId !== null &&\n      deletedIds.includes(currentConversationId)\n    ) {\n      navigate(\"/conversations\");\n    }\n\n    if (failedCount > 0) {\n      displayErrorToast(\n        `${failedCount} conversation${failedCount === 1 ? \"\" : \"s\"} could not be deleted.`,\n      );\n    }\n  };\n\n  const renderConversationCard = React.useCallback(\n    (\n      conversation: (typeof conversations)[number],\n      options?: { inPinnedSection?: boolean },\n    ) => {\n      const isPinned = pinnedIds.includes(conversation.id);\n      const isArchived = archivedIdSet.has(conversation.id);\n      if (compact) {\n        return (\n          <CompactConversationRow\n            key={conversation.id}\n            conversationId={conversation.id}\n            title={conversation.title ?? \"\"}\n            selectedRepository={{\n              selected_repository: conversation.selected_repository,\n              selected_branch: conversation.selected_branch,\n              git_provider: conversation.git_provider as Provider,\n            }}\n            executionStatus={conversation.execution_status}\n            sandboxStatus={conversation.sandbox_status}\n            lastUpdatedAt={conversation.updated_at}\n            createdAt={conversation.created_at}\n            workspaceWorkingDir={\n              conversation.selected_workspace ??\n              conversation.workspace?.working_dir\n            }\n            isActive={conversation.id === currentConversationId}\n            onClose={onClose}\n            showRepositoryMetadata={showRepoBranchMetadata}\n            llmModel={conversation.llm_model}\n            showLlmProfiles={showLlmProfiles}\n            agentKind={conversation.agent_kind}\n            acpServer={conversation.acp_server}\n            tags={conversation.tags}\n            showTags={showTagsMetadata}\n          />\n        );\n      }\n      return (\n        <Tooltip\n          key={conversation.id}\n          placement=\"right-start\"\n          delay={1000}\n          closeDelay={100}\n          isDisabled={\n            !showHoverMetadata || openContextMenuId === conversation.id\n          }\n          disableAnimation={import.meta.env.MODE === \"test\"}\n          className=\"max-w-none overflow-visible rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl\"\n          content={\n            <ConversationCardPreview\n              title={conversation.title ?? \"\"}\n              executionStatus={conversation.execution_status}\n              sandboxStatus={conversation.sandbox_status}\n              selectedRepository={{\n                selected_repository: conversation.selected_repository,\n                selected_branch: conversation.selected_branch,\n                git_provider: conversation.git_provider as Provider,\n              }}\n              workspaceWorkingDir={\n                conversation.selected_workspace ??\n                conversation.workspace?.working_dir\n              }\n              llmModel={conversation.llm_model}\n              agentKind={conversation.agent_kind}\n              acpServer={conversation.acp_server}\n              createdAt={conversation.created_at}\n              tags={conversation.tags}\n            />\n          }\n        >\n          <NavigationLink\n            to={backendScopedPath(`/conversations/${conversation.id}`)}\n            onClick={onClose}\n            className={cn(\n              \"block rounded-md transition-colors\",\n              openContextMenuId !== conversation.id &&\n                \"hover:bg-[var(--oh-surface)]\",\n              (conversation.id === currentConversationId ||\n                openContextMenuId === conversation.id) &&\n                \"bg-[var(--oh-surface)]\",\n            )}\n          >\n            <ConversationCard\n              onDelete={() =>\n                handleDeleteProject(conversation.id, conversation.title ?? \"\")\n              }\n              // Exactly one direction is offered per row, so the menu always\n              // reflects the conversation's current archived state.\n              onArchive={\n                isArchived\n                  ? undefined\n                  : () =>\n                      handleArchiveProject(\n                        conversation.id,\n                        conversation.title ?? \"\",\n                      )\n              }\n              onUnarchive={\n                isArchived\n                  ? () => handleUnarchiveProject(conversation.id)\n                  : undefined\n              }\n              onStop={() => handleStopConversation(conversation.id)}\n              onEditTags={\n                activeBackend.kind === \"local\"\n                  ? () => handleEditTags(conversation.id)\n                  : undefined\n              }\n              onChangeTitle={(title) =>\n                handleConversationTitleChange(conversation.id, title)\n              }\n              title={conversation.title ?? \"\"}\n              selectedRepository={{\n                selected_repository: conversation.selected_repository,\n                selected_branch: conversation.selected_branch,\n                git_provider: conversation.git_provider as Provider,\n              }}\n              lastUpdatedAt={conversation.updated_at}\n              createdAt={conversation.created_at}\n              executionStatus={conversation.execution_status}\n              sandboxStatus={conversation.sandbox_status}\n              conversationId={conversation.id}\n              contextMenuOpen={openContextMenuId === conversation.id}\n              onContextMenuToggle={(isOpen) =>\n                setOpenContextMenuId(isOpen ? conversation.id : null)\n              }\n              isActive={conversation.id === currentConversationId}\n              workspaceWorkingDir={\n                conversation.selected_workspace ??\n                conversation.workspace?.working_dir\n              }\n              showRepositoryMetadata={showRepoBranchMetadata}\n              llmModel={conversation.llm_model}\n              showLlmProfiles={showLlmProfiles}\n              agentKind={conversation.agent_kind}\n              acpServer={conversation.acp_server}\n              tags={conversation.tags}\n              showTags={showTagsMetadata}\n              isArchived={isArchived}\n              isPinned={isPinned}\n              onTogglePin={() => togglePin(activeBackend.id, conversation.id)}\n              alwaysShowPinIcon={isPinned && !options?.inPinnedSection}\n            />\n          </NavigationLink>\n        </Tooltip>\n      );\n    },\n    [\n      activeBackend.id,\n      activeBackend.kind,\n      archivedIdSet,\n      compact,\n      currentConversationId,\n      handleArchiveProject,\n      handleConversationTitleChange,\n      handleDeleteProject,\n      handleEditTags,\n      handleStopConversation,\n      handleUnarchiveProject,\n      onClose,\n      openContextMenuId,\n      pinnedIds,\n      showRepoBranchMetadata,\n      showLlmProfiles,\n      showTagsMetadata,\n      showHoverMetadata,\n      togglePin,\n    ],\n  );\n\n  // Standard layout: panel fills its slot in the sidebar; the inner scroll\n  // child fills the panel and scrolls when its content overflows. Modals are\n  // siblings of the scroll element and are `position: fixed`, so they don't\n  // participate in the panel's scroll geometry.\n  // Gate on `isLoading` / `!isFetched` (true only until the first fetch settles),\n  // not `isFetching` — the latter flips back to true on every 10s background\n  // refetch, causing the skeleton/empty-state to flicker when the list is empty.\n  const showInitialSkeleton = isLoading || !isFetched;\n  const showPinnedSection =\n    !compact && !showInitialSkeleton && pinnedConversations.length > 0;\n  const hasVisibleGroups =\n    organizeMode === \"grouped\" &&\n    !compact &&\n    orderedConversationGroups != null &&\n    orderedConversationGroups.length > 0;\n  const showEmptyState =\n    isFetched &&\n    !isLoading &&\n    !compact &&\n    listIsEffectivelyEmpty &&\n    !showPinnedSection &&\n    !startTasks?.length &&\n    !hasVisibleGroups;\n\n  const showConversationHeader = !compact;\n\n  return (\n    <div\n      ref={ref}\n      data-testid=\"conversation-panel\"\n      className=\"flex h-full min-h-0 w-full flex-col\"\n    >\n      {showConversationHeader && (\n        <div\n          className={cn(\n            // Pull flush to the sidebar edges: `-ml-2.5` matches aside `pl-2.5`;\n            // width extends by that inset on the right now that aside is `pr-0`.\n            \"-ml-2.5 w-[calc(100%+0.625rem)] max-w-none box-border border-b\",\n            isListScrolled ? \"border-[var(--oh-border)]\" : \"border-transparent\",\n          )}\n        >\n          <div\n            data-testid=\"older-conversations-summary\"\n            className=\"flex min-w-0 flex-nowrap items-center gap-x-2 py-2 pl-4 pr-2.5 text-[var(--oh-muted)]\"\n          >\n            <span className=\"min-w-0 truncate text-sm font-medium text-[var(--oh-muted)]\">\n              {t(I18nKey.SIDEBAR$CONVERSATIONS)}\n            </span>\n            <div className=\"ml-auto flex shrink-0 items-center gap-0.5\">\n              <ConversationPanelNewThreadPicker\n                backendKind={activeBackend.kind}\n              />\n              <ConversationLayoutsMenu\n                menuOpen={filterMenuOpen}\n                setMenuOpen={setFilterMenuOpen}\n                menuRef={filterMenuRef}\n                backendKind={activeBackend.kind}\n                tagFacets={tagFacets}\n                automationNameFacets={automationNameFacets}\n                totalConversationsCount={allLoadedConversations.length}\n                onRequestDeleteAll={() => setConfirmDeleteAllVisible(true)}\n              />\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Sits above the list, not inside the scroll container: a filter that\n          scrolls out of view is a filter the user can't see. */}\n      {!compact && (\n        <ConversationActiveTagFilters\n          selectedFacets={selectedTagFacets}\n          onToggleFacet={toggleTagFacet}\n          selectedAutomationNames={selectedAutomationNames}\n          onToggleAutomationName={toggleAutomationName}\n          onClearAll={clearFilterSelections}\n        />\n      )}\n\n      <div\n        ref={scrollContainerRef}\n        data-testid=\"conversation-panel-list-scroll\"\n        onScroll={(event) => {\n          setIsListScrolled(event.currentTarget.scrollTop > 0);\n        }}\n        className={cn(\n          \"flex min-h-0 flex-1 flex-col overflow-y-auto overflow-x-hidden overscroll-contain custom-scrollbar-always\",\n          !compact && \"conversation-panel-list-scroll\",\n        )}\n      >\n        {showInitialSkeleton && <ConversationCardSkeleton compact={compact} />}\n\n        {!compact && showEmptyState && (\n          <div\n            data-testid=\"conversation-panel-empty-state\"\n            className=\"flex min-h-0 flex-1 flex-col items-center justify-center px-4 py-8\"\n          >\n            <p className=\"text-xs text-[var(--oh-muted)]\">\n              {t(\n                emptyDueToAutomationFilter\n                  ? I18nKey.CONVERSATION_PANEL$NO_AUTOMATION_MATCHES\n                  : emptyDueToTagFilter\n                    ? I18nKey.CONVERSATION_PANEL$NO_TAG_MATCHES\n                    : I18nKey.CONVERSATION$NO_CONVERSATIONS,\n              )}\n            </p>\n          </div>\n        )}\n\n        {showPinnedSection ? (\n          <ConversationPanelPinnedSection\n            pinnedConversations={pinnedConversations}\n            isPreviewExpanded={expandedPinnedPreview}\n            onTogglePreviewExpanded={() =>\n              setExpandedPinnedPreview((current) => !current)\n            }\n            activeConversationId={currentConversationId}\n            showDivider={!compact && organizeMode === \"chronological\"}\n            renderConversationCard={(conversation) =>\n              renderConversationCard(conversation, { inPinnedSection: true })\n            }\n          />\n        ) : null}\n\n        {/* Render in-progress start tasks first (skipped in compact mode —\n            their rich card layout doesn't fit in the icon rail). */}\n        {!compact &&\n          startTasks?.map((task) => (\n            <NavigationLink\n              key={task.id}\n              to={backendScopedPath(`/conversations/task-${task.id}`)}\n              onClick={onClose}\n              className=\"block\"\n            >\n              <StartTaskCard task={task} />\n            </NavigationLink>\n          ))}\n\n        {!showInitialSkeleton && compact\n          ? compactVisibleConversations.map((conversation) =>\n              renderConversationCard(conversation),\n            )\n          : null}\n\n        {!showInitialSkeleton &&\n        !compact &&\n        organizeMode === \"grouped\" &&\n        orderedConversationGroups &&\n        orderedConversationGroups.length > 0 ? (\n          <ConversationGroupFolderList\n            groups={orderedConversationGroups}\n            groupIds={conversationGroupIds}\n            groupFolderOrder={groupFolderOrder}\n            setGroupFolderOrder={setGroupFolderOrder}\n            collapsedGroupIds={collapsedGroupIds}\n            expandedGroupPreviewIds={expandedGroupPreviewIds}\n            discoveryConversationIds={groupDiscoveryConversationIds}\n            onToggleGroupCollapsed={toggleGroupCollapsed}\n            onToggleGroupPreviewExpanded={toggleGroupPreviewExpanded}\n            isCreatingConversationFlow={isCreatingConversationFlow}\n            activeConversationId={currentConversationId}\n            onLaunchFromGroup={launchFromGroup}\n            renderConversationCard={(conversation) =>\n              renderConversationCard(conversation)\n            }\n          />\n        ) : null}\n\n        {!showInitialSkeleton &&\n        !compact &&\n        organizeMode === \"chronological\" ? (\n          <div className=\"space-y-0.5\">\n            {sortedVisibleConversations.map((conversation) =>\n              renderConversationCard(conversation),\n            )}\n          </div>\n        ) : null}\n\n        {/* Explicit \"Load more\" trigger. Only shown when more pages exist\n            *and* the older list is currently visible (or there are no older\n            conversations to begin with) — otherwise the next page would be\n            populated mostly with conversations the user has chosen to hide. */}\n        {showLoadMore &&\n          (isLoadingMore ? (\n            <div className=\"py-1\">\n              <ConversationCardSkeleton compact={compact} />\n            </div>\n          ) : (\n            <div className=\"flex justify-center py-4\">\n              <button\n                type=\"button\"\n                data-testid=\"load-more-conversations\"\n                onClick={requestLoadMore}\n                className=\"text-xs text-[var(--oh-muted)] hover:text-white\"\n              >\n                {t(I18nKey.CONVERSATION$LOAD_MORE)}\n              </button>\n            </div>\n          ))}\n      </div>\n\n      {confirmDeleteModalVisible && (\n        <ConfirmDeleteModal\n          onConfirm={() => {\n            handleConfirmDelete();\n            setConfirmDeleteModalVisible(false);\n            setSelectedConversationTitle(null);\n          }}\n          onCancel={() => {\n            setConfirmDeleteModalVisible(false);\n            setSelectedConversationTitle(null);\n          }}\n          conversationTitle={selectedConversationTitle ?? undefined}\n        />\n      )}\n\n      {confirmArchiveModalVisible && (\n        <ConfirmArchiveModal\n          onConfirm={() => {\n            handleConfirmArchive();\n            setConfirmArchiveModalVisible(false);\n            setSelectedConversationTitle(null);\n          }}\n          onCancel={() => {\n            setConfirmArchiveModalVisible(false);\n            setSelectedConversationTitle(null);\n          }}\n          conversationTitle={selectedConversationTitle ?? undefined}\n        />\n      )}\n\n      {editTagsModalVisible && (\n        <EditConversationTagsModal\n          // Read the complete map (including reserved/internal keys) so the\n          // modal can merge user edits without dropping them; look it up in\n          // the unfiltered loaded set so archived rows still resolve.\n          tags={\n            allLoadedConversations.find(\n              (conversation) => conversation.id === selectedConversationId,\n            )?.tags\n          }\n          onConfirm={(mergedTags) => {\n            handleConfirmEditTags(mergedTags);\n            setEditTagsModalVisible(false);\n          }}\n          onCancel={() => setEditTagsModalVisible(false)}\n        />\n      )}\n\n      {confirmDeleteAllVisible && (\n        <ConfirmDeleteModal\n          title={t(I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_TITLE)}\n          description={t(I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_DESC, {\n            count: allLoadedConversations.length,\n          })}\n          onConfirm={async () => {\n            await handleConfirmDeleteAll();\n            setConfirmDeleteAllVisible(false);\n          }}\n          onCancel={() => setConfirmDeleteAllVisible(false)}\n        />\n      )}\n\n      {confirmStopModalVisible && (\n        <ConfirmStopModal\n          onConfirm={() => {\n            handleConfirmStop();\n            setConfirmStopModalVisible(false);\n          }}\n          onCancel={() => setConfirmStopModalVisible(false)}\n        />\n      )}\n\n      {confirmExitConversationModalVisible && (\n        <ExitConversationModal\n          onConfirm={() => {\n            onClose?.();\n          }}\n          onClose={() => setConfirmExitConversationModalVisible(false)}\n          onCancel={() => setConfirmExitConversationModalVisible(false)}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}