@openhands/agent-canvas 1.0.0-beta.6 → 1.0.0-beta.8

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 { useTranslation } from \"react-i18next\";\nimport { Folder, Plus } from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { usePaginatedConversations } from \"#/hooks/query/use-paginated-conversations\";\nimport { useStartTasks } from \"#/hooks/query/use-start-tasks\";\nimport { useDeleteConversation } from \"#/hooks/mutation/use-delete-conversation\";\nimport { useUnifiedPauseConversation } from \"#/hooks/mutation/use-unified-stop-conversation\";\nimport { ConfirmDeleteModal } from \"./confirm-delete-modal\";\nimport { ConfirmStopModal } from \"./confirm-stop-modal\";\nimport { LoadingSpinner } from \"#/components/shared/loading-spinner\";\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 { 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 {\n  groupConversations,\n  getGroupConversationPreview,\n  sortConversationsByField,\n  type ConversationGroupLaunch,\n} from \"./conversation-panel-list-helpers\";\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 ONE_HOUR_MS = 60 * 60 * 1000;\n\nconst partitionByCutoff = <T extends { updated_at: string }>(\n  items: readonly T[],\n): { recent: T[]; older: T[] } => {\n  // The cutoff is intentionally relative to \"now\" each time the list is\n  // recomputed, so conversations naturally age into the older bucket as the\n  // conversations query refreshes.\n  const cutoff = Date.now() - ONE_HOUR_MS;\n  const recent: T[] = [];\n  const older: T[] = [];\n  for (const item of items) {\n    const updatedAt = item.updated_at ? Date.parse(item.updated_at) : NaN;\n    // Missing or unparseable timestamps stay in the \"recent\" bucket so we\n    // do not accidentally hide them behind the older-conversations toggle.\n    if (Number.isFinite(updatedAt) && updatedAt < cutoff) {\n      older.push(item);\n    } else {\n      recent.push(item);\n    }\n  }\n  return { recent, older };\n};\n\nexport function ConversationPanel({\n  onClose,\n  compact = false,\n}: ConversationPanelProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId: currentConversationId, navigate } = useNavigation();\n  const { backend: activeBackend } = useActiveBackend();\n  // Click-outside is only relevant in the legacy drawer mode where an\n  // onClose handler is provided. When the panel is rendered inline (e.g.\n  // as the always-visible conversation list pane), clicking outside should\n  // not dismiss the list, so we pass a no-op callback in that case.\n  const ref = useClickOutsideElement<HTMLDivElement>(onClose ?? noop);\n\n  const [confirmDeleteModalVisible, setConfirmDeleteModalVisible] =\n    React.useState(false);\n  const [confirmStopModalVisible, setConfirmStopModalVisible] =\n    React.useState(false);\n  const [\n    confirmExitConversationModalVisible,\n    setConfirmExitConversationModalVisible,\n  ] = React.useState(false);\n  const [confirmDeleteAllVisible, setConfirmDeleteAllVisible] =\n    React.useState(false);\n  const showOlderConversations = useConversationPanelPreferencesStore(\n    (state) => state.showOlderConversations,\n  );\n  const toggleShowOlderConversations = useConversationPanelPreferencesStore(\n    (state) => state.toggleShowOlderConversations,\n  );\n  const showRepoBranchMetadata = useConversationPanelPreferencesStore(\n    (state) => state.showRepoBranchMetadata,\n  );\n  const toggleShowRepoBranchMetadata = useConversationPanelPreferencesStore(\n    (state) => state.toggleShowRepoBranchMetadata,\n  );\n  const showLlmProfiles = useConversationPanelPreferencesStore(\n    (state) => state.showLlmProfiles,\n  );\n  const toggleShowLlmProfiles = useConversationPanelPreferencesStore(\n    (state) => state.toggleShowLlmProfiles,\n  );\n  const 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 [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\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    isFetchingNextPage,\n    fetchNextPage,\n  } = usePaginatedConversations();\n\n  // Fetch in-progress start tasks\n  const { data: startTasks } = useStartTasks();\n\n  const conversations = React.useMemo(\n    () => data?.pages.flatMap((page) => page.items) ?? [],\n    [data],\n  );\n\n  const scopedConversations = React.useMemo(() => {\n    if (threadScope === \"relevant\") {\n      return conversations.filter((c) => isExecutionActive(c.execution_status));\n    }\n    return conversations;\n  }, [conversations, threadScope]);\n\n  const { recent: recentScoped, older: olderScoped } = React.useMemo(\n    () => partitionByCutoff(scopedConversations),\n    [scopedConversations],\n  );\n\n  // Sort the full visible set as one list. The recent/older partition is\n  // still computed (it gates the \"Show older\" toggle and \"Load more\"\n  // visibility), but the rendering must not use it as a visual boundary —\n  // when sorting by `created`, a stale-but-recently-touched conversation\n  // would otherwise land in `recent` and render above an actually-newer-\n  // by-`created_at` conversation sitting in `older`.\n  const sortedVisibleConversations = React.useMemo(() => {\n    const visible = showOlderConversations\n      ? [...recentScoped, ...olderScoped]\n      : recentScoped;\n    return sortConversationsByField(visible, conversationSort);\n  }, [recentScoped, olderScoped, showOlderConversations, conversationSort]);\n\n  const groupLabels = React.useMemo(\n    () => ({\n      emptyWorkspace: t(I18nKey.CONVERSATION_PANEL$NO_WORKSPACE),\n      emptyRepository: t(I18nKey.CONVERSATION_PANEL$NO_REPOSITORY),\n    }),\n    [t],\n  );\n\n  const conversationGroups = React.useMemo(() => {\n    if (compact || organizeMode !== \"grouped\") {\n      return null;\n    }\n    // Use the unsorted partitions: groupConversations sorts each bucket\n    // internally by `sortField`, so pre-sorting the merged input is wasted\n    // work in grouped mode (the per-group sort overrides any global order).\n    const merged = [\n      ...recentScoped,\n      ...(showOlderConversations ? olderScoped : []),\n    ];\n    return groupConversations(\n      merged,\n      activeBackend.kind,\n      conversationSort,\n      groupLabels,\n    );\n  }, [\n    activeBackend.kind,\n    compact,\n    conversationSort,\n    groupLabels,\n    olderScoped,\n    organizeMode,\n    recentScoped,\n    showOlderConversations,\n  ]);\n\n  const compactVisibleConversations = React.useMemo(\n    () =>\n      sortConversationsByField(\n        recentScoped.filter((conversation) =>\n          isExecutionActive(conversation.execution_status),\n        ),\n        conversationSort,\n      ),\n    [conversationSort, recentScoped],\n  );\n\n  const visibleFlatCount = sortedVisibleConversations.length;\n\n  const visibleGroupedCount = React.useMemo(() => {\n    if (!conversationGroups) {\n      return 0;\n    }\n    return conversationGroups.reduce((n, g) => n + g.conversations.length, 0);\n  }, [conversationGroups]);\n\n  const listIsEffectivelyEmpty =\n    organizeMode === \"grouped\" && !compact\n      ? visibleGroupedCount === 0\n      : visibleFlatCount === 0;\n\n  const { mutate: deleteConversation, mutateAsync: deleteConversationAsync } =\n    useDeleteConversation();\n  const { mutate: pauseConversation } = useUnifiedPauseConversation();\n  const { mutate: updateConversation } = useUpdateConversation();\n\n  // The next page of conversations is loaded only via the explicit \"Load\n  // more\" link rendered at the end of the list — there is no scroll-driven\n  // pagination, which previously caused the panel to feel like it had stray\n  // scrollable space at the bottom.\n  const olderHidden = olderScoped.length > 0 && !showOlderConversations;\n  // Compact mode also hides \"Load more\" — paginating into archived\n  // conversations contradicts the \"active only\" intent of the icon rail.\n  // Do not show when the visible list is empty (e.g. filters hide every\n  // loaded conversation) — that state already shows \"No conversations found\".\n  const showLoadMore =\n    !!hasNextPage && !olderHidden && !compact && !listIsEffectivelyEmpty;\n\n  const { mutate: createConversation } = useCreateConversation();\n  const isCreatingConversationFlow = useIsCreatingConversation();\n\n  const launchFromGroup = React.useCallback(\n    (launch: ConversationGroupLaunch) => {\n      if (isCreatingConversationFlow) return;\n      createConversation(\n        {\n          workingDir: launch.workingDir,\n          repository: launch.repository,\n        },\n        {\n          onSuccess: (data) => {\n            navigate(`/conversations/${data.conversation_id}`);\n          },\n        },\n      );\n    },\n    [createConversation, isCreatingConversationFlow, navigate],\n  );\n\n  const handleDeleteProject = React.useCallback(\n    (conversationId: string, title: string) => {\n      setConfirmDeleteModalVisible(true);\n      setSelectedConversationId(conversationId);\n      setSelectedConversationTitle(title);\n    },\n    [],\n  );\n\n  const handleStopConversation = React.useCallback((conversationId: string) => {\n    setConfirmStopModalVisible(true);\n    setSelectedConversationId(conversationId);\n  }, []);\n\n  const handleConversationTitleChange = React.useCallback(\n    (conversationId: string, newTitle: string) => {\n      updateConversation(\n        { conversationId, newTitle },\n        {\n          onSuccess: () => {\n            displaySuccessToast(t(I18nKey.CONVERSATION$TITLE_UPDATED));\n          },\n        },\n      );\n    },\n    [t, updateConversation],\n  );\n\n  const handleConfirmDelete = () => {\n    if (selectedConversationId) {\n      deleteConversation(\n        { conversationId: selectedConversationId },\n        {\n          onSuccess: () => {\n            if (selectedConversationId === currentConversationId) {\n              navigate(\"/conversations\");\n            }\n          },\n        },\n      );\n    }\n  };\n\n  const handleConfirmStop = () => {\n    if (selectedConversationId) {\n      pauseConversation({\n        conversationId: selectedConversationId,\n      });\n    }\n  };\n\n  const handleConfirmDeleteAll = async () => {\n    const idsToDelete = conversations.map((c) => c.id);\n    const results = await Promise.allSettled(\n      idsToDelete.map((conversationId) =>\n        deleteConversationAsync({ conversationId }),\n      ),\n    );\n\n    const deletedIds = results.flatMap((result, index) =>\n      result.status === \"fulfilled\" ? [idsToDelete[index]] : [],\n    );\n    const failedCount = results.length - deletedIds.length;\n\n    if (\n      currentConversationId !== null &&\n      deletedIds.includes(currentConversationId)\n    ) {\n      navigate(\"/conversations\");\n    }\n\n    if (failedCount > 0) {\n      displayErrorToast(\n        `${failedCount} conversation${failedCount === 1 ? \"\" : \"s\"} could not be deleted.`,\n      );\n    }\n  };\n\n  const renderConversationCard = React.useCallback(\n    (conversation: (typeof conversations)[number]) => {\n      if (compact) {\n        return (\n          <CompactConversationRow\n            key={conversation.id}\n            conversationId={conversation.id}\n            title={conversation.title ?? \"\"}\n            selectedRepository={{\n              selected_repository: conversation.selected_repository,\n              selected_branch: conversation.selected_branch,\n              git_provider: conversation.git_provider as Provider,\n            }}\n            executionStatus={conversation.execution_status}\n            sandboxStatus={conversation.sandbox_status}\n            lastUpdatedAt={conversation.updated_at}\n            createdAt={conversation.created_at}\n            workspaceWorkingDir={\n              conversation.selected_workspace ??\n              conversation.workspace?.working_dir\n            }\n            isActive={conversation.id === currentConversationId}\n            onClose={onClose}\n            showRepositoryMetadata={showRepoBranchMetadata}\n            llmModel={conversation.llm_model}\n            showLlmProfiles={showLlmProfiles}\n            agentKind={conversation.agent_kind}\n            acpServer={conversation.acp_server}\n          />\n        );\n      }\n      return (\n        <NavigationLink\n          key={conversation.id}\n          to={`/conversations/${conversation.id}`}\n          onClick={onClose}\n          className=\"block\"\n        >\n          <ConversationCard\n            onDelete={() =>\n              handleDeleteProject(conversation.id, conversation.title ?? \"\")\n            }\n            onStop={() => handleStopConversation(conversation.id)}\n            onChangeTitle={(title) =>\n              handleConversationTitleChange(conversation.id, title)\n            }\n            title={conversation.title ?? \"\"}\n            selectedRepository={{\n              selected_repository: conversation.selected_repository,\n              selected_branch: conversation.selected_branch,\n              git_provider: conversation.git_provider as Provider,\n            }}\n            lastUpdatedAt={conversation.updated_at}\n            createdAt={conversation.created_at}\n            executionStatus={conversation.execution_status}\n            sandboxStatus={conversation.sandbox_status}\n            conversationId={conversation.id}\n            contextMenuOpen={openContextMenuId === conversation.id}\n            onContextMenuToggle={(isOpen) =>\n              setOpenContextMenuId(isOpen ? conversation.id : null)\n            }\n            isActive={conversation.id === currentConversationId}\n            workspaceWorkingDir={\n              conversation.selected_workspace ??\n              conversation.workspace?.working_dir\n            }\n            showRepositoryMetadata={showRepoBranchMetadata}\n            llmModel={conversation.llm_model}\n            showLlmProfiles={showLlmProfiles}\n            agentKind={conversation.agent_kind}\n            acpServer={conversation.acp_server}\n          />\n        </NavigationLink>\n      );\n    },\n    [\n      compact,\n      currentConversationId,\n      handleConversationTitleChange,\n      handleDeleteProject,\n      handleStopConversation,\n      onClose,\n      openContextMenuId,\n      showRepoBranchMetadata,\n      showLlmProfiles,\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 showEmptyState =\n    isFetched &&\n    !isLoading &&\n    !compact &&\n    listIsEffectivelyEmpty &&\n    !startTasks?.length;\n\n  const showConversationHeader = !compact;\n\n  return (\n    <div\n      ref={ref}\n      data-testid=\"conversation-panel\"\n      className=\"flex h-full min-h-0 w-full flex-col\"\n    >\n      {showConversationHeader && (\n        <div\n          className={cn(\n            // Pull flush to the sidebar edges: `-ml-2.5` matches aside `pl-2.5`;\n            // width extends by that inset on the right now that aside is `pr-0`.\n            \"-ml-2.5 w-[calc(100%+0.625rem)] max-w-none box-border border-b\",\n            isListScrolled ? \"border-[var(--oh-border)]\" : \"border-transparent\",\n          )}\n        >\n          <div\n            data-testid=\"older-conversations-summary\"\n            className=\"flex min-w-0 flex-nowrap items-center gap-x-2 py-2 pl-4 pr-2.5 text-[var(--oh-muted)]\"\n          >\n            <span className=\"min-w-0 truncate text-sm font-medium text-[var(--oh-muted)]\">\n              {t(I18nKey.SIDEBAR$CONVERSATIONS)}\n            </span>\n            <div className=\"ml-auto flex shrink-0 items-center gap-0.5\">\n              <ConversationPanelNewThreadPicker\n                backendKind={activeBackend.kind}\n              />\n              <ConversationPanelFilterMenu\n                filterMenuOpen={filterMenuOpen}\n                setFilterMenuOpen={setFilterMenuOpen}\n                menuRef={filterMenuRef}\n                backendKind={activeBackend.kind}\n                organizeMode={organizeMode}\n                setOrganizeMode={setOrganizeMode}\n                conversationSort={conversationSort}\n                setConversationSort={setConversationSort}\n                threadScope={threadScope}\n                setThreadScope={setThreadScope}\n                showOlderConversations={showOlderConversations}\n                toggleShowOlderConversations={toggleShowOlderConversations}\n                showRepoBranchMetadata={showRepoBranchMetadata}\n                toggleShowRepoBranchMetadata={toggleShowRepoBranchMetadata}\n                showLlmProfiles={showLlmProfiles}\n                toggleShowLlmProfiles={toggleShowLlmProfiles}\n                totalConversationsCount={conversations.length}\n                onRequestDeleteAll={() => setConfirmDeleteAllVisible(true)}\n              />\n            </div>\n          </div>\n        </div>\n      )}\n\n      <div\n        ref={scrollContainerRef}\n        data-testid=\"conversation-panel-list-scroll\"\n        onScroll={(event) => {\n          setIsListScrolled(event.currentTarget.scrollTop > 0);\n        }}\n        className={cn(\n          \"flex min-h-0 flex-1 flex-col overflow-y-auto overflow-x-hidden overscroll-contain custom-scrollbar-always\",\n          !compact && \"conversation-panel-list-scroll\",\n        )}\n      >\n        {showInitialSkeleton && <ConversationCardSkeleton compact={compact} />}\n\n        {!compact && showEmptyState && (\n          <div\n            data-testid=\"conversation-panel-empty-state\"\n            className=\"flex min-h-0 flex-1 flex-col items-center justify-center px-4 py-8\"\n          >\n            <p className=\"text-xs text-[var(--oh-muted)]\">\n              {t(I18nKey.CONVERSATION$NO_CONVERSATIONS)}\n            </p>\n          </div>\n        )}\n\n        {/* Render in-progress start tasks first (skipped in compact mode —\n            their rich card layout doesn't fit in the icon rail). */}\n        {!compact &&\n          startTasks?.map((task) => (\n            <NavigationLink\n              key={task.id}\n              to={`/conversations/task-${task.id}`}\n              onClick={onClose}\n              className=\"block\"\n            >\n              <StartTaskCard task={task} />\n            </NavigationLink>\n          ))}\n\n        {!showInitialSkeleton && compact\n          ? compactVisibleConversations.map(renderConversationCard)\n          : null}\n\n        {!showInitialSkeleton &&\n        !compact &&\n        organizeMode === \"grouped\" &&\n        conversationGroups &&\n        conversationGroups.length > 0 ? (\n          <nav\n            aria-label={t(I18nKey.SIDEBAR$CONVERSATIONS)}\n            className=\"space-y-1 md:space-y-0.5 pb-1\"\n          >\n            {conversationGroups.map((group) => {\n              const headingId = `thread-folder-${group.id.replace(/[^a-zA-Z0-9_-]/g, \"-\")}`;\n              const groupTestIdSuffix = group.id.replace(\n                /[^a-zA-Z0-9_-]/g,\n                \"-\",\n              );\n              const expanded = !collapsedGroupIds.has(group.id);\n              const previewExpanded = expandedGroupPreviewIds.has(group.id);\n              const { visibleConversations, isPreviewTruncated, isShowingAll } =\n                getGroupConversationPreview(group.conversations, {\n                  expanded: previewExpanded,\n                  activeConversationId: currentConversationId,\n                });\n              return (\n                <section key={group.id} aria-labelledby={headingId}>\n                  <div\n                    className={cn(\n                      \"flex h-8 w-full min-w-0 items-center gap-0.5 rounded-md pl-2 pr-1 text-sm font-normal\",\n                      \"text-[var(--oh-muted)] transition-colors\",\n                      \"hover:bg-[var(--oh-surface-raised)] hover:text-white\",\n                    )}\n                  >\n                    <button\n                      type=\"button\"\n                      id={headingId}\n                      aria-expanded={expanded}\n                      onClick={() => toggleGroupCollapsed(group.id)}\n                      className=\"flex min-h-8 min-w-0 flex-1 items-center gap-2 rounded-md py-1 text-left text-inherit outline-none transition-colors focus-visible:ring-1 focus-visible:ring-[var(--oh-border)]\"\n                    >\n                      <Folder className=\"h-4 w-4 shrink-0\" aria-hidden />\n                      <span className=\"truncate\">{group.label}</span>\n                    </button>\n                    <button\n                      type=\"button\"\n                      className={cn(\n                        \"inline-flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-md\",\n                        \"text-inherit transition-colors\",\n                        \"hover:bg-white/10 hover:text-white\",\n                        \"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--oh-border)]\",\n                        \"disabled:cursor-not-allowed disabled:opacity-50\",\n                      )}\n                      disabled={isCreatingConversationFlow}\n                      aria-label={t(\n                        I18nKey.CONVERSATION_PANEL$ADD_CONVERSATION_TO_GROUP,\n                        { label: group.label },\n                      )}\n                      data-testid={`add-conversation-to-group-${group.id.replace(/[^a-zA-Z0-9_-]/g, \"-\")}`}\n                      onClick={(e) => {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        launchFromGroup(group.launch);\n                      }}\n                    >\n                      <Plus\n                        className=\"h-3.5 w-3.5 shrink-0\"\n                        aria-hidden\n                        strokeWidth={2}\n                      />\n                    </button>\n                  </div>\n                  {expanded ? (\n                    <div className=\"mt-0.5 space-y-0.5\">\n                      {visibleConversations.map(renderConversationCard)}\n                      {isPreviewTruncated ? (\n                        <div className=\"pl-2\">\n                          <button\n                            type=\"button\"\n                            data-testid={`thread-folder-view-more-${groupTestIdSuffix}`}\n                            onClick={() => toggleGroupPreviewExpanded(group.id)}\n                            className=\"ml-[26px] cursor-pointer text-xs text-[var(--oh-text-dim)] hover:text-white\"\n                          >\n                            {isShowingAll\n                              ? t(I18nKey.CONVERSATION_PANEL$LESS)\n                              : t(I18nKey.CONVERSATION_PANEL$MORE)}\n                          </button>\n                        </div>\n                      ) : null}\n                    </div>\n                  ) : null}\n                </section>\n              );\n            })}\n          </nav>\n        ) : null}\n\n        {!showInitialSkeleton &&\n        !compact &&\n        organizeMode === \"chronological\" ? (\n          <div className=\"space-y-0.5\">\n            {sortedVisibleConversations.map(renderConversationCard)}\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          <div className=\"flex justify-center py-4\">\n            {isFetchingNextPage ? (\n              <LoadingSpinner size=\"small\" />\n            ) : (\n              <button\n                type=\"button\"\n                data-testid=\"load-more-conversations\"\n                onClick={() => fetchNextPage()}\n                className=\"text-xs text-[var(--oh-muted)] hover:text-white\"\n              >\n                {t(I18nKey.CONVERSATION$LOAD_MORE)}\n              </button>\n            )}\n          </div>\n        )}\n      </div>\n\n      {confirmDeleteModalVisible && (\n        <ConfirmDeleteModal\n          onConfirm={() => {\n            handleConfirmDelete();\n            setConfirmDeleteModalVisible(false);\n            setSelectedConversationTitle(null);\n          }}\n          onCancel={() => {\n            setConfirmDeleteModalVisible(false);\n            setSelectedConversationTitle(null);\n          }}\n          conversationTitle={selectedConversationTitle ?? undefined}\n        />\n      )}\n\n      {confirmDeleteAllVisible && (\n        <ConfirmDeleteModal\n          title={t(I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_TITLE)}\n          description={t(I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_DESC, {\n            count: conversations.length,\n          })}\n          onConfirm={async () => {\n            await handleConfirmDeleteAll();\n            setConfirmDeleteAllVisible(false);\n          }}\n          onCancel={() => setConfirmDeleteAllVisible(false)}\n        />\n      )}\n\n      {confirmStopModalVisible && (\n        <ConfirmStopModal\n          onConfirm={() => {\n            handleConfirmStop();\n            setConfirmStopModalVisible(false);\n          }}\n          onCancel={() => setConfirmStopModalVisible(false)}\n        />\n      )}\n\n      {confirmExitConversationModalVisible && (\n        <ExitConversationModal\n          onConfirm={() => {\n            onClose?.();\n          }}\n          onClose={() => setConfirmExitConversationModalVisible(false)}\n          onCancel={() => setConfirmExitConversationModalVisible(false)}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"conversation-panel.js","names":[],"sources":["../../../../src/components/features/conversation-panel/conversation-panel.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Folder, Plus } from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { usePaginatedConversations } from \"#/hooks/query/use-paginated-conversations\";\nimport { useStartTasks } from \"#/hooks/query/use-start-tasks\";\nimport { useDeleteConversation } from \"#/hooks/mutation/use-delete-conversation\";\nimport { useUnifiedPauseConversation } from \"#/hooks/mutation/use-unified-stop-conversation\";\nimport { ConfirmDeleteModal } from \"./confirm-delete-modal\";\nimport { ConfirmStopModal } from \"./confirm-stop-modal\";\nimport { LoadingSpinner } from \"#/components/shared/loading-spinner\";\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 { 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 {\n  groupConversations,\n  getGroupConversationPreview,\n  sortConversationsByField,\n  type ConversationGroupLaunch,\n} from \"./conversation-panel-list-helpers\";\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 ONE_HOUR_MS = 60 * 60 * 1000;\n\nconst partitionByCutoff = <T extends { updated_at: string }>(\n  items: readonly T[],\n): { recent: T[]; older: T[] } => {\n  // The cutoff is intentionally relative to \"now\" each time the list is\n  // recomputed, so conversations naturally age into the older bucket as the\n  // conversations query refreshes.\n  const cutoff = Date.now() - ONE_HOUR_MS;\n  const recent: T[] = [];\n  const older: T[] = [];\n  for (const item of items) {\n    const updatedAt = item.updated_at ? Date.parse(item.updated_at) : NaN;\n    // Missing or unparseable timestamps stay in the \"recent\" bucket so we\n    // do not accidentally hide them behind the older-conversations toggle.\n    if (Number.isFinite(updatedAt) && updatedAt < cutoff) {\n      older.push(item);\n    } else {\n      recent.push(item);\n    }\n  }\n  return { recent, older };\n};\n\nexport function ConversationPanel({\n  onClose,\n  compact = false,\n}: ConversationPanelProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId: currentConversationId, navigate } = useNavigation();\n  const { backend: activeBackend } = useActiveBackend();\n  // Click-outside is only relevant in the legacy drawer mode where an\n  // onClose handler is provided. When the panel is rendered inline (e.g.\n  // as the always-visible conversation list pane), clicking outside should\n  // not dismiss the list, so we pass a no-op callback in that case.\n  const ref = useClickOutsideElement<HTMLDivElement>(onClose ?? noop);\n\n  const [confirmDeleteModalVisible, setConfirmDeleteModalVisible] =\n    React.useState(false);\n  const [confirmStopModalVisible, setConfirmStopModalVisible] =\n    React.useState(false);\n  const [\n    confirmExitConversationModalVisible,\n    setConfirmExitConversationModalVisible,\n  ] = React.useState(false);\n  const [confirmDeleteAllVisible, setConfirmDeleteAllVisible] =\n    React.useState(false);\n  const showOlderConversations = useConversationPanelPreferencesStore(\n    (state) => state.showOlderConversations,\n  );\n  const toggleShowOlderConversations = useConversationPanelPreferencesStore(\n    (state) => state.toggleShowOlderConversations,\n  );\n  const showRepoBranchMetadata = useConversationPanelPreferencesStore(\n    (state) => state.showRepoBranchMetadata,\n  );\n  const toggleShowRepoBranchMetadata = useConversationPanelPreferencesStore(\n    (state) => state.toggleShowRepoBranchMetadata,\n  );\n  const showLlmProfiles = useConversationPanelPreferencesStore(\n    (state) => state.showLlmProfiles,\n  );\n  const toggleShowLlmProfiles = useConversationPanelPreferencesStore(\n    (state) => state.toggleShowLlmProfiles,\n  );\n  const 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 [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\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    isFetchingNextPage,\n    fetchNextPage,\n  } = usePaginatedConversations();\n\n  // Fetch in-progress start tasks\n  const { data: startTasks } = useStartTasks();\n\n  const conversations = React.useMemo(\n    () => data?.pages.flatMap((page) => page.items) ?? [],\n    [data],\n  );\n\n  const scopedConversations = React.useMemo(() => {\n    if (threadScope === \"relevant\") {\n      return conversations.filter((c) => isExecutionActive(c.execution_status));\n    }\n    return conversations;\n  }, [conversations, threadScope]);\n\n  const { recent: recentScoped, older: olderScoped } = React.useMemo(\n    () => partitionByCutoff(scopedConversations),\n    [scopedConversations],\n  );\n\n  // Sort the full visible set as one list. The recent/older partition is\n  // still computed (it gates the \"Show older\" toggle and \"Load more\"\n  // visibility), but the rendering must not use it as a visual boundary —\n  // when sorting by `created`, a stale-but-recently-touched conversation\n  // would otherwise land in `recent` and render above an actually-newer-\n  // by-`created_at` conversation sitting in `older`.\n  const sortedVisibleConversations = React.useMemo(() => {\n    const visible = showOlderConversations\n      ? [...recentScoped, ...olderScoped]\n      : recentScoped;\n    return sortConversationsByField(visible, conversationSort);\n  }, [recentScoped, olderScoped, showOlderConversations, conversationSort]);\n\n  const groupLabels = React.useMemo(\n    () => ({\n      emptyWorkspace: t(I18nKey.CONVERSATION_PANEL$NO_WORKSPACE),\n      emptyRepository: t(I18nKey.CONVERSATION_PANEL$NO_REPOSITORY),\n    }),\n    [t],\n  );\n\n  const conversationGroups = React.useMemo(() => {\n    if (compact || organizeMode !== \"grouped\") {\n      return null;\n    }\n    // Use the unsorted partitions: groupConversations sorts each bucket\n    // internally by `sortField`, so pre-sorting the merged input is wasted\n    // work in grouped mode (the per-group sort overrides any global order).\n    const merged = [\n      ...recentScoped,\n      ...(showOlderConversations ? olderScoped : []),\n    ];\n    return groupConversations(\n      merged,\n      activeBackend.kind,\n      conversationSort,\n      groupLabels,\n    );\n  }, [\n    activeBackend.kind,\n    compact,\n    conversationSort,\n    groupLabels,\n    olderScoped,\n    organizeMode,\n    recentScoped,\n    showOlderConversations,\n  ]);\n\n  const compactVisibleConversations = React.useMemo(\n    () =>\n      sortConversationsByField(\n        recentScoped.filter((conversation) =>\n          isExecutionActive(conversation.execution_status),\n        ),\n        conversationSort,\n      ),\n    [conversationSort, recentScoped],\n  );\n\n  const visibleFlatCount = sortedVisibleConversations.length;\n\n  const visibleGroupedCount = React.useMemo(() => {\n    if (!conversationGroups) {\n      return 0;\n    }\n    return conversationGroups.reduce((n, g) => n + g.conversations.length, 0);\n  }, [conversationGroups]);\n\n  const listIsEffectivelyEmpty =\n    organizeMode === \"grouped\" && !compact\n      ? visibleGroupedCount === 0\n      : visibleFlatCount === 0;\n\n  const { mutate: deleteConversation, mutateAsync: deleteConversationAsync } =\n    useDeleteConversation();\n  const { mutate: pauseConversation } = useUnifiedPauseConversation();\n  const { mutate: updateConversation } = useUpdateConversation();\n\n  // The next page of conversations is loaded only via the explicit \"Load\n  // more\" link rendered at the end of the list — there is no scroll-driven\n  // pagination, which previously caused the panel to feel like it had stray\n  // scrollable space at the bottom.\n  const olderHidden = olderScoped.length > 0 && !showOlderConversations;\n  // Compact mode also hides \"Load more\" — paginating into archived\n  // conversations contradicts the \"active only\" intent of the icon rail.\n  // Do not show when the visible list is empty (e.g. filters hide every\n  // loaded conversation) — that state already shows \"No conversations found\".\n  const showLoadMore =\n    !!hasNextPage && !olderHidden && !compact && !listIsEffectivelyEmpty;\n\n  const { mutate: createConversation } = useCreateConversation();\n  const isCreatingConversationFlow = useIsCreatingConversation();\n\n  const launchFromGroup = React.useCallback(\n    (launch: ConversationGroupLaunch) => {\n      if (isCreatingConversationFlow) return;\n      createConversation(\n        {\n          workingDir: launch.workingDir,\n          repository: launch.repository,\n        },\n        {\n          onSuccess: (data) => {\n            navigate(`/conversations/${data.conversation_id}`);\n          },\n        },\n      );\n    },\n    [createConversation, isCreatingConversationFlow, navigate],\n  );\n\n  const handleDeleteProject = React.useCallback(\n    (conversationId: string, title: string) => {\n      setConfirmDeleteModalVisible(true);\n      setSelectedConversationId(conversationId);\n      setSelectedConversationTitle(title);\n    },\n    [],\n  );\n\n  const handleStopConversation = React.useCallback((conversationId: string) => {\n    setConfirmStopModalVisible(true);\n    setSelectedConversationId(conversationId);\n  }, []);\n\n  const handleConversationTitleChange = React.useCallback(\n    (conversationId: string, newTitle: string) => {\n      updateConversation(\n        { conversationId, newTitle },\n        {\n          onSuccess: () => {\n            displaySuccessToast(t(I18nKey.CONVERSATION$TITLE_UPDATED));\n          },\n        },\n      );\n    },\n    [t, updateConversation],\n  );\n\n  const handleConfirmDelete = () => {\n    if (selectedConversationId) {\n      deleteConversation(\n        { conversationId: selectedConversationId },\n        {\n          onSuccess: () => {\n            if (selectedConversationId === currentConversationId) {\n              navigate(\"/conversations\");\n            }\n          },\n        },\n      );\n    }\n  };\n\n  const handleConfirmStop = () => {\n    if (selectedConversationId) {\n      pauseConversation({\n        conversationId: selectedConversationId,\n      });\n    }\n  };\n\n  const handleConfirmDeleteAll = async () => {\n    const idsToDelete = conversations.map((c) => c.id);\n    const results = await Promise.allSettled(\n      idsToDelete.map((conversationId) =>\n        deleteConversationAsync({ conversationId }),\n      ),\n    );\n\n    const deletedIds = results.flatMap((result, index) =>\n      result.status === \"fulfilled\" ? [idsToDelete[index]] : [],\n    );\n    const failedCount = results.length - deletedIds.length;\n\n    if (\n      currentConversationId !== null &&\n      deletedIds.includes(currentConversationId)\n    ) {\n      navigate(\"/conversations\");\n    }\n\n    if (failedCount > 0) {\n      displayErrorToast(\n        `${failedCount} conversation${failedCount === 1 ? \"\" : \"s\"} could not be deleted.`,\n      );\n    }\n  };\n\n  const renderConversationCard = React.useCallback(\n    (conversation: (typeof conversations)[number]) => {\n      if (compact) {\n        return (\n          <CompactConversationRow\n            key={conversation.id}\n            conversationId={conversation.id}\n            title={conversation.title ?? \"\"}\n            selectedRepository={{\n              selected_repository: conversation.selected_repository,\n              selected_branch: conversation.selected_branch,\n              git_provider: conversation.git_provider as Provider,\n            }}\n            executionStatus={conversation.execution_status}\n            sandboxStatus={conversation.sandbox_status}\n            lastUpdatedAt={conversation.updated_at}\n            createdAt={conversation.created_at}\n            workspaceWorkingDir={\n              conversation.selected_workspace ??\n              conversation.workspace?.working_dir\n            }\n            isActive={conversation.id === currentConversationId}\n            onClose={onClose}\n            showRepositoryMetadata={showRepoBranchMetadata}\n            llmModel={conversation.llm_model}\n            showLlmProfiles={showLlmProfiles}\n            agentKind={conversation.agent_kind}\n            acpServer={conversation.acp_server}\n          />\n        );\n      }\n      return (\n        <NavigationLink\n          key={conversation.id}\n          to={`/conversations/${conversation.id}`}\n          onClick={onClose}\n          className=\"block\"\n        >\n          <ConversationCard\n            onDelete={() =>\n              handleDeleteProject(conversation.id, conversation.title ?? \"\")\n            }\n            onStop={() => handleStopConversation(conversation.id)}\n            onChangeTitle={(title) =>\n              handleConversationTitleChange(conversation.id, title)\n            }\n            title={conversation.title ?? \"\"}\n            selectedRepository={{\n              selected_repository: conversation.selected_repository,\n              selected_branch: conversation.selected_branch,\n              git_provider: conversation.git_provider as Provider,\n            }}\n            lastUpdatedAt={conversation.updated_at}\n            createdAt={conversation.created_at}\n            executionStatus={conversation.execution_status}\n            sandboxStatus={conversation.sandbox_status}\n            conversationId={conversation.id}\n            contextMenuOpen={openContextMenuId === conversation.id}\n            onContextMenuToggle={(isOpen) =>\n              setOpenContextMenuId(isOpen ? conversation.id : null)\n            }\n            isActive={conversation.id === currentConversationId}\n            workspaceWorkingDir={\n              conversation.selected_workspace ??\n              conversation.workspace?.working_dir\n            }\n            showRepositoryMetadata={showRepoBranchMetadata}\n            llmModel={conversation.llm_model}\n            showLlmProfiles={showLlmProfiles}\n            agentKind={conversation.agent_kind}\n            acpServer={conversation.acp_server}\n          />\n        </NavigationLink>\n      );\n    },\n    [\n      compact,\n      currentConversationId,\n      handleConversationTitleChange,\n      handleDeleteProject,\n      handleStopConversation,\n      onClose,\n      openContextMenuId,\n      showRepoBranchMetadata,\n      showLlmProfiles,\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 showEmptyState =\n    isFetched &&\n    !isLoading &&\n    !compact &&\n    listIsEffectivelyEmpty &&\n    !startTasks?.length;\n\n  const showConversationHeader = !compact;\n\n  return (\n    <div\n      ref={ref}\n      data-testid=\"conversation-panel\"\n      className=\"flex h-full min-h-0 w-full flex-col\"\n    >\n      {showConversationHeader && (\n        <div\n          className={cn(\n            // Pull flush to the sidebar edges: `-ml-2.5` matches aside `pl-2.5`;\n            // width extends by that inset on the right now that aside is `pr-0`.\n            \"-ml-2.5 w-[calc(100%+0.625rem)] max-w-none box-border border-b\",\n            isListScrolled ? \"border-[var(--oh-border)]\" : \"border-transparent\",\n          )}\n        >\n          <div\n            data-testid=\"older-conversations-summary\"\n            className=\"flex min-w-0 flex-nowrap items-center gap-x-2 py-2 pl-4 pr-2.5 text-[var(--oh-muted)]\"\n          >\n            <span className=\"min-w-0 truncate text-sm font-medium text-[var(--oh-muted)]\">\n              {t(I18nKey.SIDEBAR$CONVERSATIONS)}\n            </span>\n            <div className=\"ml-auto flex shrink-0 items-center gap-0.5\">\n              <ConversationPanelNewThreadPicker\n                backendKind={activeBackend.kind}\n              />\n              <ConversationPanelFilterMenu\n                filterMenuOpen={filterMenuOpen}\n                setFilterMenuOpen={setFilterMenuOpen}\n                menuRef={filterMenuRef}\n                backendKind={activeBackend.kind}\n                organizeMode={organizeMode}\n                setOrganizeMode={setOrganizeMode}\n                conversationSort={conversationSort}\n                setConversationSort={setConversationSort}\n                threadScope={threadScope}\n                setThreadScope={setThreadScope}\n                showOlderConversations={showOlderConversations}\n                toggleShowOlderConversations={toggleShowOlderConversations}\n                showRepoBranchMetadata={showRepoBranchMetadata}\n                toggleShowRepoBranchMetadata={toggleShowRepoBranchMetadata}\n                showLlmProfiles={showLlmProfiles}\n                toggleShowLlmProfiles={toggleShowLlmProfiles}\n                totalConversationsCount={conversations.length}\n                onRequestDeleteAll={() => setConfirmDeleteAllVisible(true)}\n              />\n            </div>\n          </div>\n        </div>\n      )}\n\n      <div\n        ref={scrollContainerRef}\n        data-testid=\"conversation-panel-list-scroll\"\n        onScroll={(event) => {\n          setIsListScrolled(event.currentTarget.scrollTop > 0);\n        }}\n        className={cn(\n          \"flex min-h-0 flex-1 flex-col overflow-y-auto overflow-x-hidden overscroll-contain custom-scrollbar-always\",\n          !compact && \"conversation-panel-list-scroll\",\n        )}\n      >\n        {showInitialSkeleton && <ConversationCardSkeleton compact={compact} />}\n\n        {!compact && showEmptyState && (\n          <div\n            data-testid=\"conversation-panel-empty-state\"\n            className=\"flex min-h-0 flex-1 flex-col items-center justify-center px-4 py-8\"\n          >\n            <p className=\"text-xs text-[var(--oh-muted)]\">\n              {t(I18nKey.CONVERSATION$NO_CONVERSATIONS)}\n            </p>\n          </div>\n        )}\n\n        {/* Render in-progress start tasks first (skipped in compact mode —\n            their rich card layout doesn't fit in the icon rail). */}\n        {!compact &&\n          startTasks?.map((task) => (\n            <NavigationLink\n              key={task.id}\n              to={`/conversations/task-${task.id}`}\n              onClick={onClose}\n              className=\"block\"\n            >\n              <StartTaskCard task={task} />\n            </NavigationLink>\n          ))}\n\n        {!showInitialSkeleton && compact\n          ? compactVisibleConversations.map(renderConversationCard)\n          : null}\n\n        {!showInitialSkeleton &&\n        !compact &&\n        organizeMode === \"grouped\" &&\n        conversationGroups &&\n        conversationGroups.length > 0 ? (\n          <nav\n            aria-label={t(I18nKey.SIDEBAR$CONVERSATIONS)}\n            className=\"space-y-1 md:space-y-0.5 pb-1\"\n          >\n            {conversationGroups.map((group) => {\n              const headingId = `thread-folder-${group.id.replace(/[^a-zA-Z0-9_-]/g, \"-\")}`;\n              const groupTestIdSuffix = group.id.replace(\n                /[^a-zA-Z0-9_-]/g,\n                \"-\",\n              );\n              const expanded = !collapsedGroupIds.has(group.id);\n              const previewExpanded = expandedGroupPreviewIds.has(group.id);\n              const { visibleConversations, isPreviewTruncated, isShowingAll } =\n                getGroupConversationPreview(group.conversations, {\n                  expanded: previewExpanded,\n                  activeConversationId: currentConversationId,\n                });\n              return (\n                <section key={group.id} aria-labelledby={headingId}>\n                  <div\n                    className={cn(\n                      \"flex h-8 w-full min-w-0 items-center gap-0.5 rounded-md pl-2 pr-1 text-sm font-normal\",\n                      \"text-[var(--oh-muted)] transition-colors\",\n                      \"hover:bg-[var(--oh-surface-raised)] hover:text-white\",\n                    )}\n                  >\n                    <button\n                      type=\"button\"\n                      id={headingId}\n                      aria-expanded={expanded}\n                      onClick={() => toggleGroupCollapsed(group.id)}\n                      className=\"flex min-h-8 min-w-0 flex-1 items-center gap-2 rounded-md py-1 text-left text-inherit outline-none transition-colors focus-visible:ring-1 focus-visible:ring-[var(--oh-border)]\"\n                    >\n                      <Folder className=\"h-4 w-4 shrink-0\" aria-hidden />\n                      <span className=\"truncate\">{group.label}</span>\n                    </button>\n                    <button\n                      type=\"button\"\n                      className={cn(\n                        \"inline-flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-md\",\n                        \"text-inherit transition-colors\",\n                        \"hover:bg-white/10 hover:text-white\",\n                        \"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--oh-border)]\",\n                        \"disabled:cursor-not-allowed disabled:opacity-50\",\n                      )}\n                      disabled={isCreatingConversationFlow}\n                      aria-label={t(\n                        I18nKey.CONVERSATION_PANEL$ADD_CONVERSATION_TO_GROUP,\n                        { label: group.label },\n                      )}\n                      data-testid={`add-conversation-to-group-${group.id.replace(/[^a-zA-Z0-9_-]/g, \"-\")}`}\n                      onClick={(e) => {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        launchFromGroup(group.launch);\n                      }}\n                    >\n                      <Plus\n                        className=\"h-3.5 w-3.5 shrink-0\"\n                        aria-hidden\n                        strokeWidth={2}\n                      />\n                    </button>\n                  </div>\n                  {expanded ? (\n                    <div className=\"mt-0.5 space-y-0.5\">\n                      {visibleConversations.map(renderConversationCard)}\n                      {isPreviewTruncated ? (\n                        <div className=\"pl-2\">\n                          <button\n                            type=\"button\"\n                            data-testid={`thread-folder-view-more-${groupTestIdSuffix}`}\n                            onClick={() => toggleGroupPreviewExpanded(group.id)}\n                            className=\"ml-[26px] cursor-pointer text-xs text-[var(--oh-text-dim)] hover:text-white\"\n                          >\n                            {isShowingAll\n                              ? t(I18nKey.CONVERSATION_PANEL$LESS)\n                              : t(I18nKey.CONVERSATION_PANEL$MORE)}\n                          </button>\n                        </div>\n                      ) : null}\n                    </div>\n                  ) : null}\n                </section>\n              );\n            })}\n          </nav>\n        ) : null}\n\n        {!showInitialSkeleton &&\n        !compact &&\n        organizeMode === \"chronological\" ? (\n          <div className=\"space-y-0.5\">\n            {sortedVisibleConversations.map(renderConversationCard)}\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          <div className=\"flex justify-center py-4\">\n            {isFetchingNextPage ? (\n              <LoadingSpinner size=\"small\" />\n            ) : (\n              <button\n                type=\"button\"\n                data-testid=\"load-more-conversations\"\n                onClick={() => fetchNextPage()}\n                className=\"text-xs text-[var(--oh-muted)] hover:text-white\"\n              >\n                {t(I18nKey.CONVERSATION$LOAD_MORE)}\n              </button>\n            )}\n          </div>\n        )}\n      </div>\n\n      {confirmDeleteModalVisible && (\n        <ConfirmDeleteModal\n          onConfirm={() => {\n            handleConfirmDelete();\n            setConfirmDeleteModalVisible(false);\n            setSelectedConversationTitle(null);\n          }}\n          onCancel={() => {\n            setConfirmDeleteModalVisible(false);\n            setSelectedConversationTitle(null);\n          }}\n          conversationTitle={selectedConversationTitle ?? undefined}\n        />\n      )}\n\n      {confirmDeleteAllVisible && (\n        <ConfirmDeleteModal\n          title={t(I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_TITLE)}\n          description={t(I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_DESC, {\n            count: conversations.length,\n          })}\n          onConfirm={async () => {\n            await handleConfirmDeleteAll();\n            setConfirmDeleteAllVisible(false);\n          }}\n          onCancel={() => setConfirmDeleteAllVisible(false)}\n        />\n      )}\n\n      {confirmStopModalVisible && (\n        <ConfirmStopModal\n          onConfirm={() => {\n            handleConfirmStop();\n            setConfirmStopModalVisible(false);\n          }}\n          onCancel={() => setConfirmStopModalVisible(false)}\n        />\n      )}\n\n      {confirmExitConversationModalVisible && (\n        <ExitConversationModal\n          onConfirm={() => {\n            onClose?.();\n          }}\n          onClose={() => setConfirmExitConversationModalVisible(false)}\n          onCancel={() => setConfirmExitConversationModalVisible(false)}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../utils/utils.cjs`),n=require(`../../../utils/form-control-classes.cjs`),r=require(`../../../icons/three-dots-vertical.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=i.default.forwardRef(function({onClick:e,className:i,iconClassName:o,ariaLabel:s,testId:c=`ellipsis-button`},l){return(0,a.jsx)(`button`,{ref:l,"data-testid":c,type:`button`,onClick:e,"aria-label":s,className:t.cn(`p-1 rounded-md cursor-pointer`,n.formControlTransitionClassName,`text-[var(--oh-muted)] hover:text-white hover:bg-white/10`,`flex items-center justify-center`,i),children:(0,a.jsx)(r.default,{className:o??`w-4 h-4`})})});exports.EllipsisButton=o;
+const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../utils/utils.cjs`),n=require(`../../../utils/form-control-classes.cjs`),r=require(`../../../icons/three-dots-vertical.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=i.default.forwardRef(function({onClick:e,className:i,iconClassName:o,ariaLabel:s,testId:c=`ellipsis-button`},l){return(0,a.jsx)(`button`,{ref:l,"data-testid":c,type:`button`,onClick:e,"aria-label":s,className:t.cn(`p-1 rounded-md cursor-pointer`,n.formControlTransitionClassName,`text-[var(--oh-muted)]`,n.formControlMutedHoverClassName,`flex items-center justify-center`,i),children:(0,a.jsx)(r.default,{className:o??`w-4 h-4`})})});exports.EllipsisButton=o;
 //# sourceMappingURL=ellipsis-button.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ellipsis-button.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/ellipsis-button.tsx"],"sourcesContent":["import React from \"react\";\nimport ThreeDotsVerticalIcon from \"#/icons/three-dots-vertical.svg?react\";\nimport { cn } from \"#/utils/utils\";\nimport { formControlTransitionClassName } from \"#/utils/form-control-classes\";\n\ninterface EllipsisButtonProps {\n  onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Optional override classes applied to the button. Use this when a\n   * caller needs to customize layout (e.g. translate, flex), not to\n   * replace hover treatment which is intentionally shared.\n   */\n  className?: string;\n  /** Icon box; default `w-4 h-4` (use `mobileTopBarIconClassName` in mobile top bars). */\n  iconClassName?: string;\n  ariaLabel?: string;\n  /**\n   * Override the default `ellipsis-button` test id. Most callers\n   * should leave this unset; provide a custom id only when an\n   * existing test suite already targets a specific id (e.g. the\n   * `profile-menu-trigger` in LLM profile rows).\n   */\n  testId?: string;\n}\n\n/**\n * Standardized \"three vertical dots\" overflow trigger.\n *\n * Use this anywhere the chrome needs an inline ellipsis menu trigger\n * (conversation header, conversation cards in the side panel,\n * conversation tabs, settings rows, etc.) so that size, color, and\n * hover treatment stay consistent.\n *\n * The chat input area's overflow button uses its own pill-shaped\n * variant with a custom hover background — do NOT replace that one\n * with this component; it is intentionally different.\n */\nexport const EllipsisButton = React.forwardRef<\n  HTMLButtonElement,\n  EllipsisButtonProps\n>(function EllipsisButton(\n  { onClick, className, iconClassName, ariaLabel, testId = \"ellipsis-button\" },\n  ref,\n) {\n  return (\n    <button\n      ref={ref}\n      data-testid={testId}\n      type=\"button\"\n      onClick={onClick}\n      aria-label={ariaLabel}\n      className={cn(\n        \"p-1 rounded-md cursor-pointer\",\n        formControlTransitionClassName,\n        \"text-[var(--oh-muted)] hover:text-white hover:bg-white/10\",\n        \"flex items-center justify-center\",\n        className,\n      )}\n    >\n      <ThreeDotsVerticalIcon className={iconClassName ?? \"w-4 h-4\"} />\n    </button>\n  );\n});\n"],"mappings":"qRAqCA,IAAa,EAAiB,EAAA,QAAM,WAGlC,SACA,CAAE,UAAS,YAAW,gBAAe,YAAW,SAAS,mBACzD,EACA,CACA,OACE,EAAA,EAAA,KAAC,SAAD,CACO,MACL,cAAa,EACb,KAAK,SACI,UACT,aAAY,EACZ,UAAW,EAAA,GACT,gCACA,EAAA,+BACA,4DACA,mCACA,EACD,WAED,EAAA,EAAA,KAAC,EAAA,QAAD,CAAuB,UAAW,GAAiB,UAAa,CAAA,CACzD,CAAA,EAEX"}
