@openhands/agent-canvas 1.1.0 → 1.2.1

package/dist/components/features/conversation-panel/conversation-card/conversation-card-footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-card-footer.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-footer.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { formatTimeDelta } from \"#/utils/format-time-delta\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { RepositorySelection } from \"#/api/open-hands.types\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { isExecutionPaused } from \"#/utils/status\";\nimport {\n  getAcpProviderDisplayName,\n  labelForAcpModel,\n  resolveAcpProviderIcon,\n} from \"#/constants/acp-providers\";\nimport { formatNativeModelName } from \"#/utils/format-model-name\";\nimport {\n  AgentBrandIcon,\n  type AgentBrandIconKind,\n} from \"#/components/shared/agent-brand-icon\";\nimport { ConversationRepoLink } from \"./conversation-repo-link\";\nimport { NoRepository } from \"./no-repository\";\n\ninterface ConversationCardFooterProps {\n  selectedRepository: RepositorySelection | null;\n  lastUpdatedAt: string;\n  createdAt?: string;\n  executionStatus?: ExecutionStatus | null;\n  workspaceWorkingDir?: string | null;\n  showRepositoryMetadata?: boolean;\n  showTimestamp?: boolean;\n  llmModel?: string | null;\n  /**\n   * Whether to render the agent/model chip. Wired to the conversation\n   * panel's \"LLM model\" toggle (off by default); gates the chip uniformly\n   * for both ACP and OpenHands cards.\n   */\n  showAgentChip?: boolean;\n  /**\n   * High-level kind of the conversation's agent. Drives the chip's icon:\n   * the OpenHands logo for native conversations and the resolved ACP brand\n   * mark for ACP conversations. Defensive against stray ``acpServer``\n   * values reaching an OpenHands card.\n   */\n  agentKind?: \"openhands\" | \"acp\" | null;\n  /**\n   * Registry key of the ACP CLI server (``\"claude-code\"`` / ``\"codex\"`` /\n   * ``\"gemini-cli\"`` / unknown / null). Resolved to a human display name\n   * via {@link getAcpProviderDisplayName}; unknown / null falls back to\n   * a generic \"ACP\" label so a Custom-command preset still produces a\n   * useful chip.\n   */\n  acpServer?: string | null;\n}\n\nexport function ConversationCardFooter({\n  selectedRepository,\n  lastUpdatedAt,\n  createdAt,\n  executionStatus,\n  workspaceWorkingDir,\n  showRepositoryMetadata = true,\n  showTimestamp = true,\n  llmModel,\n  showAgentChip = false,\n  agentKind = null,\n  acpServer = null,\n}: ConversationCardFooterProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const isPaused = isExecutionPaused(executionStatus);\n\n  // Single inline chip per conversation: [brand mark] {model text}. Gated by\n  // the conversation panel's \"LLM model\" toggle (off by default) and applied\n  // uniformly to both kinds — OpenHands shows the logo + ``agent.llm.model``;\n  // ACP shows the provider brand mark + model resolved through PR 730's\n  // adapter chain, falling back to the provider display name when no model is\n  // available so the chip never collapses to icon-only.\n  let chip: {\n    kind: AgentBrandIconKind;\n    text: string;\n    tooltip: string;\n  } | null = null;\n  if (showAgentChip) {\n    if (agentKind === \"acp\") {\n      const providerName =\n        getAcpProviderDisplayName(acpServer) ??\n        t(I18nKey.CONVERSATION$ACP_AGENT_GENERIC);\n      // Prefer the provider's picker label (e.g. \"Claude Opus 4.7\") over the\n      // raw ``acp_model`` ID; falls back to the raw ID for custom overrides\n      // and to the provider name when there's no model at all.\n      const modelLabel = labelForAcpModel(acpServer, llmModel);\n      const text = modelLabel ?? providerName;\n      chip = {\n        kind: resolveAcpProviderIcon(acpServer),\n        text,\n        tooltip: modelLabel ? `${providerName} · ${modelLabel}` : providerName,\n      };\n    } else if (llmModel) {\n      // Strip the routing prefix (e.g. \"anthropic/claude-…\" → \"claude-…\") for\n      // the chip text; keep the full routing string in the tooltip.\n      chip = {\n        kind: \"openhands\",\n        text: formatNativeModelName(llmModel) ?? llmModel,\n        tooltip: llmModel,\n      };\n    }\n  }\n\n  // Match title text start: 18px status column + gap-2 (8px).\n  const metadataIndentClass =\n    executionStatus !== undefined ? \"pl-[26px]\" : undefined;\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col gap-0.5 mt-0.5 w-full min-w-0\",\n        isPaused && \"opacity-60\",\n      )}\n    >\n      {chip ? (\n        <div className={metadataIndentClass}>\n          <span\n            data-testid=\"conversation-card-agent-chip\"\n            className=\"inline-flex items-center gap-1 text-xs text-[var(--oh-muted)] max-w-full min-w-0\"\n            title={chip.tooltip}\n          >\n            <AgentBrandIcon kind={chip.kind} />\n            <span className=\"truncate\">{chip.text}</span>\n          </span>\n        </div>\n      ) : null}\n      <div\n        className={cn(\n          \"flex flex-row items-center gap-2 w-full min-w-0\",\n          showRepositoryMetadata && metadataIndentClass,\n        )}\n      >\n        {showRepositoryMetadata &&\n          (selectedRepository?.selected_repository ? (\n            <ConversationRepoLink selectedRepository={selectedRepository} />\n          ) : (\n            <NoRepository workspaceWorkingDir={workspaceWorkingDir} />\n          ))}\n        <div className=\"flex items-center gap-2 shrink-0 ml-auto\">\n          {showTimestamp && (createdAt ?? lastUpdatedAt) && (\n            <p className=\"text-xs text-[var(--oh-muted)] text-right\">\n              <time>\n                {`${formatTimeDelta(lastUpdatedAt ?? createdAt)} ${t(I18nKey.CONVERSATION$AGO)}`}\n              </time>\n            </p>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAoDA,SAAgB,EAAuB,EACrC,uBACA,kBACA,cACA,oBACA,wBACA,4BAAyB,IACzB,mBAAgB,IAChB,aACA,mBAAgB,IAChB,eAAY,MACZ,eAAY,QACkB;CAC9B,IAAM,EAAE,SAAM,EAAe,YAAY,EAEnC,IAAW,EAAkB,EAAgB,EAQ/C,IAIO;AACX,KAAI,OACE,MAAc,OAAO;EACvB,IAAM,IACJ,EAA0B,EAAU,IACpC,EAAE,EAAQ,+BAA+B,EAIrC,IAAa,EAAiB,GAAW,EAAS,EAClD,IAAO,KAAc;AAC3B,MAAO;GACL,MAAM,EAAuB,EAAU;GACvC;GACA,SAAS,IAAa,GAAG,EAAa,KAAK,MAAe;GAC3D;QACQ,MAGT,IAAO;EACL,MAAM;EACN,MAAM,EAAsB,EAAS,IAAI;EACzC,SAAS;EACV;CAKL,IAAM,IACJ,MAAoB,KAAA,IAA0B,KAAA,IAAd;AAElC,QACE,kBAAC,OAAD;EACE,WAAW,EACT,+CACA,KAAY,aACb;YAJH,CAMG,IACC,kBAAC,OAAD;GAAK,WAAW;aACd,kBAAC,QAAD;IACE,eAAY;IACZ,WAAU;IACV,OAAO,EAAK;cAHd,CAKE,kBAAC,GAAD,EAAgB,MAAM,EAAK,MAAQ,CAAA,EACnC,kBAAC,QAAD;KAAM,WAAU;eAAY,EAAK;KAAY,CAAA,CACxC;;GACH,CAAA,GACJ,MACJ,kBAAC,OAAD;GACE,WAAW,EACT,mDACA,KAA0B,EAC3B;aAJH,CAMG,MACE,GAAoB,sBACnB,kBAAC,GAAD,EAA0C,uBAAsB,CAAA,GAEhE,kBAAC,GAAD,EAAmC,wBAAuB,CAAA,GAE9D,kBAAC,OAAD;IAAK,WAAU;cACZ,MAAkB,KAAa,MAC9B,kBAAC,KAAD;KAAG,WAAU;eACX,kBAAC,QAAD,EAAA,UACG,GAAG,EAAgB,KAAiB,EAAU,CAAC,GAAG,EAAE,EAAQ,iBAAiB,IACzE,CAAA;KACL,CAAA;IAEF,CAAA,CACF;KACF"}
+{"version":3,"file":"conversation-card-footer.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-footer.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { formatTimeDelta } from \"#/utils/format-time-delta\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { RepositorySelection } from \"#/api/open-hands.types\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { isExecutionPaused } from \"#/utils/status\";\nimport {\n  getAcpProviderDisplayName,\n  labelForAcpModel,\n  resolveAcpProviderIcon,\n} from \"#/constants/acp-providers\";\nimport { formatNativeModelName } from \"#/utils/format-model-name\";\nimport {\n  AgentBrandIcon,\n  type AgentBrandIconKind,\n} from \"#/components/shared/agent-brand-icon\";\nimport { ConversationRepoLink } from \"./conversation-repo-link\";\nimport { NoRepository } from \"./no-repository\";\n\ninterface ConversationCardFooterProps {\n  selectedRepository: RepositorySelection | null;\n  lastUpdatedAt: string;\n  createdAt?: string;\n  executionStatus?: ExecutionStatus | null;\n  workspaceWorkingDir?: string | null;\n  showRepositoryMetadata?: boolean;\n  showTimestamp?: boolean;\n  llmModel?: string | null;\n  /**\n   * Whether to render the agent/model chip. Wired to the conversation\n   * panel's \"LLM model\" toggle; gates the chip uniformly\n   * for both ACP and OpenHands cards.\n   */\n  showAgentChip?: boolean;\n  /**\n   * High-level kind of the conversation's agent. Drives the chip's icon:\n   * the OpenHands logo for native conversations and the resolved ACP brand\n   * mark for ACP conversations. Defensive against stray ``acpServer``\n   * values reaching an OpenHands card.\n   */\n  agentKind?: \"openhands\" | \"acp\" | null;\n  /**\n   * Registry key of the ACP CLI server (``\"claude-code\"`` / ``\"codex\"`` /\n   * ``\"gemini-cli\"`` / unknown / null). Resolved to a human display name\n   * via {@link getAcpProviderDisplayName}; unknown / null falls back to\n   * a generic \"ACP\" label so a Custom-command preset still produces a\n   * useful chip.\n   */\n  acpServer?: string | null;\n}\n\nexport function ConversationCardFooter({\n  selectedRepository,\n  lastUpdatedAt,\n  createdAt,\n  executionStatus,\n  workspaceWorkingDir,\n  showRepositoryMetadata = true,\n  showTimestamp = true,\n  llmModel,\n  showAgentChip = false,\n  agentKind = null,\n  acpServer = null,\n}: ConversationCardFooterProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const isPaused = isExecutionPaused(executionStatus);\n\n  // Single inline chip per conversation: [brand mark] {model text}. Gated by\n  // the conversation panel's \"LLM model\" toggle and applied\n  // uniformly to both kinds — OpenHands shows the logo + ``agent.llm.model``;\n  // ACP shows the provider brand mark + model resolved through PR 730's\n  // adapter chain, falling back to the provider display name when no model is\n  // available so the chip never collapses to icon-only.\n  let chip: {\n    kind: AgentBrandIconKind;\n    text: string;\n    tooltip: string;\n  } | null = null;\n  if (showAgentChip) {\n    if (agentKind === \"acp\") {\n      const providerName =\n        getAcpProviderDisplayName(acpServer) ??\n        t(I18nKey.CONVERSATION$ACP_AGENT_GENERIC);\n      // Prefer the provider's picker label (e.g. \"Claude Opus 4.7\") over the\n      // raw ``acp_model`` ID; falls back to the raw ID for custom overrides\n      // and to the provider name when there's no model at all.\n      const modelLabel = labelForAcpModel(acpServer, llmModel);\n      const text = modelLabel ?? providerName;\n      chip = {\n        kind: resolveAcpProviderIcon(acpServer),\n        text,\n        tooltip: modelLabel ? `${providerName} · ${modelLabel}` : providerName,\n      };\n    } else if (llmModel) {\n      // Strip the routing prefix (e.g. \"anthropic/claude-…\" → \"claude-…\") for\n      // the chip text; keep the full routing string in the tooltip.\n      chip = {\n        kind: \"openhands\",\n        text: formatNativeModelName(llmModel) ?? llmModel,\n        tooltip: llmModel,\n      };\n    }\n  }\n\n  // Match title text start: 18px status column + gap-2 (8px).\n  const metadataIndentClass =\n    executionStatus !== undefined ? \"pl-[26px]\" : undefined;\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col gap-0.5 mt-0.5 w-full min-w-0\",\n        isPaused && \"opacity-60\",\n      )}\n    >\n      {chip ? (\n        <div className={metadataIndentClass}>\n          <span\n            data-testid=\"conversation-card-agent-chip\"\n            className=\"inline-flex items-center gap-1 text-xs text-[var(--oh-muted)] max-w-full min-w-0\"\n            title={chip.tooltip}\n          >\n            <AgentBrandIcon kind={chip.kind} />\n            <span className=\"truncate\">{chip.text}</span>\n          </span>\n        </div>\n      ) : null}\n      <div\n        className={cn(\n          \"flex flex-row items-center gap-2 w-full min-w-0\",\n          showRepositoryMetadata && metadataIndentClass,\n        )}\n      >\n        {showRepositoryMetadata &&\n          (selectedRepository?.selected_repository ? (\n            <ConversationRepoLink selectedRepository={selectedRepository} />\n          ) : (\n            <NoRepository workspaceWorkingDir={workspaceWorkingDir} />\n          ))}\n        <div className=\"flex items-center gap-2 shrink-0 ml-auto\">\n          {showTimestamp && (createdAt ?? lastUpdatedAt) && (\n            <p className=\"text-xs text-[var(--oh-muted)] text-right\">\n              <time>\n                {`${formatTimeDelta(lastUpdatedAt ?? createdAt)} ${t(I18nKey.CONVERSATION$AGO)}`}\n              </time>\n            </p>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAoDA,SAAgB,EAAuB,EACrC,uBACA,kBACA,cACA,oBACA,wBACA,4BAAyB,IACzB,mBAAgB,IAChB,aACA,mBAAgB,IAChB,eAAY,MACZ,eAAY,QACkB;CAC9B,IAAM,EAAE,SAAM,EAAe,YAAY,EAEnC,IAAW,EAAkB,EAAgB,EAQ/C,IAIO;AACX,KAAI,OACE,MAAc,OAAO;EACvB,IAAM,IACJ,EAA0B,EAAU,IACpC,EAAE,EAAQ,+BAA+B,EAIrC,IAAa,EAAiB,GAAW,EAAS,EAClD,IAAO,KAAc;AAC3B,MAAO;GACL,MAAM,EAAuB,EAAU;GACvC;GACA,SAAS,IAAa,GAAG,EAAa,KAAK,MAAe;GAC3D;QACQ,MAGT,IAAO;EACL,MAAM;EACN,MAAM,EAAsB,EAAS,IAAI;EACzC,SAAS;EACV;CAKL,IAAM,IACJ,MAAoB,KAAA,IAA0B,KAAA,IAAd;AAElC,QACE,kBAAC,OAAD;EACE,WAAW,EACT,+CACA,KAAY,aACb;YAJH,CAMG,IACC,kBAAC,OAAD;GAAK,WAAW;aACd,kBAAC,QAAD;IACE,eAAY;IACZ,WAAU;IACV,OAAO,EAAK;cAHd,CAKE,kBAAC,GAAD,EAAgB,MAAM,EAAK,MAAQ,CAAA,EACnC,kBAAC,QAAD;KAAM,WAAU;eAAY,EAAK;KAAY,CAAA,CACxC;;GACH,CAAA,GACJ,MACJ,kBAAC,OAAD;GACE,WAAW,EACT,mDACA,KAA0B,EAC3B;aAJH,CAMG,MACE,GAAoB,sBACnB,kBAAC,GAAD,EAA0C,uBAAsB,CAAA,GAEhE,kBAAC,GAAD,EAAmC,wBAAuB,CAAA,GAE9D,kBAAC,OAAD;IAAK,WAAU;cACZ,MAAkB,KAAa,MAC9B,kBAAC,KAAD;KAAG,WAAU;eACX,kBAAC,QAAD,EAAA,UACG,GAAG,EAAgB,KAAiB,EAAU,CAAC,GAAG,EAAE,EAAQ,iBAAiB,IACzE,CAAA;KACL,CAAA;IAEF,CAAA,CACF;KACF"}

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`),ee=require(`../../../context/navigation-context.cjs`),te=require(`../../../utils/custom-toast-handlers.cjs`),ne=require(`../../../contexts/active-backend-context.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/mutation/use-update-conversation.cjs`),ue=require(`./confirm-delete-modal.cjs`),de=require(`./confirm-stop-modal.cjs`),fe=require(`../../../hooks/query/use-paginated-conversations.cjs`),pe=require(`../../../hooks/query/use-start-tasks.cjs`),me=require(`./exit-conversation-modal.cjs`),he=require(`../../../hooks/use-is-creating-conversation.cjs`),ge=require(`./conversation-card/conversation-card.cjs`),_e=require(`./conversation-card/conversation-card-preview.cjs`),ve=require(`./start-task-card/start-task-card.cjs`),ye=require(`./conversation-card/conversation-card-skeleton.cjs`),be=require(`./compact-conversation-row.cjs`),a=require(`../../../stores/conversation-panel-preferences-store.cjs`),xe=require(`./conversation-panel-filter-menu.cjs`),Se=require(`./conversation-panel-new-thread-picker.cjs`),o=require(`./conversation-panel-list-helpers.cjs`),Ce=require(`./conversation-group-folder-list.cjs`),we=require(`./conversation-panel-pinned-section.cjs`),s=require(`../../../stores/pinned-conversations-store.cjs`);let c=require(`react`);c=e.__toESM(c,1);let l=require(`react/jsx-runtime`);var Te=()=>{},Ee=[],u=3600*1e3,De=e=>{let t=Date.now()-u,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 d({onClose:e,compact:u=!1}){let{t:d}=t.useTranslation(`openhands`),{conversationId:f,navigate:p}=ee.useNavigation(),{backend:m}=ne.useActiveBackend(),Oe=ie.useClickOutsideElement(e??Te),[ke,h]=c.default.useState(!1),[Ae,g]=c.default.useState(!1),[je,Me]=c.default.useState(!1),[Ne,_]=c.default.useState(!1),v=a.useConversationPanelPreferencesStore(e=>e.showOlderConversations),Pe=a.useConversationPanelPreferencesStore(e=>e.toggleShowOlderConversations),y=a.useConversationPanelPreferencesStore(e=>e.showRepoBranchMetadata),Fe=a.useConversationPanelPreferencesStore(e=>e.toggleShowRepoBranchMetadata),b=a.useConversationPanelPreferencesStore(e=>e.showLlmProfiles),Ie=a.useConversationPanelPreferencesStore(e=>e.toggleShowLlmProfiles),x=a.useConversationPanelPreferencesStore(e=>e.showHoverMetadata),Le=a.useConversationPanelPreferencesStore(e=>e.toggleShowHoverMetadata),S=a.useConversationPanelPreferencesStore(e=>e.organizeMode),Re=a.useConversationPanelPreferencesStore(e=>e.setOrganizeMode),C=a.useConversationPanelPreferencesStore(e=>e.conversationSort),ze=a.useConversationPanelPreferencesStore(e=>e.setConversationSort),w=a.useConversationPanelPreferencesStore(e=>e.threadScope),Be=a.useConversationPanelPreferencesStore(e=>e.setThreadScope),T=a.useConversationPanelPreferencesStore(e=>e.groupFolderOrder),Ve=a.useConversationPanelPreferencesStore(e=>e.setGroupFolderOrder),[He,E]=c.default.useState(!1),[Ue,We]=c.default.useState(!1),Ge=ie.useClickOutsideElement(()=>{E(!1)}),[Ke,D]=c.default.useState(()=>new Set),[qe,O]=c.default.useState(()=>new Set),[Je,k]=c.default.useState(!1),A=s.usePinnedConversationsStore(e=>e.pinsByBackendId[m.id]??Ee),Ye=s.usePinnedConversationsStore(e=>e.togglePin),Xe=s.usePinnedConversationsStore(e=>e.pruneMissingConversations),Ze=c.default.useCallback(e=>{D(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]),Qe=c.default.useCallback(e=>{O(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]);c.default.useEffect(()=>{S!==`grouped`&&(D(new Set),O(new Set))},[S]);let $e=c.default.useRef(null),[j,M]=c.default.useState(null),[et,N]=c.default.useState(null),[P,tt]=c.default.useState(null),{data:nt,isLoading:rt,isFetched:F,hasNextPage:I,isFetching:L,isFetchingNextPage:R,fetchNextPage:z}=fe.usePaginatedConversations(),{data:B}=pe.useStartTasks(),V=c.default.useMemo(()=>{let e=nt?.pages.flatMap(e=>e.items)??[],t=new Set;return e.filter(e=>t.has(e.id)?!1:(t.add(e.id),!0))},[nt]),H=c.default.useMemo(()=>o.resolvePinnedConversations(A,V),[V,A]);c.default.useEffect(()=>{F&&Xe(m.id,V.map(e=>e.id))},[m.id,V,F,Xe]),c.default.useEffect(()=>{A.length===0&&k(!1)},[A.length]);let U=c.default.useMemo(()=>{let e=w===`relevant`?V.filter(e=>r.isExecutionActive(e.execution_status)):V;return u?e:o.filterOutPinnedConversations(e,A)},[u,V,A,w]),{recent:W,older:G}=c.default.useMemo(()=>De(U),[U]),it=c.default.useMemo(()=>o.sortConversationsByField(v?[...W,...G]:W,C),[W,G,v,C]),at=c.default.useMemo(()=>({emptyWorkspace:d(n.I18nKey.CONVERSATION_PANEL$NO_WORKSPACE),emptyRepository:d(n.I18nKey.CONVERSATION_PANEL$NO_REPOSITORY)}),[d]),K=c.default.useMemo(()=>u||S!==`grouped`?null:o.groupConversations([...W,...v?G:[]],m.kind,C,at),[m.kind,u,C,at,G,S,W,v]),q=c.default.useMemo(()=>K?o.applyGroupFolderOrder(K,T):null,[K,T]),ot=c.default.useMemo(()=>K?.map(e=>e.id)??[],[K]),st=c.default.useMemo(()=>o.sortConversationsByField(W.filter(e=>r.isExecutionActive(e.execution_status)),C),[C,W]),ct=it.length,lt=c.default.useMemo(()=>q?q.reduce((e,t)=>e+t.conversations.length,0):0,[q]),ut=S===`grouped`&&!u?lt===0:ct===0,J=S===`grouped`&&!u?lt:ct,[Y,X]=c.default.useState(null),dt=c.default.useRef(J);dt.current=J;let ft=c.default.useCallback(()=>{I&&X(dt.current)},[I]);c.default.useEffect(()=>{if(Y!==null){if(J>Y){X(null);return}if(!I){X(null);return}L||R||z()}},[Y,J,I,L,R,z]);let pt=Y!==null||R,{mutate:mt,mutateAsync:ht}=se.useDeleteConversation(),{mutate:gt}=ce.useUnifiedPauseConversation(),{mutate:_t}=le.useUpdateConversation(),vt=G.length>0&&!v,yt=!!I&&!vt&&!u&&!ut,{mutate:bt}=ae.useCreateConversation(),Z=he.useIsCreatingConversation(),xt=c.default.useCallback(e=>{Z||bt({workingDir:e.workingDir,repository:e.repository},{onSuccess:e=>{p(`/conversations/${e.conversation_id}`)}})},[bt,Z,p]),St=c.default.useCallback((e,t)=>{h(!0),M(e),N(t)},[]),Ct=c.default.useCallback(e=>{g(!0),M(e)},[]),wt=c.default.useCallback((e,t)=>{_t({conversationId:e,newTitle:t},{onSuccess:()=>{te.displaySuccessToast(d(n.I18nKey.CONVERSATION$TITLE_UPDATED))}})},[d,_t]),Tt=()=>{j&&mt({conversationId:j},{onSuccess:()=>{j===f&&p(`/conversations`)}})},Et=()=>{j&&gt({conversationId:j})},Dt=async()=>{let e=V.map(e=>e.id),t=await Promise.allSettled(e.map(e=>ht({conversationId:e}))),n=t.flatMap((t,n)=>t.status===`fulfilled`?[e[n]]:[]),r=t.length-n.length;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=A.includes(t.id);return u?(0,l.jsx)(be.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:y,llmModel:t.llm_model,showLlmProfiles:b,agentKind:t.agent_kind,acpServer:t.acp_server},t.id):(0,l.jsx)(re.tooltip_default,{placement:`right-start`,delay:1e3,closeDelay:100,isDisabled:!x||P===t.id,disableAnimation:!1,className:`rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl`,content:(0,l.jsx)(_e.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,createdAt:t.created_at}),children:(0,l.jsx)(oe.NavigationLink,{to:`/conversations/${t.id}`,onClick:e,className:i.cn(`block rounded-md transition-colors`,P!==t.id&&`hover:bg-[var(--oh-surface)]`,(t.id===f||P===t.id)&&`bg-[var(--oh-surface)]`),children:(0,l.jsx)(ge.ConversationCard,{onDelete:()=>St(t.id,t.title??``),onStop:()=>Ct(t.id),onChangeTitle:e=>wt(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:P===t.id,onContextMenuToggle:e=>tt(e?t.id:null),isActive:t.id===f,workspaceWorkingDir:t.selected_workspace??t.workspace?.working_dir,showRepositoryMetadata:y,llmModel:t.llm_model,showLlmProfiles:b,agentKind:t.agent_kind,acpServer:t.acp_server,isPinned:r,onTogglePin:()=>Ye(m.id,t.id),alwaysShowPinIcon:r&&!n?.inPinnedSection})})},t.id)},[m.id,u,f,wt,St,Ct,e,P,A,y,b,x,Ye]),$=rt||!F,Ot=!u&&!$&&H.length>0,kt=F&&!rt&&!u&&ut&&!Ot&&!B?.length;return(0,l.jsxs)(`div`,{ref:Oe,"data-testid":`conversation-panel`,className:`flex h-full min-h-0 w-full flex-col`,children:[!u&&(0,l.jsx)(`div`,{className:i.cn(`-ml-2.5 w-[calc(100%+0.625rem)] max-w-none box-border border-b`,Ue?`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)(Se.ConversationPanelNewThreadPicker,{backendKind:m.kind}),(0,l.jsx)(xe.ConversationPanelFilterMenu,{filterMenuOpen:He,setFilterMenuOpen:E,menuRef:Ge,backendKind:m.kind,organizeMode:S,setOrganizeMode:Re,conversationSort:C,setConversationSort:ze,threadScope:w,setThreadScope:Be,showOlderConversations:v,toggleShowOlderConversations:Pe,showRepoBranchMetadata:y,toggleShowRepoBranchMetadata:Fe,showLlmProfiles:b,toggleShowLlmProfiles:Ie,showHoverMetadata:x,toggleShowHoverMetadata:Le,totalConversationsCount:V.length,onRequestDeleteAll:()=>_(!0)})]})]})}),(0,l.jsxs)(`div`,{ref:$e,"data-testid":`conversation-panel-list-scroll`,onScroll:e=>{We(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`,!u&&`conversation-panel-list-scroll`),children:[$&&(0,l.jsx)(ye.ConversationCardSkeleton,{compact:u}),!u&&kt&&(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(n.I18nKey.CONVERSATION$NO_CONVERSATIONS)})}),Ot?(0,l.jsx)(we.ConversationPanelPinnedSection,{pinnedConversations:H,isPreviewExpanded:Je,onTogglePreviewExpanded:()=>k(e=>!e),activeConversationId:f,showDivider:!u&&S===`chronological`,renderConversationCard:e=>Q(e,{inPinnedSection:!0})}):null,!u&&B?.map(t=>(0,l.jsx)(oe.NavigationLink,{to:`/conversations/task-${t.id}`,onClick:e,className:`block`,children:(0,l.jsx)(ve.StartTaskCard,{task:t})},t.id)),!$&&u?st.map(e=>Q(e)):null,!$&&!u&&S===`grouped`&&q&&q.length>0?(0,l.jsx)(Ce.ConversationGroupFolderList,{groups:q,groupIds:ot,groupFolderOrder:T,setGroupFolderOrder:Ve,collapsedGroupIds:Ke,expandedGroupPreviewIds:qe,onToggleGroupCollapsed:Ze,onToggleGroupPreviewExpanded:Qe,isCreatingConversationFlow:Z,activeConversationId:f,onLaunchFromGroup:xt,renderConversationCard:e=>Q(e)}):null,!$&&!u&&S===`chronological`?(0,l.jsx)(`div`,{className:`space-y-0.5`,children:it.map(e=>Q(e))}):null,yt&&(pt?(0,l.jsx)(`div`,{className:`py-1`,children:(0,l.jsx)(ye.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:ft,className:`text-xs text-[var(--oh-muted)] hover:text-white`,children:d(n.I18nKey.CONVERSATION$LOAD_MORE)})}))]}),ke&&(0,l.jsx)(ue.ConfirmDeleteModal,{onConfirm:()=>{Tt(),h(!1),N(null)},onCancel:()=>{h(!1),N(null)},conversationTitle:et??void 0}),Ne&&(0,l.jsx)(ue.ConfirmDeleteModal,{title:d(n.I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_TITLE),description:d(n.I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_DESC,{count:V.length}),onConfirm:async()=>{await Dt(),_(!1)},onCancel:()=>_(!1)}),Ae&&(0,l.jsx)(de.ConfirmStopModal,{onConfirm:()=>{Et(),g(!1)},onCancel:()=>g(!1)}),je&&(0,l.jsx)(me.ExitConversationModal,{onConfirm:()=>{e?.()},onClose:()=>Me(!1),onCancel:()=>Me(!1)})]})}exports.ConversationPanel=d;
+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`),ee=require(`../../../context/navigation-context.cjs`),te=require(`../../../utils/custom-toast-handlers.cjs`),ne=require(`../../../contexts/active-backend-context.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/mutation/use-update-conversation.cjs`),ue=require(`./confirm-delete-modal.cjs`),de=require(`./confirm-stop-modal.cjs`),fe=require(`../../../hooks/query/use-paginated-conversations.cjs`),pe=require(`../../../hooks/query/use-start-tasks.cjs`),me=require(`./exit-conversation-modal.cjs`),he=require(`../../../hooks/use-is-creating-conversation.cjs`),ge=require(`./conversation-card/conversation-card.cjs`),_e=require(`./conversation-card/conversation-card-preview.cjs`),ve=require(`./start-task-card/start-task-card.cjs`),ye=require(`./conversation-card/conversation-card-skeleton.cjs`),be=require(`./compact-conversation-row.cjs`),a=require(`../../../stores/conversation-panel-preferences-store.cjs`),xe=require(`./conversation-panel-filter-menu.cjs`),Se=require(`./conversation-panel-new-thread-picker.cjs`),o=require(`./conversation-panel-list-helpers.cjs`),Ce=require(`./conversation-group-folder-list.cjs`),we=require(`./conversation-panel-pinned-section.cjs`),s=require(`../../../stores/pinned-conversations-store.cjs`);let c=require(`react`);c=e.__toESM(c,1);let l=require(`react/jsx-runtime`);var Te=()=>{},Ee=[],u=3600*1e3,De=e=>{let t=Date.now()-u,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 d({onClose:e,compact:u=!1}){let{t:d}=t.useTranslation(`openhands`),{conversationId:f,navigate:p}=ee.useNavigation(),{backend:m}=ne.useActiveBackend(),Oe=ie.useClickOutsideElement(e??Te),[ke,h]=c.default.useState(!1),[Ae,g]=c.default.useState(!1),[je,Me]=c.default.useState(!1),[Ne,_]=c.default.useState(!1),v=a.useConversationPanelPreferencesStore(e=>e.showOlderConversations),Pe=a.useConversationPanelPreferencesStore(e=>e.toggleShowOlderConversations),y=a.useConversationPanelPreferencesStore(e=>e.showRepoBranchMetadata),Fe=a.useConversationPanelPreferencesStore(e=>e.toggleShowRepoBranchMetadata),b=a.useConversationPanelPreferencesStore(e=>e.showLlmProfiles),Ie=a.useConversationPanelPreferencesStore(e=>e.toggleShowLlmProfiles),x=a.useConversationPanelPreferencesStore(e=>e.showHoverMetadata),Le=a.useConversationPanelPreferencesStore(e=>e.toggleShowHoverMetadata),S=a.useConversationPanelPreferencesStore(e=>e.organizeMode),Re=a.useConversationPanelPreferencesStore(e=>e.setOrganizeMode),C=a.useConversationPanelPreferencesStore(e=>e.conversationSort),ze=a.useConversationPanelPreferencesStore(e=>e.setConversationSort),w=a.useConversationPanelPreferencesStore(e=>e.threadScope),Be=a.useConversationPanelPreferencesStore(e=>e.setThreadScope),T=a.useConversationPanelPreferencesStore(e=>e.groupFolderOrder),Ve=a.useConversationPanelPreferencesStore(e=>e.setGroupFolderOrder),[He,E]=c.default.useState(!1),[Ue,We]=c.default.useState(!1),Ge=ie.useClickOutsideElement(()=>{E(!1)}),[Ke,D]=c.default.useState(()=>new Set),[qe,O]=c.default.useState(()=>new Set),[Je,k]=c.default.useState(!1),A=s.usePinnedConversationsStore(e=>e.pinsByBackendId[m.id]??Ee),Ye=s.usePinnedConversationsStore(e=>e.togglePin),Xe=s.usePinnedConversationsStore(e=>e.pruneMissingConversations),Ze=c.default.useCallback(e=>{D(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]),Qe=c.default.useCallback(e=>{O(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]);c.default.useEffect(()=>{S!==`grouped`&&(D(new Set),O(new Set))},[S]);let $e=c.default.useRef(null),[j,M]=c.default.useState(null),[et,N]=c.default.useState(null),[P,tt]=c.default.useState(null),{data:nt,isLoading:rt,isFetched:F,hasNextPage:I,isFetching:L,isFetchingNextPage:R,fetchNextPage:z}=fe.usePaginatedConversations(),{data:B}=pe.useStartTasks(),V=c.default.useMemo(()=>{let e=nt?.pages.flatMap(e=>e.items)??[],t=new Set;return e.filter(e=>t.has(e.id)?!1:(t.add(e.id),!0))},[nt]),H=c.default.useMemo(()=>o.resolvePinnedConversations(A,V),[V,A]);c.default.useEffect(()=>{F&&Xe(m.id,V.map(e=>e.id))},[m.id,V,F,Xe]),c.default.useEffect(()=>{A.length===0&&k(!1)},[A.length]);let U=c.default.useMemo(()=>{let e=w===`relevant`?V.filter(e=>r.isExecutionActive(e.execution_status)):V;return u?e:o.filterOutPinnedConversations(e,A)},[u,V,A,w]),{recent:W,older:G}=c.default.useMemo(()=>De(U),[U]),it=c.default.useMemo(()=>o.sortConversationsByField(v?[...W,...G]:W,C),[W,G,v,C]),at=c.default.useMemo(()=>({emptyWorkspace:d(n.I18nKey.CONVERSATION_PANEL$NO_WORKSPACE),emptyRepository:d(n.I18nKey.CONVERSATION_PANEL$NO_REPOSITORY)}),[d]),K=c.default.useMemo(()=>u||S!==`grouped`?null:o.groupConversations([...W,...v?G:[]],m.kind,C,at),[m.kind,u,C,at,G,S,W,v]),q=c.default.useMemo(()=>K?o.applyGroupFolderOrder(K,T):null,[K,T]),ot=c.default.useMemo(()=>K?.map(e=>e.id)??[],[K]),st=c.default.useMemo(()=>o.sortConversationsByField(W.filter(e=>r.isExecutionActive(e.execution_status)),C),[C,W]),ct=it.length,lt=c.default.useMemo(()=>q?q.reduce((e,t)=>e+t.conversations.length,0):0,[q]),ut=S===`grouped`&&!u?lt===0:ct===0,J=S===`grouped`&&!u?lt:ct,[Y,X]=c.default.useState(null),dt=c.default.useRef(J);dt.current=J;let ft=c.default.useCallback(()=>{I&&X(dt.current)},[I]);c.default.useEffect(()=>{if(Y!==null){if(J>Y){X(null);return}if(!I){X(null);return}L||R||z()}},[Y,J,I,L,R,z]);let pt=Y!==null||R,{mutate:mt,mutateAsync:ht}=se.useDeleteConversation(),{mutate:gt}=ce.useUnifiedPauseConversation(),{mutate:_t}=le.useUpdateConversation(),vt=G.length>0&&!v,yt=!!I&&!vt&&!u&&!ut,{mutate:bt}=ae.useCreateConversation(),Z=he.useIsCreatingConversation(),xt=c.default.useCallback(e=>{Z||bt({workingDir:e.workingDir,repository:e.repository,entryPoint:`sidebar_relaunch_project`},{onSuccess:e=>{p(`/conversations/${e.conversation_id}`)}})},[bt,Z,p]),St=c.default.useCallback((e,t)=>{h(!0),M(e),N(t)},[]),Ct=c.default.useCallback(e=>{g(!0),M(e)},[]),wt=c.default.useCallback((e,t)=>{_t({conversationId:e,newTitle:t},{onSuccess:()=>{te.displaySuccessToast(d(n.I18nKey.CONVERSATION$TITLE_UPDATED))}})},[d,_t]),Tt=()=>{j&&mt({conversationId:j},{onSuccess:()=>{j===f&&p(`/conversations`)}})},Et=()=>{j&&gt({conversationId:j})},Dt=async()=>{let e=V.map(e=>e.id),t=await Promise.allSettled(e.map(e=>ht({conversationId:e}))),n=t.flatMap((t,n)=>t.status===`fulfilled`?[e[n]]:[]),r=t.length-n.length;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=A.includes(t.id);return u?(0,l.jsx)(be.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:y,llmModel:t.llm_model,showLlmProfiles:b,agentKind:t.agent_kind,acpServer:t.acp_server},t.id):(0,l.jsx)(re.tooltip_default,{placement:`right-start`,delay:1e3,closeDelay:100,isDisabled:!x||P===t.id,disableAnimation:!1,className:`rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl`,content:(0,l.jsx)(_e.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,createdAt:t.created_at}),children:(0,l.jsx)(oe.NavigationLink,{to:`/conversations/${t.id}`,onClick:e,className:i.cn(`block rounded-md transition-colors`,P!==t.id&&`hover:bg-[var(--oh-surface)]`,(t.id===f||P===t.id)&&`bg-[var(--oh-surface)]`),children:(0,l.jsx)(ge.ConversationCard,{onDelete:()=>St(t.id,t.title??``),onStop:()=>Ct(t.id),onChangeTitle:e=>wt(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:P===t.id,onContextMenuToggle:e=>tt(e?t.id:null),isActive:t.id===f,workspaceWorkingDir:t.selected_workspace??t.workspace?.working_dir,showRepositoryMetadata:y,llmModel:t.llm_model,showLlmProfiles:b,agentKind:t.agent_kind,acpServer:t.acp_server,isPinned:r,onTogglePin:()=>Ye(m.id,t.id),alwaysShowPinIcon:r&&!n?.inPinnedSection})})},t.id)},[m.id,u,f,wt,St,Ct,e,P,A,y,b,x,Ye]),$=rt||!F,Ot=!u&&!$&&H.length>0,kt=F&&!rt&&!u&&ut&&!Ot&&!B?.length;return(0,l.jsxs)(`div`,{ref:Oe,"data-testid":`conversation-panel`,className:`flex h-full min-h-0 w-full flex-col`,children:[!u&&(0,l.jsx)(`div`,{className:i.cn(`-ml-2.5 w-[calc(100%+0.625rem)] max-w-none box-border border-b`,Ue?`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)(Se.ConversationPanelNewThreadPicker,{backendKind:m.kind}),(0,l.jsx)(xe.ConversationPanelFilterMenu,{filterMenuOpen:He,setFilterMenuOpen:E,menuRef:Ge,backendKind:m.kind,organizeMode:S,setOrganizeMode:Re,conversationSort:C,setConversationSort:ze,threadScope:w,setThreadScope:Be,showOlderConversations:v,toggleShowOlderConversations:Pe,showRepoBranchMetadata:y,toggleShowRepoBranchMetadata:Fe,showLlmProfiles:b,toggleShowLlmProfiles:Ie,showHoverMetadata:x,toggleShowHoverMetadata:Le,totalConversationsCount:V.length,onRequestDeleteAll:()=>_(!0)})]})]})}),(0,l.jsxs)(`div`,{ref:$e,"data-testid":`conversation-panel-list-scroll`,onScroll:e=>{We(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`,!u&&`conversation-panel-list-scroll`),children:[$&&(0,l.jsx)(ye.ConversationCardSkeleton,{compact:u}),!u&&kt&&(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(n.I18nKey.CONVERSATION$NO_CONVERSATIONS)})}),Ot?(0,l.jsx)(we.ConversationPanelPinnedSection,{pinnedConversations:H,isPreviewExpanded:Je,onTogglePreviewExpanded:()=>k(e=>!e),activeConversationId:f,showDivider:!u&&S===`chronological`,renderConversationCard:e=>Q(e,{inPinnedSection:!0})}):null,!u&&B?.map(t=>(0,l.jsx)(oe.NavigationLink,{to:`/conversations/task-${t.id}`,onClick:e,className:`block`,children:(0,l.jsx)(ve.StartTaskCard,{task:t})},t.id)),!$&&u?st.map(e=>Q(e)):null,!$&&!u&&S===`grouped`&&q&&q.length>0?(0,l.jsx)(Ce.ConversationGroupFolderList,{groups:q,groupIds:ot,groupFolderOrder:T,setGroupFolderOrder:Ve,collapsedGroupIds:Ke,expandedGroupPreviewIds:qe,onToggleGroupCollapsed:Ze,onToggleGroupPreviewExpanded:Qe,isCreatingConversationFlow:Z,activeConversationId:f,onLaunchFromGroup:xt,renderConversationCard:e=>Q(e)}):null,!$&&!u&&S===`chronological`?(0,l.jsx)(`div`,{className:`space-y-0.5`,children:it.map(e=>Q(e))}):null,yt&&(pt?(0,l.jsx)(`div`,{className:`py-1`,children:(0,l.jsx)(ye.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:ft,className:`text-xs text-[var(--oh-muted)] hover:text-white`,children:d(n.I18nKey.CONVERSATION$LOAD_MORE)})}))]}),ke&&(0,l.jsx)(ue.ConfirmDeleteModal,{onConfirm:()=>{Tt(),h(!1),N(null)},onCancel:()=>{h(!1),N(null)},conversationTitle:et??void 0}),Ne&&(0,l.jsx)(ue.ConfirmDeleteModal,{title:d(n.I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_TITLE),description:d(n.I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_DESC,{count:V.length}),onConfirm:async()=>{await Dt(),_(!1)},onCancel:()=>_(!1)}),Ae&&(0,l.jsx)(de.ConfirmStopModal,{onConfirm:()=>{Et(),g(!1)},onCancel:()=>g(!1)}),je&&(0,l.jsx)(me.ExitConversationModal,{onConfirm:()=>{e?.()},onClose:()=>Me(!1),onCancel:()=>Me(!1)})]})}exports.ConversationPanel=d;
 //# 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 { usePaginatedConversations } from \"#/hooks/query/use-paginated-conversations\";\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 { 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 { 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  applyGroupFolderOrder,\n  filterOutPinnedConversations,\n  groupConversations,\n  resolvePinnedConversations,\n  sortConversationsByField,\n  type ConversationGroupLaunch,\n} from \"./conversation-panel-list-helpers\";\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  // 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 [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 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 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 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 pruneMissingPinnedConversations = usePinnedConversationsStore(\n    (state) => state.pruneMissingConversations,\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\n  // Fetch in-progress start tasks\n  const { data: startTasks } = useStartTasks();\n\n  const conversations = 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  const pinnedConversations = React.useMemo(\n    () => resolvePinnedConversations(pinnedIds, conversations),\n    [conversations, pinnedIds],\n  );\n\n  React.useEffect(() => {\n    if (!isFetched) {\n      return;\n    }\n    pruneMissingPinnedConversations(\n      activeBackend.id,\n      conversations.map((conversation) => conversation.id),\n    );\n  }, [\n    activeBackend.id,\n    conversations,\n    isFetched,\n    pruneMissingPinnedConversations,\n  ]);\n\n  React.useEffect(() => {\n    if (pinnedIds.length === 0) {\n      setExpandedPinnedPreview(false);\n    }\n  }, [pinnedIds.length]);\n\n  const scopedConversations = React.useMemo(() => {\n    const scopeFiltered =\n      threadScope === \"relevant\"\n        ? conversations.filter((c) => isExecutionActive(c.execution_status))\n        : conversations;\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  }, [compact, conversations, 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 conversationGroups = 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    const merged = [\n      ...recentScoped,\n      ...(showOlderConversations ? olderScoped : []),\n    ];\n    return groupConversations(\n      merged,\n      activeBackend.kind,\n      conversationSort,\n      groupLabels,\n    );\n  }, [\n    activeBackend.kind,\n    compact,\n    conversationSort,\n    groupLabels,\n    olderScoped,\n    organizeMode,\n    recentScoped,\n    showOlderConversations,\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 visibleGroupedCount = React.useMemo(() => {\n    if (!orderedConversationGroups) {\n      return 0;\n    }\n    return orderedConversationGroups.reduce(\n      (n, g) => n + g.conversations.length,\n      0,\n    );\n  }, [orderedConversationGroups]);\n\n  const listIsEffectivelyEmpty =\n    organizeMode === \"grouped\" && !compact\n      ? visibleGroupedCount === 0\n      : visibleFlatCount === 0;\n\n  // Number of conversations actually rendered in the list right now, in the\n  // current organize mode. \"Load more\" succeeds only when this number grows.\n  const visibleCount =\n    organizeMode === \"grouped\" && !compact\n      ? visibleGroupedCount\n      : visibleFlatCount;\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 the visible count at click\n  // time and keep fetching pages — once the query is idle — until the visible\n  // count actually increases or there are no more pages.\n  const [loadMoreFloor, setLoadMoreFloor] = React.useState<number | null>(null);\n  const visibleCountRef = React.useRef(visibleCount);\n  visibleCountRef.current = visibleCount;\n\n  const requestLoadMore = React.useCallback(() => {\n    if (hasNextPage) {\n      setLoadMoreFloor(visibleCountRef.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      setLoadMoreFloor(null);\n      return;\n    }\n    // Nothing more to fetch — stop waiting even if the list did not grow.\n    if (!hasNextPage) {\n      setLoadMoreFloor(null);\n      return;\n    }\n    // Wait for any in-flight fetch (including the background refetch) to settle\n    // before requesting the next page, otherwise the request is dropped.\n    if (isFetching || isFetchingNextPage) {\n      return;\n    }\n    fetchNextPage();\n  }, [\n    loadMoreFloor,\n    visibleCount,\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 archived\n  // conversations contradicts the \"active only\" intent of the icon rail.\n  // Do not show when the visible list is empty (e.g. filters hide every\n  // loaded conversation) — that state already shows \"No conversations found\".\n  const showLoadMore =\n    !!hasNextPage && !olderHidden && !compact && !listIsEffectivelyEmpty;\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        },\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 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      deleteConversation(\n        { conversationId: selectedConversationId },\n        {\n          onSuccess: () => {\n            if (selectedConversationId === currentConversationId) {\n              navigate(\"/conversations\");\n            }\n          },\n        },\n      );\n    }\n  };\n\n  const handleConfirmStop = () => {\n    if (selectedConversationId) {\n      pauseConversation({\n        conversationId: selectedConversationId,\n      });\n    }\n  };\n\n  const handleConfirmDeleteAll = async () => {\n    const idsToDelete = conversations.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    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      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          />\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=\"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              createdAt={conversation.created_at}\n            />\n          }\n        >\n          <NavigationLink\n            to={`/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              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              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      compact,\n      currentConversationId,\n      handleConversationTitleChange,\n      handleDeleteProject,\n      handleStopConversation,\n      onClose,\n      openContextMenuId,\n      pinnedIds,\n      showRepoBranchMetadata,\n      showLlmProfiles,\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 showEmptyState =\n    isFetched &&\n    !isLoading &&\n    !compact &&\n    listIsEffectivelyEmpty &&\n    !showPinnedSection &&\n    !startTasks?.length;\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                showOlderConversations={showOlderConversations}\n                toggleShowOlderConversations={toggleShowOlderConversations}\n                showRepoBranchMetadata={showRepoBranchMetadata}\n                toggleShowRepoBranchMetadata={toggleShowRepoBranchMetadata}\n                showLlmProfiles={showLlmProfiles}\n                toggleShowLlmProfiles={toggleShowLlmProfiles}\n                showHoverMetadata={showHoverMetadata}\n                toggleShowHoverMetadata={toggleShowHoverMetadata}\n                totalConversationsCount={conversations.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(I18nKey.CONVERSATION$NO_CONVERSATIONS)}\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={`/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            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      {confirmDeleteAllVisible && (\n        <ConfirmDeleteModal\n          title={t(I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_TITLE)}\n          description={t(I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_DESC, {\n            count: conversations.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 { usePaginatedConversations } from \"#/hooks/query/use-paginated-conversations\";\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 { 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 { 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  applyGroupFolderOrder,\n  filterOutPinnedConversations,\n  groupConversations,\n  resolvePinnedConversations,\n  sortConversationsByField,\n  type ConversationGroupLaunch,\n} from \"./conversation-panel-list-helpers\";\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  // 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 [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 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 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 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 pruneMissingPinnedConversations = usePinnedConversationsStore(\n    (state) => state.pruneMissingConversations,\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\n  // Fetch in-progress start tasks\n  const { data: startTasks } = useStartTasks();\n\n  const conversations = 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  const pinnedConversations = React.useMemo(\n    () => resolvePinnedConversations(pinnedIds, conversations),\n    [conversations, pinnedIds],\n  );\n\n  React.useEffect(() => {\n    if (!isFetched) {\n      return;\n    }\n    pruneMissingPinnedConversations(\n      activeBackend.id,\n      conversations.map((conversation) => conversation.id),\n    );\n  }, [\n    activeBackend.id,\n    conversations,\n    isFetched,\n    pruneMissingPinnedConversations,\n  ]);\n\n  React.useEffect(() => {\n    if (pinnedIds.length === 0) {\n      setExpandedPinnedPreview(false);\n    }\n  }, [pinnedIds.length]);\n\n  const scopedConversations = React.useMemo(() => {\n    const scopeFiltered =\n      threadScope === \"relevant\"\n        ? conversations.filter((c) => isExecutionActive(c.execution_status))\n        : conversations;\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  }, [compact, conversations, 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 conversationGroups = 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    const merged = [\n      ...recentScoped,\n      ...(showOlderConversations ? olderScoped : []),\n    ];\n    return groupConversations(\n      merged,\n      activeBackend.kind,\n      conversationSort,\n      groupLabels,\n    );\n  }, [\n    activeBackend.kind,\n    compact,\n    conversationSort,\n    groupLabels,\n    olderScoped,\n    organizeMode,\n    recentScoped,\n    showOlderConversations,\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 visibleGroupedCount = React.useMemo(() => {\n    if (!orderedConversationGroups) {\n      return 0;\n    }\n    return orderedConversationGroups.reduce(\n      (n, g) => n + g.conversations.length,\n      0,\n    );\n  }, [orderedConversationGroups]);\n\n  const listIsEffectivelyEmpty =\n    organizeMode === \"grouped\" && !compact\n      ? visibleGroupedCount === 0\n      : visibleFlatCount === 0;\n\n  // Number of conversations actually rendered in the list right now, in the\n  // current organize mode. \"Load more\" succeeds only when this number grows.\n  const visibleCount =\n    organizeMode === \"grouped\" && !compact\n      ? visibleGroupedCount\n      : visibleFlatCount;\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 the visible count at click\n  // time and keep fetching pages — once the query is idle — until the visible\n  // count actually increases or there are no more pages.\n  const [loadMoreFloor, setLoadMoreFloor] = React.useState<number | null>(null);\n  const visibleCountRef = React.useRef(visibleCount);\n  visibleCountRef.current = visibleCount;\n\n  const requestLoadMore = React.useCallback(() => {\n    if (hasNextPage) {\n      setLoadMoreFloor(visibleCountRef.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      setLoadMoreFloor(null);\n      return;\n    }\n    // Nothing more to fetch — stop waiting even if the list did not grow.\n    if (!hasNextPage) {\n      setLoadMoreFloor(null);\n      return;\n    }\n    // Wait for any in-flight fetch (including the background refetch) to settle\n    // before requesting the next page, otherwise the request is dropped.\n    if (isFetching || isFetchingNextPage) {\n      return;\n    }\n    fetchNextPage();\n  }, [\n    loadMoreFloor,\n    visibleCount,\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 archived\n  // conversations contradicts the \"active only\" intent of the icon rail.\n  // Do not show when the visible list is empty (e.g. filters hide every\n  // loaded conversation) — that state already shows \"No conversations found\".\n  const showLoadMore =\n    !!hasNextPage && !olderHidden && !compact && !listIsEffectivelyEmpty;\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 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      deleteConversation(\n        { conversationId: selectedConversationId },\n        {\n          onSuccess: () => {\n            if (selectedConversationId === currentConversationId) {\n              navigate(\"/conversations\");\n            }\n          },\n        },\n      );\n    }\n  };\n\n  const handleConfirmStop = () => {\n    if (selectedConversationId) {\n      pauseConversation({\n        conversationId: selectedConversationId,\n      });\n    }\n  };\n\n  const handleConfirmDeleteAll = async () => {\n    const idsToDelete = conversations.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    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      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          />\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=\"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              createdAt={conversation.created_at}\n            />\n          }\n        >\n          <NavigationLink\n            to={`/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              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              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      compact,\n      currentConversationId,\n      handleConversationTitleChange,\n      handleDeleteProject,\n      handleStopConversation,\n      onClose,\n      openContextMenuId,\n      pinnedIds,\n      showRepoBranchMetadata,\n      showLlmProfiles,\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 showEmptyState =\n    isFetched &&\n    !isLoading &&\n    !compact &&\n    listIsEffectivelyEmpty &&\n    !showPinnedSection &&\n    !startTasks?.length;\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                showOlderConversations={showOlderConversations}\n                toggleShowOlderConversations={toggleShowOlderConversations}\n                showRepoBranchMetadata={showRepoBranchMetadata}\n                toggleShowRepoBranchMetadata={toggleShowRepoBranchMetadata}\n                showLlmProfiles={showLlmProfiles}\n                toggleShowLlmProfiles={toggleShowLlmProfiles}\n                showHoverMetadata={showHoverMetadata}\n                toggleShowHoverMetadata={toggleShowHoverMetadata}\n                totalConversationsCount={conversations.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(I18nKey.CONVERSATION$NO_CONVERSATIONS)}\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={`/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            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      {confirmDeleteAllVisible && (\n        <ConfirmDeleteModal\n          title={t(I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_TITLE)}\n          description={t(I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_DESC, {\n            count: conversations.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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"}

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

