@openhands/agent-canvas 1.13.0 → 1.15.0

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

package/dist/components/features/conversation-panel/local-new-conversation-menu.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/utils.cjs"),i=require("../../../context/navigation-context.cjs"),a=require("../../shared/buttons/styled-tooltip.cjs"),o=require("../../../utils/dropdown-classes.cjs"),ee=require("../../../hooks/mutation/use-create-conversation.cjs"),s=require("../../../ui/divider.cjs"),c=require("../../../icons/repo.cjs"),l=require("../../../hooks/use-is-creating-conversation.cjs"),u=require("../../../hooks/mutation/use-local-workspaces-mutations.cjs"),d=require("../../../hooks/query/use-local-workspaces.cjs"),f=require("../../../hooks/query/use-resolved-workspaces.cjs"),p=require("../../../utils/workspaces-compatibility.cjs"),te=require("../home/workspace-dropdown/folder-browser-modal.cjs"),m=require("../home/workspace-dropdown/manage-workspaces-modal.cjs"),h=require("./new-conversation-dropdown-styles.cjs"),g=require("../../../hooks/use-popover-fixed-placement.cjs");let _=require("react");_=e.__toESM(_,1);let v=require("react/jsx-runtime");function y({trigger:e,className:y,popoverClassName:b,popoverTestId:x=`new-conversation-popover`,useFixedPlacement:S=!1}){let{t:C}=t.useTranslation(`openhands`),{navigate:w}=i.useNavigation(),[T,E]=_.default.useState(!1),D=_.default.useRef(null),O=_.default.useRef(null),k=g.usePopoverFixedPlacement(O,{open:T,enabled:S}),{data:A,error:j}=d.useLocalWorkspaces(),M=A?.workspaceParents??[],{mutate:N}=u.useAddWorkspaces(),{mutate:P}=u.useRemoveWorkspace(),{mutate:F}=u.useAddWorkspaceParents(),{mutate:I}=u.useRemoveWorkspaceParent(),{workspaces:L}=f.useResolvedWorkspaces(),R=p.getWorkspacesUnsupportedMessage(j,C),[z,B]=_.default.useState(!1),[V,H]=_.default.useState(!1),{mutate:U,isPending:W}=ee.useCreateConversation(),G=l.useIsCreatingConversation(),K=W||G;_.default.useEffect(()=>{if(!T||z||V)return;let e=e=>{D.current&&!D.current.contains(e.target)&&E(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[T,z,V]),_.default.useEffect(()=>{if(!T||z||V)return;let e=e=>{e.key===`Escape`&&E(!1)};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[T,z,V]);let q=e=>{K||U({workingDir:e,entryPoint:`sidebar_local_menu`},{onSuccess:e=>{E(!1),w(`/conversations/${e.conversation_id}`)}})},J=o.dropdownMenuRowClassName,Y=_.default.useCallback(e=>{e.preventDefault(),e.stopPropagation()},[]),X=_.default.useCallback(()=>{E(e=>!e)},[]),Z=T&&(!S||k!==null),Q=!!R,ne=S&&k?{position:`fixed`,top:k.top,left:k.left,width:k.width}:void 0,$=(0,v.jsx)(`button`,{type:`button`,"data-testid":`add-workspaces-button`,disabled:Q,onMouseDown:Y,onClick:e=>{e.preventDefault(),e.stopPropagation(),!Q&&B(!0)},className:J,children:C(n.I18nKey.HOME$ADD_WORKSPACES)}),re=R?(0,v.jsx)(a.StyledTooltip,{content:R,placement:`top`,children:(0,v.jsx)(`span`,{className:`block`,children:$})}):$;return(0,v.jsxs)(`div`,{className:r.cn(!S&&`relative`,y),ref:D,children:[(0,v.jsx)(`span`,{ref:O,className:`inline-flex`,children:e({onClick:X,"aria-expanded":T,"aria-haspopup":`menu`,disabled:K})}),Z&&(0,v.jsxs)(`div`,{"data-testid":x,className:r.cn(h.NEW_CONVERSATION_DROPDOWN_SURFACE,!S&&r.cn(`absolute top-full mt-0`,b)),style:ne,children:[(0,v.jsxs)(`ul`,{className:r.cn(`max-h-[40vh] overflow-y-auto sm:max-h-[280px]`,o.dropdownMenuListClassName),children:[(0,v.jsx)(`li`,{children:(0,v.jsx)(`button`,{type:`button`,disabled:K,"data-testid":`launch-no-workspace`,onClick:()=>q(),className:J,children:(0,v.jsx)(`span`,{className:`text-[var(--oh-muted)]`,children:C(n.I18nKey.HOME$NO_WORKSPACE_OPTION)})})}),L.map(e=>(0,v.jsx)(`li`,{children:(0,v.jsxs)(`button`,{type:`button`,disabled:K,"data-testid":`launch-workspace`,"data-workspace-path":e.path,onClick:()=>q(e.path),className:J,children:[(0,v.jsx)(`span`,{className:o.dropdownMenuRowIconWrapperClassName,"aria-hidden":!0,children:(0,v.jsx)(c.default,{width:14,height:14})}),(0,v.jsx)(`span`,{className:`truncate`,children:e.name})]})},e.id))]}),(0,v.jsxs)(`div`,{className:r.cn(`flex flex-col`,o.dropdownMenuListClassName),"data-testid":`new-conversation-menu-footer`,children:[(0,v.jsx)(s.Divider,{inset:`menu`,testId:`new-conversation-menu-footer-divider`}),re,(L.length>0||M.length>0)&&(0,v.jsx)(`button`,{type:`button`,"data-testid":`manage-workspaces-button`,onMouseDown:Y,onClick:e=>{e.preventDefault(),e.stopPropagation(),H(!0)},className:J,children:C(n.I18nKey.HOME$MANAGE_WORKSPACES)})]})]}),(0,v.jsx)(te.FolderBrowserModal,{isOpen:z,onClose:()=>B(!1),onAdd:e=>N(e),onAddParent:e=>F(e)}),(0,v.jsx)(m.ManageWorkspacesModal,{isOpen:V,workspaces:L,workspaceParents:M,onClose:()=>H(!1),onRemove:e=>P(e),onRemoveParent:e=>I(e)})]})}exports.LocalNewConversationMenu=y;
+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/utils.cjs"),i=require("../../../context/navigation-context.cjs"),a=require("../../shared/buttons/styled-tooltip.cjs"),o=require("../../../utils/dropdown-classes.cjs"),ee=require("../../../hooks/mutation/use-create-conversation.cjs"),s=require("../../../ui/divider.cjs"),c=require("../../../icons/repo.cjs"),l=require("../../../hooks/use-is-creating-conversation.cjs"),u=require("../../../hooks/query/use-local-workspaces.cjs"),d=require("../../../hooks/query/use-resolved-workspaces.cjs"),f=require("../../../hooks/mutation/use-local-workspaces-mutations.cjs"),p=require("../../../utils/workspaces-compatibility.cjs"),m=require("../home/workspace-dropdown/folder-browser-modal.cjs"),h=require("../home/workspace-dropdown/manage-workspaces-modal.cjs"),te=require("./new-conversation-dropdown-styles.cjs"),g=require("../../../hooks/use-popover-fixed-placement.cjs");let _=require("react");_=e.__toESM(_,1);let v=require("react/jsx-runtime");function y({trigger:e,className:y,popoverClassName:b,popoverTestId:x=`new-conversation-popover`,useFixedPlacement:S=!1}){let{t:C}=t.useTranslation(`openhands`),{navigate:w}=i.useNavigation(),[T,E]=_.default.useState(!1),D=_.default.useRef(null),O=_.default.useRef(null),k=g.usePopoverFixedPlacement(O,{open:T,enabled:S}),{data:A,error:j}=u.useLocalWorkspaces(),M=A?.workspaceParents??[],{mutate:N}=f.useAddWorkspaces(),{mutate:P}=f.useRemoveWorkspace(),{mutate:F}=f.useAddWorkspaceParents(),{mutate:I}=f.useRemoveWorkspaceParent(),{workspaces:L}=d.useResolvedWorkspaces(),R=p.getWorkspacesUnsupportedMessage(j,C),[z,B]=_.default.useState(!1),[V,H]=_.default.useState(!1),{mutate:U,isPending:W}=ee.useCreateConversation(),G=l.useIsCreatingConversation(),K=W||G;_.default.useEffect(()=>{if(!T||z||V)return;let e=e=>{D.current&&!D.current.contains(e.target)&&E(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[T,z,V]),_.default.useEffect(()=>{if(!T||z||V)return;let e=e=>{e.key===`Escape`&&E(!1)};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[T,z,V]);let q=e=>{K||U({workingDir:e,entryPoint:`sidebar_local_menu`},{onSuccess:e=>{E(!1),w(`/conversations/${e.conversation_id}`)}})},J=o.dropdownMenuRowClassName,Y=_.default.useCallback(e=>{e.preventDefault(),e.stopPropagation()},[]),X=_.default.useCallback(()=>{E(e=>!e)},[]),Z=T&&(!S||k!==null),Q=!!R,ne=S&&k?{position:`fixed`,top:k.top,left:k.left,width:k.width}:void 0,$=(0,v.jsx)(`button`,{type:`button`,"data-testid":`add-workspaces-button`,disabled:Q,onMouseDown:Y,onClick:e=>{e.preventDefault(),e.stopPropagation(),!Q&&B(!0)},className:J,children:C(n.I18nKey.HOME$ADD_WORKSPACES)}),re=R?(0,v.jsx)(a.StyledTooltip,{content:R,placement:`top`,children:(0,v.jsx)(`span`,{className:`block`,children:$})}):$;return(0,v.jsxs)(`div`,{className:r.cn(!S&&`relative`,y),ref:D,children:[(0,v.jsx)(`span`,{ref:O,className:`inline-flex`,children:e({onClick:X,"aria-expanded":T,"aria-haspopup":`menu`,disabled:K})}),Z&&(0,v.jsxs)(`div`,{"data-testid":x,className:r.cn(te.NEW_CONVERSATION_DROPDOWN_SURFACE,!S&&r.cn(`absolute top-full mt-0`,b)),style:ne,children:[(0,v.jsxs)(`ul`,{className:r.cn(`max-h-[40vh] overflow-y-auto sm:max-h-[280px]`,o.dropdownMenuListClassName),children:[(0,v.jsx)(`li`,{children:(0,v.jsx)(`button`,{type:`button`,disabled:K,"data-testid":`launch-no-workspace`,onClick:()=>q(),className:J,children:(0,v.jsx)(`span`,{className:`text-[var(--oh-muted)]`,children:C(n.I18nKey.HOME$NO_WORKSPACE_OPTION)})})}),L.map(e=>(0,v.jsx)(`li`,{children:(0,v.jsxs)(`button`,{type:`button`,disabled:K,"data-testid":`launch-workspace`,"data-workspace-path":e.path,onClick:()=>q(e.path),className:J,children:[(0,v.jsx)(`span`,{className:o.dropdownMenuRowIconWrapperClassName,"aria-hidden":!0,children:(0,v.jsx)(c.default,{width:14,height:14})}),(0,v.jsx)(`span`,{className:`truncate`,children:e.name})]})},e.id))]}),(0,v.jsxs)(`div`,{className:r.cn(`flex flex-col`,o.dropdownMenuListClassName),"data-testid":`new-conversation-menu-footer`,children:[(0,v.jsx)(s.Divider,{inset:`menu`,testId:`new-conversation-menu-footer-divider`}),re,(L.length>0||M.length>0)&&(0,v.jsx)(`button`,{type:`button`,"data-testid":`manage-workspaces-button`,onMouseDown:Y,onClick:e=>{e.preventDefault(),e.stopPropagation(),H(!0)},className:J,children:C(n.I18nKey.HOME$MANAGE_WORKSPACES)})]})]}),(0,v.jsx)(m.FolderBrowserModal,{isOpen:z,onClose:()=>B(!1),onAdd:e=>N(e),onAddParent:e=>F(e)}),(0,v.jsx)(h.ManageWorkspacesModal,{isOpen:V,workspaces:L,workspaceParents:M,onClose:()=>H(!1),onRemove:e=>P(e),onRemoveParent:e=>I(e)})]})}exports.LocalNewConversationMenu=y;
 //# sourceMappingURL=local-new-conversation-menu.cjs.map