+{"version":3,"file":"ellipsis-button.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/ellipsis-button.tsx"],"sourcesContent":["import React from \"react\";\nimport ThreeDotsVerticalIcon from \"#/icons/three-dots-vertical.svg?react\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  formControlTransitionClassName,\n  formControlMutedHoverClassName,\n} from \"#/utils/form-control-classes\";\n\ninterface EllipsisButtonProps {\n  onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Optional override classes applied to the button. Use this when a\n   * caller needs to customize layout (e.g. translate, flex), not to\n   * replace hover treatment which is intentionally shared.\n   */\n  className?: string;\n  /** Icon box; default `w-4 h-4` (use `mobileTopBarIconClassName` in mobile top bars). */\n  iconClassName?: string;\n  ariaLabel?: string;\n  /**\n   * Override the default `ellipsis-button` test id. Most callers\n   * should leave this unset; provide a custom id only when an\n   * existing test suite already targets a specific id (e.g. the\n   * `profile-menu-trigger` in LLM profile rows).\n   */\n  testId?: string;\n}\n\n/**\n * Standardized \"three vertical dots\" overflow trigger.\n *\n * Use this anywhere the chrome needs an inline ellipsis menu trigger\n * (conversation header, conversation cards in the side panel,\n * conversation tabs, settings rows, etc.) so that size, color, and\n * hover treatment stay consistent.\n *\n * The chat input area's overflow button uses its own pill-shaped\n * variant with a custom hover background — do NOT replace that one\n * with this component; it is intentionally different.\n */\nexport const EllipsisButton = React.forwardRef<\n  HTMLButtonElement,\n  EllipsisButtonProps\n>(function EllipsisButton(\n  { onClick, className, iconClassName, ariaLabel, testId = \"ellipsis-button\" },\n  ref,\n) {\n  return (\n    <button\n      ref={ref}\n      data-testid={testId}\n      type=\"button\"\n      onClick={onClick}\n      aria-label={ariaLabel}\n      className={cn(\n        \"p-1 rounded-md cursor-pointer\",\n        formControlTransitionClassName,\n        \"text-[var(--oh-muted)]\",\n        formControlMutedHoverClassName,\n        \"flex items-center justify-center\",\n        className,\n      )}\n    >\n      <ThreeDotsVerticalIcon className={iconClassName ?? \"w-4 h-4\"} />\n    </button>\n  );\n});\n"],"mappings":"qRAwCA,IAAa,EAAiB,EAAA,QAAM,WAGlC,SACA,CAAE,UAAS,YAAW,gBAAe,YAAW,SAAS,mBACzD,EACA,CACA,OACE,EAAA,EAAA,KAAC,SAAD,CACO,MACL,cAAa,EACb,KAAK,SACI,UACT,aAAY,EACZ,UAAW,EAAA,GACT,gCACA,EAAA,+BACA,yBACA,EAAA,+BACA,mCACA,EACD,WAED,EAAA,EAAA,KAAC,EAAA,QAAD,CAAuB,UAAW,GAAiB,UAAa,CAAA,CACzD,CAAA,EAEX"}

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

