npm - @openhands/agent-canvas - Versions diffs - 1.8.0 → 1.10.0 - Mend

@openhands/agent-canvas 1.8.0 → 1.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1282) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"conversation-panel.js","names":[],"sources":["../../../../src/components/features/conversation-panel/conversation-panel.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tooltip } from \"@heroui/react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { usePaginatedConversations } from \"#/hooks/query/use-paginated-conversations\";\nimport { useStartTasks } from \"#/hooks/query/use-start-tasks\";\nimport { useDeleteConversation } from \"#/hooks/mutation/use-delete-conversation\";\nimport { useUnifiedPauseConversation } from \"#/hooks/mutation/use-unified-stop-conversation\";\nimport { ConfirmDeleteModal } from \"./confirm-delete-modal\";\nimport { ConfirmStopModal } from \"./confirm-stop-modal\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { ExitConversationModal } from \"./exit-conversation-modal\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { Provider } from \"#/types/settings\";\nimport { useUpdateConversation } from \"#/hooks/mutation/use-update-conversation\";\nimport {\n displayErrorToast,\n displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { isExecutionActive } from \"#/utils/status\";\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { useIsCreatingConversation } from \"#/hooks/use-is-creating-conversation\";\nimport { ConversationCard } from \"./conversation-card/conversation-card\";\nimport { ConversationCardPreview } from \"./conversation-card/conversation-card-preview\";\nimport { StartTaskCard } from \"./start-task-card/start-task-card\";\nimport { ConversationCardSkeleton } from \"./conversation-card/conversation-card-skeleton\";\nimport { CompactConversationRow } from \"./compact-conversation-row\";\nimport { useConversationPanelPreferencesStore } from \"#/stores/conversation-panel-preferences-store\";\nimport { cn } from \"#/utils/utils\";\nimport { ConversationPanelFilterMenu } from \"./conversation-panel-filter-menu\";\nimport { ConversationPanelNewThreadPicker } from \"./conversation-panel-new-thread-picker\";\nimport { ConversationGroupFolderList } from \"./conversation-group-folder-list\";\nimport { ConversationPanelPinnedSection } from \"./conversation-panel-pinned-section\";\nimport {\n applyGroupFolderOrder,\n filterOutPinnedConversations,\n groupConversations,\n resolvePinnedConversations,\n sortConversationsByField,\n type ConversationGroupLaunch,\n} from \"./conversation-panel-list-helpers\";\nimport { usePinnedConversationsStore } from \"#/stores/pinned-conversations-store\";\n\ninterface ConversationPanelProps {\n onClose?: () => void;\n /*\n Render a minimal icon-only variant of each conversation row (used by the\n * collapsed sidebar). Each row is a single status dot with a hover preview\n * containing the full card content.\n /\n compact?: boolean;\n}\n\nconst noop = () => {};\n\nconst EMPTY_PINNED_CONVERSATION_IDS: readonly string[] = [];\n\nconst ONE_HOUR_MS = 60 60 * 1000;\n\nconst partitionByCutoff = <T extends { updated_at: string }>(\n items: readonly T[],\n): { recent: T[]; older: T[] } => {\n // The cutoff is intentionally relative to \"now\" each time the list is\n // recomputed, so conversations naturally age into the older bucket as the\n // conversations query refreshes.\n const cutoff = Date.now() - ONE_HOUR_MS;\n const recent: T[] = [];\n const older: T[] = [];\n for (const item of items) {\n const updatedAt = item.updated_at ? Date.parse(item.updated_at) : NaN;\n // Missing or unparseable timestamps stay in the \"recent\" bucket so we\n // do not accidentally hide them behind the older-conversations toggle.\n if (Number.isFinite(updatedAt) && updatedAt < cutoff) {\n older.push(item);\n } else {\n recent.push(item);\n }\n }\n return { recent, older };\n};\n\nexport function ConversationPanel({\n onClose,\n compact = false,\n}: ConversationPanelProps) {\n const { t } = useTranslation(\"openhands\");\n const { conversationId: currentConversationId, navigate } = useNavigation();\n const { backend: activeBackend } = useActiveBackend();\n // Click-outside is only relevant in the legacy drawer mode where an\n // onClose handler is provided. When the panel is rendered inline (e.g.\n // as the always-visible conversation list pane), clicking outside should\n // not dismiss the list, so we pass a no-op callback in that case.\n const ref = useClickOutsideElement<HTMLDivElement>(onClose ?? noop);\n\n const [confirmDeleteModalVisible, setConfirmDeleteModalVisible] =\n React.useState(false);\n const [confirmStopModalVisible, setConfirmStopModalVisible] =\n React.useState(false);\n const [\n confirmExitConversationModalVisible,\n setConfirmExitConversationModalVisible,\n ] = React.useState(false);\n const [confirmDeleteAllVisible, setConfirmDeleteAllVisible] =\n React.useState(false);\n const showOlderConversations = useConversationPanelPreferencesStore(\n (state) => state.showOlderConversations,\n );\n const toggleShowOlderConversations = useConversationPanelPreferencesStore(\n (state) => state.toggleShowOlderConversations,\n );\n const showRepoBranchMetadata = useConversationPanelPreferencesStore(\n (state) => state.showRepoBranchMetadata,\n );\n const toggleShowRepoBranchMetadata = useConversationPanelPreferencesStore(\n (state) => state.toggleShowRepoBranchMetadata,\n );\n const showLlmProfiles = useConversationPanelPreferencesStore(\n (state) => state.showLlmProfiles,\n );\n const toggleShowLlmProfiles = useConversationPanelPreferencesStore(\n (state) => state.toggleShowLlmProfiles,\n );\n const showTagsMetadata = useConversationPanelPreferencesStore(\n (state) => state.showTagsMetadata,\n );\n const toggleShowTagsMetadata = useConversationPanelPreferencesStore(\n (state) => state.toggleShowTagsMetadata,\n );\n const showHoverMetadata = useConversationPanelPreferencesStore(\n (state) => state.showHoverMetadata,\n );\n const toggleShowHoverMetadata = useConversationPanelPreferencesStore(\n (state) => state.toggleShowHoverMetadata,\n );\n const organizeMode = useConversationPanelPreferencesStore(\n (state) => state.organizeMode,\n );\n const setOrganizeMode = useConversationPanelPreferencesStore(\n (state) => state.setOrganizeMode,\n );\n const conversationSort = useConversationPanelPreferencesStore(\n (state) => state.conversationSort,\n );\n const setConversationSort = useConversationPanelPreferencesStore(\n (state) => state.setConversationSort,\n );\n const threadScope = useConversationPanelPreferencesStore(\n (state) => state.threadScope,\n );\n const setThreadScope = useConversationPanelPreferencesStore(\n (state) => state.setThreadScope,\n );\n const groupFolderOrder = useConversationPanelPreferencesStore(\n (state) => state.groupFolderOrder,\n );\n const setGroupFolderOrder = useConversationPanelPreferencesStore(\n (state) => state.setGroupFolderOrder,\n );\n const [filterMenuOpen, setFilterMenuOpen] = React.useState(false);\n const [isListScrolled, setIsListScrolled] = React.useState(false);\n const filterMenuRef = useClickOutsideElement<HTMLDivElement>(() => {\n setFilterMenuOpen(false);\n });\n const [collapsedGroupIds, setCollapsedGroupIds] = React.useState<\n ReadonlySet<string>\n >(() => new Set());\n const [expandedGroupPreviewIds, setExpandedGroupPreviewIds] = React.useState<\n ReadonlySet<string>\n >(() => new Set());\n const [expandedPinnedPreview, setExpandedPinnedPreview] =\n React.useState(false);\n\n const pinnedIds = usePinnedConversationsStore(\n (state) =>\n state.pinsByBackendId[activeBackend.id] ?? EMPTY_PINNED_CONVERSATION_IDS,\n );\n const togglePin = usePinnedConversationsStore((state) => state.togglePin);\n const pruneMissingPinnedConversations = usePinnedConversationsStore(\n (state) => state.pruneMissingConversations,\n );\n\n const toggleGroupCollapsed = React.useCallback((groupId: string) => {\n setCollapsedGroupIds((prev) => {\n const next = new Set(prev);\n if (next.has(groupId)) {\n next.delete(groupId);\n } else {\n next.add(groupId);\n }\n return next;\n });\n }, []);\n\n const toggleGroupPreviewExpanded = React.useCallback((groupId: string) => {\n setExpandedGroupPreviewIds((prev) => {\n const next = new Set(prev);\n if (next.has(groupId)) {\n next.delete(groupId);\n } else {\n next.add(groupId);\n }\n return next;\n });\n }, []);\n\n React.useEffect(() => {\n if (organizeMode !== \"grouped\") {\n setCollapsedGroupIds(new Set());\n setExpandedGroupPreviewIds(new Set());\n }\n }, [organizeMode]);\n\n const scrollContainerRef = React.useRef<HTMLDivElement>(null);\n\n const [selectedConversationId, setSelectedConversationId] = React.useState<\n string \| null\n >(null);\n const [selectedConversationTitle, setSelectedConversationTitle] =\n React.useState<string \| null>(null);\n const [openContextMenuId, setOpenContextMenuId] = React.useState<\n string \| null\n >(null);\n\n const {\n data,\n isLoading,\n isFetched,\n hasNextPage,\n isFetching,\n isFetchingNextPage,\n fetchNextPage,\n } = usePaginatedConversations();\n\n // Fetch in-progress start tasks\n const { data: startTasks } = useStartTasks();\n\n const conversations = React.useMemo(() => {\n const all = data?.pages.flatMap((page) => page.items) ?? [];\n // The 10s background refetch re-fetches every loaded page with the\n // `UPDATED_AT_DESC` cursor. If a conversation's `updated_at` shifts between\n // page fetches, a later page can overlap an earlier one and surface the\n // same conversation twice. Dedupe by id (keeping the first/freshest copy)\n // so the rendered count reflects real growth and React keys stay unique.\n const seen = new Set<string>();\n return all.filter((conversation) => {\n if (seen.has(conversation.id)) {\n return false;\n }\n seen.add(conversation.id);\n return true;\n });\n }, [data]);\n\n const pinnedConversations = React.useMemo(\n () => resolvePinnedConversations(pinnedIds, conversations),\n [conversations, pinnedIds],\n );\n\n React.useEffect(() => {\n if (!isFetched) {\n return;\n }\n pruneMissingPinnedConversations(\n activeBackend.id,\n conversations.map((conversation) => conversation.id),\n );\n }, [\n activeBackend.id,\n conversations,\n isFetched,\n pruneMissingPinnedConversations,\n ]);\n\n React.useEffect(() => {\n if (pinnedIds.length === 0) {\n setExpandedPinnedPreview(false);\n }\n }, [pinnedIds.length]);\n\n const scopedConversations = React.useMemo(() => {\n const scopeFiltered =\n threadScope === \"relevant\"\n ? conversations.filter((c) => isExecutionActive(c.execution_status))\n : conversations;\n\n // In the expanded panel, pinned conversations should only appear inside\n // the dedicated pinned section (not duplicated in grouped/flat lists).\n if (compact) {\n return scopeFiltered;\n }\n\n return filterOutPinnedConversations(scopeFiltered, pinnedIds);\n }, [compact, conversations, pinnedIds, threadScope]);\n\n const { recent: recentScoped, older: olderScoped } = React.useMemo(\n () => partitionByCutoff(scopedConversations),\n [scopedConversations],\n );\n\n // Sort the full visible set as one list. The recent/older partition is\n // still computed (it gates the \"Show older\" toggle and \"Load more\"\n // visibility), but the rendering must not use it as a visual boundary —\n // when sorting by `created`, a stale-but-recently-touched conversation\n // would otherwise land in `recent` and render above an actually-newer-\n // by-`created_at` conversation sitting in `older`.\n const sortedVisibleConversations = React.useMemo(() => {\n const visible = showOlderConversations\n ? [...recentScoped, ...olderScoped]\n : recentScoped;\n return sortConversationsByField(visible, conversationSort);\n }, [recentScoped, olderScoped, showOlderConversations, conversationSort]);\n\n const groupLabels = React.useMemo(\n () => ({\n emptyWorkspace: t(I18nKey.CONVERSATION_PANEL$NO_WORKSPACE),\n emptyRepository: t(I18nKey.CONVERSATION_PANEL$NO_REPOSITORY),\n }),\n [t],\n );\n\n const conversationGroups = React.useMemo(() => {\n if (compact \|\| organizeMode !== \"grouped\") {\n return null;\n }\n // Use the unsorted partitions: groupConversations sorts each bucket\n // internally by `sortField`, so pre-sorting the merged input is wasted\n // work in grouped mode (the per-group sort overrides any global order).\n const merged = [\n ...recentScoped,\n ...(showOlderConversations ? olderScoped : []),\n ];\n return groupConversations(\n merged,\n activeBackend.kind,\n conversationSort,\n groupLabels,\n );\n }, [\n activeBackend.kind,\n compact,\n conversationSort,\n groupLabels,\n olderScoped,\n organizeMode,\n recentScoped,\n showOlderConversations,\n ]);\n\n const orderedConversationGroups = React.useMemo(() => {\n if (!conversationGroups) {\n return null;\n }\n return applyGroupFolderOrder(conversationGroups, groupFolderOrder);\n }, [conversationGroups, groupFolderOrder]);\n\n const conversationGroupIds = React.useMemo(\n () => conversationGroups?.map((group) => group.id) ?? [],\n [conversationGroups],\n );\n\n const compactVisibleConversations = React.useMemo(\n () =>\n sortConversationsByField(\n recentScoped.filter((conversation) =>\n isExecutionActive(conversation.execution_status),\n ),\n conversationSort,\n ),\n [conversationSort, recentScoped],\n );\n\n const visibleFlatCount = sortedVisibleConversations.length;\n\n const visibleGroupedCount = React.useMemo(() => {\n if (!orderedConversationGroups) {\n return 0;\n }\n return orderedConversationGroups.reduce(\n (n, g) => n + g.conversations.length,\n 0,\n );\n }, [orderedConversationGroups]);\n\n const listIsEffectivelyEmpty =\n organizeMode === \"grouped\" && !compact\n ? visibleGroupedCount === 0\n : visibleFlatCount === 0;\n\n // Number of conversations actually rendered in the list right now, in the\n // current organize mode. \"Load more\" succeeds only when this number grows.\n const visibleCount =\n organizeMode === \"grouped\" && !compact\n ? visibleGroupedCount\n : visibleFlatCount;\n\n // KNOWN ISSUE (unresolved as of 2026-05-29): users still report that the\n // sidebar \"Load more\" sometimes requires two clicks before new conversations\n // appear. The mitigation below (dedupe by id in `conversations`, plus the\n // floor-tracking driver that keeps fetching until the visible count grows)\n // reduced but did NOT fully eliminate the symptom in manual testing. Likely\n // remaining suspects to investigate next: the agent-server cursor pagination\n // returning an overlapping/short page under `UPDATED_AT_DESC` while the 10s\n // `refetchInterval` reorders pages (see `usePaginatedConversations`), or a\n // React Query state lag where `hasNextPage`/`isFetching` settle a render\n // after the click. If you pick this up, reproduce against a backend with\n // >40 conversations and watch the `/api/conversations/search` cursors.\n //\n // Robust \"Load more\" driver. A single click can fail to surface new rows for\n // two reasons: (1) `fetchNextPage()` is silently dropped while the 10s\n // background refetch is in flight, and (2) a fetched page can yield zero\n // visible rows (filtered out by the active scope, or deduped as overlap),\n // so the list does not appear to grow. We capture the visible count at click\n // time and keep fetching pages — once the query is idle — until the visible\n // count actually increases or there are no more pages.\n const [loadMoreFloor, setLoadMoreFloor] = React.useState<number \| null>(null);\n const visibleCountRef = React.useRef(visibleCount);\n visibleCountRef.current = visibleCount;\n\n const requestLoadMore = React.useCallback(() => {\n if (hasNextPage) {\n setLoadMoreFloor(visibleCountRef.current);\n }\n }, [hasNextPage]);\n\n React.useEffect(() => {\n if (loadMoreFloor === null) {\n return;\n }\n // Goal met: the visible list grew past where it was when the user clicked.\n if (visibleCount > loadMoreFloor) {\n setLoadMoreFloor(null);\n return;\n }\n // Nothing more to fetch — stop waiting even if the list did not grow.\n if (!hasNextPage) {\n setLoadMoreFloor(null);\n return;\n }\n // Wait for any in-flight fetch (including the background refetch) to settle\n // before requesting the next page, otherwise the request is dropped.\n if (isFetching \|\| isFetchingNextPage) {\n return;\n }\n fetchNextPage();\n }, [\n loadMoreFloor,\n visibleCount,\n hasNextPage,\n isFetching,\n isFetchingNextPage,\n fetchNextPage,\n ]);\n\n const isLoadingMore = loadMoreFloor !== null \|\| isFetchingNextPage;\n\n const { mutate: deleteConversation, mutateAsync: deleteConversationAsync } =\n useDeleteConversation();\n const { mutate: pauseConversation } = useUnifiedPauseConversation();\n const { mutate: updateConversation } = useUpdateConversation();\n\n // The next page of conversations is loaded only via the explicit \"Load\n // more\" link rendered at the end of the list — there is no scroll-driven\n // pagination, which previously caused the panel to feel like it had stray\n // scrollable space at the bottom.\n const olderHidden = olderScoped.length > 0 && !showOlderConversations;\n // Compact mode also hides \"Load more\" — paginating into archived\n // conversations contradicts the \"active only\" intent of the icon rail.\n // Do not show when the visible list is empty (e.g. filters hide every\n // loaded conversation) — that state already shows \"No conversations found\".\n const showLoadMore =\n !!hasNextPage && !olderHidden && !compact && !listIsEffectivelyEmpty;\n\n const { mutate: createConversation } = useCreateConversation();\n const isCreatingConversationFlow = useIsCreatingConversation();\n\n const launchFromGroup = React.useCallback(\n (launch: ConversationGroupLaunch) => {\n if (isCreatingConversationFlow) return;\n createConversation(\n {\n workingDir: launch.workingDir,\n repository: launch.repository,\n entryPoint: \"sidebar_relaunch_project\",\n },\n {\n onSuccess: (data) => {\n navigate(`/conversations/${data.conversation_id}`);\n },\n },\n );\n },\n [createConversation, isCreatingConversationFlow, navigate],\n );\n\n const handleDeleteProject = React.useCallback(\n (conversationId: string, title: string) => {\n setConfirmDeleteModalVisible(true);\n setSelectedConversationId(conversationId);\n setSelectedConversationTitle(title);\n },\n [],\n );\n\n const handleStopConversation = React.useCallback((conversationId: string) => {\n setConfirmStopModalVisible(true);\n setSelectedConversationId(conversationId);\n }, []);\n\n const handleConversationTitleChange = React.useCallback(\n (conversationId: string, newTitle: string) => {\n updateConversation(\n { conversationId, newTitle },\n {\n onSuccess: () => {\n displaySuccessToast(t(I18nKey.CONVERSATION$TITLE_UPDATED));\n },\n },\n );\n },\n [t, updateConversation],\n );\n\n const handleConfirmDelete = () => {\n if (selectedConversationId) {\n deleteConversation(\n { conversationId: selectedConversationId },\n {\n onSuccess: () => {\n if (selectedConversationId === currentConversationId) {\n navigate(\"/conversations\");\n }\n },\n },\n );\n }\n };\n\n const handleConfirmStop = () => {\n if (selectedConversationId) {\n pauseConversation({\n conversationId: selectedConversationId,\n });\n }\n };\n\n const handleConfirmDeleteAll = async () => {\n const idsToDelete = conversations.map((c) => c.id);\n const results = await Promise.allSettled(\n idsToDelete.map((conversationId) =>\n deleteConversationAsync({ conversationId }),\n ),\n );\n\n const deletedIds = results.flatMap((result, index) =>\n result.status === \"fulfilled\" ? [idsToDelete[index]] : [],\n );\n const failedCount = results.length - deletedIds.length;\n\n if (\n currentConversationId !== null &&\n deletedIds.includes(currentConversationId)\n ) {\n navigate(\"/conversations\");\n }\n\n if (failedCount > 0) {\n displayErrorToast(\n `${failedCount} conversation${failedCount === 1 ? \"\" : \"s\"} could not be deleted.`,\n );\n }\n };\n\n const renderConversationCard = React.useCallback(\n (\n conversation: (typeof conversations)[number],\n options?: { inPinnedSection?: boolean },\n ) => {\n const isPinned = pinnedIds.includes(conversation.id);\n if (compact) {\n return (\n <CompactConversationRow\n key={conversation.id}\n conversationId={conversation.id}\n title={conversation.title ?? \"\"}\n selectedRepository={{\n selected_repository: conversation.selected_repository,\n selected_branch: conversation.selected_branch,\n git_provider: conversation.git_provider as Provider,\n }}\n executionStatus={conversation.execution_status}\n sandboxStatus={conversation.sandbox_status}\n lastUpdatedAt={conversation.updated_at}\n createdAt={conversation.created_at}\n workspaceWorkingDir={\n conversation.selected_workspace ??\n conversation.workspace?.working_dir\n }\n isActive={conversation.id === currentConversationId}\n onClose={onClose}\n showRepositoryMetadata={showRepoBranchMetadata}\n llmModel={conversation.llm_model}\n showLlmProfiles={showLlmProfiles}\n agentKind={conversation.agent_kind}\n acpServer={conversation.acp_server}\n tags={conversation.tags}\n showTags={showTagsMetadata}\n />\n );\n }\n return (\n <Tooltip\n key={conversation.id}\n placement=\"right-start\"\n delay={1000}\n closeDelay={100}\n isDisabled={\n !showHoverMetadata \|\| openContextMenuId === conversation.id\n }\n disableAnimation={import.meta.env.MODE === \"test\"}\n className=\"rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl\"\n content={\n <ConversationCardPreview\n title={conversation.title ?? \"\"}\n executionStatus={conversation.execution_status}\n sandboxStatus={conversation.sandbox_status}\n selectedRepository={{\n selected_repository: conversation.selected_repository,\n selected_branch: conversation.selected_branch,\n git_provider: conversation.git_provider as Provider,\n }}\n workspaceWorkingDir={\n conversation.selected_workspace ??\n conversation.workspace?.working_dir\n }\n llmModel={conversation.llm_model}\n createdAt={conversation.created_at}\n />\n }\n >\n <NavigationLink\n to={`/conversations/${conversation.id}`}\n onClick={onClose}\n className={cn(\n \"block rounded-md transition-colors\",\n openContextMenuId !== conversation.id &&\n \"hover:bg-[var(--oh-surface)]\",\n (conversation.id === currentConversationId \|\|\n openContextMenuId === conversation.id) &&\n \"bg-[var(--oh-surface)]\",\n )}\n >\n <ConversationCard\n onDelete={() =>\n handleDeleteProject(conversation.id, conversation.title ?? \"\")\n }\n onStop={() => handleStopConversation(conversation.id)}\n onChangeTitle={(title) =>\n handleConversationTitleChange(conversation.id, title)\n }\n title={conversation.title ?? \"\"}\n selectedRepository={{\n selected_repository: conversation.selected_repository,\n selected_branch: conversation.selected_branch,\n git_provider: conversation.git_provider as Provider,\n }}\n lastUpdatedAt={conversation.updated_at}\n createdAt={conversation.created_at}\n executionStatus={conversation.execution_status}\n sandboxStatus={conversation.sandbox_status}\n conversationId={conversation.id}\n contextMenuOpen={openContextMenuId === conversation.id}\n onContextMenuToggle={(isOpen) =>\n setOpenContextMenuId(isOpen ? conversation.id : null)\n }\n isActive={conversation.id === currentConversationId}\n workspaceWorkingDir={\n conversation.selected_workspace ??\n conversation.workspace?.working_dir\n }\n showRepositoryMetadata={showRepoBranchMetadata}\n llmModel={conversation.llm_model}\n showLlmProfiles={showLlmProfiles}\n agentKind={conversation.agent_kind}\n acpServer={conversation.acp_server}\n tags={conversation.tags}\n showTags={showTagsMetadata}\n isPinned={isPinned}\n onTogglePin={() => togglePin(activeBackend.id, conversation.id)}\n alwaysShowPinIcon={isPinned && !options?.inPinnedSection}\n />\n </NavigationLink>\n </Tooltip>\n );\n },\n [\n activeBackend.id,\n compact,\n currentConversationId,\n handleConversationTitleChange,\n handleDeleteProject,\n handleStopConversation,\n onClose,\n openContextMenuId,\n pinnedIds,\n showRepoBranchMetadata,\n showLlmProfiles,\n showTagsMetadata,\n showHoverMetadata,\n togglePin,\n ],\n );\n\n // Standard layout: panel fills its slot in the sidebar; the inner scroll\n // child fills the panel and scrolls when its content overflows. Modals are\n // siblings of the scroll element and are `position: fixed`, so they don't\n // participate in the panel's scroll geometry.\n // Gate on `isLoading` / `!isFetched` (true only until the first fetch settles),\n // not `isFetching` — the latter flips back to true on every 10s background\n // refetch, causing the skeleton/empty-state to flicker when the list is empty.\n const showInitialSkeleton = isLoading \|\| !isFetched;\n const showPinnedSection =\n !compact && !showInitialSkeleton && pinnedConversations.length > 0;\n const showEmptyState =\n isFetched &&\n !isLoading &&\n !compact &&\n listIsEffectivelyEmpty &&\n !showPinnedSection &&\n !startTasks?.length;\n\n const showConversationHeader = !compact;\n\n return (\n <div\n ref={ref}\n data-testid=\"conversation-panel\"\n className=\"flex h-full min-h-0 w-full flex-col\"\n >\n {showConversationHeader && (\n <div\n className={cn(\n // Pull flush to the sidebar edges: `-ml-2.5` matches aside `pl-2.5`;\n // width extends by that inset on the right now that aside is `pr-0`.\n \"-ml-2.5 w-[calc(100%+0.625rem)] max-w-none box-border border-b\",\n isListScrolled ? \"border-[var(--oh-border)]\" : \"border-transparent\",\n )}\n >\n <div\n data-testid=\"older-conversations-summary\"\n className=\"flex min-w-0 flex-nowrap items-center gap-x-2 py-2 pl-4 pr-2.5 text-[var(--oh-muted)]\"\n >\n <span className=\"min-w-0 truncate text-sm font-medium text-[var(--oh-muted)]\">\n {t(I18nKey.SIDEBAR$CONVERSATIONS)}\n </span>\n <div className=\"ml-auto flex shrink-0 items-center gap-0.5\">\n <ConversationPanelNewThreadPicker\n backendKind={activeBackend.kind}\n />\n <ConversationPanelFilterMenu\n filterMenuOpen={filterMenuOpen}\n setFilterMenuOpen={setFilterMenuOpen}\n menuRef={filterMenuRef}\n backendKind={activeBackend.kind}\n organizeMode={organizeMode}\n setOrganizeMode={setOrganizeMode}\n conversationSort={conversationSort}\n setConversationSort={setConversationSort}\n threadScope={threadScope}\n setThreadScope={setThreadScope}\n showOlderConversations={showOlderConversations}\n toggleShowOlderConversations={toggleShowOlderConversations}\n showRepoBranchMetadata={showRepoBranchMetadata}\n toggleShowRepoBranchMetadata={toggleShowRepoBranchMetadata}\n showLlmProfiles={showLlmProfiles}\n toggleShowLlmProfiles={toggleShowLlmProfiles}\n showTagsMetadata={showTagsMetadata}\n toggleShowTagsMetadata={toggleShowTagsMetadata}\n showHoverMetadata={showHoverMetadata}\n toggleShowHoverMetadata={toggleShowHoverMetadata}\n totalConversationsCount={conversations.length}\n onRequestDeleteAll={() => setConfirmDeleteAllVisible(true)}\n />\n </div>\n </div>\n </div>\n )}\n\n <div\n ref={scrollContainerRef}\n data-testid=\"conversation-panel-list-scroll\"\n onScroll={(event) => {\n setIsListScrolled(event.currentTarget.scrollTop > 0);\n }}\n className={cn(\n \"flex min-h-0 flex-1 flex-col overflow-y-auto overflow-x-hidden overscroll-contain custom-scrollbar-always\",\n !compact && \"conversation-panel-list-scroll\",\n )}\n >\n {showInitialSkeleton && <ConversationCardSkeleton compact={compact} />}\n\n {!compact && showEmptyState && (\n <div\n data-testid=\"conversation-panel-empty-state\"\n className=\"flex min-h-0 flex-1 flex-col items-center justify-center px-4 py-8\"\n >\n <p className=\"text-xs text-[var(--oh-muted)]\">\n {t(I18nKey.CONVERSATION$NO_CONVERSATIONS)}\n </p>\n </div>\n )}\n\n {showPinnedSection ? (\n <ConversationPanelPinnedSection\n pinnedConversations={pinnedConversations}\n isPreviewExpanded={expandedPinnedPreview}\n onTogglePreviewExpanded={() =>\n setExpandedPinnedPreview((current) => !current)\n }\n activeConversationId={currentConversationId}\n showDivider={!compact && organizeMode === \"chronological\"}\n renderConversationCard={(conversation) =>\n renderConversationCard(conversation, { inPinnedSection: true })\n }\n />\n ) : null}\n\n {/* Render in-progress start tasks first (skipped in compact mode —\n their rich card layout doesn't fit in the icon rail). /}\n {!compact &&\n startTasks?.map((task) => (\n <NavigationLink\n key={task.id}\n to={`/conversations/task-${task.id}`}\n onClick={onClose}\n className=\"block\"\n >\n <StartTaskCard task={task} />\n </NavigationLink>\n ))}\n\n {!showInitialSkeleton && compact\n ? compactVisibleConversations.map((conversation) =>\n renderConversationCard(conversation),\n )\n : null}\n\n {!showInitialSkeleton &&\n !compact &&\n organizeMode === \"grouped\" &&\n orderedConversationGroups &&\n orderedConversationGroups.length > 0 ? (\n <ConversationGroupFolderList\n groups={orderedConversationGroups}\n groupIds={conversationGroupIds}\n groupFolderOrder={groupFolderOrder}\n setGroupFolderOrder={setGroupFolderOrder}\n collapsedGroupIds={collapsedGroupIds}\n expandedGroupPreviewIds={expandedGroupPreviewIds}\n onToggleGroupCollapsed={toggleGroupCollapsed}\n onToggleGroupPreviewExpanded={toggleGroupPreviewExpanded}\n isCreatingConversationFlow={isCreatingConversationFlow}\n activeConversationId={currentConversationId}\n onLaunchFromGroup={launchFromGroup}\n renderConversationCard={(conversation) =>\n renderConversationCard(conversation)\n }\n />\n ) : null}\n\n {!showInitialSkeleton &&\n !compact &&\n organizeMode === \"chronological\" ? (\n <div className=\"space-y-0.5\">\n {sortedVisibleConversations.map((conversation) =>\n renderConversationCard(conversation),\n )}\n </div>\n ) : null}\n\n {/ Explicit \"Load more\" trigger. Only shown when more pages exist\n and the older list is currently visible (or there are no older\n conversations to begin with) — otherwise the next page would be\n populated mostly with conversations the user has chosen to hide. */}\n {showLoadMore &&\n (isLoadingMore ? (\n <div className=\"py-1\">\n <ConversationCardSkeleton compact={compact} />\n </div>\n ) : (\n <div className=\"flex justify-center py-4\">\n <button\n type=\"button\"\n data-testid=\"load-more-conversations\"\n onClick={requestLoadMore}\n className=\"text-xs text-[var(--oh-muted)] hover:text-white\"\n >\n {t(I18nKey.CONVERSATION$LOAD_MORE)}\n </button>\n </div>\n ))}\n </div>\n\n {confirmDeleteModalVisible && (\n <ConfirmDeleteModal\n onConfirm={() => {\n handleConfirmDelete();\n setConfirmDeleteModalVisible(false);\n setSelectedConversationTitle(null);\n }}\n onCancel={() => {\n setConfirmDeleteModalVisible(false);\n setSelectedConversationTitle(null);\n }}\n conversationTitle={selectedConversationTitle ?? undefined}\n />\n )}\n\n {confirmDeleteAllVisible && (\n <ConfirmDeleteModal\n title={t(I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_TITLE)}\n description={t(I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_DESC, {\n count: conversations.length,\n })}\n onConfirm={async () => {\n await handleConfirmDeleteAll();\n setConfirmDeleteAllVisible(false);\n }}\n onCancel={() => setConfirmDeleteAllVisible(false)}\n />\n )}\n\n {confirmStopModalVisible && (\n <ConfirmStopModal\n onConfirm={() => {\n handleConfirmStop();\n setConfirmStopModalVisible(false);\n }}\n onCancel={() => setConfirmStopModalVisible(false)}\n />\n )}\n\n {confirmExitConversationModalVisible && (\n <ExitConversationModal\n onConfirm={() => {\n onClose?.();\n }}\n onClose={() => setConfirmExitConversationModalVisible(false)}\n onCancel={() => setConfirmExitConversationModalVisible(false)}\n />\n )}\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"conversation-panel.js","names":[],"sources":["../../../../src/components/features/conversation-panel/conversation-panel.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tooltip } from \"@heroui/react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useBackendScopedPath } from \"#/hooks/use-backend-scoped-path\";\nimport { usePaginatedConversations } from \"#/hooks/query/use-paginated-conversations\";\nimport { useStartTasks } from \"#/hooks/query/use-start-tasks\";\nimport { useDeleteConversation } from \"#/hooks/mutation/use-delete-conversation\";\nimport { useUnifiedPauseConversation } from \"#/hooks/mutation/use-unified-stop-conversation\";\nimport { ConfirmDeleteModal } from \"./confirm-delete-modal\";\nimport { ConfirmStopModal } from \"./confirm-stop-modal\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { ExitConversationModal } from \"./exit-conversation-modal\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { Provider } from \"#/types/settings\";\nimport { useUpdateConversation } from \"#/hooks/mutation/use-update-conversation\";\nimport {\n displayErrorToast,\n displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { isExecutionActive } from \"#/utils/status\";\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { useIsCreatingConversation } from \"#/hooks/use-is-creating-conversation\";\nimport { ConversationCard } from \"./conversation-card/conversation-card\";\nimport { ConversationCardPreview } from \"./conversation-card/conversation-card-preview\";\nimport { StartTaskCard } from \"./start-task-card/start-task-card\";\nimport { ConversationCardSkeleton } from \"./conversation-card/conversation-card-skeleton\";\nimport { CompactConversationRow } from \"./compact-conversation-row\";\nimport { useConversationPanelPreferencesStore } from \"#/stores/conversation-panel-preferences-store\";\nimport { cn } from \"#/utils/utils\";\nimport { ConversationPanelFilterMenu } from \"./conversation-panel-filter-menu\";\nimport { ConversationPanelNewThreadPicker } from \"./conversation-panel-new-thread-picker\";\nimport { ConversationGroupFolderList } from \"./conversation-group-folder-list\";\nimport { ConversationPanelPinnedSection } from \"./conversation-panel-pinned-section\";\nimport {\n applyGroupFolderOrder,\n filterOutPinnedConversations,\n groupConversations,\n resolvePinnedConversations,\n sortConversationsByField,\n type ConversationGroupLaunch,\n} from \"./conversation-panel-list-helpers\";\nimport { usePinnedConversationsStore } from \"#/stores/pinned-conversations-store\";\n\ninterface ConversationPanelProps {\n onClose?: () => void;\n /*\n Render a minimal icon-only variant of each conversation row (used by the\n * collapsed sidebar). Each row is a single status dot with a hover preview\n * containing the full card content.\n /\n compact?: boolean;\n}\n\nconst noop = () => {};\n\nconst EMPTY_PINNED_CONVERSATION_IDS: readonly string[] = [];\n\nconst ONE_HOUR_MS = 60 60 * 1000;\n\nconst partitionByCutoff = <T extends { updated_at: string }>(\n items: readonly T[],\n): { recent: T[]; older: T[] } => {\n // The cutoff is intentionally relative to \"now\" each time the list is\n // recomputed, so conversations naturally age into the older bucket as the\n // conversations query refreshes.\n const cutoff = Date.now() - ONE_HOUR_MS;\n const recent: T[] = [];\n const older: T[] = [];\n for (const item of items) {\n const updatedAt = item.updated_at ? Date.parse(item.updated_at) : NaN;\n // Missing or unparseable timestamps stay in the \"recent\" bucket so we\n // do not accidentally hide them behind the older-conversations toggle.\n if (Number.isFinite(updatedAt) && updatedAt < cutoff) {\n older.push(item);\n } else {\n recent.push(item);\n }\n }\n return { recent, older };\n};\n\nexport function ConversationPanel({\n onClose,\n compact = false,\n}: ConversationPanelProps) {\n const { t } = useTranslation(\"openhands\");\n const { conversationId: currentConversationId, navigate } = useNavigation();\n const { backend: activeBackend } = useActiveBackend();\n const backendScopedPath = useBackendScopedPath();\n // Click-outside is only relevant in the legacy drawer mode where an\n // onClose handler is provided. When the panel is rendered inline (e.g.\n // as the always-visible conversation list pane), clicking outside should\n // not dismiss the list, so we pass a no-op callback in that case.\n const ref = useClickOutsideElement<HTMLDivElement>(onClose ?? noop);\n\n const [confirmDeleteModalVisible, setConfirmDeleteModalVisible] =\n React.useState(false);\n const [confirmStopModalVisible, setConfirmStopModalVisible] =\n React.useState(false);\n const [\n confirmExitConversationModalVisible,\n setConfirmExitConversationModalVisible,\n ] = React.useState(false);\n const [confirmDeleteAllVisible, setConfirmDeleteAllVisible] =\n React.useState(false);\n const showOlderConversations = useConversationPanelPreferencesStore(\n (state) => state.showOlderConversations,\n );\n const toggleShowOlderConversations = useConversationPanelPreferencesStore(\n (state) => state.toggleShowOlderConversations,\n );\n const showRepoBranchMetadata = useConversationPanelPreferencesStore(\n (state) => state.showRepoBranchMetadata,\n );\n const toggleShowRepoBranchMetadata = useConversationPanelPreferencesStore(\n (state) => state.toggleShowRepoBranchMetadata,\n );\n const showLlmProfiles = useConversationPanelPreferencesStore(\n (state) => state.showLlmProfiles,\n );\n const toggleShowLlmProfiles = useConversationPanelPreferencesStore(\n (state) => state.toggleShowLlmProfiles,\n );\n const showTagsMetadata = useConversationPanelPreferencesStore(\n (state) => state.showTagsMetadata,\n );\n const toggleShowTagsMetadata = useConversationPanelPreferencesStore(\n (state) => state.toggleShowTagsMetadata,\n );\n const showHoverMetadata = useConversationPanelPreferencesStore(\n (state) => state.showHoverMetadata,\n );\n const toggleShowHoverMetadata = useConversationPanelPreferencesStore(\n (state) => state.toggleShowHoverMetadata,\n );\n const organizeMode = useConversationPanelPreferencesStore(\n (state) => state.organizeMode,\n );\n const setOrganizeMode = useConversationPanelPreferencesStore(\n (state) => state.setOrganizeMode,\n );\n const conversationSort = useConversationPanelPreferencesStore(\n (state) => state.conversationSort,\n );\n const setConversationSort = useConversationPanelPreferencesStore(\n (state) => state.setConversationSort,\n );\n const threadScope = useConversationPanelPreferencesStore(\n (state) => state.threadScope,\n );\n const setThreadScope = useConversationPanelPreferencesStore(\n (state) => state.setThreadScope,\n );\n const groupFolderOrder = useConversationPanelPreferencesStore(\n (state) => state.groupFolderOrder,\n );\n const setGroupFolderOrder = useConversationPanelPreferencesStore(\n (state) => state.setGroupFolderOrder,\n );\n const [filterMenuOpen, setFilterMenuOpen] = React.useState(false);\n const [isListScrolled, setIsListScrolled] = React.useState(false);\n const filterMenuRef = useClickOutsideElement<HTMLDivElement>(() => {\n setFilterMenuOpen(false);\n });\n const [collapsedGroupIds, setCollapsedGroupIds] = React.useState<\n ReadonlySet<string>\n >(() => new Set());\n const [expandedGroupPreviewIds, setExpandedGroupPreviewIds] = React.useState<\n ReadonlySet<string>\n >(() => new Set());\n const [expandedPinnedPreview, setExpandedPinnedPreview] =\n React.useState(false);\n\n const pinnedIds = usePinnedConversationsStore(\n (state) =>\n state.pinsByBackendId[activeBackend.id] ?? EMPTY_PINNED_CONVERSATION_IDS,\n );\n const togglePin = usePinnedConversationsStore((state) => state.togglePin);\n const pruneMissingPinnedConversations = usePinnedConversationsStore(\n (state) => state.pruneMissingConversations,\n );\n\n const toggleGroupCollapsed = React.useCallback((groupId: string) => {\n setCollapsedGroupIds((prev) => {\n const next = new Set(prev);\n if (next.has(groupId)) {\n next.delete(groupId);\n } else {\n next.add(groupId);\n }\n return next;\n });\n }, []);\n\n const toggleGroupPreviewExpanded = React.useCallback((groupId: string) => {\n setExpandedGroupPreviewIds((prev) => {\n const next = new Set(prev);\n if (next.has(groupId)) {\n next.delete(groupId);\n } else {\n next.add(groupId);\n }\n return next;\n });\n }, []);\n\n React.useEffect(() => {\n if (organizeMode !== \"grouped\") {\n setCollapsedGroupIds(new Set());\n setExpandedGroupPreviewIds(new Set());\n }\n }, [organizeMode]);\n\n const scrollContainerRef = React.useRef<HTMLDivElement>(null);\n\n const [selectedConversationId, setSelectedConversationId] = React.useState<\n string \| null\n >(null);\n const [selectedConversationTitle, setSelectedConversationTitle] =\n React.useState<string \| null>(null);\n const [openContextMenuId, setOpenContextMenuId] = React.useState<\n string \| null\n >(null);\n\n const {\n data,\n isLoading,\n isFetched,\n hasNextPage,\n isFetching,\n isFetchingNextPage,\n fetchNextPage,\n } = usePaginatedConversations();\n\n // Fetch in-progress start tasks\n const { data: startTasks } = useStartTasks();\n\n const conversations = React.useMemo(() => {\n const all = data?.pages.flatMap((page) => page.items) ?? [];\n // The 10s background refetch re-fetches every loaded page with the\n // `UPDATED_AT_DESC` cursor. If a conversation's `updated_at` shifts between\n // page fetches, a later page can overlap an earlier one and surface the\n // same conversation twice. Dedupe by id (keeping the first/freshest copy)\n // so the rendered count reflects real growth and React keys stay unique.\n const seen = new Set<string>();\n return all.filter((conversation) => {\n if (seen.has(conversation.id)) {\n return false;\n }\n seen.add(conversation.id);\n return true;\n });\n }, [data]);\n\n const pinnedConversations = React.useMemo(\n () => resolvePinnedConversations(pinnedIds, conversations),\n [conversations, pinnedIds],\n );\n\n React.useEffect(() => {\n if (!isFetched) {\n return;\n }\n pruneMissingPinnedConversations(\n activeBackend.id,\n conversations.map((conversation) => conversation.id),\n );\n }, [\n activeBackend.id,\n conversations,\n isFetched,\n pruneMissingPinnedConversations,\n ]);\n\n React.useEffect(() => {\n if (pinnedIds.length === 0) {\n setExpandedPinnedPreview(false);\n }\n }, [pinnedIds.length]);\n\n const scopedConversations = React.useMemo(() => {\n const scopeFiltered =\n threadScope === \"relevant\"\n ? conversations.filter((c) => isExecutionActive(c.execution_status))\n : conversations;\n\n // In the expanded panel, pinned conversations should only appear inside\n // the dedicated pinned section (not duplicated in grouped/flat lists).\n if (compact) {\n return scopeFiltered;\n }\n\n return filterOutPinnedConversations(scopeFiltered, pinnedIds);\n }, [compact, conversations, pinnedIds, threadScope]);\n\n const { recent: recentScoped, older: olderScoped } = React.useMemo(\n () => partitionByCutoff(scopedConversations),\n [scopedConversations],\n );\n\n // Sort the full visible set as one list. The recent/older partition is\n // still computed (it gates the \"Show older\" toggle and \"Load more\"\n // visibility), but the rendering must not use it as a visual boundary —\n // when sorting by `created`, a stale-but-recently-touched conversation\n // would otherwise land in `recent` and render above an actually-newer-\n // by-`created_at` conversation sitting in `older`.\n const sortedVisibleConversations = React.useMemo(() => {\n const visible = showOlderConversations\n ? [...recentScoped, ...olderScoped]\n : recentScoped;\n return sortConversationsByField(visible, conversationSort);\n }, [recentScoped, olderScoped, showOlderConversations, conversationSort]);\n\n const groupLabels = React.useMemo(\n () => ({\n emptyWorkspace: t(I18nKey.CONVERSATION_PANEL$NO_WORKSPACE),\n emptyRepository: t(I18nKey.CONVERSATION_PANEL$NO_REPOSITORY),\n }),\n [t],\n );\n\n const conversationGroups = React.useMemo(() => {\n if (compact \|\| organizeMode !== \"grouped\") {\n return null;\n }\n // Use the unsorted partitions: groupConversations sorts each bucket\n // internally by `sortField`, so pre-sorting the merged input is wasted\n // work in grouped mode (the per-group sort overrides any global order).\n const merged = [\n ...recentScoped,\n ...(showOlderConversations ? olderScoped : []),\n ];\n return groupConversations(\n merged,\n activeBackend.kind,\n conversationSort,\n groupLabels,\n );\n }, [\n activeBackend.kind,\n compact,\n conversationSort,\n groupLabels,\n olderScoped,\n organizeMode,\n recentScoped,\n showOlderConversations,\n ]);\n\n const orderedConversationGroups = React.useMemo(() => {\n if (!conversationGroups) {\n return null;\n }\n return applyGroupFolderOrder(conversationGroups, groupFolderOrder);\n }, [conversationGroups, groupFolderOrder]);\n\n const conversationGroupIds = React.useMemo(\n () => conversationGroups?.map((group) => group.id) ?? [],\n [conversationGroups],\n );\n\n const compactVisibleConversations = React.useMemo(\n () =>\n sortConversationsByField(\n recentScoped.filter((conversation) =>\n isExecutionActive(conversation.execution_status),\n ),\n conversationSort,\n ),\n [conversationSort, recentScoped],\n );\n\n const visibleFlatCount = sortedVisibleConversations.length;\n\n const visibleGroupedCount = React.useMemo(() => {\n if (!orderedConversationGroups) {\n return 0;\n }\n return orderedConversationGroups.reduce(\n (n, g) => n + g.conversations.length,\n 0,\n );\n }, [orderedConversationGroups]);\n\n const listIsEffectivelyEmpty =\n organizeMode === \"grouped\" && !compact\n ? visibleGroupedCount === 0\n : visibleFlatCount === 0;\n\n // Number of conversations actually rendered in the list right now, in the\n // current organize mode. \"Load more\" succeeds only when this number grows.\n const visibleCount =\n organizeMode === \"grouped\" && !compact\n ? visibleGroupedCount\n : visibleFlatCount;\n\n // KNOWN ISSUE (unresolved as of 2026-05-29): users still report that the\n // sidebar \"Load more\" sometimes requires two clicks before new conversations\n // appear. The mitigation below (dedupe by id in `conversations`, plus the\n // floor-tracking driver that keeps fetching until the visible count grows)\n // reduced but did NOT fully eliminate the symptom in manual testing. Likely\n // remaining suspects to investigate next: the agent-server cursor pagination\n // returning an overlapping/short page under `UPDATED_AT_DESC` while the 10s\n // `refetchInterval` reorders pages (see `usePaginatedConversations`), or a\n // React Query state lag where `hasNextPage`/`isFetching` settle a render\n // after the click. If you pick this up, reproduce against a backend with\n // >40 conversations and watch the `/api/conversations/search` cursors.\n //\n // Robust \"Load more\" driver. A single click can fail to surface new rows for\n // two reasons: (1) `fetchNextPage()` is silently dropped while the 10s\n // background refetch is in flight, and (2) a fetched page can yield zero\n // visible rows (filtered out by the active scope, or deduped as overlap),\n // so the list does not appear to grow. We capture the visible count at click\n // time and keep fetching pages — once the query is idle — until the visible\n // count actually increases or there are no more pages.\n const [loadMoreFloor, setLoadMoreFloor] = React.useState<number \| null>(null);\n const visibleCountRef = React.useRef(visibleCount);\n visibleCountRef.current = visibleCount;\n\n const requestLoadMore = React.useCallback(() => {\n if (hasNextPage) {\n setLoadMoreFloor(visibleCountRef.current);\n }\n }, [hasNextPage]);\n\n React.useEffect(() => {\n if (loadMoreFloor === null) {\n return;\n }\n // Goal met: the visible list grew past where it was when the user clicked.\n if (visibleCount > loadMoreFloor) {\n setLoadMoreFloor(null);\n return;\n }\n // Nothing more to fetch — stop waiting even if the list did not grow.\n if (!hasNextPage) {\n setLoadMoreFloor(null);\n return;\n }\n // Wait for any in-flight fetch (including the background refetch) to settle\n // before requesting the next page, otherwise the request is dropped.\n if (isFetching \|\| isFetchingNextPage) {\n return;\n }\n fetchNextPage();\n }, [\n loadMoreFloor,\n visibleCount,\n hasNextPage,\n isFetching,\n isFetchingNextPage,\n fetchNextPage,\n ]);\n\n const isLoadingMore = loadMoreFloor !== null \|\| isFetchingNextPage;\n\n const { mutate: deleteConversation, mutateAsync: deleteConversationAsync } =\n useDeleteConversation();\n const { mutate: pauseConversation } = useUnifiedPauseConversation();\n const { mutate: updateConversation } = useUpdateConversation();\n\n // The next page of conversations is loaded only via the explicit \"Load\n // more\" link rendered at the end of the list — there is no scroll-driven\n // pagination, which previously caused the panel to feel like it had stray\n // scrollable space at the bottom.\n const olderHidden = olderScoped.length > 0 && !showOlderConversations;\n // Compact mode also hides \"Load more\" — paginating into archived\n // conversations contradicts the \"active only\" intent of the icon rail.\n // Do not show when the visible list is empty (e.g. filters hide every\n // loaded conversation) — that state already shows \"No conversations found\".\n const showLoadMore =\n !!hasNextPage && !olderHidden && !compact && !listIsEffectivelyEmpty;\n\n const { mutate: createConversation } = useCreateConversation();\n const isCreatingConversationFlow = useIsCreatingConversation();\n\n const launchFromGroup = React.useCallback(\n (launch: ConversationGroupLaunch) => {\n if (isCreatingConversationFlow) return;\n createConversation(\n {\n workingDir: launch.workingDir,\n repository: launch.repository,\n entryPoint: \"sidebar_relaunch_project\",\n },\n {\n onSuccess: (data) => {\n navigate(`/conversations/${data.conversation_id}`);\n },\n },\n );\n },\n [createConversation, isCreatingConversationFlow, navigate],\n );\n\n const handleDeleteProject = React.useCallback(\n (conversationId: string, title: string) => {\n setConfirmDeleteModalVisible(true);\n setSelectedConversationId(conversationId);\n setSelectedConversationTitle(title);\n },\n [],\n );\n\n const handleStopConversation = React.useCallback((conversationId: string) => {\n setConfirmStopModalVisible(true);\n setSelectedConversationId(conversationId);\n }, []);\n\n const handleConversationTitleChange = React.useCallback(\n (conversationId: string, newTitle: string) => {\n updateConversation(\n { conversationId, newTitle },\n {\n onSuccess: () => {\n displaySuccessToast(t(I18nKey.CONVERSATION$TITLE_UPDATED));\n },\n },\n );\n },\n [t, updateConversation],\n );\n\n const handleConfirmDelete = () => {\n if (selectedConversationId) {\n deleteConversation(\n { conversationId: selectedConversationId },\n {\n onSuccess: () => {\n if (selectedConversationId === currentConversationId) {\n navigate(\"/conversations\");\n }\n },\n },\n );\n }\n };\n\n const handleConfirmStop = () => {\n if (selectedConversationId) {\n pauseConversation({\n conversationId: selectedConversationId,\n });\n }\n };\n\n const handleConfirmDeleteAll = async () => {\n const idsToDelete = conversations.map((c) => c.id);\n const results = await Promise.allSettled(\n idsToDelete.map((conversationId) =>\n deleteConversationAsync({ conversationId }),\n ),\n );\n\n const deletedIds = results.flatMap((result, index) =>\n result.status === \"fulfilled\" ? [idsToDelete[index]] : [],\n );\n const failedCount = results.length - deletedIds.length;\n\n if (\n currentConversationId !== null &&\n deletedIds.includes(currentConversationId)\n ) {\n navigate(\"/conversations\");\n }\n\n if (failedCount > 0) {\n displayErrorToast(\n `${failedCount} conversation${failedCount === 1 ? \"\" : \"s\"} could not be deleted.`,\n );\n }\n };\n\n const renderConversationCard = React.useCallback(\n (\n conversation: (typeof conversations)[number],\n options?: { inPinnedSection?: boolean },\n ) => {\n const isPinned = pinnedIds.includes(conversation.id);\n if (compact) {\n return (\n <CompactConversationRow\n key={conversation.id}\n conversationId={conversation.id}\n title={conversation.title ?? \"\"}\n selectedRepository={{\n selected_repository: conversation.selected_repository,\n selected_branch: conversation.selected_branch,\n git_provider: conversation.git_provider as Provider,\n }}\n executionStatus={conversation.execution_status}\n sandboxStatus={conversation.sandbox_status}\n lastUpdatedAt={conversation.updated_at}\n createdAt={conversation.created_at}\n workspaceWorkingDir={\n conversation.selected_workspace ??\n conversation.workspace?.working_dir\n }\n isActive={conversation.id === currentConversationId}\n onClose={onClose}\n showRepositoryMetadata={showRepoBranchMetadata}\n llmModel={conversation.llm_model}\n showLlmProfiles={showLlmProfiles}\n agentKind={conversation.agent_kind}\n acpServer={conversation.acp_server}\n tags={conversation.tags}\n showTags={showTagsMetadata}\n />\n );\n }\n return (\n <Tooltip\n key={conversation.id}\n placement=\"right-start\"\n delay={1000}\n closeDelay={100}\n isDisabled={\n !showHoverMetadata \|\| openContextMenuId === conversation.id\n }\n disableAnimation={import.meta.env.MODE === \"test\"}\n className=\"rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl\"\n content={\n <ConversationCardPreview\n title={conversation.title ?? \"\"}\n executionStatus={conversation.execution_status}\n sandboxStatus={conversation.sandbox_status}\n selectedRepository={{\n selected_repository: conversation.selected_repository,\n selected_branch: conversation.selected_branch,\n git_provider: conversation.git_provider as Provider,\n }}\n workspaceWorkingDir={\n conversation.selected_workspace ??\n conversation.workspace?.working_dir\n }\n llmModel={conversation.llm_model}\n createdAt={conversation.created_at}\n />\n }\n >\n <NavigationLink\n to={backendScopedPath(`/conversations/${conversation.id}`)}\n onClick={onClose}\n className={cn(\n \"block rounded-md transition-colors\",\n openContextMenuId !== conversation.id &&\n \"hover:bg-[var(--oh-surface)]\",\n (conversation.id === currentConversationId \|\|\n openContextMenuId === conversation.id) &&\n \"bg-[var(--oh-surface)]\",\n )}\n >\n <ConversationCard\n onDelete={() =>\n handleDeleteProject(conversation.id, conversation.title ?? \"\")\n }\n onStop={() => handleStopConversation(conversation.id)}\n onChangeTitle={(title) =>\n handleConversationTitleChange(conversation.id, title)\n }\n title={conversation.title ?? \"\"}\n selectedRepository={{\n selected_repository: conversation.selected_repository,\n selected_branch: conversation.selected_branch,\n git_provider: conversation.git_provider as Provider,\n }}\n lastUpdatedAt={conversation.updated_at}\n createdAt={conversation.created_at}\n executionStatus={conversation.execution_status}\n sandboxStatus={conversation.sandbox_status}\n conversationId={conversation.id}\n contextMenuOpen={openContextMenuId === conversation.id}\n onContextMenuToggle={(isOpen) =>\n setOpenContextMenuId(isOpen ? conversation.id : null)\n }\n isActive={conversation.id === currentConversationId}\n workspaceWorkingDir={\n conversation.selected_workspace ??\n conversation.workspace?.working_dir\n }\n showRepositoryMetadata={showRepoBranchMetadata}\n llmModel={conversation.llm_model}\n showLlmProfiles={showLlmProfiles}\n agentKind={conversation.agent_kind}\n acpServer={conversation.acp_server}\n tags={conversation.tags}\n showTags={showTagsMetadata}\n isPinned={isPinned}\n onTogglePin={() => togglePin(activeBackend.id, conversation.id)}\n alwaysShowPinIcon={isPinned && !options?.inPinnedSection}\n />\n </NavigationLink>\n </Tooltip>\n );\n },\n [\n activeBackend.id,\n compact,\n currentConversationId,\n handleConversationTitleChange,\n handleDeleteProject,\n handleStopConversation,\n onClose,\n openContextMenuId,\n pinnedIds,\n showRepoBranchMetadata,\n showLlmProfiles,\n showTagsMetadata,\n showHoverMetadata,\n togglePin,\n ],\n );\n\n // Standard layout: panel fills its slot in the sidebar; the inner scroll\n // child fills the panel and scrolls when its content overflows. Modals are\n // siblings of the scroll element and are `position: fixed`, so they don't\n // participate in the panel's scroll geometry.\n // Gate on `isLoading` / `!isFetched` (true only until the first fetch settles),\n // not `isFetching` — the latter flips back to true on every 10s background\n // refetch, causing the skeleton/empty-state to flicker when the list is empty.\n const showInitialSkeleton = isLoading \|\| !isFetched;\n const showPinnedSection =\n !compact && !showInitialSkeleton && pinnedConversations.length > 0;\n const showEmptyState =\n isFetched &&\n !isLoading &&\n !compact &&\n listIsEffectivelyEmpty &&\n !showPinnedSection &&\n !startTasks?.length;\n\n const showConversationHeader = !compact;\n\n return (\n <div\n ref={ref}\n data-testid=\"conversation-panel\"\n className=\"flex h-full min-h-0 w-full flex-col\"\n >\n {showConversationHeader && (\n <div\n className={cn(\n // Pull flush to the sidebar edges: `-ml-2.5` matches aside `pl-2.5`;\n // width extends by that inset on the right now that aside is `pr-0`.\n \"-ml-2.5 w-[calc(100%+0.625rem)] max-w-none box-border border-b\",\n isListScrolled ? \"border-[var(--oh-border)]\" : \"border-transparent\",\n )}\n >\n <div\n data-testid=\"older-conversations-summary\"\n className=\"flex min-w-0 flex-nowrap items-center gap-x-2 py-2 pl-4 pr-2.5 text-[var(--oh-muted)]\"\n >\n <span className=\"min-w-0 truncate text-sm font-medium text-[var(--oh-muted)]\">\n {t(I18nKey.SIDEBAR$CONVERSATIONS)}\n </span>\n <div className=\"ml-auto flex shrink-0 items-center gap-0.5\">\n <ConversationPanelNewThreadPicker\n backendKind={activeBackend.kind}\n />\n <ConversationPanelFilterMenu\n filterMenuOpen={filterMenuOpen}\n setFilterMenuOpen={setFilterMenuOpen}\n menuRef={filterMenuRef}\n backendKind={activeBackend.kind}\n organizeMode={organizeMode}\n setOrganizeMode={setOrganizeMode}\n conversationSort={conversationSort}\n setConversationSort={setConversationSort}\n threadScope={threadScope}\n setThreadScope={setThreadScope}\n showOlderConversations={showOlderConversations}\n toggleShowOlderConversations={toggleShowOlderConversations}\n showRepoBranchMetadata={showRepoBranchMetadata}\n toggleShowRepoBranchMetadata={toggleShowRepoBranchMetadata}\n showLlmProfiles={showLlmProfiles}\n toggleShowLlmProfiles={toggleShowLlmProfiles}\n showTagsMetadata={showTagsMetadata}\n toggleShowTagsMetadata={toggleShowTagsMetadata}\n showHoverMetadata={showHoverMetadata}\n toggleShowHoverMetadata={toggleShowHoverMetadata}\n totalConversationsCount={conversations.length}\n onRequestDeleteAll={() => setConfirmDeleteAllVisible(true)}\n />\n </div>\n </div>\n </div>\n )}\n\n <div\n ref={scrollContainerRef}\n data-testid=\"conversation-panel-list-scroll\"\n onScroll={(event) => {\n setIsListScrolled(event.currentTarget.scrollTop > 0);\n }}\n className={cn(\n \"flex min-h-0 flex-1 flex-col overflow-y-auto overflow-x-hidden overscroll-contain custom-scrollbar-always\",\n !compact && \"conversation-panel-list-scroll\",\n )}\n >\n {showInitialSkeleton && <ConversationCardSkeleton compact={compact} />}\n\n {!compact && showEmptyState && (\n <div\n data-testid=\"conversation-panel-empty-state\"\n className=\"flex min-h-0 flex-1 flex-col items-center justify-center px-4 py-8\"\n >\n <p className=\"text-xs text-[var(--oh-muted)]\">\n {t(I18nKey.CONVERSATION$NO_CONVERSATIONS)}\n </p>\n </div>\n )}\n\n {showPinnedSection ? (\n <ConversationPanelPinnedSection\n pinnedConversations={pinnedConversations}\n isPreviewExpanded={expandedPinnedPreview}\n onTogglePreviewExpanded={() =>\n setExpandedPinnedPreview((current) => !current)\n }\n activeConversationId={currentConversationId}\n showDivider={!compact && organizeMode === \"chronological\"}\n renderConversationCard={(conversation) =>\n renderConversationCard(conversation, { inPinnedSection: true })\n }\n />\n ) : null}\n\n {/* Render in-progress start tasks first (skipped in compact mode —\n their rich card layout doesn't fit in the icon rail). /}\n {!compact &&\n startTasks?.map((task) => (\n <NavigationLink\n key={task.id}\n to={backendScopedPath(`/conversations/task-${task.id}`)}\n onClick={onClose}\n className=\"block\"\n >\n <StartTaskCard task={task} />\n </NavigationLink>\n ))}\n\n {!showInitialSkeleton && compact\n ? compactVisibleConversations.map((conversation) =>\n renderConversationCard(conversation),\n )\n : null}\n\n {!showInitialSkeleton &&\n !compact &&\n organizeMode === \"grouped\" &&\n orderedConversationGroups &&\n orderedConversationGroups.length > 0 ? (\n <ConversationGroupFolderList\n groups={orderedConversationGroups}\n groupIds={conversationGroupIds}\n groupFolderOrder={groupFolderOrder}\n setGroupFolderOrder={setGroupFolderOrder}\n collapsedGroupIds={collapsedGroupIds}\n expandedGroupPreviewIds={expandedGroupPreviewIds}\n onToggleGroupCollapsed={toggleGroupCollapsed}\n onToggleGroupPreviewExpanded={toggleGroupPreviewExpanded}\n isCreatingConversationFlow={isCreatingConversationFlow}\n activeConversationId={currentConversationId}\n onLaunchFromGroup={launchFromGroup}\n renderConversationCard={(conversation) =>\n renderConversationCard(conversation)\n }\n />\n ) : null}\n\n {!showInitialSkeleton &&\n !compact &&\n organizeMode === \"chronological\" ? (\n <div className=\"space-y-0.5\">\n {sortedVisibleConversations.map((conversation) =>\n renderConversationCard(conversation),\n )}\n </div>\n ) : null}\n\n {/ Explicit \"Load more\" trigger. Only shown when more pages exist\n and the older list is currently visible (or there are no older\n conversations to begin with) — otherwise the next page would be\n populated mostly with conversations the user has chosen to hide. */}\n {showLoadMore &&\n (isLoadingMore ? (\n <div className=\"py-1\">\n <ConversationCardSkeleton compact={compact} />\n </div>\n ) : (\n <div className=\"flex justify-center py-4\">\n <button\n type=\"button\"\n data-testid=\"load-more-conversations\"\n onClick={requestLoadMore}\n className=\"text-xs text-[var(--oh-muted)] hover:text-white\"\n >\n {t(I18nKey.CONVERSATION$LOAD_MORE)}\n </button>\n </div>\n ))}\n </div>\n\n {confirmDeleteModalVisible && (\n <ConfirmDeleteModal\n onConfirm={() => {\n handleConfirmDelete();\n setConfirmDeleteModalVisible(false);\n setSelectedConversationTitle(null);\n }}\n onCancel={() => {\n setConfirmDeleteModalVisible(false);\n setSelectedConversationTitle(null);\n }}\n conversationTitle={selectedConversationTitle ?? undefined}\n />\n )}\n\n {confirmDeleteAllVisible && (\n <ConfirmDeleteModal\n title={t(I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_TITLE)}\n description={t(I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_DESC, {\n count: conversations.length,\n })}\n onConfirm={async () => {\n await handleConfirmDeleteAll();\n setConfirmDeleteAllVisible(false);\n }}\n onCancel={() => setConfirmDeleteAllVisible(false)}\n />\n )}\n\n {confirmStopModalVisible && (\n <ConfirmStopModal\n onConfirm={() => {\n handleConfirmStop();\n setConfirmStopModalVisible(false);\n }}\n onCancel={() => setConfirmStopModalVisible(false)}\n />\n )}\n\n {confirmExitConversationModalVisible && (\n <ExitConversationModal\n onConfirm={() => {\n onClose?.();\n }}\n onClose={() => setConfirmExitConversationModalVisible(false)}\n onCancel={() => setConfirmExitConversationModalVisible(false)}\n />\n )}\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/components/features/conversation-panel/conversation-status-dot.d.ts CHANGED Viewed