package/dist/components/features/conversation-panel/local-new-conversation-menu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"local-new-conversation-menu.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/local-new-conversation-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useIsCreatingConversation } from \"#/hooks/use-is-creating-conversation\";\nimport {\n  useAddWorkspaces,\n  useAddWorkspaceParents,\n  useRemoveWorkspace,\n  useRemoveWorkspaceParent,\n} from \"#/hooks/mutation/use-local-workspaces-mutations\";\nimport { useLocalWorkspaces } from \"#/hooks/query/use-local-workspaces\";\nimport { useResolvedWorkspaces } from \"#/hooks/query/use-resolved-workspaces\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  dropdownMenuRowClassName,\n  dropdownMenuListClassName,\n  dropdownMenuRowIconWrapperClassName,\n} from \"#/utils/dropdown-classes\";\nimport { getWorkspacesUnsupportedMessage } from \"#/utils/workspaces-compatibility\";\nimport RepoIcon from \"#/icons/repo.svg?react\";\n\nimport { FolderBrowserModal } from \"#/components/features/home/workspace-dropdown/folder-browser-modal\";\nimport { ManageWorkspacesModal } from \"#/components/features/home/workspace-dropdown/manage-workspaces-modal\";\n\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { Divider } from \"#/ui/divider\";\nimport { NEW_CONVERSATION_DROPDOWN_SURFACE } from \"./new-conversation-dropdown-styles\";\nimport { usePopoverFixedPlacement } from \"#/hooks/use-popover-fixed-placement\";\n\nexport type LocalNewConversationMenuTriggerProps = {\n  onClick: () => void;\n  \"aria-expanded\": boolean;\n  \"aria-haspopup\": \"menu\";\n  disabled?: boolean;\n};\n\nexport interface LocalNewConversationMenuProps {\n  trigger: (props: LocalNewConversationMenuTriggerProps) => React.ReactNode;\n  /** Root wrapper class (e.g. `relative` + alignment in header row) */\n  className?: string;\n  /** Panel positioning / dimensions when using absolute placement (sidebar) */\n  popoverClassName: string;\n  /** Optional test id for the popover surface */\n  popoverTestId?: string;\n  /**\n   * Use `position: fixed` from the trigger rect so the menu is not clipped by\n   * sidebar overflow (conversation panel header).\n   */\n  useFixedPlacement?: boolean;\n}\n\n/**\n * Workspace/repo picker + launch flow for local agent-server backends.\n * Shared by the sidebar \"+ New conversation\" control and the conversation\n * panel \"new thread folder\" control.\n */\nexport function LocalNewConversationMenu({\n  trigger,\n  className,\n  popoverClassName,\n  popoverTestId = \"new-conversation-popover\",\n  useFixedPlacement = false,\n}: LocalNewConversationMenuProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { navigate } = useNavigation();\n\n  const [open, setOpen] = React.useState(false);\n  const popoverRef = React.useRef<HTMLDivElement>(null);\n  const triggerWrapRef = React.useRef<HTMLSpanElement>(null);\n  const fixedBox = usePopoverFixedPlacement(triggerWrapRef, {\n    open,\n    enabled: useFixedPlacement,\n  });\n\n  const { data: workspacesData, error: workspacesError } = useLocalWorkspaces();\n  const workspaceParents = workspacesData?.workspaceParents ?? [];\n  const { mutate: addWorkspaces } = useAddWorkspaces();\n  const { mutate: removeWorkspace } = useRemoveWorkspace();\n  const { mutate: addWorkspaceParents } = useAddWorkspaceParents();\n  const { mutate: removeWorkspaceParent } = useRemoveWorkspaceParent();\n  const { workspaces } = useResolvedWorkspaces();\n  const workspacesUnsupportedMessage = getWorkspacesUnsupportedMessage(\n    workspacesError,\n    t,\n  );\n  const [browserOpen, setBrowserOpen] = React.useState(false);\n  const [manageOpen, setManageOpen] = React.useState(false);\n\n  const { mutate: createConversation, isPending } = useCreateConversation();\n  const isCreatingElsewhere = useIsCreatingConversation();\n  const isCreating = isPending || isCreatingElsewhere;\n\n  React.useEffect(() => {\n    if (!open || browserOpen || manageOpen) return undefined;\n    const onDown = (e: MouseEvent) => {\n      if (\n        popoverRef.current &&\n        !popoverRef.current.contains(e.target as Node)\n      ) {\n        setOpen(false);\n      }\n    };\n    document.addEventListener(\"mousedown\", onDown);\n    return () => document.removeEventListener(\"mousedown\", onDown);\n  }, [open, browserOpen, manageOpen]);\n\n  React.useEffect(() => {\n    if (!open || browserOpen || manageOpen) return undefined;\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setOpen(false);\n      }\n    };\n    window.addEventListener(\"keydown\", onKeyDown);\n    return () => window.removeEventListener(\"keydown\", onKeyDown);\n  }, [open, browserOpen, manageOpen]);\n\n  const launch = (workingDir?: string) => {\n    if (isCreating) return;\n    createConversation(\n      { workingDir, entryPoint: \"sidebar_local_menu\" },\n      {\n        onSuccess: (data) => {\n          setOpen(false);\n          navigate(`/conversations/${data.conversation_id}`);\n        },\n      },\n    );\n  };\n\n  const itemClass = dropdownMenuRowClassName;\n\n  const keepPopoverOpenOnMouseDown = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      event.preventDefault();\n      event.stopPropagation();\n    },\n    [],\n  );\n\n  const toggleOpen = React.useCallback(() => {\n    setOpen((o) => !o);\n  }, []);\n\n  const showPopover = open && (!useFixedPlacement || fixedBox !== null);\n  const workspaceActionsDisabled = Boolean(workspacesUnsupportedMessage);\n\n  const fixedStyle: React.CSSProperties | undefined =\n    useFixedPlacement && fixedBox\n      ? {\n          position: \"fixed\",\n          top: fixedBox.top,\n          left: fixedBox.left,\n          width: fixedBox.width,\n        }\n      : undefined;\n\n  const addWorkspacesButton = (\n    <button\n      type=\"button\"\n      data-testid=\"add-workspaces-button\"\n      disabled={workspaceActionsDisabled}\n      onMouseDown={keepPopoverOpenOnMouseDown}\n      onClick={(event) => {\n        event.preventDefault();\n        event.stopPropagation();\n        if (workspaceActionsDisabled) return;\n        setBrowserOpen(true);\n      }}\n      className={itemClass}\n    >\n      {t(I18nKey.HOME$ADD_WORKSPACES)}\n    </button>\n  );\n\n  const addWorkspacesControl = workspacesUnsupportedMessage ? (\n    <StyledTooltip content={workspacesUnsupportedMessage} placement=\"top\">\n      <span className=\"block\">{addWorkspacesButton}</span>\n    </StyledTooltip>\n  ) : (\n    addWorkspacesButton\n  );\n\n  return (\n    <div\n      className={cn(!useFixedPlacement && \"relative\", className)}\n      ref={popoverRef}\n    >\n      <span ref={triggerWrapRef} className=\"inline-flex\">\n        {trigger({\n          onClick: toggleOpen,\n          \"aria-expanded\": open,\n          \"aria-haspopup\": \"menu\",\n          disabled: isCreating,\n        })}\n      </span>\n\n      {showPopover && (\n        <div\n          data-testid={popoverTestId}\n          className={cn(\n            NEW_CONVERSATION_DROPDOWN_SURFACE,\n            !useFixedPlacement &&\n              cn(\"absolute top-full mt-0\", popoverClassName),\n          )}\n          style={fixedStyle}\n        >\n          <ul\n            className={cn(\n              \"max-h-[40vh] overflow-y-auto sm:max-h-[280px]\",\n              dropdownMenuListClassName,\n            )}\n          >\n            <li>\n              <button\n                type=\"button\"\n                disabled={isCreating}\n                data-testid=\"launch-no-workspace\"\n                onClick={() => launch()}\n                className={itemClass}\n              >\n                <span className=\"text-[var(--oh-muted)]\">\n                  {t(I18nKey.HOME$NO_WORKSPACE_OPTION)}\n                </span>\n              </button>\n            </li>\n            {workspaces.map((w) => (\n              <li key={w.id}>\n                <button\n                  type=\"button\"\n                  disabled={isCreating}\n                  data-testid=\"launch-workspace\"\n                  data-workspace-path={w.path}\n                  onClick={() => launch(w.path)}\n                  className={itemClass}\n                >\n                  <span\n                    className={dropdownMenuRowIconWrapperClassName}\n                    aria-hidden\n                  >\n                    <RepoIcon width={14} height={14} />\n                  </span>\n                  <span className=\"truncate\">{w.name}</span>\n                </button>\n              </li>\n            ))}\n          </ul>\n\n          <div\n            className={cn(\"flex flex-col\", dropdownMenuListClassName)}\n            data-testid=\"new-conversation-menu-footer\"\n          >\n            <Divider\n              inset=\"menu\"\n              testId=\"new-conversation-menu-footer-divider\"\n            />\n            {addWorkspacesControl}\n            {(workspaces.length > 0 || workspaceParents.length > 0) && (\n              <button\n                type=\"button\"\n                data-testid=\"manage-workspaces-button\"\n                onMouseDown={keepPopoverOpenOnMouseDown}\n                onClick={(event) => {\n                  event.preventDefault();\n                  event.stopPropagation();\n                  setManageOpen(true);\n                }}\n                className={itemClass}\n              >\n                {t(I18nKey.HOME$MANAGE_WORKSPACES)}\n              </button>\n            )}\n          </div>\n        </div>\n      )}\n\n      <FolderBrowserModal\n        isOpen={browserOpen}\n        onClose={() => setBrowserOpen(false)}\n        onAdd={(items) => addWorkspaces(items)}\n        onAddParent={(items) => addWorkspaceParents(items)}\n      />\n\n      <ManageWorkspacesModal\n        isOpen={manageOpen}\n        workspaces={workspaces}\n        workspaceParents={workspaceParents}\n        onClose={() => setManageOpen(false)}\n        onRemove={(path) => removeWorkspace(path)}\n        onRemoveParent={(path) => removeWorkspaceParent(path)}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"local-new-conversation-menu.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/local-new-conversation-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useIsCreatingConversation } from \"#/hooks/use-is-creating-conversation\";\nimport {\n  useAddWorkspaces,\n  useAddWorkspaceParents,\n  useRemoveWorkspace,\n  useRemoveWorkspaceParent,\n} from \"#/hooks/mutation/use-local-workspaces-mutations\";\nimport { useLocalWorkspaces } from \"#/hooks/query/use-local-workspaces\";\nimport { useResolvedWorkspaces } from \"#/hooks/query/use-resolved-workspaces\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  dropdownMenuRowClassName,\n  dropdownMenuListClassName,\n  dropdownMenuRowIconWrapperClassName,\n} from \"#/utils/dropdown-classes\";\nimport { getWorkspacesUnsupportedMessage } from \"#/utils/workspaces-compatibility\";\nimport RepoIcon from \"#/icons/repo.svg?react\";\n\nimport { FolderBrowserModal } from \"#/components/features/home/workspace-dropdown/folder-browser-modal\";\nimport { ManageWorkspacesModal } from \"#/components/features/home/workspace-dropdown/manage-workspaces-modal\";\n\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { Divider } from \"#/ui/divider\";\nimport { NEW_CONVERSATION_DROPDOWN_SURFACE } from \"./new-conversation-dropdown-styles\";\nimport { usePopoverFixedPlacement } from \"#/hooks/use-popover-fixed-placement\";\n\nexport type LocalNewConversationMenuTriggerProps = {\n  onClick: () => void;\n  \"aria-expanded\": boolean;\n  \"aria-haspopup\": \"menu\";\n  disabled?: boolean;\n};\n\nexport interface LocalNewConversationMenuProps {\n  trigger: (props: LocalNewConversationMenuTriggerProps) => React.ReactNode;\n  /** Root wrapper class (e.g. `relative` + alignment in header row) */\n  className?: string;\n  /** Panel positioning / dimensions when using absolute placement (sidebar) */\n  popoverClassName: string;\n  /** Optional test id for the popover surface */\n  popoverTestId?: string;\n  /**\n   * Use `position: fixed` from the trigger rect so the menu is not clipped by\n   * sidebar overflow (conversation panel header).\n   */\n  useFixedPlacement?: boolean;\n}\n\n/**\n * Workspace/repo picker + launch flow for local agent-server backends.\n * Shared by the sidebar \"+ New conversation\" control and the conversation\n * panel \"new thread folder\" control.\n */\nexport function LocalNewConversationMenu({\n  trigger,\n  className,\n  popoverClassName,\n  popoverTestId = \"new-conversation-popover\",\n  useFixedPlacement = false,\n}: LocalNewConversationMenuProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { navigate } = useNavigation();\n\n  const [open, setOpen] = React.useState(false);\n  const popoverRef = React.useRef<HTMLDivElement>(null);\n  const triggerWrapRef = React.useRef<HTMLSpanElement>(null);\n  const fixedBox = usePopoverFixedPlacement(triggerWrapRef, {\n    open,\n    enabled: useFixedPlacement,\n  });\n\n  const { data: workspacesData, error: workspacesError } = useLocalWorkspaces();\n  const workspaceParents = workspacesData?.workspaceParents ?? [];\n  const { mutate: addWorkspaces } = useAddWorkspaces();\n  const { mutate: removeWorkspace } = useRemoveWorkspace();\n  const { mutate: addWorkspaceParents } = useAddWorkspaceParents();\n  const { mutate: removeWorkspaceParent } = useRemoveWorkspaceParent();\n  const { workspaces } = useResolvedWorkspaces();\n  const workspacesUnsupportedMessage = getWorkspacesUnsupportedMessage(\n    workspacesError,\n    t,\n  );\n  const [browserOpen, setBrowserOpen] = React.useState(false);\n  const [manageOpen, setManageOpen] = React.useState(false);\n\n  const { mutate: createConversation, isPending } = useCreateConversation();\n  const isCreatingElsewhere = useIsCreatingConversation();\n  const isCreating = isPending || isCreatingElsewhere;\n\n  React.useEffect(() => {\n    if (!open || browserOpen || manageOpen) return undefined;\n    const onDown = (e: MouseEvent) => {\n      if (\n        popoverRef.current &&\n        !popoverRef.current.contains(e.target as Node)\n      ) {\n        setOpen(false);\n      }\n    };\n    document.addEventListener(\"mousedown\", onDown);\n    return () => document.removeEventListener(\"mousedown\", onDown);\n  }, [open, browserOpen, manageOpen]);\n\n  React.useEffect(() => {\n    if (!open || browserOpen || manageOpen) return undefined;\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setOpen(false);\n      }\n    };\n    window.addEventListener(\"keydown\", onKeyDown);\n    return () => window.removeEventListener(\"keydown\", onKeyDown);\n  }, [open, browserOpen, manageOpen]);\n\n  const launch = (workingDir?: string) => {\n    if (isCreating) return;\n    createConversation(\n      { workingDir, entryPoint: \"sidebar_local_menu\" },\n      {\n        onSuccess: (data) => {\n          setOpen(false);\n          navigate(`/conversations/${data.conversation_id}`);\n        },\n      },\n    );\n  };\n\n  const itemClass = dropdownMenuRowClassName;\n\n  const keepPopoverOpenOnMouseDown = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      event.preventDefault();\n      event.stopPropagation();\n    },\n    [],\n  );\n\n  const toggleOpen = React.useCallback(() => {\n    setOpen((o) => !o);\n  }, []);\n\n  const showPopover = open && (!useFixedPlacement || fixedBox !== null);\n  const workspaceActionsDisabled = Boolean(workspacesUnsupportedMessage);\n\n  const fixedStyle: React.CSSProperties | undefined =\n    useFixedPlacement && fixedBox\n      ? {\n          position: \"fixed\",\n          top: fixedBox.top,\n          left: fixedBox.left,\n          width: fixedBox.width,\n        }\n      : undefined;\n\n  const addWorkspacesButton = (\n    <button\n      type=\"button\"\n      data-testid=\"add-workspaces-button\"\n      disabled={workspaceActionsDisabled}\n      onMouseDown={keepPopoverOpenOnMouseDown}\n      onClick={(event) => {\n        event.preventDefault();\n        event.stopPropagation();\n        if (workspaceActionsDisabled) return;\n        setBrowserOpen(true);\n      }}\n      className={itemClass}\n    >\n      {t(I18nKey.HOME$ADD_WORKSPACES)}\n    </button>\n  );\n\n  const addWorkspacesControl = workspacesUnsupportedMessage ? (\n    <StyledTooltip content={workspacesUnsupportedMessage} placement=\"top\">\n      <span className=\"block\">{addWorkspacesButton}</span>\n    </StyledTooltip>\n  ) : (\n    addWorkspacesButton\n  );\n\n  return (\n    <div\n      className={cn(!useFixedPlacement && \"relative\", className)}\n      ref={popoverRef}\n    >\n      <span ref={triggerWrapRef} className=\"inline-flex\">\n        {trigger({\n          onClick: toggleOpen,\n          \"aria-expanded\": open,\n          \"aria-haspopup\": \"menu\",\n          disabled: isCreating,\n        })}\n      </span>\n\n      {showPopover && (\n        <div\n          data-testid={popoverTestId}\n          className={cn(\n            NEW_CONVERSATION_DROPDOWN_SURFACE,\n            !useFixedPlacement &&\n              cn(\"absolute top-full mt-0\", popoverClassName),\n          )}\n          style={fixedStyle}\n        >\n          <ul\n            className={cn(\n              \"max-h-[40vh] overflow-y-auto sm:max-h-[280px]\",\n              dropdownMenuListClassName,\n            )}\n          >\n            <li>\n              <button\n                type=\"button\"\n                disabled={isCreating}\n                data-testid=\"launch-no-workspace\"\n                onClick={() => launch()}\n                className={itemClass}\n              >\n                <span className=\"text-[var(--oh-muted)]\">\n                  {t(I18nKey.HOME$NO_WORKSPACE_OPTION)}\n                </span>\n              </button>\n            </li>\n            {workspaces.map((w) => (\n              <li key={w.id}>\n                <button\n                  type=\"button\"\n                  disabled={isCreating}\n                  data-testid=\"launch-workspace\"\n                  data-workspace-path={w.path}\n                  onClick={() => launch(w.path)}\n                  className={itemClass}\n                >\n                  <span\n                    className={dropdownMenuRowIconWrapperClassName}\n                    aria-hidden\n                  >\n                    <RepoIcon width={14} height={14} />\n                  </span>\n                  <span className=\"truncate\">{w.name}</span>\n                </button>\n              </li>\n            ))}\n          </ul>\n\n          <div\n            className={cn(\"flex flex-col\", dropdownMenuListClassName)}\n            data-testid=\"new-conversation-menu-footer\"\n          >\n            <Divider\n              inset=\"menu\"\n              testId=\"new-conversation-menu-footer-divider\"\n            />\n            {addWorkspacesControl}\n            {(workspaces.length > 0 || workspaceParents.length > 0) && (\n              <button\n                type=\"button\"\n                data-testid=\"manage-workspaces-button\"\n                onMouseDown={keepPopoverOpenOnMouseDown}\n                onClick={(event) => {\n                  event.preventDefault();\n                  event.stopPropagation();\n                  setManageOpen(true);\n                }}\n                className={itemClass}\n              >\n                {t(I18nKey.HOME$MANAGE_WORKSPACES)}\n              </button>\n            )}\n          </div>\n        </div>\n      )}\n\n      <FolderBrowserModal\n        isOpen={browserOpen}\n        onClose={() => setBrowserOpen(false)}\n        onAdd={(items) => addWorkspaces(items)}\n        onAddParent={(items) => addWorkspaceParents(items)}\n      />\n\n      <ManageWorkspacesModal\n        isOpen={manageOpen}\n        workspaces={workspaces}\n        workspaceParents={workspaceParents}\n        onClose={() => setManageOpen(false)}\n        onRemove={(path) => removeWorkspace(path)}\n        onRemoveParent={(path) => removeWorkspaceParent(path)}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/conversation-panel/local-new-conversation-menu.js