@@ -1,21 +1,21 @@
 import { cn as e } from "../../../utils/utils.js";
-import { formControlTransitionClassName as t } from "../../../utils/form-control-classes.js";
-import n from "../../../icons/three-dots-vertical.js";
-import r from "react";
-import { jsx as i } from "react/jsx-runtime";
+import { formControlMutedHoverClassName as t, formControlTransitionClassName as n } from "../../../utils/form-control-classes.js";
+import r from "../../../icons/three-dots-vertical.js";
+import i from "react";
+import { jsx as a } from "react/jsx-runtime";
 //#region src/components/features/conversation-panel/ellipsis-button.tsx
-var a = r.forwardRef(function({ onClick: r, className: a, iconClassName: o, ariaLabel: s, testId: c = "ellipsis-button" }, l) {
-	return /* @__PURE__ */ i("button", {
-		ref: l,
-		"data-testid": c,
+var o = i.forwardRef(function({ onClick: i, className: o, iconClassName: s, ariaLabel: c, testId: l = "ellipsis-button" }, u) {
+	return /* @__PURE__ */ a("button", {
+		ref: u,
+		"data-testid": l,
 		type: "button",
-		onClick: r,
-		"aria-label": s,
-		className: e("p-1 rounded-md cursor-pointer", t, "text-[var(--oh-muted)] hover:text-white hover:bg-white/10", "flex items-center justify-center", a),
-		children: /* @__PURE__ */ i(n, { className: o ?? "w-4 h-4" })
+		onClick: i,
+		"aria-label": c,
+		className: e("p-1 rounded-md cursor-pointer", n, "text-[var(--oh-muted)]", t, "flex items-center justify-center", o),
+		children: /* @__PURE__ */ a(r, { className: s ?? "w-4 h-4" })
 	});
 });
 //#endregion
-export { a as EllipsisButton };
+export { o as EllipsisButton };
 
 //# sourceMappingURL=ellipsis-button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ellipsis-button.js","names":[],"sources":["../../../../src/components/features/conversation-panel/ellipsis-button.tsx"],"sourcesContent":["import React from \"react\";\nimport ThreeDotsVerticalIcon from \"#/icons/three-dots-vertical.svg?react\";\nimport { cn } from \"#/utils/utils\";\nimport { formControlTransitionClassName } from \"#/utils/form-control-classes\";\n\ninterface EllipsisButtonProps {\n  onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Optional override classes applied to the button. Use this when a\n   * caller needs to customize layout (e.g. translate, flex), not to\n   * replace hover treatment which is intentionally shared.\n   */\n  className?: string;\n  /** Icon box; default `w-4 h-4` (use `mobileTopBarIconClassName` in mobile top bars). */\n  iconClassName?: string;\n  ariaLabel?: string;\n  /**\n   * Override the default `ellipsis-button` test id. Most callers\n   * should leave this unset; provide a custom id only when an\n   * existing test suite already targets a specific id (e.g. the\n   * `profile-menu-trigger` in LLM profile rows).\n   */\n  testId?: string;\n}\n\n/**\n * Standardized \"three vertical dots\" overflow trigger.\n *\n * Use this anywhere the chrome needs an inline ellipsis menu trigger\n * (conversation header, conversation cards in the side panel,\n * conversation tabs, settings rows, etc.) so that size, color, and\n * hover treatment stay consistent.\n *\n * The chat input area's overflow button uses its own pill-shaped\n * variant with a custom hover background — do NOT replace that one\n * with this component; it is intentionally different.\n */\nexport const EllipsisButton = React.forwardRef<\n  HTMLButtonElement,\n  EllipsisButtonProps\n>(function EllipsisButton(\n  { onClick, className, iconClassName, ariaLabel, testId = \"ellipsis-button\" },\n  ref,\n) {\n  return (\n    <button\n      ref={ref}\n      data-testid={testId}\n      type=\"button\"\n      onClick={onClick}\n      aria-label={ariaLabel}\n      className={cn(\n        \"p-1 rounded-md cursor-pointer\",\n        formControlTransitionClassName,\n        \"text-[var(--oh-muted)] hover:text-white hover:bg-white/10\",\n        \"flex items-center justify-center\",\n        className,\n      )}\n    >\n      <ThreeDotsVerticalIcon className={iconClassName ?? \"w-4 h-4\"} />\n    </button>\n  );\n});\n"],"mappings":";;;;;;AAqCA,IAAa,IAAiB,EAAM,WAGlC,SACA,EAAE,YAAS,cAAW,kBAAe,cAAW,YAAS,qBACzD,GACA;AACA,QACE,kBAAC,UAAD;EACO;EACL,eAAa;EACb,MAAK;EACI;EACT,cAAY;EACZ,WAAW,EACT,iCACA,GACA,6DACA,oCACA,EACD;YAED,kBAAC,GAAD,EAAuB,WAAW,KAAiB,WAAa,CAAA;EACzD,CAAA;EAEX"}
+{"version":3,"file":"ellipsis-button.js","names":[],"sources":["../../../../src/components/features/conversation-panel/ellipsis-button.tsx"],"sourcesContent":["import React from \"react\";\nimport ThreeDotsVerticalIcon from \"#/icons/three-dots-vertical.svg?react\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  formControlTransitionClassName,\n  formControlMutedHoverClassName,\n} from \"#/utils/form-control-classes\";\n\ninterface EllipsisButtonProps {\n  onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Optional override classes applied to the button. Use this when a\n   * caller needs to customize layout (e.g. translate, flex), not to\n   * replace hover treatment which is intentionally shared.\n   */\n  className?: string;\n  /** Icon box; default `w-4 h-4` (use `mobileTopBarIconClassName` in mobile top bars). */\n  iconClassName?: string;\n  ariaLabel?: string;\n  /**\n   * Override the default `ellipsis-button` test id. Most callers\n   * should leave this unset; provide a custom id only when an\n   * existing test suite already targets a specific id (e.g. the\n   * `profile-menu-trigger` in LLM profile rows).\n   */\n  testId?: string;\n}\n\n/**\n * Standardized \"three vertical dots\" overflow trigger.\n *\n * Use this anywhere the chrome needs an inline ellipsis menu trigger\n * (conversation header, conversation cards in the side panel,\n * conversation tabs, settings rows, etc.) so that size, color, and\n * hover treatment stay consistent.\n *\n * The chat input area's overflow button uses its own pill-shaped\n * variant with a custom hover background — do NOT replace that one\n * with this component; it is intentionally different.\n */\nexport const EllipsisButton = React.forwardRef<\n  HTMLButtonElement,\n  EllipsisButtonProps\n>(function EllipsisButton(\n  { onClick, className, iconClassName, ariaLabel, testId = \"ellipsis-button\" },\n  ref,\n) {\n  return (\n    <button\n      ref={ref}\n      data-testid={testId}\n      type=\"button\"\n      onClick={onClick}\n      aria-label={ariaLabel}\n      className={cn(\n        \"p-1 rounded-md cursor-pointer\",\n        formControlTransitionClassName,\n        \"text-[var(--oh-muted)]\",\n        formControlMutedHoverClassName,\n        \"flex items-center justify-center\",\n        className,\n      )}\n    >\n      <ThreeDotsVerticalIcon className={iconClassName ?? \"w-4 h-4\"} />\n    </button>\n  );\n});\n"],"mappings":";;;;;;AAwCA,IAAa,IAAiB,EAAM,WAGlC,SACA,EAAE,YAAS,cAAW,kBAAe,cAAW,YAAS,qBACzD,GACA;AACA,QACE,kBAAC,UAAD;EACO;EACL,eAAa;EACb,MAAK;EACI;EACT,cAAY;EACZ,WAAW,EACT,iCACA,GACA,0BACA,GACA,oCACA,EACD;YAED,kBAAC,GAAD,EAAuB,WAAW,KAAiB,WAAa,CAAA;EACzD,CAAA;EAEX"}

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(`../../../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`),m=require(`../home/workspace-dropdown/folder-browser-modal.cjs`),ee=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}=o.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},{onSuccess:e=>{E(!1),w(`/conversations/${e.conversation_id}`)}})},J=r.cn(`flex w-full cursor-pointer items-center gap-2 rounded px-2 py-2 text-left text-sm text-white`,`font-normal transition-colors hover:bg-[var(--oh-interactive-hover)]`,`disabled:cursor-not-allowed disabled:opacity-60`),Y=_.default.useCallback(e=>{e.preventDefault(),e.stopPropagation()},[]),X=_.default.useCallback(()=>{E(e=>!e)},[]),Z=T&&(!S||k!==null),Q=!!R,te=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)}),ne=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:te,children:[(0,v.jsxs)(`ul`,{className:`flex max-h-[40vh] flex-col overflow-y-auto sm:max-h-[280px]`,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)(c.default,{width:14,height:14,className:`shrink-0`}),(0,v.jsx)(`span`,{className:`truncate`,children:e.name})]})},e.id))]}),(0,v.jsxs)(`div`,{className:`flex flex-col`,"data-testid":`new-conversation-menu-footer`,children:[(0,v.jsx)(s.Divider,{inset:`menu`,testId:`new-conversation-menu-footer-divider`}),ne,(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)(ee.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/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},{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;
 //# 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 { 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 },\n      {\n        onSuccess: (data) => {\n          setOpen(false);\n          navigate(`/conversations/${data.conversation_id}`);\n        },\n      },\n    );\n  };\n\n  const itemClass = cn(\n    \"flex w-full cursor-pointer items-center gap-2 rounded px-2 py-2 text-left text-sm text-white\",\n    \"font-normal transition-colors hover:bg-[var(--oh-interactive-hover)]\",\n    \"disabled:cursor-not-allowed disabled:opacity-60\",\n  );\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 className=\"flex max-h-[40vh] flex-col overflow-y-auto sm:max-h-[280px]\">\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                  <RepoIcon width={14} height={14} className=\"shrink-0\" />\n                  <span className=\"truncate\">{w.name}</span>\n                </button>\n              </li>\n            ))}\n          </ul>\n\n          <div\n            className=\"flex flex-col\"\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 },\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

@@ -1,29 +1,30 @@
 import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
 import { I18nKey as t } from "../../../i18n/declaration.js";
 import { cn as n } from "../../../utils/utils.js";
-import { useNavigation as r } from "../../../context/navigation-context.js";
-import { StyledTooltip as i } from "../../shared/buttons/styled-tooltip.js";
-import { useCreateConversation as ee } from "../../../hooks/mutation/use-create-conversation.js";
-import { Divider as te } from "../../../ui/divider.js";
-import a from "../../../icons/repo.js";
-import { useIsCreatingConversation as o } from "../../../hooks/use-is-creating-conversation.js";
-import { useAddWorkspaceParents as ne, useAddWorkspaces as s, useRemoveWorkspace as c, useRemoveWorkspaceParent as l } from "../../../hooks/mutation/use-local-workspaces-mutations.js";
-import { useLocalWorkspaces as u } from "../../../hooks/query/use-local-workspaces.js";
-import { useResolvedWorkspaces as d } from "../../../hooks/query/use-resolved-workspaces.js";
-import { getWorkspacesUnsupportedMessage as f } from "../../../utils/workspaces-compatibility.js";
-import { FolderBrowserModal as p } from "../home/workspace-dropdown/folder-browser-modal.js";
-import { ManageWorkspacesModal as m } from "../home/workspace-dropdown/manage-workspaces-modal.js";
-import { NEW_CONVERSATION_DROPDOWN_SURFACE as h } from "./new-conversation-dropdown-styles.js";
-import { usePopoverFixedPlacement as g } from "../../../hooks/use-popover-fixed-placement.js";
-import _ from "react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { useNavigation as ee } from "../../../context/navigation-context.js";
+import { StyledTooltip as r } from "../../shared/buttons/styled-tooltip.js";
+import { dropdownMenuListClassName as i, dropdownMenuRowClassName as te, dropdownMenuRowIconWrapperClassName as ne } from "../../../utils/dropdown-classes.js";
+import { useCreateConversation as a } from "../../../hooks/mutation/use-create-conversation.js";
+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 { 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";
+import { NEW_CONVERSATION_DROPDOWN_SURFACE as _ } from "./new-conversation-dropdown-styles.js";
+import { usePopoverFixedPlacement as v } from "../../../hooks/use-popover-fixed-placement.js";
+import y from "react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region src/components/features/conversation-panel/local-new-conversation-menu.tsx
-function b({ trigger: b, className: x, popoverClassName: S, popoverTestId: C = "new-conversation-popover", useFixedPlacement: w = !1 }) {
-	let { t: T } = e("openhands"), { navigate: E } = r(), [D, O] = _.useState(!1), k = _.useRef(null), A = _.useRef(null), j = g(A, {
+function S({ trigger: S, className: ie, popoverClassName: ae, popoverTestId: C = "new-conversation-popover", useFixedPlacement: w = !1 }) {
+	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 } = u(), P = M?.workspaceParents ?? [], { mutate: F } = s(), { mutate: I } = c(), { mutate: L } = ne(), { mutate: R } = l(), { workspaces: z } = d(), B = f(N, T), [V, H] = _.useState(!1), [U, W] = _.useState(!1), { mutate: G, isPending: K } = ee(), q = o(), J = K || q;
-	_.useEffect(() => {
+	}), { 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;
+	y.useEffect(() => {
 		if (!D || V || U) return;
 		let e = (e) => {
 			k.current && !k.current.contains(e.target) && O(!1);
@@ -33,7 +34,7 @@ function b({ trigger: b, className: x, popoverClassName: S, popoverTestId: C = "
 		D,
 		V,
 		U
-	]), _.useEffect(() => {
+	]), y.useEffect(() => {
 		if (!D || V || U) return;
 		let e = (e) => {
 			e.key === "Escape" && O(!1);
@@ -48,16 +49,16 @@ function b({ trigger: b, className: x, popoverClassName: S, popoverTestId: C = "
 		J || G({ workingDir: e }, { onSuccess: (e) => {
 			O(!1), E(`/conversations/${e.conversation_id}`);
 		} });
-	}, X = n("flex w-full cursor-pointer items-center gap-2 rounded px-2 py-2 text-left text-sm text-white", "font-normal transition-colors hover:bg-[var(--oh-interactive-hover)]", "disabled:cursor-not-allowed disabled:opacity-60"), Z = _.useCallback((e) => {
+	}, X = te, Z = y.useCallback((e) => {
 		e.preventDefault(), e.stopPropagation();
-	}, []), re = _.useCallback(() => {
+	}, []), oe = y.useCallback(() => {
 		O((e) => !e);
-	}, []), ie = D && (!w || j !== null), Q = !!B, ae = w && j ? {
+	}, []), se = D && (!w || j !== null), Q = !!B, ce = w && j ? {
 		position: "fixed",
 		top: j.top,
 		left: j.left,
 		width: j.width
-	} : void 0, $ = /* @__PURE__ */ v("button", {
+	} : void 0, $ = /* @__PURE__ */ b("button", {
 		type: "button",
 		"data-testid": "add-workspaces-button",
 		disabled: Q,
@@ -67,70 +68,73 @@ function b({ trigger: b, className: x, popoverClassName: S, popoverTestId: C = "
 		},
 		className: X,
 		children: T(t.HOME$ADD_WORKSPACES)
-	}), oe = B ? /* @__PURE__ */ v(i, {
+	}), le = B ? /* @__PURE__ */ b(r, {
 		content: B,
 		placement: "top",
-		children: /* @__PURE__ */ v("span", {
+		children: /* @__PURE__ */ b("span", {
 			className: "block",
 			children: $
 		})
 	}) : $;
-	return /* @__PURE__ */ y("div", {
-		className: n(!w && "relative", x),
+	return /* @__PURE__ */ x("div", {
+		className: n(!w && "relative", ie),
 		ref: k,
 		children: [
-			/* @__PURE__ */ v("span", {
+			/* @__PURE__ */ b("span", {
 				ref: A,
 				className: "inline-flex",
-				children: b({
-					onClick: re,
+				children: S({
+					onClick: oe,
 					"aria-expanded": D,
 					"aria-haspopup": "menu",
 					disabled: J
 				})
 			}),
-			ie && /* @__PURE__ */ y("div", {
+			se && /* @__PURE__ */ x("div", {
 				"data-testid": C,
-				className: n(h, !w && n("absolute top-full mt-0", S)),
-				style: ae,
-				children: [/* @__PURE__ */ y("ul", {
-					className: "flex max-h-[40vh] flex-col overflow-y-auto sm:max-h-[280px]",
-					children: [/* @__PURE__ */ v("li", { children: /* @__PURE__ */ v("button", {
+				className: n(_, !w && n("absolute top-full mt-0", ae)),
+				style: ce,
+				children: [/* @__PURE__ */ x("ul", {
+					className: n("max-h-[40vh] overflow-y-auto sm:max-h-[280px]", i),
+					children: [/* @__PURE__ */ b("li", { children: /* @__PURE__ */ b("button", {
 						type: "button",
 						disabled: J,
 						"data-testid": "launch-no-workspace",
 						onClick: () => Y(),
 						className: X,
-						children: /* @__PURE__ */ v("span", {
+						children: /* @__PURE__ */ b("span", {
 							className: "text-[var(--oh-muted)]",
 							children: T(t.HOME$NO_WORKSPACE_OPTION)
 						})
-					}) }), z.map((e) => /* @__PURE__ */ v("li", { children: /* @__PURE__ */ y("button", {
+					}) }), z.map((e) => /* @__PURE__ */ b("li", { children: /* @__PURE__ */ x("button", {
 						type: "button",
 						disabled: J,
 						"data-testid": "launch-workspace",
 						"data-workspace-path": e.path,
 						onClick: () => Y(e.path),
 						className: X,
-						children: [/* @__PURE__ */ v(a, {
-							width: 14,
-							height: 14,
-							className: "shrink-0"
-						}), /* @__PURE__ */ v("span", {
+						children: [/* @__PURE__ */ b("span", {
+							className: ne,
+							"aria-hidden": !0,
+							children: /* @__PURE__ */ b(s, {
+								width: 14,
+								height: 14
+							})
+						}), /* @__PURE__ */ b("span", {
 							className: "truncate",
 							children: e.name
 						})]
 					}) }, e.id))]
-				}), /* @__PURE__ */ y("div", {
-					className: "flex flex-col",
+				}), /* @__PURE__ */ x("div", {
+					className: n("flex flex-col", i),
 					"data-testid": "new-conversation-menu-footer",
 					children: [
-						/* @__PURE__ */ v(te, {
+						/* @__PURE__ */ b(o, {
 							inset: "menu",
 							testId: "new-conversation-menu-footer-divider"
 						}),
-						oe,
-						(z.length > 0 || P.length > 0) && /* @__PURE__ */ v("button", {
+						le,
+						(z.length > 0 || P.length > 0) && /* @__PURE__ */ b("button", {
 							type: "button",
 							"data-testid": "manage-workspaces-button",
 							onMouseDown: Z,
@@ -143,13 +147,13 @@ function b({ trigger: b, className: x, popoverClassName: S, popoverTestId: C = "
 					]
 				})]
 			}),
-			/* @__PURE__ */ v(p, {
+			/* @__PURE__ */ b(h, {
 				isOpen: V,
 				onClose: () => H(!1),
 				onAdd: (e) => F(e),
 				onAddParent: (e) => L(e)
 			}),
-			/* @__PURE__ */ v(m, {
+			/* @__PURE__ */ b(g, {
 				isOpen: U,
 				workspaces: z,
 				workspaceParents: P,
@@ -161,6 +165,6 @@ function b({ trigger: b, className: x, popoverClassName: S, popoverTestId: C = "
 	});
 }
 //#endregion
-export { b as LocalNewConversationMenu };
+export { S as LocalNewConversationMenu };
 
 //# sourceMappingURL=local-new-conversation-menu.js.map