@openhands/agent-canvas 1.8.0 → 1.10.0

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 showTagsMetadata = useConversationPanelPreferencesStore(\n    (state) => state.showTagsMetadata,\n  );\n  const toggleShowTagsMetadata = useConversationPanelPreferencesStore(\n    (state) => state.toggleShowTagsMetadata,\n  );\n  const showHoverMetadata = useConversationPanelPreferencesStore(\n    (state) => state.showHoverMetadata,\n  );\n  const toggleShowHoverMetadata = useConversationPanelPreferencesStore(\n    (state) => state.toggleShowHoverMetadata,\n  );\n  const organizeMode = useConversationPanelPreferencesStore(\n    (state) => state.organizeMode,\n  );\n  const setOrganizeMode = useConversationPanelPreferencesStore(\n    (state) => state.setOrganizeMode,\n  );\n  const conversationSort = useConversationPanelPreferencesStore(\n    (state) => state.conversationSort,\n  );\n  const setConversationSort = useConversationPanelPreferencesStore(\n    (state) => state.setConversationSort,\n  );\n  const threadScope = useConversationPanelPreferencesStore(\n    (state) => state.threadScope,\n  );\n  const setThreadScope = useConversationPanelPreferencesStore(\n    (state) => state.setThreadScope,\n  );\n  const 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            tags={conversation.tags}\n            showTags={showTagsMetadata}\n          />\n        );\n      }\n      return (\n        <Tooltip\n          key={conversation.id}\n          placement=\"right-start\"\n          delay={1000}\n          closeDelay={100}\n          isDisabled={\n            !showHoverMetadata || openContextMenuId === conversation.id\n          }\n          disableAnimation={import.meta.env.MODE === \"test\"}\n          className=\"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              tags={conversation.tags}\n              showTags={showTagsMetadata}\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      showTagsMetadata,\n      showHoverMetadata,\n      togglePin,\n    ],\n  );\n\n  // Standard layout: panel fills its slot in the sidebar; the inner scroll\n  // child fills the panel and scrolls when its content overflows. Modals are\n  // siblings of the scroll element and are `position: fixed`, so they don't\n  // participate in the panel's scroll geometry.\n  // Gate on `isLoading` / `!isFetched` (true only until the first fetch settles),\n  // not `isFetching` — the latter flips back to true on every 10s background\n  // refetch, causing the skeleton/empty-state to flicker when the list is empty.\n  const showInitialSkeleton = isLoading || !isFetched;\n  const showPinnedSection =\n    !compact && !showInitialSkeleton && pinnedConversations.length > 0;\n  const 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                showTagsMetadata={showTagsMetadata}\n                toggleShowTagsMetadata={toggleShowTagsMetadata}\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 { useBackendScopedPath } from \"#/hooks/use-backend-scoped-path\";\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  const backendScopedPath = useBackendScopedPath();\n  // Click-outside is only relevant in the legacy drawer mode where an\n  // onClose handler is provided. When the panel is rendered inline (e.g.\n  // as the always-visible conversation list pane), clicking outside should\n  // not dismiss the list, so we pass a no-op callback in that case.\n  const ref = useClickOutsideElement<HTMLDivElement>(onClose ?? noop);\n\n  const [confirmDeleteModalVisible, setConfirmDeleteModalVisible] =\n    React.useState(false);\n  const [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 showTagsMetadata = useConversationPanelPreferencesStore(\n    (state) => state.showTagsMetadata,\n  );\n  const toggleShowTagsMetadata = useConversationPanelPreferencesStore(\n    (state) => state.toggleShowTagsMetadata,\n  );\n  const showHoverMetadata = useConversationPanelPreferencesStore(\n    (state) => state.showHoverMetadata,\n  );\n  const toggleShowHoverMetadata = useConversationPanelPreferencesStore(\n    (state) => state.toggleShowHoverMetadata,\n  );\n  const organizeMode = useConversationPanelPreferencesStore(\n    (state) => state.organizeMode,\n  );\n  const setOrganizeMode = useConversationPanelPreferencesStore(\n    (state) => state.setOrganizeMode,\n  );\n  const conversationSort = useConversationPanelPreferencesStore(\n    (state) => state.conversationSort,\n  );\n  const setConversationSort = useConversationPanelPreferencesStore(\n    (state) => state.setConversationSort,\n  );\n  const threadScope = useConversationPanelPreferencesStore(\n    (state) => state.threadScope,\n  );\n  const setThreadScope = useConversationPanelPreferencesStore(\n    (state) => state.setThreadScope,\n  );\n  const 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            tags={conversation.tags}\n            showTags={showTagsMetadata}\n          />\n        );\n      }\n      return (\n        <Tooltip\n          key={conversation.id}\n          placement=\"right-start\"\n          delay={1000}\n          closeDelay={100}\n          isDisabled={\n            !showHoverMetadata || openContextMenuId === conversation.id\n          }\n          disableAnimation={import.meta.env.MODE === \"test\"}\n          className=\"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={backendScopedPath(`/conversations/${conversation.id}`)}\n            onClick={onClose}\n            className={cn(\n              \"block rounded-md transition-colors\",\n              openContextMenuId !== conversation.id &&\n                \"hover:bg-[var(--oh-surface)]\",\n              (conversation.id === currentConversationId ||\n                openContextMenuId === conversation.id) &&\n                \"bg-[var(--oh-surface)]\",\n            )}\n          >\n            <ConversationCard\n              onDelete={() =>\n                handleDeleteProject(conversation.id, conversation.title ?? \"\")\n              }\n              onStop={() => handleStopConversation(conversation.id)}\n              onChangeTitle={(title) =>\n                handleConversationTitleChange(conversation.id, title)\n              }\n              title={conversation.title ?? \"\"}\n              selectedRepository={{\n                selected_repository: conversation.selected_repository,\n                selected_branch: conversation.selected_branch,\n                git_provider: conversation.git_provider as Provider,\n              }}\n              lastUpdatedAt={conversation.updated_at}\n              createdAt={conversation.created_at}\n              executionStatus={conversation.execution_status}\n              sandboxStatus={conversation.sandbox_status}\n              conversationId={conversation.id}\n              contextMenuOpen={openContextMenuId === conversation.id}\n              onContextMenuToggle={(isOpen) =>\n                setOpenContextMenuId(isOpen ? conversation.id : null)\n              }\n              isActive={conversation.id === currentConversationId}\n              workspaceWorkingDir={\n                conversation.selected_workspace ??\n                conversation.workspace?.working_dir\n              }\n              showRepositoryMetadata={showRepoBranchMetadata}\n              llmModel={conversation.llm_model}\n              showLlmProfiles={showLlmProfiles}\n              agentKind={conversation.agent_kind}\n              acpServer={conversation.acp_server}\n              tags={conversation.tags}\n              showTags={showTagsMetadata}\n              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      showTagsMetadata,\n      showHoverMetadata,\n      togglePin,\n    ],\n  );\n\n  // Standard layout: panel fills its slot in the sidebar; the inner scroll\n  // child fills the panel and scrolls when its content overflows. Modals are\n  // siblings of the scroll element and are `position: fixed`, so they don't\n  // participate in the panel's scroll geometry.\n  // Gate on `isLoading` / `!isFetched` (true only until the first fetch settles),\n  // not `isFetching` — the latter flips back to true on every 10s background\n  // refetch, causing the skeleton/empty-state to flicker when the list is empty.\n  const showInitialSkeleton = isLoading || !isFetched;\n  const showPinnedSection =\n    !compact && !showInitialSkeleton && pinnedConversations.length > 0;\n  const 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                showTagsMetadata={showTagsMetadata}\n                toggleShowTagsMetadata={toggleShowTagsMetadata}\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={backendScopedPath(`/conversations/task-${task.id}`)}\n              onClick={onClose}\n              className=\"block\"\n            >\n              <StartTaskCard task={task} />\n            </NavigationLink>\n          ))}\n\n        {!showInitialSkeleton && compact\n          ? compactVisibleConversations.map((conversation) =>\n              renderConversationCard(conversation),\n            )\n          : null}\n\n        {!showInitialSkeleton &&\n        !compact &&\n        organizeMode === \"grouped\" &&\n        orderedConversationGroups &&\n        orderedConversationGroups.length > 0 ? (\n          <ConversationGroupFolderList\n            groups={orderedConversationGroups}\n            groupIds={conversationGroupIds}\n            groupFolderOrder={groupFolderOrder}\n            setGroupFolderOrder={setGroupFolderOrder}\n            collapsedGroupIds={collapsedGroupIds}\n            expandedGroupPreviewIds={expandedGroupPreviewIds}\n            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.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 interface ConversationPanelProps {
     onClose?: () => void;
     /**
@@ -7,5 +8,5 @@ interface ConversationPanelProps {
      */
     compact?: boolean;
 }
-export declare function ConversationPanel({ onClose, compact, }: ConversationPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationPanel({ onClose, compact, }: ConversationPanelProps): React.JSX.Element;
 export {};