@@ -8,9 +8,9 @@ import { useCreateConversation as a } from "../../../hooks/mutation/use-create-c
 import { Divider as o } from "../../../ui/divider.js";
 import s from "../../../icons/repo.js";
 import { useIsCreatingConversation as c } from "../../../hooks/use-is-creating-conversation.js";
-import { useAddWorkspaceParents as l, useAddWorkspaces as u, useRemoveWorkspace as d, useRemoveWorkspaceParent as f } from "../../../hooks/mutation/use-local-workspaces-mutations.js";
-import { useLocalWorkspaces as p } from "../../../hooks/query/use-local-workspaces.js";
-import { useResolvedWorkspaces as re } from "../../../hooks/query/use-resolved-workspaces.js";
+import { useLocalWorkspaces as l } from "../../../hooks/query/use-local-workspaces.js";
+import { useResolvedWorkspaces as u } from "../../../hooks/query/use-resolved-workspaces.js";
+import { useAddWorkspaceParents as d, useAddWorkspaces as f, useRemoveWorkspace as p, useRemoveWorkspaceParent as re } from "../../../hooks/mutation/use-local-workspaces-mutations.js";
 import { getWorkspacesUnsupportedMessage as m } from "../../../utils/workspaces-compatibility.js";
 import { FolderBrowserModal as h } from "../home/workspace-dropdown/folder-browser-modal.js";
 import { ManageWorkspacesModal as g } from "../home/workspace-dropdown/manage-workspaces-modal.js";