@@ -16,5 +16,5 @@ interface ConversationStatusDotProps {
      */
     showTooltip?: boolean;
 }
-export declare function ConversationStatusDot({ executionStatus, sandboxStatus, showTooltip, }: ConversationStatusDotProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationStatusDot({ executionStatus, sandboxStatus, showTooltip, }: ConversationStatusDotProps): import("react").JSX.Element;
 export {};

package/dist/components/features/conversation-panel/exit-conversation-modal.d.ts CHANGED Viewed

@@ -3,5 +3,5 @@ interface ExitConversationModalProps {
     onClose: () => void;
     onCancel: () => void;
 }
-export declare function ExitConversationModal({ onConfirm, onClose, onCancel, }: ExitConversationModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function ExitConversationModal({ onConfirm, onClose, onCancel, }: ExitConversationModalProps): import("react").JSX.Element;
 export {};

package/dist/components/features/conversation-panel/hook-event-item.d.ts CHANGED Viewed

@@ -4,5 +4,5 @@ interface HookEventItemProps {
     isExpanded: boolean;
     onToggle: (eventType: string) => void;
 }
-export declare function HookEventItem({ hookEvent, isExpanded, onToggle, }: HookEventItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function HookEventItem({ hookEvent, isExpanded, onToggle, }: HookEventItemProps): import("react").JSX.Element;
 export {};

package/dist/components/features/conversation-panel/hook-matcher-content.d.ts CHANGED Viewed

@@ -2,5 +2,5 @@ import { HookMatcher } from "#/api/conversation-service/agent-server-conversatio
 interface HookMatcherContentProps {
     matcher: HookMatcher;
 }
-export declare function HookMatcherContent({ matcher }: HookMatcherContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function HookMatcherContent({ matcher }: HookMatcherContentProps): import("react").JSX.Element;
 export {};

package/dist/components/features/conversation-panel/hooks-empty-state.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 interface HooksEmptyStateProps {
     isError: boolean;
 }
-export declare function HooksEmptyState({ isError }: HooksEmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export declare function HooksEmptyState({ isError }: HooksEmptyStateProps): import("react").JSX.Element;
 export {};

package/dist/components/features/conversation-panel/hooks-loading-state.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare function HooksLoadingState(): import("react~~/jsx-runtime~~").JSX.Element;
1	+ export declare function HooksLoadingState(): import("react").JSX.Element;

package/dist/components/features/conversation-panel/hooks-modal-header.d.ts CHANGED Viewed

@@ -4,5 +4,5 @@ interface HooksModalHeaderProps {
     onRefresh: () => void;
     onClose: () => void;
 }
-export declare function HooksModalHeader({ isLoading, isRefetching, onRefresh, onClose, }: HooksModalHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function HooksModalHeader({ isLoading, isRefetching, onRefresh, onClose, }: HooksModalHeaderProps): import("react").JSX.Element;
 export {};

package/dist/components/features/conversation-panel/hooks-modal.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 interface HooksModalProps {
     onClose: () => void;
 }
-export declare function HooksModal({ onClose }: HooksModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function HooksModal({ onClose }: HooksModalProps): import("react").JSX.Element;
 export {};

package/dist/components/features/conversation-panel/local-new-conversation-menu.d.ts CHANGED Viewed

@@ -24,4 +24,4 @@ export interface LocalNewConversationMenuProps {
  * Shared by the sidebar "+ New conversation" control and the conversation
  * panel "new thread folder" control.
  */
-export declare function LocalNewConversationMenu({ trigger, className, popoverClassName, popoverTestId, useFixedPlacement, }: LocalNewConversationMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function LocalNewConversationMenu({ trigger, className, popoverClassName, popoverTestId, useFixedPlacement, }: LocalNewConversationMenuProps): React.JSX.Element;

package/dist/components/features/conversation-panel/menu-heading.d.ts CHANGED Viewed

@@ -2,4 +2,4 @@ import React from "react";
 export declare function MenuHeading({ children, suffix, }: {
     children: React.ReactNode;
     suffix?: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

package/dist/components/features/conversation-panel/menu-row.d.ts CHANGED Viewed

@@ -9,4 +9,4 @@ export declare function MenuRow({ icon: Icon, label, selected, onClick, testId,
     onClick: () => void;
     testId?: string;
     disabled?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

package/dist/components/features/conversation-panel/menu-separator.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare function MenuSeparator(): import("react~~/jsx-runtime~~").JSX.Element;
1	+ export declare function MenuSeparator(): import("react").JSX.Element;

package/dist/components/features/conversation-panel/new-conversation-button.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import React from "react";
 interface NewConversationButtonProps {
     /**
      * Render the trigger as a "+" icon-only button (used by the collapsed
@@ -18,5 +19,5 @@ interface NewConversationButtonProps {
  * accept structurally identical trigger props, so a single `renderTrigger`
  * callback can satisfy either menu's type signature.
  */
-export declare function NewConversationButton({ compact, }?: NewConversationButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function NewConversationButton({ compact, }?: NewConversationButtonProps): React.JSX.Element;
 export {};

package/dist/components/features/conversation-panel/plugins-modal.d.ts CHANGED Viewed

@@ -8,5 +8,5 @@ interface PluginsModalProps {
  * {@link SkillsModal}. The agent-server doesn't expose a live conversation's
  * loaded plugins, so this reads that client-side snapshot.
  */
-export declare function PluginsModal({ onClose }: PluginsModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function PluginsModal({ onClose }: PluginsModalProps): import("react").JSX.Element;
 export {};

package/dist/components/features/conversation-panel/runtime-waiting-state.d.ts CHANGED Viewed

@@ -4,5 +4,5 @@ interface RuntimeWaitingStateProps {
     messageKey?: I18nKey;
     className?: string;
 }
-export declare function RuntimeWaitingState({ testId, messageKey, className, }: RuntimeWaitingStateProps): import("react/jsx-runtime").JSX.Element;
+export declare function RuntimeWaitingState({ testId, messageKey, className, }: RuntimeWaitingStateProps): import("react").JSX.Element;
 export {};

package/dist/components/features/conversation-panel/skill-content.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 interface SkillContentProps {
     content: string;
 }
-export declare function SkillContent({ content }: SkillContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function SkillContent({ content }: SkillContentProps): import("react").JSX.Element;
 export {};

package/dist/components/features/conversation-panel/skill-item.d.ts CHANGED Viewed

@@ -6,5 +6,5 @@ interface SkillItemProps {
     isExpanded: boolean;
     onToggle: (agentName: string) => void;
 }
-export declare function SkillItem({ skill, isExpanded, onToggle }: SkillItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function SkillItem({ skill, isExpanded, onToggle }: SkillItemProps): import("react").JSX.Element;
 export {};

package/dist/components/features/conversation-panel/skill-triggers.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 interface SkillTriggersProps {
     triggers: string[];
 }
-export declare function SkillTriggers({ triggers }: SkillTriggersProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function SkillTriggers({ triggers }: SkillTriggersProps): import("react").JSX.Element | null;
 export {};

package/dist/components/features/conversation-panel/skills-empty-state.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 interface SkillsEmptyStateProps {
     isError: boolean;
 }
-export declare function SkillsEmptyState({ isError }: SkillsEmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export declare function SkillsEmptyState({ isError }: SkillsEmptyStateProps): import("react").JSX.Element;
 export {};

package/dist/components/features/conversation-panel/skills-loading-state.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare function SkillsLoadingState(): import("react~~/jsx-runtime~~").JSX.Element;
1	+ export declare function SkillsLoadingState(): import("react").JSX.Element;

package/dist/components/features/conversation-panel/skills-modal-header.d.ts CHANGED Viewed

@@ -4,5 +4,5 @@ interface SkillsModalHeaderProps {
     onRefresh: () => void;
     onClose: () => void;
 }
-export declare function SkillsModalHeader({ isLoading, isRefetching, onRefresh, onClose, }: SkillsModalHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function SkillsModalHeader({ isLoading, isRefetching, onRefresh, onClose, }: SkillsModalHeaderProps): import("react").JSX.Element;
 export {};

package/dist/components/features/conversation-panel/skills-modal-section.d.ts CHANGED Viewed

@@ -4,5 +4,5 @@ interface SkillsModalSectionProps {
     count: number;
     children: ReactNode;
 }
-export declare function SkillsModalSection({ title, count, children, }: SkillsModalSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function SkillsModalSection({ title, count, children, }: SkillsModalSectionProps): import("react").JSX.Element;
 export {};

package/dist/components/features/conversation-panel/skills-modal.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 interface SkillsModalProps {
     onClose: () => void;
 }
-export declare function SkillsModal({ onClose }: SkillsModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function SkillsModal({ onClose }: SkillsModalProps): import("react").JSX.Element;
 export {};

package/dist/components/features/conversation-panel/start-task-card/start-task-card-footer.d.ts CHANGED Viewed

@@ -4,5 +4,5 @@ interface StartTaskCardFooterProps {
     createdAt: string;
     detail: string | null;
 }
-export declare function StartTaskCardFooter({ selectedRepository, createdAt, detail, }: StartTaskCardFooterProps): import("react/jsx-runtime").JSX.Element;
+export declare function StartTaskCardFooter({ selectedRepository, createdAt, detail, }: StartTaskCardFooterProps): import("react").JSX.Element;
 export {};

package/dist/components/features/conversation-panel/start-task-card/start-task-card-header.d.ts CHANGED Viewed

@@ -3,5 +3,5 @@ interface StartTaskCardHeaderProps {
     title: string;
     taskStatus: AppConversationStartTaskStatus;
 }
-export declare function StartTaskCardHeader({ title, taskStatus, }: StartTaskCardHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function StartTaskCardHeader({ title, taskStatus, }: StartTaskCardHeaderProps): import("react").JSX.Element;
 export {};

package/dist/components/features/conversation-panel/start-task-card/start-task-card.d.ts CHANGED Viewed

@@ -3,5 +3,5 @@ interface StartTaskCardProps {
     task: AppConversationStartTask;
     onClick?: () => void;
 }
-export declare function StartTaskCard({ task, onClick }: StartTaskCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function StartTaskCard({ task, onClick }: StartTaskCardProps): import("react").JSX.Element;
 export {};

package/dist/components/features/conversation-panel/start-task-card/start-task-status-badge.d.ts CHANGED Viewed

@@ -2,5 +2,5 @@ import type { AppConversationStartTaskStatus } from "#/api/conversation-service/
 interface StartTaskStatusBadgeProps {
     taskStatus: AppConversationStartTaskStatus;
 }
-export declare function StartTaskStatusBadge({ taskStatus, }: StartTaskStatusBadgeProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function StartTaskStatusBadge({ taskStatus, }: StartTaskStatusBadgeProps): import("react").JSX.Element | null;
 export {};

package/dist/components/features/conversation-panel/start-task-card/start-task-status-indicator.d.ts CHANGED Viewed

@@ -2,5 +2,5 @@ import type { AppConversationStartTaskStatus } from "#/api/conversation-service/
 interface StartTaskStatusIndicatorProps {
     taskStatus: AppConversationStartTaskStatus;
 }
-export declare function StartTaskStatusIndicator({ taskStatus, }: StartTaskStatusIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export declare function StartTaskStatusIndicator({ taskStatus, }: StartTaskStatusIndicatorProps): import("react").JSX.Element;
 export {};

package/dist/components/features/conversation-panel/system-message-modal/empty-tools-state.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare function EmptyToolsState(): import("react~~/jsx-runtime~~").JSX.Element;
1	+ export declare function EmptyToolsState(): import("react").JSX.Element;

package/dist/components/features/conversation-panel/system-message-modal/system-message-content.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 interface SystemMessageContentProps {
     content: string;
 }
-export declare function SystemMessageContent({ content }: SystemMessageContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function SystemMessageContent({ content }: SystemMessageContentProps): import("react").JSX.Element;
 export {};

package/dist/components/features/conversation-panel/system-message-modal/system-message-header.d.ts CHANGED Viewed

@@ -3,5 +3,5 @@ interface SystemMessageHeaderProps {
     openhandsVersion: string | null;
     onClose: () => void;
 }
-export declare function SystemMessageHeader({ agentClass, openhandsVersion, onClose, }: SystemMessageHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function SystemMessageHeader({ agentClass, openhandsVersion, onClose, }: SystemMessageHeaderProps): import("react").JSX.Element;
 export {};

package/dist/components/features/conversation-panel/system-message-modal/tab-button.d.ts CHANGED Viewed

@@ -5,5 +5,5 @@ interface TabButtonProps {
     className?: string;
     disabled?: boolean;
 }
-export declare function TabButton({ isActive, children, onClick, className, disabled, }: TabButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabButton({ isActive, children, onClick, className, disabled, }: TabButtonProps): import("react").JSX.Element;
 export {};

package/dist/components/features/conversation-panel/system-message-modal/tab-content.d.ts CHANGED Viewed

@@ -5,5 +5,5 @@ interface TabContentProps {
     expandedTools: Record<number, boolean>;
     onToggleTool: (index: number) => void;
 }
-export declare function TabContent({ activeTab, systemMessage, expandedTools, onToggleTool, }: TabContentProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function TabContent({ activeTab, systemMessage, expandedTools, onToggleTool, }: TabContentProps): import("react").JSX.Element | null;
 export {};

package/dist/components/features/conversation-panel/system-message-modal/tab-navigation.d.ts CHANGED Viewed

@@ -3,5 +3,5 @@ interface TabNavigationProps {
     onTabChange: (tab: "system" | "tools") => void;
     hasTools: boolean;
 }
-export declare function TabNavigation({ activeTab, onTabChange, hasTools, }: TabNavigationProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabNavigation({ activeTab, onTabChange, hasTools, }: TabNavigationProps): import("react").JSX.Element;
 export {};

package/dist/components/features/conversation-panel/system-message-modal/toggle-button.d.ts CHANGED Viewed

@@ -4,5 +4,5 @@ interface ToggleButtonProps {
     onClick: () => void;
     className?: string;
 }
-export declare function ToggleButton({ title, isExpanded, onClick, className, }: ToggleButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToggleButton({ title, isExpanded, onClick, className, }: ToggleButtonProps): import("react").JSX.Element;
 export {};

package/dist/components/features/conversation-panel/system-message-modal/tool-item.d.ts CHANGED Viewed

@@ -5,5 +5,5 @@ interface ToolItemProps {
     isExpanded: boolean;
     onToggle: (index: number) => void;
 }
-export declare function ToolItem({ tool, index, isExpanded, onToggle }: ToolItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToolItem({ tool, index, isExpanded, onToggle }: ToolItemProps): import("react").JSX.Element;
 export {};

package/dist/components/features/conversation-panel/system-message-modal/tool-parameters.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 interface ToolParametersProps {
     parameters: Record<string, unknown>;
 }
-export declare function ToolParameters({ parameters }: ToolParametersProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToolParameters({ parameters }: ToolParametersProps): import("react").JSX.Element;
 export {};

package/dist/components/features/conversation-panel/system-message-modal/tools-list.d.ts CHANGED Viewed

@@ -4,5 +4,5 @@ interface ToolsListProps {
     expandedTools: Record<number, boolean>;
     onToggleTool: (index: number) => void;
 }
-export declare function ToolsList({ tools, expandedTools, onToggleTool, }: ToolsListProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToolsList({ tools, expandedTools, onToggleTool, }: ToolsListProps): import("react").JSX.Element;
 export {};

package/dist/components/features/conversation-panel/system-message-modal.d.ts CHANGED Viewed

@@ -4,5 +4,5 @@ interface SystemMessageModalProps {
     onClose: () => void;
     systemMessage: SystemMessageForModal | null;
 }
-export declare function SystemMessageModal({ isOpen, onClose, systemMessage, }: SystemMessageModalProps): false | import("react/jsx-runtime").JSX.Element | null;
+export declare function SystemMessageModal({ isOpen, onClose, systemMessage, }: SystemMessageModalProps): false | import("react").JSX.Element | null;
 export {};

package/dist/components/features/diff-viewer/commit-list.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import React from "react";
 import { GitCommit } from "#/api/open-hands.types";
 export interface CommitListProps {
     commits: GitCommit[];
@@ -10,4 +11,4 @@ export interface CommitListProps {
  * Empty/loading/waiting states are the host view's job
  * (see routes/commits-tab.tsx).
  */
-export declare function CommitList({ commits, hasMore }: CommitListProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommitList({ commits, hasMore }: CommitListProps): React.JSX.Element;

package/dist/components/features/diff-viewer/commit-row.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import React from "react";
 import { GitCommit } from "#/api/open-hands.types";
 export interface CommitRowProps {
     commit: GitCommit;
@@ -11,4 +12,4 @@ export interface CommitRowProps {
  * expanding into the files that commit changed, each rendered with the
  * regular FileDiffViewer in per-commit mode.
  */
-export declare function CommitRow({ commit, showAuthor, isExpanded, onToggle, }: CommitRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommitRow({ commit, showAuthor, isExpanded, onToggle, }: CommitRowProps): React.JSX.Element;

package/dist/components/features/diff-viewer/diff-drawer-icon.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare function DiffDrawerIcon(): import("react~~/jsx-runtime~~").JSX.Element;
1	+ export declare function DiffDrawerIcon(): import("react").JSX.Element;

package/dist/components/features/diff-viewer/editor-container.d.ts CHANGED Viewed

@@ -3,5 +3,5 @@ interface EditorContainerProps {
     height: number;
     children: React.ReactNode;
 }
-export declare function EditorContainer({ height, children }: EditorContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare function EditorContainer({ height, children }: EditorContainerProps): React.JSX.Element;
 export {};

package/dist/components/features/diff-viewer/empty-changes-message.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare function EmptyChangesMessage(): import("react~~/jsx-runtime~~").JSX.Element;
1	+ export declare function EmptyChangesMessage(): import("react").JSX.Element;

package/dist/components/features/diff-viewer/file-diff-viewer.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import React from "react";
 import { GitChangeStatus } from "#/api/open-hands.types";
 export interface FileDiffViewerProps {
     path: string;
@@ -9,4 +10,4 @@ export interface FileDiffViewerProps {
      */
     commit?: string;
 }
-export declare function FileDiffViewer({ path, type, commit }: FileDiffViewerProps): import("react/jsx-runtime").JSX.Element;
+export declare function FileDiffViewer({ path, type, commit }: FileDiffViewerProps): React.JSX.Element;