@@ -128,7 +128,8 @@ function p({ onClose: f, compact: p = !1 }) {
 	let bt = J !== null || V, { mutate: xt, mutateAsync: St } = se(), { mutate: Ct } = ce(), { mutate: wt } = le(), Tt = W.length > 0 && !S, Et = !!B && !Tt && !p && !_t, { mutate: Dt } = ae(), X = me(), Ot = l.useCallback((e) => {
 		X || Dt({
 			workingDir: e.workingDir,
-			repository: e.repository
+			repository: e.repository,
+			entryPoint: "sidebar_relaunch_project"
 		}, { onSuccess: (e) => {
 			g(`/conversations/${e.conversation_id}`);
 		} });

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

@@ -1 +1 @@
-{"version":3,"file":"conversation-panel.js","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 { usePaginatedConversations } from \"#/hooks/query/use-paginated-conversations\";\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 { 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 { 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  applyGroupFolderOrder,\n  filterOutPinnedConversations,\n  groupConversations,\n  resolvePinnedConversations,\n  sortConversationsByField,\n  type ConversationGroupLaunch,\n} from \"./conversation-panel-list-helpers\";\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  // 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 [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 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 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 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 pruneMissingPinnedConversations = usePinnedConversationsStore(\n    (state) => state.pruneMissingConversations,\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\n  // Fetch in-progress start tasks\n  const { data: startTasks } = useStartTasks();\n\n  const conversations = 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  const pinnedConversations = React.useMemo(\n    () => resolvePinnedConversations(pinnedIds, conversations),\n    [conversations, pinnedIds],\n  );\n\n  React.useEffect(() => {\n    if (!isFetched) {\n      return;\n    }\n    pruneMissingPinnedConversations(\n      activeBackend.id,\n      conversations.map((conversation) => conversation.id),\n    );\n  }, [\n    activeBackend.id,\n    conversations,\n    isFetched,\n    pruneMissingPinnedConversations,\n  ]);\n\n  React.useEffect(() => {\n    if (pinnedIds.length === 0) {\n      setExpandedPinnedPreview(false);\n    }\n  }, [pinnedIds.length]);\n\n  const scopedConversations = React.useMemo(() => {\n    const scopeFiltered =\n      threadScope === \"relevant\"\n        ? conversations.filter((c) => isExecutionActive(c.execution_status))\n        : conversations;\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  }, [compact, conversations, 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 conversationGroups = 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    const merged = [\n      ...recentScoped,\n      ...(showOlderConversations ? olderScoped : []),\n    ];\n    return groupConversations(\n      merged,\n      activeBackend.kind,\n      conversationSort,\n      groupLabels,\n    );\n  }, [\n    activeBackend.kind,\n    compact,\n    conversationSort,\n    groupLabels,\n    olderScoped,\n    organizeMode,\n    recentScoped,\n    showOlderConversations,\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 visibleGroupedCount = React.useMemo(() => {\n    if (!orderedConversationGroups) {\n      return 0;\n    }\n    return orderedConversationGroups.reduce(\n      (n, g) => n + g.conversations.length,\n      0,\n    );\n  }, [orderedConversationGroups]);\n\n  const listIsEffectivelyEmpty =\n    organizeMode === \"grouped\" && !compact\n      ? visibleGroupedCount === 0\n      : visibleFlatCount === 0;\n\n  // Number of conversations actually rendered in the list right now, in the\n  // current organize mode. \"Load more\" succeeds only when this number grows.\n  const visibleCount =\n    organizeMode === \"grouped\" && !compact\n      ? visibleGroupedCount\n      : visibleFlatCount;\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 the visible count at click\n  // time and keep fetching pages — once the query is idle — until the visible\n  // count actually increases or there are no more pages.\n  const [loadMoreFloor, setLoadMoreFloor] = React.useState<number | null>(null);\n  const visibleCountRef = React.useRef(visibleCount);\n  visibleCountRef.current = visibleCount;\n\n  const requestLoadMore = React.useCallback(() => {\n    if (hasNextPage) {\n      setLoadMoreFloor(visibleCountRef.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      setLoadMoreFloor(null);\n      return;\n    }\n    // Nothing more to fetch — stop waiting even if the list did not grow.\n    if (!hasNextPage) {\n      setLoadMoreFloor(null);\n      return;\n    }\n    // Wait for any in-flight fetch (including the background refetch) to settle\n    // before requesting the next page, otherwise the request is dropped.\n    if (isFetching || isFetchingNextPage) {\n      return;\n    }\n    fetchNextPage();\n  }, [\n    loadMoreFloor,\n    visibleCount,\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 archived\n  // conversations contradicts the \"active only\" intent of the icon rail.\n  // Do not show when the visible list is empty (e.g. filters hide every\n  // loaded conversation) — that state already shows \"No conversations found\".\n  const showLoadMore =\n    !!hasNextPage && !olderHidden && !compact && !listIsEffectivelyEmpty;\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        },\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 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      deleteConversation(\n        { conversationId: selectedConversationId },\n        {\n          onSuccess: () => {\n            if (selectedConversationId === currentConversationId) {\n              navigate(\"/conversations\");\n            }\n          },\n        },\n      );\n    }\n  };\n\n  const handleConfirmStop = () => {\n    if (selectedConversationId) {\n      pauseConversation({\n        conversationId: selectedConversationId,\n      });\n    }\n  };\n\n  const handleConfirmDeleteAll = async () => {\n    const idsToDelete = conversations.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    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      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          />\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=\"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              createdAt={conversation.created_at}\n            />\n          }\n        >\n          <NavigationLink\n            to={`/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              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              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      compact,\n      currentConversationId,\n      handleConversationTitleChange,\n      handleDeleteProject,\n      handleStopConversation,\n      onClose,\n      openContextMenuId,\n      pinnedIds,\n      showRepoBranchMetadata,\n      showLlmProfiles,\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 showEmptyState =\n    isFetched &&\n    !isLoading &&\n    !compact &&\n    listIsEffectivelyEmpty &&\n    !showPinnedSection &&\n    !startTasks?.length;\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                showOlderConversations={showOlderConversations}\n                toggleShowOlderConversations={toggleShowOlderConversations}\n                showRepoBranchMetadata={showRepoBranchMetadata}\n                toggleShowRepoBranchMetadata={toggleShowRepoBranchMetadata}\n                showLlmProfiles={showLlmProfiles}\n                toggleShowLlmProfiles={toggleShowLlmProfiles}\n                showHoverMetadata={showHoverMetadata}\n                toggleShowHoverMetadata={toggleShowHoverMetadata}\n                totalConversationsCount={conversations.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(I18nKey.CONVERSATION$NO_CONVERSATIONS)}\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={`/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            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      {confirmDeleteAllVisible && (\n        <ConfirmDeleteModal\n          title={t(I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_TITLE)}\n          description={t(I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_DESC, {\n            count: conversations.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.js","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 { usePaginatedConversations } from \"#/hooks/query/use-paginated-conversations\";\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 { 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 { 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  applyGroupFolderOrder,\n  filterOutPinnedConversations,\n  groupConversations,\n  resolvePinnedConversations,\n  sortConversationsByField,\n  type ConversationGroupLaunch,\n} from \"./conversation-panel-list-helpers\";\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  // 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 [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 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 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 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 pruneMissingPinnedConversations = usePinnedConversationsStore(\n    (state) => state.pruneMissingConversations,\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\n  // Fetch in-progress start tasks\n  const { data: startTasks } = useStartTasks();\n\n  const conversations = 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  const pinnedConversations = React.useMemo(\n    () => resolvePinnedConversations(pinnedIds, conversations),\n    [conversations, pinnedIds],\n  );\n\n  React.useEffect(() => {\n    if (!isFetched) {\n      return;\n    }\n    pruneMissingPinnedConversations(\n      activeBackend.id,\n      conversations.map((conversation) => conversation.id),\n    );\n  }, [\n    activeBackend.id,\n    conversations,\n    isFetched,\n    pruneMissingPinnedConversations,\n  ]);\n\n  React.useEffect(() => {\n    if (pinnedIds.length === 0) {\n      setExpandedPinnedPreview(false);\n    }\n  }, [pinnedIds.length]);\n\n  const scopedConversations = React.useMemo(() => {\n    const scopeFiltered =\n      threadScope === \"relevant\"\n        ? conversations.filter((c) => isExecutionActive(c.execution_status))\n        : conversations;\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  }, [compact, conversations, 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 conversationGroups = 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    const merged = [\n      ...recentScoped,\n      ...(showOlderConversations ? olderScoped : []),\n    ];\n    return groupConversations(\n      merged,\n      activeBackend.kind,\n      conversationSort,\n      groupLabels,\n    );\n  }, [\n    activeBackend.kind,\n    compact,\n    conversationSort,\n    groupLabels,\n    olderScoped,\n    organizeMode,\n    recentScoped,\n    showOlderConversations,\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 visibleGroupedCount = React.useMemo(() => {\n    if (!orderedConversationGroups) {\n      return 0;\n    }\n    return orderedConversationGroups.reduce(\n      (n, g) => n + g.conversations.length,\n      0,\n    );\n  }, [orderedConversationGroups]);\n\n  const listIsEffectivelyEmpty =\n    organizeMode === \"grouped\" && !compact\n      ? visibleGroupedCount === 0\n      : visibleFlatCount === 0;\n\n  // Number of conversations actually rendered in the list right now, in the\n  // current organize mode. \"Load more\" succeeds only when this number grows.\n  const visibleCount =\n    organizeMode === \"grouped\" && !compact\n      ? visibleGroupedCount\n      : visibleFlatCount;\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 the visible count at click\n  // time and keep fetching pages — once the query is idle — until the visible\n  // count actually increases or there are no more pages.\n  const [loadMoreFloor, setLoadMoreFloor] = React.useState<number | null>(null);\n  const visibleCountRef = React.useRef(visibleCount);\n  visibleCountRef.current = visibleCount;\n\n  const requestLoadMore = React.useCallback(() => {\n    if (hasNextPage) {\n      setLoadMoreFloor(visibleCountRef.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      setLoadMoreFloor(null);\n      return;\n    }\n    // Nothing more to fetch — stop waiting even if the list did not grow.\n    if (!hasNextPage) {\n      setLoadMoreFloor(null);\n      return;\n    }\n    // Wait for any in-flight fetch (including the background refetch) to settle\n    // before requesting the next page, otherwise the request is dropped.\n    if (isFetching || isFetchingNextPage) {\n      return;\n    }\n    fetchNextPage();\n  }, [\n    loadMoreFloor,\n    visibleCount,\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 archived\n  // conversations contradicts the \"active only\" intent of the icon rail.\n  // Do not show when the visible list is empty (e.g. filters hide every\n  // loaded conversation) — that state already shows \"No conversations found\".\n  const showLoadMore =\n    !!hasNextPage && !olderHidden && !compact && !listIsEffectivelyEmpty;\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 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      deleteConversation(\n        { conversationId: selectedConversationId },\n        {\n          onSuccess: () => {\n            if (selectedConversationId === currentConversationId) {\n              navigate(\"/conversations\");\n            }\n          },\n        },\n      );\n    }\n  };\n\n  const handleConfirmStop = () => {\n    if (selectedConversationId) {\n      pauseConversation({\n        conversationId: selectedConversationId,\n      });\n    }\n  };\n\n  const handleConfirmDeleteAll = async () => {\n    const idsToDelete = conversations.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    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      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          />\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=\"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              createdAt={conversation.created_at}\n            />\n          }\n        >\n          <NavigationLink\n            to={`/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              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              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      compact,\n      currentConversationId,\n      handleConversationTitleChange,\n      handleDeleteProject,\n      handleStopConversation,\n      onClose,\n      openContextMenuId,\n      pinnedIds,\n      showRepoBranchMetadata,\n      showLlmProfiles,\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 showEmptyState =\n    isFetched &&\n    !isLoading &&\n    !compact &&\n    listIsEffectivelyEmpty &&\n    !showPinnedSection &&\n    !startTasks?.length;\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                showOlderConversations={showOlderConversations}\n                toggleShowOlderConversations={toggleShowOlderConversations}\n                showRepoBranchMetadata={showRepoBranchMetadata}\n                toggleShowRepoBranchMetadata={toggleShowRepoBranchMetadata}\n                showLlmProfiles={showLlmProfiles}\n                toggleShowLlmProfiles={toggleShowLlmProfiles}\n                showHoverMetadata={showHoverMetadata}\n                toggleShowHoverMetadata={toggleShowHoverMetadata}\n                totalConversationsCount={conversations.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(I18nKey.CONVERSATION$NO_CONVERSATIONS)}\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={`/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            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      {confirmDeleteAllVisible && (\n        <ConfirmDeleteModal\n          title={t(I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_TITLE)}\n          description={t(I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_DESC, {\n            count: conversations.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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"}