@@ -23,7 +23,7 @@ function S({ trigger: S, className: ie, popoverClassName: ae, popoverTestId: C =
 	let { t: T } = e("openhands"), { navigate: E } = ee(), [D, O] = y.useState(!1), k = y.useRef(null), A = y.useRef(null), j = v(A, {
 		open: D,
 		enabled: w
-	}), { data: M, error: N } = p(), P = M?.workspaceParents ?? [], { mutate: F } = u(), { mutate: I } = d(), { mutate: L } = l(), { mutate: R } = f(), { workspaces: z } = re(), B = m(N, T), [V, H] = y.useState(!1), [U, W] = y.useState(!1), { mutate: G, isPending: K } = a(), q = c(), J = K || q;
+	}), { data: M, error: N } = l(), P = M?.workspaceParents ?? [], { mutate: F } = f(), { mutate: I } = p(), { mutate: L } = d(), { mutate: R } = re(), { workspaces: z } = u(), B = m(N, T), [V, H] = y.useState(!1), [U, W] = y.useState(!1), { mutate: G, isPending: K } = a(), q = c(), J = K || q;
 	y.useEffect(() => {
 		if (!D || V || U) return;
 		let e = (e) => {

package/dist/components/features/conversation-panel/local-new-conversation-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"local-new-conversation-menu.js","names":[],"sources":["../../../../src/components/features/conversation-panel/local-new-conversation-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useIsCreatingConversation } from \"#/hooks/use-is-creating-conversation\";\nimport {\n  useAddWorkspaces,\n  useAddWorkspaceParents,\n  useRemoveWorkspace,\n  useRemoveWorkspaceParent,\n} from \"#/hooks/mutation/use-local-workspaces-mutations\";\nimport { useLocalWorkspaces } from \"#/hooks/query/use-local-workspaces\";\nimport { useResolvedWorkspaces } from \"#/hooks/query/use-resolved-workspaces\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  dropdownMenuRowClassName,\n  dropdownMenuListClassName,\n  dropdownMenuRowIconWrapperClassName,\n} from \"#/utils/dropdown-classes\";\nimport { getWorkspacesUnsupportedMessage } from \"#/utils/workspaces-compatibility\";\nimport RepoIcon from \"#/icons/repo.svg?react\";\n\nimport { FolderBrowserModal } from \"#/components/features/home/workspace-dropdown/folder-browser-modal\";\nimport { ManageWorkspacesModal } from \"#/components/features/home/workspace-dropdown/manage-workspaces-modal\";\n\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { Divider } from \"#/ui/divider\";\nimport { NEW_CONVERSATION_DROPDOWN_SURFACE } from \"./new-conversation-dropdown-styles\";\nimport { usePopoverFixedPlacement } from \"#/hooks/use-popover-fixed-placement\";\n\nexport type LocalNewConversationMenuTriggerProps = {\n  onClick: () => void;\n  \"aria-expanded\": boolean;\n  \"aria-haspopup\": \"menu\";\n  disabled?: boolean;\n};\n\nexport interface LocalNewConversationMenuProps {\n  trigger: (props: LocalNewConversationMenuTriggerProps) => React.ReactNode;\n  /** Root wrapper class (e.g. `relative` + alignment in header row) */\n  className?: string;\n  /** Panel positioning / dimensions when using absolute placement (sidebar) */\n  popoverClassName: string;\n  /** Optional test id for the popover surface */\n  popoverTestId?: string;\n  /**\n   * Use `position: fixed` from the trigger rect so the menu is not clipped by\n   * sidebar overflow (conversation panel header).\n   */\n  useFixedPlacement?: boolean;\n}\n\n/**\n * Workspace/repo picker + launch flow for local agent-server backends.\n * Shared by the sidebar \"+ New conversation\" control and the conversation\n * panel \"new thread folder\" control.\n */\nexport function LocalNewConversationMenu({\n  trigger,\n  className,\n  popoverClassName,\n  popoverTestId = \"new-conversation-popover\",\n  useFixedPlacement = false,\n}: LocalNewConversationMenuProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { navigate } = useNavigation();\n\n  const [open, setOpen] = React.useState(false);\n  const popoverRef = React.useRef<HTMLDivElement>(null);\n  const triggerWrapRef = React.useRef<HTMLSpanElement>(null);\n  const fixedBox = usePopoverFixedPlacement(triggerWrapRef, {\n    open,\n    enabled: useFixedPlacement,\n  });\n\n  const { data: workspacesData, error: workspacesError } = useLocalWorkspaces();\n  const workspaceParents = workspacesData?.workspaceParents ?? [];\n  const { mutate: addWorkspaces } = useAddWorkspaces();\n  const { mutate: removeWorkspace } = useRemoveWorkspace();\n  const { mutate: addWorkspaceParents } = useAddWorkspaceParents();\n  const { mutate: removeWorkspaceParent } = useRemoveWorkspaceParent();\n  const { workspaces } = useResolvedWorkspaces();\n  const workspacesUnsupportedMessage = getWorkspacesUnsupportedMessage(\n    workspacesError,\n    t,\n  );\n  const [browserOpen, setBrowserOpen] = React.useState(false);\n  const [manageOpen, setManageOpen] = React.useState(false);\n\n  const { mutate: createConversation, isPending } = useCreateConversation();\n  const isCreatingElsewhere = useIsCreatingConversation();\n  const isCreating = isPending || isCreatingElsewhere;\n\n  React.useEffect(() => {\n    if (!open || browserOpen || manageOpen) return undefined;\n    const onDown = (e: MouseEvent) => {\n      if (\n        popoverRef.current &&\n        !popoverRef.current.contains(e.target as Node)\n      ) {\n        setOpen(false);\n      }\n    };\n    document.addEventListener(\"mousedown\", onDown);\n    return () => document.removeEventListener(\"mousedown\", onDown);\n  }, [open, browserOpen, manageOpen]);\n\n  React.useEffect(() => {\n    if (!open || browserOpen || manageOpen) return undefined;\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setOpen(false);\n      }\n    };\n    window.addEventListener(\"keydown\", onKeyDown);\n    return () => window.removeEventListener(\"keydown\", onKeyDown);\n  }, [open, browserOpen, manageOpen]);\n\n  const launch = (workingDir?: string) => {\n    if (isCreating) return;\n    createConversation(\n      { workingDir, entryPoint: \"sidebar_local_menu\" },\n      {\n        onSuccess: (data) => {\n          setOpen(false);\n          navigate(`/conversations/${data.conversation_id}`);\n        },\n      },\n    );\n  };\n\n  const itemClass = dropdownMenuRowClassName;\n\n  const keepPopoverOpenOnMouseDown = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      event.preventDefault();\n      event.stopPropagation();\n    },\n    [],\n  );\n\n  const toggleOpen = React.useCallback(() => {\n    setOpen((o) => !o);\n  }, []);\n\n  const showPopover = open && (!useFixedPlacement || fixedBox !== null);\n  const workspaceActionsDisabled = Boolean(workspacesUnsupportedMessage);\n\n  const fixedStyle: React.CSSProperties | undefined =\n    useFixedPlacement && fixedBox\n      ? {\n          position: \"fixed\",\n          top: fixedBox.top,\n          left: fixedBox.left,\n          width: fixedBox.width,\n        }\n      : undefined;\n\n  const addWorkspacesButton = (\n    <button\n      type=\"button\"\n      data-testid=\"add-workspaces-button\"\n      disabled={workspaceActionsDisabled}\n      onMouseDown={keepPopoverOpenOnMouseDown}\n      onClick={(event) => {\n        event.preventDefault();\n        event.stopPropagation();\n        if (workspaceActionsDisabled) return;\n        setBrowserOpen(true);\n      }}\n      className={itemClass}\n    >\n      {t(I18nKey.HOME$ADD_WORKSPACES)}\n    </button>\n  );\n\n  const addWorkspacesControl = workspacesUnsupportedMessage ? (\n    <StyledTooltip content={workspacesUnsupportedMessage} placement=\"top\">\n      <span className=\"block\">{addWorkspacesButton}</span>\n    </StyledTooltip>\n  ) : (\n    addWorkspacesButton\n  );\n\n  return (\n    <div\n      className={cn(!useFixedPlacement && \"relative\", className)}\n      ref={popoverRef}\n    >\n      <span ref={triggerWrapRef} className=\"inline-flex\">\n        {trigger({\n          onClick: toggleOpen,\n          \"aria-expanded\": open,\n          \"aria-haspopup\": \"menu\",\n          disabled: isCreating,\n        })}\n      </span>\n\n      {showPopover && (\n        <div\n          data-testid={popoverTestId}\n          className={cn(\n            NEW_CONVERSATION_DROPDOWN_SURFACE,\n            !useFixedPlacement &&\n              cn(\"absolute top-full mt-0\", popoverClassName),\n          )}\n          style={fixedStyle}\n        >\n          <ul\n            className={cn(\n              \"max-h-[40vh] overflow-y-auto sm:max-h-[280px]\",\n              dropdownMenuListClassName,\n            )}\n          >\n            <li>\n              <button\n                type=\"button\"\n                disabled={isCreating}\n                data-testid=\"launch-no-workspace\"\n                onClick={() => launch()}\n                className={itemClass}\n              >\n                <span className=\"text-[var(--oh-muted)]\">\n                  {t(I18nKey.HOME$NO_WORKSPACE_OPTION)}\n                </span>\n              </button>\n            </li>\n            {workspaces.map((w) => (\n              <li key={w.id}>\n                <button\n                  type=\"button\"\n                  disabled={isCreating}\n                  data-testid=\"launch-workspace\"\n                  data-workspace-path={w.path}\n                  onClick={() => launch(w.path)}\n                  className={itemClass}\n                >\n                  <span\n                    className={dropdownMenuRowIconWrapperClassName}\n                    aria-hidden\n                  >\n                    <RepoIcon width={14} height={14} />\n                  </span>\n                  <span className=\"truncate\">{w.name}</span>\n                </button>\n              </li>\n            ))}\n          </ul>\n\n          <div\n            className={cn(\"flex flex-col\", dropdownMenuListClassName)}\n            data-testid=\"new-conversation-menu-footer\"\n          >\n            <Divider\n              inset=\"menu\"\n              testId=\"new-conversation-menu-footer-divider\"\n            />\n            {addWorkspacesControl}\n            {(workspaces.length > 0 || workspaceParents.length > 0) && (\n              <button\n                type=\"button\"\n                data-testid=\"manage-workspaces-button\"\n                onMouseDown={keepPopoverOpenOnMouseDown}\n                onClick={(event) => {\n                  event.preventDefault();\n                  event.stopPropagation();\n                  setManageOpen(true);\n                }}\n                className={itemClass}\n              >\n                {t(I18nKey.HOME$MANAGE_WORKSPACES)}\n              </button>\n            )}\n          </div>\n        </div>\n      )}\n\n      <FolderBrowserModal\n        isOpen={browserOpen}\n        onClose={() => setBrowserOpen(false)}\n        onAdd={(items) => addWorkspaces(items)}\n        onAddParent={(items) => addWorkspaceParents(items)}\n      />\n\n      <ManageWorkspacesModal\n        isOpen={manageOpen}\n        workspaces={workspaces}\n        workspaceParents={workspaceParents}\n        onClose={() => setManageOpen(false)}\n        onRemove={(path) => removeWorkspace(path)}\n        onRemoveParent={(path) => removeWorkspaceParent(path)}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"local-new-conversation-menu.js","names":[],"sources":["../../../../src/components/features/conversation-panel/local-new-conversation-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useIsCreatingConversation } from \"#/hooks/use-is-creating-conversation\";\nimport {\n  useAddWorkspaces,\n  useAddWorkspaceParents,\n  useRemoveWorkspace,\n  useRemoveWorkspaceParent,\n} from \"#/hooks/mutation/use-local-workspaces-mutations\";\nimport { useLocalWorkspaces } from \"#/hooks/query/use-local-workspaces\";\nimport { useResolvedWorkspaces } from \"#/hooks/query/use-resolved-workspaces\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  dropdownMenuRowClassName,\n  dropdownMenuListClassName,\n  dropdownMenuRowIconWrapperClassName,\n} from \"#/utils/dropdown-classes\";\nimport { getWorkspacesUnsupportedMessage } from \"#/utils/workspaces-compatibility\";\nimport RepoIcon from \"#/icons/repo.svg?react\";\n\nimport { FolderBrowserModal } from \"#/components/features/home/workspace-dropdown/folder-browser-modal\";\nimport { ManageWorkspacesModal } from \"#/components/features/home/workspace-dropdown/manage-workspaces-modal\";\n\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { Divider } from \"#/ui/divider\";\nimport { NEW_CONVERSATION_DROPDOWN_SURFACE } from \"./new-conversation-dropdown-styles\";\nimport { usePopoverFixedPlacement } from \"#/hooks/use-popover-fixed-placement\";\n\nexport type LocalNewConversationMenuTriggerProps = {\n  onClick: () => void;\n  \"aria-expanded\": boolean;\n  \"aria-haspopup\": \"menu\";\n  disabled?: boolean;\n};\n\nexport interface LocalNewConversationMenuProps {\n  trigger: (props: LocalNewConversationMenuTriggerProps) => React.ReactNode;\n  /** Root wrapper class (e.g. `relative` + alignment in header row) */\n  className?: string;\n  /** Panel positioning / dimensions when using absolute placement (sidebar) */\n  popoverClassName: string;\n  /** Optional test id for the popover surface */\n  popoverTestId?: string;\n  /**\n   * Use `position: fixed` from the trigger rect so the menu is not clipped by\n   * sidebar overflow (conversation panel header).\n   */\n  useFixedPlacement?: boolean;\n}\n\n/**\n * Workspace/repo picker + launch flow for local agent-server backends.\n * Shared by the sidebar \"+ New conversation\" control and the conversation\n * panel \"new thread folder\" control.\n */\nexport function LocalNewConversationMenu({\n  trigger,\n  className,\n  popoverClassName,\n  popoverTestId = \"new-conversation-popover\",\n  useFixedPlacement = false,\n}: LocalNewConversationMenuProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { navigate } = useNavigation();\n\n  const [open, setOpen] = React.useState(false);\n  const popoverRef = React.useRef<HTMLDivElement>(null);\n  const triggerWrapRef = React.useRef<HTMLSpanElement>(null);\n  const fixedBox = usePopoverFixedPlacement(triggerWrapRef, {\n    open,\n    enabled: useFixedPlacement,\n  });\n\n  const { data: workspacesData, error: workspacesError } = useLocalWorkspaces();\n  const workspaceParents = workspacesData?.workspaceParents ?? [];\n  const { mutate: addWorkspaces } = useAddWorkspaces();\n  const { mutate: removeWorkspace } = useRemoveWorkspace();\n  const { mutate: addWorkspaceParents } = useAddWorkspaceParents();\n  const { mutate: removeWorkspaceParent } = useRemoveWorkspaceParent();\n  const { workspaces } = useResolvedWorkspaces();\n  const workspacesUnsupportedMessage = getWorkspacesUnsupportedMessage(\n    workspacesError,\n    t,\n  );\n  const [browserOpen, setBrowserOpen] = React.useState(false);\n  const [manageOpen, setManageOpen] = React.useState(false);\n\n  const { mutate: createConversation, isPending } = useCreateConversation();\n  const isCreatingElsewhere = useIsCreatingConversation();\n  const isCreating = isPending || isCreatingElsewhere;\n\n  React.useEffect(() => {\n    if (!open || browserOpen || manageOpen) return undefined;\n    const onDown = (e: MouseEvent) => {\n      if (\n        popoverRef.current &&\n        !popoverRef.current.contains(e.target as Node)\n      ) {\n        setOpen(false);\n      }\n    };\n    document.addEventListener(\"mousedown\", onDown);\n    return () => document.removeEventListener(\"mousedown\", onDown);\n  }, [open, browserOpen, manageOpen]);\n\n  React.useEffect(() => {\n    if (!open || browserOpen || manageOpen) return undefined;\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setOpen(false);\n      }\n    };\n    window.addEventListener(\"keydown\", onKeyDown);\n    return () => window.removeEventListener(\"keydown\", onKeyDown);\n  }, [open, browserOpen, manageOpen]);\n\n  const launch = (workingDir?: string) => {\n    if (isCreating) return;\n    createConversation(\n      { workingDir, entryPoint: \"sidebar_local_menu\" },\n      {\n        onSuccess: (data) => {\n          setOpen(false);\n          navigate(`/conversations/${data.conversation_id}`);\n        },\n      },\n    );\n  };\n\n  const itemClass = dropdownMenuRowClassName;\n\n  const keepPopoverOpenOnMouseDown = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      event.preventDefault();\n      event.stopPropagation();\n    },\n    [],\n  );\n\n  const toggleOpen = React.useCallback(() => {\n    setOpen((o) => !o);\n  }, []);\n\n  const showPopover = open && (!useFixedPlacement || fixedBox !== null);\n  const workspaceActionsDisabled = Boolean(workspacesUnsupportedMessage);\n\n  const fixedStyle: React.CSSProperties | undefined =\n    useFixedPlacement && fixedBox\n      ? {\n          position: \"fixed\",\n          top: fixedBox.top,\n          left: fixedBox.left,\n          width: fixedBox.width,\n        }\n      : undefined;\n\n  const addWorkspacesButton = (\n    <button\n      type=\"button\"\n      data-testid=\"add-workspaces-button\"\n      disabled={workspaceActionsDisabled}\n      onMouseDown={keepPopoverOpenOnMouseDown}\n      onClick={(event) => {\n        event.preventDefault();\n        event.stopPropagation();\n        if (workspaceActionsDisabled) return;\n        setBrowserOpen(true);\n      }}\n      className={itemClass}\n    >\n      {t(I18nKey.HOME$ADD_WORKSPACES)}\n    </button>\n  );\n\n  const addWorkspacesControl = workspacesUnsupportedMessage ? (\n    <StyledTooltip content={workspacesUnsupportedMessage} placement=\"top\">\n      <span className=\"block\">{addWorkspacesButton}</span>\n    </StyledTooltip>\n  ) : (\n    addWorkspacesButton\n  );\n\n  return (\n    <div\n      className={cn(!useFixedPlacement && \"relative\", className)}\n      ref={popoverRef}\n    >\n      <span ref={triggerWrapRef} className=\"inline-flex\">\n        {trigger({\n          onClick: toggleOpen,\n          \"aria-expanded\": open,\n          \"aria-haspopup\": \"menu\",\n          disabled: isCreating,\n        })}\n      </span>\n\n      {showPopover && (\n        <div\n          data-testid={popoverTestId}\n          className={cn(\n            NEW_CONVERSATION_DROPDOWN_SURFACE,\n            !useFixedPlacement &&\n              cn(\"absolute top-full mt-0\", popoverClassName),\n          )}\n          style={fixedStyle}\n        >\n          <ul\n            className={cn(\n              \"max-h-[40vh] overflow-y-auto sm:max-h-[280px]\",\n              dropdownMenuListClassName,\n            )}\n          >\n            <li>\n              <button\n                type=\"button\"\n                disabled={isCreating}\n                data-testid=\"launch-no-workspace\"\n                onClick={() => launch()}\n                className={itemClass}\n              >\n                <span className=\"text-[var(--oh-muted)]\">\n                  {t(I18nKey.HOME$NO_WORKSPACE_OPTION)}\n                </span>\n              </button>\n            </li>\n            {workspaces.map((w) => (\n              <li key={w.id}>\n                <button\n                  type=\"button\"\n                  disabled={isCreating}\n                  data-testid=\"launch-workspace\"\n                  data-workspace-path={w.path}\n                  onClick={() => launch(w.path)}\n                  className={itemClass}\n                >\n                  <span\n                    className={dropdownMenuRowIconWrapperClassName}\n                    aria-hidden\n                  >\n                    <RepoIcon width={14} height={14} />\n                  </span>\n                  <span className=\"truncate\">{w.name}</span>\n                </button>\n              </li>\n            ))}\n          </ul>\n\n          <div\n            className={cn(\"flex flex-col\", dropdownMenuListClassName)}\n            data-testid=\"new-conversation-menu-footer\"\n          >\n            <Divider\n              inset=\"menu\"\n              testId=\"new-conversation-menu-footer-divider\"\n            />\n            {addWorkspacesControl}\n            {(workspaces.length > 0 || workspaceParents.length > 0) && (\n              <button\n                type=\"button\"\n                data-testid=\"manage-workspaces-button\"\n                onMouseDown={keepPopoverOpenOnMouseDown}\n                onClick={(event) => {\n                  event.preventDefault();\n                  event.stopPropagation();\n                  setManageOpen(true);\n                }}\n                className={itemClass}\n              >\n                {t(I18nKey.HOME$MANAGE_WORKSPACES)}\n              </button>\n            )}\n          </div>\n        </div>\n      )}\n\n      <FolderBrowserModal\n        isOpen={browserOpen}\n        onClose={() => setBrowserOpen(false)}\n        onAdd={(items) => addWorkspaces(items)}\n        onAddParent={(items) => addWorkspaceParents(items)}\n      />\n\n      <ManageWorkspacesModal\n        isOpen={manageOpen}\n        workspaces={workspaces}\n        workspaceParents={workspaceParents}\n        onClose={() => setManageOpen(false)}\n        onRemove={(path) => removeWorkspace(path)}\n        onRemoveParent={(path) => removeWorkspaceParent(path)}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/diff-viewer/accordion-panel.cjs

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../utils/utils.cjs"),t=require("../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.cjs"),n=require("../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.cjs"),r=require("../../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.cjs");let i=require("react/jsx-runtime");var a={duration:.2,ease:`easeInOut`};function o({open:o,children:s,testId:c,className:l}){return r.useReducedMotion()?o?(0,i.jsx)(`div`,{"data-testid":c,className:l,children:s}):null:(0,i.jsx)(t.AnimatePresence,{initial:!1,children:o?(0,i.jsx)(n.motion.div,{"data-testid":c,initial:{height:0,opacity:0},animate:{height:`auto`,opacity:1},exit:{height:0,opacity:0},transition:a,className:e.cn(`overflow-hidden`,l),children:s},`accordion-panel`):null})}exports.AccordionPanel=o;
+//# sourceMappingURL=accordion-panel.cjs.map

package/dist/components/features/diff-viewer/accordion-panel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-panel.cjs","names":[],"sources":["../../../../src/components/features/diff-viewer/accordion-panel.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { AnimatePresence, motion, useReducedMotion } from \"framer-motion\";\nimport { cn } from \"#/utils/utils\";\n\nconst ACCORDION_TRANSITION = {\n  duration: 0.2,\n  ease: \"easeInOut\" as const,\n};\n\ninterface AccordionPanelProps {\n  open: boolean;\n  children: ReactNode;\n  testId?: string;\n  className?: string;\n}\n\n/**\n * Height/opacity expand-collapse wrapper for Diffs / Commits accordion rows.\n * Honors prefers-reduced-motion by skipping animation.\n */\nexport function AccordionPanel({\n  open,\n  children,\n  testId,\n  className,\n}: AccordionPanelProps) {\n  const reduceMotion = useReducedMotion();\n\n  if (reduceMotion) {\n    return open ? (\n      <div data-testid={testId} className={className}>\n        {children}\n      </div>\n    ) : null;\n  }\n\n  return (\n    <AnimatePresence initial={false}>\n      {open ? (\n        <motion.div\n          key=\"accordion-panel\"\n          data-testid={testId}\n          initial={{ height: 0, opacity: 0 }}\n          animate={{ height: \"auto\", opacity: 1 }}\n          exit={{ height: 0, opacity: 0 }}\n          transition={ACCORDION_TRANSITION}\n          className={cn(\"overflow-hidden\", className)}\n        >\n          {children}\n        </motion.div>\n      ) : null}\n    </AnimatePresence>\n  );\n}\n"],"mappings":"iaAIA,IAAM,EAAuB,CAC3B,SAAU,GACV,KAAM,WACR,EAaA,SAAgB,EAAe,CAC7B,OACA,WACA,SACA,aACsB,CAWtB,OAVqB,EAAA,iBAEjB,EACK,GACL,EAAA,EAAA,KAAC,MAAD,CAAK,cAAa,EAAmB,YAClC,UACE,CAAA,EACH,MAIJ,EAAA,EAAA,KAAC,EAAA,gBAAD,CAAiB,QAAS,YACvB,GACC,EAAA,EAAA,KAAC,EAAA,OAAO,IAAR,CAEE,cAAa,EACb,QAAS,CAAE,OAAQ,EAAG,QAAS,CAAE,EACjC,QAAS,CAAE,OAAQ,OAAQ,QAAS,CAAE,EACtC,KAAM,CAAE,OAAQ,EAAG,QAAS,CAAE,EAC9B,WAAY,EACZ,UAAW,EAAA,GAAG,kBAAmB,CAAS,EAEzC,UACS,EATN,iBASM,EACV,IACW,CAAA,CAErB"}

package/dist/components/features/diff-viewer/accordion-panel.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+interface AccordionPanelProps {
+    open: boolean;
+    children: ReactNode;
+    testId?: string;
+    className?: string;
+}
+/**
+ * Height/opacity expand-collapse wrapper for Diffs / Commits accordion rows.
+ * Honors prefers-reduced-motion by skipping animation.
+ */
+export declare function AccordionPanel({ open, children, testId, className, }: AccordionPanelProps): import("react").JSX.Element | null;
+export {};

package/dist/components/features/diff-viewer/accordion-panel.js

@@ -0,0 +1,41 @@
+import { cn as e } from "../../../utils/utils.js";
+import { AnimatePresence as t } from "../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";
+import { motion as n } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+import { useReducedMotion as r } from "../../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/features/diff-viewer/accordion-panel.tsx
+var a = {
+	duration: .2,
+	ease: "easeInOut"
+};
+function o({ open: o, children: s, testId: c, className: l }) {
+	return r() ? o ? /* @__PURE__ */ i("div", {
+		"data-testid": c,
+		className: l,
+		children: s
+	}) : null : /* @__PURE__ */ i(t, {
+		initial: !1,
+		children: o ? /* @__PURE__ */ i(n.div, {
+			"data-testid": c,
+			initial: {
+				height: 0,
+				opacity: 0
+			},
+			animate: {
+				height: "auto",
+				opacity: 1
+			},
+			exit: {
+				height: 0,
+				opacity: 0
+			},
+			transition: a,
+			className: e("overflow-hidden", l),
+			children: s
+		}, "accordion-panel") : null
+	});
+}
+//#endregion
+export { o as AccordionPanel };
+
+//# sourceMappingURL=accordion-panel.js.map

package/dist/components/features/diff-viewer/accordion-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-panel.js","names":[],"sources":["../../../../src/components/features/diff-viewer/accordion-panel.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { AnimatePresence, motion, useReducedMotion } from \"framer-motion\";\nimport { cn } from \"#/utils/utils\";\n\nconst ACCORDION_TRANSITION = {\n  duration: 0.2,\n  ease: \"easeInOut\" as const,\n};\n\ninterface AccordionPanelProps {\n  open: boolean;\n  children: ReactNode;\n  testId?: string;\n  className?: string;\n}\n\n/**\n * Height/opacity expand-collapse wrapper for Diffs / Commits accordion rows.\n * Honors prefers-reduced-motion by skipping animation.\n */\nexport function AccordionPanel({\n  open,\n  children,\n  testId,\n  className,\n}: AccordionPanelProps) {\n  const reduceMotion = useReducedMotion();\n\n  if (reduceMotion) {\n    return open ? (\n      <div data-testid={testId} className={className}>\n        {children}\n      </div>\n    ) : null;\n  }\n\n  return (\n    <AnimatePresence initial={false}>\n      {open ? (\n        <motion.div\n          key=\"accordion-panel\"\n          data-testid={testId}\n          initial={{ height: 0, opacity: 0 }}\n          animate={{ height: \"auto\", opacity: 1 }}\n          exit={{ height: 0, opacity: 0 }}\n          transition={ACCORDION_TRANSITION}\n          className={cn(\"overflow-hidden\", className)}\n        >\n          {children}\n        </motion.div>\n      ) : null}\n    </AnimatePresence>\n  );\n}\n"],"mappings":";;;;;;AAIA,IAAM,IAAuB;CAC3B,UAAU;CACV,MAAM;AACR;AAaA,SAAgB,EAAe,EAC7B,SACA,aACA,WACA,gBACsB;CAWtB,OAVqB,EAEjB,IACK,IACL,kBAAC,OAAD;EAAK,eAAa;EAAmB;EAClC;CACE,CAAA,IACH,OAIJ,kBAAC,GAAD;EAAiB,SAAS;YACvB,IACC,kBAAC,EAAO,KAAR;GAEE,eAAa;GACb,SAAS;IAAE,QAAQ;IAAG,SAAS;GAAE;GACjC,SAAS;IAAE,QAAQ;IAAQ,SAAS;GAAE;GACtC,MAAM;IAAE,QAAQ;IAAG,SAAS;GAAE;GAC9B,YAAY;GACZ,WAAW,EAAG,mBAAmB,CAAS;GAEzC;EACS,GATN,iBASM,IACV;CACW,CAAA;AAErB"}

package/dist/components/features/diff-viewer/commit-list.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("./commit-row.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({commits:e,hasMore:o}){let{t:s}=t.useTranslation(`openhands`),[c,l]=i.default.useState(null),u=new Set(e.map(e=>e.author)).size>1;return(0,a.jsxs)(`section`,{"data-testid":`commit-list`,className:`w-full flex flex-col`,children:[e.map(e=>(0,a.jsx)(r.CommitRow,{commit:e,showAuthor:u,isExpanded:c===e.sha,onToggle:()=>l(t=>t===e.sha?null:e.sha)},e.sha)),o&&(0,a.jsx)(`div`,{"data-testid":`commit-list-cap-notice`,className:`px-3 py-2.5 text-xs text-[var(--oh-muted)]`,children:s(n.I18nKey.DIFF_VIEWER$COMMITS_CAP,{count:e.length})})]})}exports.CommitList=o;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("./commit-row.cjs"),i=require("./uncommitted-changes-row.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=`uncommitted`;function c({commits:e,hasMore:c,uncommittedChanges:l,autoExpandUncommitted:u=!1,onAutoExpandHandled:d}){let{t:f}=t.useTranslation(`openhands`),[p,m]=a.default.useState(null);a.default.useEffect(()=>{u&&(m(s),d?.())},[u,d]);let h=new Set(e.map(e=>e.author)).size>1;return(0,o.jsxs)(`section`,{"data-testid":`commit-list`,className:`w-full flex flex-col`,children:[(0,o.jsx)(i.UncommittedChangesRow,{changes:l,isExpanded:p===s,onToggle:()=>m(e=>e===s?null:s)}),e.map(e=>(0,o.jsx)(r.CommitRow,{commit:e,showAuthor:h,isExpanded:p===e.sha,onToggle:()=>m(t=>t===e.sha?null:e.sha)},e.sha)),c&&(0,o.jsx)(`div`,{"data-testid":`commit-list-cap-notice`,className:`px-3 py-2.5 text-xs text-[var(--oh-muted)]`,children:f(n.I18nKey.DIFF_VIEWER$COMMITS_CAP,{count:e.length})})]})}exports.CommitList=c;
 //# sourceMappingURL=commit-list.cjs.map