@openhands/agent-canvas 1.16.0 → 1.18.0

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

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

package/dist/components/features/conversation-panel/edit-conversation-tags-modal.cjs

@@ -0,0 +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("../../../node_modules/lucide-react/dist/esm/icons/x.cjs"),i=require("../../../api/agent-server-adapter.cjs"),a=require("../../shared/modals/modal-backdrop.cjs"),o=require("../../shared/modals/modal-body.cjs"),s=require("../../shared/modals/confirmation-modals/base-modal.cjs"),c=require("../settings/brand-button.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=/^[a-z0-9]+$/;function f(e,t){let n={};for(let[t,r]of Object.entries(e??{}))(i.RESERVED_CONVERSATION_TAG_KEYS.has(t.trim().toLowerCase())||typeof r!=`string`||r!==``&&r.trim().length===0)&&(n[t]=r);for(let[e,r]of t)n[e]=r;return n}function p({tags:e,onConfirm:p,onCancel:m}){let{t:h}=t.useTranslation(`openhands`),[g,_]=l.default.useState(()=>i.getDisplayConversationTags(e).map(([e,t])=>({key:e,value:t}))),[v,y]=l.default.useState(``),[b,x]=l.default.useState(``),[S,C]=l.default.useState(null),w=l.default.useRef(null),T=()=>{let e=v.trim(),t=b.trim();return d.test(e)?i.RESERVED_CONVERSATION_TAG_KEYS.has(e)?{errorKey:n.I18nKey.CONVERSATION$TAG_KEY_RESERVED}:g.some(t=>t.key===e)?{errorKey:n.I18nKey.CONVERSATION$TAG_KEY_DUPLICATE}:t.length>256?{errorKey:n.I18nKey.CONVERSATION$TAG_VALUE_INVALID}:{row:{key:e,value:t}}:{errorKey:n.I18nKey.CONVERSATION$TAG_KEY_INVALID}},E=()=>{let e=T();if(`errorKey`in e){C(e.errorKey);return}_(t=>[...t,e.row]),y(``),x(``),C(null),w.current?.focus()},D=e=>{e.key===`Enter`&&(e.preventDefault(),E())},O=e=>{_(t=>t.filter(t=>t.key!==e))};return(0,u.jsx)(a.ModalBackdrop,{onClose:m,children:(0,u.jsxs)(o.ModalBody,{className:`items-start border border-[var(--oh-border)]`,testID:`edit-conversation-tags-modal`,children:[(0,u.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,u.jsx)(s.BaseModalTitle,{title:h(n.I18nKey.CONVERSATION$EDIT_TAGS)}),(0,u.jsx)(s.BaseModalDescription,{children:h(n.I18nKey.CONVERSATION$EDIT_TAGS_DESCRIPTION)})]}),(0,u.jsxs)(`div`,{className:`flex w-full flex-col gap-2`,onClick:e=>e.stopPropagation(),children:[g.length>0?(0,u.jsx)(`ul`,{className:`flex w-full flex-col gap-1`,"data-testid":`edit-tags-rows`,children:g.map(e=>(0,u.jsxs)(`li`,{className:`flex items-center gap-2 rounded-md border border-[var(--oh-border)] px-2 py-1`,"data-testid":`edit-tag-row-${e.key}`,children:[(0,u.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-xs text-white`,children:e.value?`${e.key}=${e.value}`:e.key}),(0,u.jsx)(`button`,{type:`button`,"aria-label":h(n.I18nKey.CONVERSATION$REMOVE_TAG),"data-testid":`remove-tag-${e.key}`,onClick:()=>O(e.key),className:`shrink-0 text-[var(--oh-muted)] hover:text-white`,children:(0,u.jsx)(r.X,{className:`h-3.5 w-3.5`,"aria-hidden":!0})})]},e.key))}):null,(0,u.jsxs)(`div`,{className:`flex w-full items-center gap-2`,children:[(0,u.jsx)(`input`,{type:`text`,value:v,placeholder:h(n.I18nKey.CONVERSATION$TAG_KEY_PLACEHOLDER),"aria-label":h(n.I18nKey.CONVERSATION$TAG_KEY_PLACEHOLDER),"data-testid":`new-tag-key-input`,ref:w,onChange:e=>y(e.target.value),onKeyDown:D,className:`w-28 shrink-0 rounded-md border border-[var(--oh-border)] bg-base-secondary px-2 py-1 text-xs text-white placeholder:text-[var(--oh-muted)]`}),(0,u.jsx)(`input`,{type:`text`,value:b,placeholder:h(n.I18nKey.CONVERSATION$TAG_VALUE_PLACEHOLDER),"aria-label":h(n.I18nKey.CONVERSATION$TAG_VALUE_PLACEHOLDER),"data-testid":`new-tag-value-input`,onChange:e=>x(e.target.value),onKeyDown:D,className:`min-w-0 flex-1 rounded-md border border-[var(--oh-border)] bg-base-secondary px-2 py-1 text-xs text-white placeholder:text-[var(--oh-muted)]`}),(0,u.jsx)(c.BrandButton,{type:`button`,variant:`secondary`,onClick:E,testId:`add-tag-button`,children:h(n.I18nKey.BUTTON$ADD)})]}),S?(0,u.jsx)(`p`,{role:`alert`,"data-testid":`edit-tags-error`,className:`text-xs text-red-400`,children:h(S)}):null]}),(0,u.jsxs)(`div`,{className:`flex justify-end gap-2 w-full`,onClick:e=>e.stopPropagation(),children:[(0,u.jsx)(c.BrandButton,{type:`button`,variant:`secondary`,onClick:m,testId:`cancel-button`,children:h(n.I18nKey.BUTTON$CANCEL)}),(0,u.jsx)(c.BrandButton,{type:`button`,variant:`primary`,onClick:()=>{let t=v.trim()!==``||b.trim()!==``,n=g;if(t){let e=T();if(`errorKey`in e){C(e.errorKey);return}n=[...g,e.row]}p(f(e,n.map(e=>[e.key,e.value])))},testId:`confirm-button`,children:h(n.I18nKey.BUTTON$SAVE)})]})]})})}exports.EditConversationTagsModal=p;
+//# sourceMappingURL=edit-conversation-tags-modal.cjs.map

package/dist/components/features/conversation-panel/edit-conversation-tags-modal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-conversation-tags-modal.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/edit-conversation-tags-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { X } from \"lucide-react\";\nimport {\n  BaseModalDescription,\n  BaseModalTitle,\n} from \"#/components/shared/modals/confirmation-modals/base-modal\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalBody } from \"#/components/shared/modals/modal-body\";\nimport { BrandButton } from \"../settings/brand-button\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport {\n  getDisplayConversationTags,\n  RESERVED_CONVERSATION_TAG_KEYS,\n} from \"#/api/agent-server-adapter\";\n\n/** Backend rule for tag keys (see `ConversationInfo.tags` in the SDK). */\nexport const CONVERSATION_TAG_KEY_PATTERN = /^[a-z0-9]+$/;\n/** Backend cap on tag values (see `ConversationInfo.tags` in the SDK). */\nexport const CONVERSATION_TAG_VALUE_MAX_LENGTH = 256;\n\ninterface TagRow {\n  key: string;\n  value: string;\n}\n\n/**\n * Merges the user's edited display tags with every entry the display helper\n * drops from the current map (reserved/internal keys, whitespace-only or\n * non-string values), so the replace-all PATCH never silently discards\n * internal tags. Bare tags (empty-string values) are user-manageable and\n * come through `editedUserTags` like any valued tag.\n */\nexport function mergeConversationTagEdits(\n  currentTags: Record<string, string> | null | undefined,\n  editedUserTags: readonly (readonly [string, string])[],\n): Record<string, string> {\n  const merged: Record<string, string> = {};\n  for (const [key, value] of Object.entries(currentTags ?? {})) {\n    // Preserve what the editor does not surface: reserved keys, non-string\n    // values, and whitespace-only values (raw-write junk the display drops).\n    // Empty-string values are bare tags — the editor manages them, so they\n    // must NOT be preserved here or a removed bare tag would resurrect.\n    if (\n      RESERVED_CONVERSATION_TAG_KEYS.has(key.trim().toLowerCase()) ||\n      typeof value !== \"string\" ||\n      (value !== \"\" && value.trim().length === 0)\n    ) {\n      merged[key] = value;\n    }\n  }\n  for (const [key, value] of editedUserTags) {\n    merged[key] = value;\n  }\n  return merged;\n}\n\ninterface EditConversationTagsModalProps {\n  /** The conversation's complete server-side tag map (including internals). */\n  tags: Record<string, string> | null | undefined;\n  /** Called with the merged complete map (user edits + preserved internals). */\n  onConfirm: (mergedTags: Record<string, string>) => void;\n  onCancel: () => void;\n}\n\nexport function EditConversationTagsModal({\n  tags,\n  onConfirm,\n  onCancel,\n}: EditConversationTagsModalProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [rows, setRows] = React.useState<TagRow[]>(() =>\n    getDisplayConversationTags(tags).map(([key, value]) => ({ key, value })),\n  );\n  const [newKey, setNewKey] = React.useState(\"\");\n  const [newValue, setNewValue] = React.useState(\"\");\n  const [errorKey, setErrorKey] = React.useState<I18nKey | null>(null);\n  const keyInputRef = React.useRef<HTMLInputElement>(null);\n\n  /**\n   * Validates whatever is sitting in the key/value inputs against the backend's\n   * tag rules and the rows already staged. Shared by Add and Save so both\n   * doors apply the same checks.\n   */\n  const buildPendingRow = (): { row: TagRow } | { errorKey: I18nKey } => {\n    const key = newKey.trim();\n    const value = newValue.trim();\n    if (!CONVERSATION_TAG_KEY_PATTERN.test(key)) {\n      return { errorKey: I18nKey.CONVERSATION$TAG_KEY_INVALID };\n    }\n    if (RESERVED_CONVERSATION_TAG_KEYS.has(key)) {\n      return { errorKey: I18nKey.CONVERSATION$TAG_KEY_RESERVED };\n    }\n    if (rows.some((row) => row.key === key)) {\n      return { errorKey: I18nKey.CONVERSATION$TAG_KEY_DUPLICATE };\n    }\n    // The value is optional: an empty value is a bare tag — stored as \"\" (the\n    // backend validator allows it) and rendered as just the key.\n    if (value.length > CONVERSATION_TAG_VALUE_MAX_LENGTH) {\n      return { errorKey: I18nKey.CONVERSATION$TAG_VALUE_INVALID };\n    }\n    return { row: { key, value } };\n  };\n\n  const handleAdd = () => {\n    const result = buildPendingRow();\n    if (\"errorKey\" in result) {\n      setErrorKey(result.errorKey);\n      return;\n    }\n    setRows((prev) => [...prev, result.row]);\n    setNewKey(\"\");\n    setNewValue(\"\");\n    setErrorKey(null);\n    // Ready for the next tag: focus returns to the key box, not the value box.\n    keyInputRef.current?.focus();\n  };\n\n  const handleInputKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === \"Enter\") {\n      event.preventDefault();\n      handleAdd();\n    }\n  };\n\n  const handleRemove = (key: string) => {\n    setRows((prev) => prev.filter((row) => row.key !== key));\n  };\n\n  const handleConfirm = () => {\n    // Add is an affordance for entering several tags, not a toll on entering\n    // one: a tag typed into the inputs and never Added is still a tag the user\n    // asked for, so Save commits it. If it doesn't validate, surface the error\n    // and keep the modal open — never drop the typing on the floor.\n    const hasPendingInput = newKey.trim() !== \"\" || newValue.trim() !== \"\";\n    let committedRows = rows;\n    if (hasPendingInput) {\n      const result = buildPendingRow();\n      if (\"errorKey\" in result) {\n        setErrorKey(result.errorKey);\n        return;\n      }\n      committedRows = [...rows, result.row];\n    }\n\n    onConfirm(\n      mergeConversationTagEdits(\n        tags,\n        committedRows.map((row) => [row.key, row.value] as const),\n      ),\n    );\n  };\n\n  return (\n    <ModalBackdrop onClose={onCancel}>\n      <ModalBody\n        className=\"items-start border border-[var(--oh-border)]\"\n        testID=\"edit-conversation-tags-modal\"\n      >\n        <div className=\"flex flex-col gap-2\">\n          <BaseModalTitle title={t(I18nKey.CONVERSATION$EDIT_TAGS)} />\n          <BaseModalDescription>\n            {t(I18nKey.CONVERSATION$EDIT_TAGS_DESCRIPTION)}\n          </BaseModalDescription>\n        </div>\n\n        <div\n          className=\"flex w-full flex-col gap-2\"\n          onClick={(event) => event.stopPropagation()}\n        >\n          {rows.length > 0 ? (\n            <ul\n              className=\"flex w-full flex-col gap-1\"\n              data-testid=\"edit-tags-rows\"\n            >\n              {rows.map((row) => (\n                <li\n                  key={row.key}\n                  className=\"flex items-center gap-2 rounded-md border border-[var(--oh-border)] px-2 py-1\"\n                  data-testid={`edit-tag-row-${row.key}`}\n                >\n                  <span className=\"min-w-0 flex-1 truncate text-xs text-white\">\n                    {row.value ? `${row.key}=${row.value}` : row.key}\n                  </span>\n                  <button\n                    type=\"button\"\n                    aria-label={t(I18nKey.CONVERSATION$REMOVE_TAG)}\n                    data-testid={`remove-tag-${row.key}`}\n                    onClick={() => handleRemove(row.key)}\n                    className=\"shrink-0 text-[var(--oh-muted)] hover:text-white\"\n                  >\n                    <X className=\"h-3.5 w-3.5\" aria-hidden />\n                  </button>\n                </li>\n              ))}\n            </ul>\n          ) : null}\n\n          <div className=\"flex w-full items-center gap-2\">\n            <input\n              type=\"text\"\n              value={newKey}\n              placeholder={t(I18nKey.CONVERSATION$TAG_KEY_PLACEHOLDER)}\n              aria-label={t(I18nKey.CONVERSATION$TAG_KEY_PLACEHOLDER)}\n              data-testid=\"new-tag-key-input\"\n              ref={keyInputRef}\n              onChange={(event) => setNewKey(event.target.value)}\n              onKeyDown={handleInputKeyDown}\n              className=\"w-28 shrink-0 rounded-md border border-[var(--oh-border)] bg-base-secondary px-2 py-1 text-xs text-white placeholder:text-[var(--oh-muted)]\"\n            />\n            <input\n              type=\"text\"\n              value={newValue}\n              placeholder={t(I18nKey.CONVERSATION$TAG_VALUE_PLACEHOLDER)}\n              aria-label={t(I18nKey.CONVERSATION$TAG_VALUE_PLACEHOLDER)}\n              data-testid=\"new-tag-value-input\"\n              onChange={(event) => setNewValue(event.target.value)}\n              onKeyDown={handleInputKeyDown}\n              className=\"min-w-0 flex-1 rounded-md border border-[var(--oh-border)] bg-base-secondary px-2 py-1 text-xs text-white placeholder:text-[var(--oh-muted)]\"\n            />\n            <BrandButton\n              type=\"button\"\n              variant=\"secondary\"\n              onClick={handleAdd}\n              testId=\"add-tag-button\"\n            >\n              {t(I18nKey.BUTTON$ADD)}\n            </BrandButton>\n          </div>\n\n          {errorKey ? (\n            <p\n              role=\"alert\"\n              data-testid=\"edit-tags-error\"\n              className=\"text-xs text-red-400\"\n            >\n              {t(errorKey)}\n            </p>\n          ) : null}\n        </div>\n\n        <div\n          className=\"flex justify-end gap-2 w-full\"\n          onClick={(event) => event.stopPropagation()}\n        >\n          <BrandButton\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={onCancel}\n            testId=\"cancel-button\"\n          >\n            {t(I18nKey.BUTTON$CANCEL)}\n          </BrandButton>\n          <BrandButton\n            type=\"button\"\n            variant=\"primary\"\n            onClick={handleConfirm}\n            testId=\"confirm-button\"\n          >\n            {t(I18nKey.BUTTON$SAVE)}\n          </BrandButton>\n        </div>\n      </ModalBody>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/conversation-panel/edit-conversation-tags-modal.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+/** Backend rule for tag keys (see `ConversationInfo.tags` in the SDK). */
+export declare const CONVERSATION_TAG_KEY_PATTERN: RegExp;
+/** Backend cap on tag values (see `ConversationInfo.tags` in the SDK). */
+export declare const CONVERSATION_TAG_VALUE_MAX_LENGTH = 256;
+/**
+ * Merges the user's edited display tags with every entry the display helper
+ * drops from the current map (reserved/internal keys, whitespace-only or
+ * non-string values), so the replace-all PATCH never silently discards
+ * internal tags. Bare tags (empty-string values) are user-manageable and
+ * come through `editedUserTags` like any valued tag.
+ */
+export declare function mergeConversationTagEdits(currentTags: Record<string, string> | null | undefined, editedUserTags: readonly (readonly [string, string])[]): Record<string, string>;
+interface EditConversationTagsModalProps {
+    /** The conversation's complete server-side tag map (including internals). */
+    tags: Record<string, string> | null | undefined;
+    /** Called with the merged complete map (user edits + preserved internals). */
+    onConfirm: (mergedTags: Record<string, string>) => void;
+    onCancel: () => void;
+}
+export declare function EditConversationTagsModal({ tags, onConfirm, onCancel, }: EditConversationTagsModalProps): React.JSX.Element;
+export {};

package/dist/components/features/conversation-panel/edit-conversation-tags-modal.js

@@ -0,0 +1,153 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { X as n } from "../../../node_modules/lucide-react/dist/esm/icons/x.js";
+import { RESERVED_CONVERSATION_TAG_KEYS as r, getDisplayConversationTags as i } from "../../../api/agent-server-adapter.js";
+import { ModalBackdrop as a } from "../../shared/modals/modal-backdrop.js";
+import { ModalBody as o } from "../../shared/modals/modal-body.js";
+import { BaseModalDescription as s, BaseModalTitle as c } from "../../shared/modals/confirmation-modals/base-modal.js";
+import { BrandButton as l } from "../settings/brand-button.js";
+import u from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/features/conversation-panel/edit-conversation-tags-modal.tsx
+var p = /^[a-z0-9]+$/;
+function m(e, t) {
+	let n = {};
+	for (let [t, i] of Object.entries(e ?? {})) (r.has(t.trim().toLowerCase()) || typeof i != "string" || i !== "" && i.trim().length === 0) && (n[t] = i);
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}
+function h({ tags: h, onConfirm: g, onCancel: _ }) {
+	let { t: v } = e("openhands"), [y, b] = u.useState(() => i(h).map(([e, t]) => ({
+		key: e,
+		value: t
+	}))), [x, S] = u.useState(""), [C, w] = u.useState(""), [T, E] = u.useState(null), D = u.useRef(null), O = () => {
+		let e = x.trim(), n = C.trim();
+		return p.test(e) ? r.has(e) ? { errorKey: t.CONVERSATION$TAG_KEY_RESERVED } : y.some((t) => t.key === e) ? { errorKey: t.CONVERSATION$TAG_KEY_DUPLICATE } : n.length > 256 ? { errorKey: t.CONVERSATION$TAG_VALUE_INVALID } : { row: {
+			key: e,
+			value: n
+		} } : { errorKey: t.CONVERSATION$TAG_KEY_INVALID };
+	}, k = () => {
+		let e = O();
+		if ("errorKey" in e) {
+			E(e.errorKey);
+			return;
+		}
+		b((t) => [...t, e.row]), S(""), w(""), E(null), D.current?.focus();
+	}, A = (e) => {
+		e.key === "Enter" && (e.preventDefault(), k());
+	}, j = (e) => {
+		b((t) => t.filter((t) => t.key !== e));
+	};
+	return /* @__PURE__ */ d(a, {
+		onClose: _,
+		children: /* @__PURE__ */ f(o, {
+			className: "items-start border border-[var(--oh-border)]",
+			testID: "edit-conversation-tags-modal",
+			children: [
+				/* @__PURE__ */ f("div", {
+					className: "flex flex-col gap-2",
+					children: [/* @__PURE__ */ d(c, { title: v(t.CONVERSATION$EDIT_TAGS) }), /* @__PURE__ */ d(s, { children: v(t.CONVERSATION$EDIT_TAGS_DESCRIPTION) })]
+				}),
+				/* @__PURE__ */ f("div", {
+					className: "flex w-full flex-col gap-2",
+					onClick: (e) => e.stopPropagation(),
+					children: [
+						y.length > 0 ? /* @__PURE__ */ d("ul", {
+							className: "flex w-full flex-col gap-1",
+							"data-testid": "edit-tags-rows",
+							children: y.map((e) => /* @__PURE__ */ f("li", {
+								className: "flex items-center gap-2 rounded-md border border-[var(--oh-border)] px-2 py-1",
+								"data-testid": `edit-tag-row-${e.key}`,
+								children: [/* @__PURE__ */ d("span", {
+									className: "min-w-0 flex-1 truncate text-xs text-white",
+									children: e.value ? `${e.key}=${e.value}` : e.key
+								}), /* @__PURE__ */ d("button", {
+									type: "button",
+									"aria-label": v(t.CONVERSATION$REMOVE_TAG),
+									"data-testid": `remove-tag-${e.key}`,
+									onClick: () => j(e.key),
+									className: "shrink-0 text-[var(--oh-muted)] hover:text-white",
+									children: /* @__PURE__ */ d(n, {
+										className: "h-3.5 w-3.5",
+										"aria-hidden": !0
+									})
+								})]
+							}, e.key))
+						}) : null,
+						/* @__PURE__ */ f("div", {
+							className: "flex w-full items-center gap-2",
+							children: [
+								/* @__PURE__ */ d("input", {
+									type: "text",
+									value: x,
+									placeholder: v(t.CONVERSATION$TAG_KEY_PLACEHOLDER),
+									"aria-label": v(t.CONVERSATION$TAG_KEY_PLACEHOLDER),
+									"data-testid": "new-tag-key-input",
+									ref: D,
+									onChange: (e) => S(e.target.value),
+									onKeyDown: A,
+									className: "w-28 shrink-0 rounded-md border border-[var(--oh-border)] bg-base-secondary px-2 py-1 text-xs text-white placeholder:text-[var(--oh-muted)]"
+								}),
+								/* @__PURE__ */ d("input", {
+									type: "text",
+									value: C,
+									placeholder: v(t.CONVERSATION$TAG_VALUE_PLACEHOLDER),
+									"aria-label": v(t.CONVERSATION$TAG_VALUE_PLACEHOLDER),
+									"data-testid": "new-tag-value-input",
+									onChange: (e) => w(e.target.value),
+									onKeyDown: A,
+									className: "min-w-0 flex-1 rounded-md border border-[var(--oh-border)] bg-base-secondary px-2 py-1 text-xs text-white placeholder:text-[var(--oh-muted)]"
+								}),
+								/* @__PURE__ */ d(l, {
+									type: "button",
+									variant: "secondary",
+									onClick: k,
+									testId: "add-tag-button",
+									children: v(t.BUTTON$ADD)
+								})
+							]
+						}),
+						T ? /* @__PURE__ */ d("p", {
+							role: "alert",
+							"data-testid": "edit-tags-error",
+							className: "text-xs text-red-400",
+							children: v(T)
+						}) : null
+					]
+				}),
+				/* @__PURE__ */ f("div", {
+					className: "flex justify-end gap-2 w-full",
+					onClick: (e) => e.stopPropagation(),
+					children: [/* @__PURE__ */ d(l, {
+						type: "button",
+						variant: "secondary",
+						onClick: _,
+						testId: "cancel-button",
+						children: v(t.BUTTON$CANCEL)
+					}), /* @__PURE__ */ d(l, {
+						type: "button",
+						variant: "primary",
+						onClick: () => {
+							let e = x.trim() !== "" || C.trim() !== "", t = y;
+							if (e) {
+								let e = O();
+								if ("errorKey" in e) {
+									E(e.errorKey);
+									return;
+								}
+								t = [...y, e.row];
+							}
+							g(m(h, t.map((e) => [e.key, e.value])));
+						},
+						testId: "confirm-button",
+						children: v(t.BUTTON$SAVE)
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { h as EditConversationTagsModal };
+
+//# sourceMappingURL=edit-conversation-tags-modal.js.map

package/dist/components/features/conversation-panel/edit-conversation-tags-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-conversation-tags-modal.js","names":[],"sources":["../../../../src/components/features/conversation-panel/edit-conversation-tags-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { X } from \"lucide-react\";\nimport {\n  BaseModalDescription,\n  BaseModalTitle,\n} from \"#/components/shared/modals/confirmation-modals/base-modal\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalBody } from \"#/components/shared/modals/modal-body\";\nimport { BrandButton } from \"../settings/brand-button\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport {\n  getDisplayConversationTags,\n  RESERVED_CONVERSATION_TAG_KEYS,\n} from \"#/api/agent-server-adapter\";\n\n/** Backend rule for tag keys (see `ConversationInfo.tags` in the SDK). */\nexport const CONVERSATION_TAG_KEY_PATTERN = /^[a-z0-9]+$/;\n/** Backend cap on tag values (see `ConversationInfo.tags` in the SDK). */\nexport const CONVERSATION_TAG_VALUE_MAX_LENGTH = 256;\n\ninterface TagRow {\n  key: string;\n  value: string;\n}\n\n/**\n * Merges the user's edited display tags with every entry the display helper\n * drops from the current map (reserved/internal keys, whitespace-only or\n * non-string values), so the replace-all PATCH never silently discards\n * internal tags. Bare tags (empty-string values) are user-manageable and\n * come through `editedUserTags` like any valued tag.\n */\nexport function mergeConversationTagEdits(\n  currentTags: Record<string, string> | null | undefined,\n  editedUserTags: readonly (readonly [string, string])[],\n): Record<string, string> {\n  const merged: Record<string, string> = {};\n  for (const [key, value] of Object.entries(currentTags ?? {})) {\n    // Preserve what the editor does not surface: reserved keys, non-string\n    // values, and whitespace-only values (raw-write junk the display drops).\n    // Empty-string values are bare tags — the editor manages them, so they\n    // must NOT be preserved here or a removed bare tag would resurrect.\n    if (\n      RESERVED_CONVERSATION_TAG_KEYS.has(key.trim().toLowerCase()) ||\n      typeof value !== \"string\" ||\n      (value !== \"\" && value.trim().length === 0)\n    ) {\n      merged[key] = value;\n    }\n  }\n  for (const [key, value] of editedUserTags) {\n    merged[key] = value;\n  }\n  return merged;\n}\n\ninterface EditConversationTagsModalProps {\n  /** The conversation's complete server-side tag map (including internals). */\n  tags: Record<string, string> | null | undefined;\n  /** Called with the merged complete map (user edits + preserved internals). */\n  onConfirm: (mergedTags: Record<string, string>) => void;\n  onCancel: () => void;\n}\n\nexport function EditConversationTagsModal({\n  tags,\n  onConfirm,\n  onCancel,\n}: EditConversationTagsModalProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [rows, setRows] = React.useState<TagRow[]>(() =>\n    getDisplayConversationTags(tags).map(([key, value]) => ({ key, value })),\n  );\n  const [newKey, setNewKey] = React.useState(\"\");\n  const [newValue, setNewValue] = React.useState(\"\");\n  const [errorKey, setErrorKey] = React.useState<I18nKey | null>(null);\n  const keyInputRef = React.useRef<HTMLInputElement>(null);\n\n  /**\n   * Validates whatever is sitting in the key/value inputs against the backend's\n   * tag rules and the rows already staged. Shared by Add and Save so both\n   * doors apply the same checks.\n   */\n  const buildPendingRow = (): { row: TagRow } | { errorKey: I18nKey } => {\n    const key = newKey.trim();\n    const value = newValue.trim();\n    if (!CONVERSATION_TAG_KEY_PATTERN.test(key)) {\n      return { errorKey: I18nKey.CONVERSATION$TAG_KEY_INVALID };\n    }\n    if (RESERVED_CONVERSATION_TAG_KEYS.has(key)) {\n      return { errorKey: I18nKey.CONVERSATION$TAG_KEY_RESERVED };\n    }\n    if (rows.some((row) => row.key === key)) {\n      return { errorKey: I18nKey.CONVERSATION$TAG_KEY_DUPLICATE };\n    }\n    // The value is optional: an empty value is a bare tag — stored as \"\" (the\n    // backend validator allows it) and rendered as just the key.\n    if (value.length > CONVERSATION_TAG_VALUE_MAX_LENGTH) {\n      return { errorKey: I18nKey.CONVERSATION$TAG_VALUE_INVALID };\n    }\n    return { row: { key, value } };\n  };\n\n  const handleAdd = () => {\n    const result = buildPendingRow();\n    if (\"errorKey\" in result) {\n      setErrorKey(result.errorKey);\n      return;\n    }\n    setRows((prev) => [...prev, result.row]);\n    setNewKey(\"\");\n    setNewValue(\"\");\n    setErrorKey(null);\n    // Ready for the next tag: focus returns to the key box, not the value box.\n    keyInputRef.current?.focus();\n  };\n\n  const handleInputKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === \"Enter\") {\n      event.preventDefault();\n      handleAdd();\n    }\n  };\n\n  const handleRemove = (key: string) => {\n    setRows((prev) => prev.filter((row) => row.key !== key));\n  };\n\n  const handleConfirm = () => {\n    // Add is an affordance for entering several tags, not a toll on entering\n    // one: a tag typed into the inputs and never Added is still a tag the user\n    // asked for, so Save commits it. If it doesn't validate, surface the error\n    // and keep the modal open — never drop the typing on the floor.\n    const hasPendingInput = newKey.trim() !== \"\" || newValue.trim() !== \"\";\n    let committedRows = rows;\n    if (hasPendingInput) {\n      const result = buildPendingRow();\n      if (\"errorKey\" in result) {\n        setErrorKey(result.errorKey);\n        return;\n      }\n      committedRows = [...rows, result.row];\n    }\n\n    onConfirm(\n      mergeConversationTagEdits(\n        tags,\n        committedRows.map((row) => [row.key, row.value] as const),\n      ),\n    );\n  };\n\n  return (\n    <ModalBackdrop onClose={onCancel}>\n      <ModalBody\n        className=\"items-start border border-[var(--oh-border)]\"\n        testID=\"edit-conversation-tags-modal\"\n      >\n        <div className=\"flex flex-col gap-2\">\n          <BaseModalTitle title={t(I18nKey.CONVERSATION$EDIT_TAGS)} />\n          <BaseModalDescription>\n            {t(I18nKey.CONVERSATION$EDIT_TAGS_DESCRIPTION)}\n          </BaseModalDescription>\n        </div>\n\n        <div\n          className=\"flex w-full flex-col gap-2\"\n          onClick={(event) => event.stopPropagation()}\n        >\n          {rows.length > 0 ? (\n            <ul\n              className=\"flex w-full flex-col gap-1\"\n              data-testid=\"edit-tags-rows\"\n            >\n              {rows.map((row) => (\n                <li\n                  key={row.key}\n                  className=\"flex items-center gap-2 rounded-md border border-[var(--oh-border)] px-2 py-1\"\n                  data-testid={`edit-tag-row-${row.key}`}\n                >\n                  <span className=\"min-w-0 flex-1 truncate text-xs text-white\">\n                    {row.value ? `${row.key}=${row.value}` : row.key}\n                  </span>\n                  <button\n                    type=\"button\"\n                    aria-label={t(I18nKey.CONVERSATION$REMOVE_TAG)}\n                    data-testid={`remove-tag-${row.key}`}\n                    onClick={() => handleRemove(row.key)}\n                    className=\"shrink-0 text-[var(--oh-muted)] hover:text-white\"\n                  >\n                    <X className=\"h-3.5 w-3.5\" aria-hidden />\n                  </button>\n                </li>\n              ))}\n            </ul>\n          ) : null}\n\n          <div className=\"flex w-full items-center gap-2\">\n            <input\n              type=\"text\"\n              value={newKey}\n              placeholder={t(I18nKey.CONVERSATION$TAG_KEY_PLACEHOLDER)}\n              aria-label={t(I18nKey.CONVERSATION$TAG_KEY_PLACEHOLDER)}\n              data-testid=\"new-tag-key-input\"\n              ref={keyInputRef}\n              onChange={(event) => setNewKey(event.target.value)}\n              onKeyDown={handleInputKeyDown}\n              className=\"w-28 shrink-0 rounded-md border border-[var(--oh-border)] bg-base-secondary px-2 py-1 text-xs text-white placeholder:text-[var(--oh-muted)]\"\n            />\n            <input\n              type=\"text\"\n              value={newValue}\n              placeholder={t(I18nKey.CONVERSATION$TAG_VALUE_PLACEHOLDER)}\n              aria-label={t(I18nKey.CONVERSATION$TAG_VALUE_PLACEHOLDER)}\n              data-testid=\"new-tag-value-input\"\n              onChange={(event) => setNewValue(event.target.value)}\n              onKeyDown={handleInputKeyDown}\n              className=\"min-w-0 flex-1 rounded-md border border-[var(--oh-border)] bg-base-secondary px-2 py-1 text-xs text-white placeholder:text-[var(--oh-muted)]\"\n            />\n            <BrandButton\n              type=\"button\"\n              variant=\"secondary\"\n              onClick={handleAdd}\n              testId=\"add-tag-button\"\n            >\n              {t(I18nKey.BUTTON$ADD)}\n            </BrandButton>\n          </div>\n\n          {errorKey ? (\n            <p\n              role=\"alert\"\n              data-testid=\"edit-tags-error\"\n              className=\"text-xs text-red-400\"\n            >\n              {t(errorKey)}\n            </p>\n          ) : null}\n        </div>\n\n        <div\n          className=\"flex justify-end gap-2 w-full\"\n          onClick={(event) => event.stopPropagation()}\n        >\n          <BrandButton\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={onCancel}\n            testId=\"cancel-button\"\n          >\n            {t(I18nKey.BUTTON$CANCEL)}\n          </BrandButton>\n          <BrandButton\n            type=\"button\"\n            variant=\"primary\"\n            onClick={handleConfirm}\n            testId=\"confirm-button\"\n          >\n            {t(I18nKey.BUTTON$SAVE)}\n          </BrandButton>\n        </div>\n      </ModalBody>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAiBA,IAAa,IAA+B;AAgB5C,SAAgB,EACd,GACA,GACwB;CACxB,IAAM,IAAiC,CAAC;CACxC,KAAK,IAAM,CAAC,GAAK,MAAU,OAAO,QAAQ,KAAe,CAAC,CAAC,GAKzD,CACE,EAA+B,IAAI,EAAI,KAAK,EAAE,YAAY,CAAC,KAC3D,OAAO,KAAU,YAChB,MAAU,MAAM,EAAM,KAAK,EAAE,WAAW,OAEzC,EAAO,KAAO;CAGlB,KAAK,IAAM,CAAC,GAAK,MAAU,GACzB,EAAO,KAAO;CAEhB,OAAO;AACT;AAUA,SAAgB,EAA0B,EACxC,SACA,cACA,eACiC;CACjC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,CAAC,GAAM,KAAW,EAAM,eAC5B,EAA2B,CAAI,EAAE,KAAK,CAAC,GAAK,QAAY;EAAE;EAAK;CAAM,EAAE,CACzE,GACM,CAAC,GAAQ,KAAa,EAAM,SAAS,EAAE,GACvC,CAAC,GAAU,KAAe,EAAM,SAAS,EAAE,GAC3C,CAAC,GAAU,KAAe,EAAM,SAAyB,IAAI,GAC7D,IAAc,EAAM,OAAyB,IAAI,GAOjD,UAAiE;EACrE,IAAM,IAAM,EAAO,KAAK,GAClB,IAAQ,EAAS,KAAK;EAe5B,OAdK,EAA6B,KAAK,CAAG,IAGtC,EAA+B,IAAI,CAAG,IACjC,EAAE,UAAU,EAAQ,8BAA8B,IAEvD,EAAK,MAAM,MAAQ,EAAI,QAAQ,CAAG,IAC7B,EAAE,UAAU,EAAQ,+BAA+B,IAIxD,EAAM,SAAA,MACD,EAAE,UAAU,EAAQ,+BAA+B,IAErD,EAAE,KAAK;GAAE;GAAK;EAAM,EAAE,IAbpB,EAAE,UAAU,EAAQ,6BAA6B;CAc5D,GAEM,UAAkB;EACtB,IAAM,IAAS,EAAgB;EAC/B,IAAI,cAAc,GAAQ;GACxB,EAAY,EAAO,QAAQ;GAC3B;EACF;EAMA,AALA,GAAS,MAAS,CAAC,GAAG,GAAM,EAAO,GAAG,CAAC,GACvC,EAAU,EAAE,GACZ,EAAY,EAAE,GACd,EAAY,IAAI,GAEhB,EAAY,SAAS,MAAM;CAC7B,GAEM,KAAsB,MAA+B;EACzD,AAAI,EAAM,QAAQ,YAChB,EAAM,eAAe,GACrB,EAAU;CAEd,GAEM,KAAgB,MAAgB;EACpC,GAAS,MAAS,EAAK,QAAQ,MAAQ,EAAI,QAAQ,CAAG,CAAC;CACzD;CA0BA,OACE,kBAAC,GAAD;EAAe,SAAS;YACtB,kBAAC,GAAD;GACE,WAAU;GACV,QAAO;aAFT;IAIE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAgB,OAAO,EAAE,EAAQ,sBAAsB,EAAI,CAAA,GAC3D,kBAAC,GAAD,EAAA,UACG,EAAE,EAAQ,kCAAkC,EACzB,CAAA,CACnB;;IAEL,kBAAC,OAAD;KACE,WAAU;KACV,UAAU,MAAU,EAAM,gBAAgB;eAF5C;MAIG,EAAK,SAAS,IACb,kBAAC,MAAD;OACE,WAAU;OACV,eAAY;iBAEX,EAAK,KAAK,MACT,kBAAC,MAAD;QAEE,WAAU;QACV,eAAa,gBAAgB,EAAI;kBAHnC,CAKE,kBAAC,QAAD;SAAM,WAAU;mBACb,EAAI,QAAQ,GAAG,EAAI,IAAI,GAAG,EAAI,UAAU,EAAI;QACzC,CAAA,GACN,kBAAC,UAAD;SACE,MAAK;SACL,cAAY,EAAE,EAAQ,uBAAuB;SAC7C,eAAa,cAAc,EAAI;SAC/B,eAAe,EAAa,EAAI,GAAG;SACnC,WAAU;mBAEV,kBAAC,GAAD;UAAG,WAAU;UAAc,eAAA;SAAa,CAAA;QAClC,CAAA,CACN;UAhBG,EAAI,GAgBP,CACL;MACC,CAAA,IACF;MAEJ,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,SAAD;SACE,MAAK;SACL,OAAO;SACP,aAAa,EAAE,EAAQ,gCAAgC;SACvD,cAAY,EAAE,EAAQ,gCAAgC;SACtD,eAAY;SACZ,KAAK;SACL,WAAW,MAAU,EAAU,EAAM,OAAO,KAAK;SACjD,WAAW;SACX,WAAU;QACX,CAAA;QACD,kBAAC,SAAD;SACE,MAAK;SACL,OAAO;SACP,aAAa,EAAE,EAAQ,kCAAkC;SACzD,cAAY,EAAE,EAAQ,kCAAkC;SACxD,eAAY;SACZ,WAAW,MAAU,EAAY,EAAM,OAAO,KAAK;SACnD,WAAW;SACX,WAAU;QACX,CAAA;QACD,kBAAC,GAAD;SACE,MAAK;SACL,SAAQ;SACR,SAAS;SACT,QAAO;mBAEN,EAAE,EAAQ,UAAU;QACV,CAAA;OACV;;MAEJ,IACC,kBAAC,KAAD;OACE,MAAK;OACL,eAAY;OACZ,WAAU;iBAET,EAAE,CAAQ;MACV,CAAA,IACD;KACD;;IAEL,kBAAC,OAAD;KACE,WAAU;KACV,UAAU,MAAU,EAAM,gBAAgB;eAF5C,CAIE,kBAAC,GAAD;MACE,MAAK;MACL,SAAQ;MACR,SAAS;MACT,QAAO;gBAEN,EAAE,EAAQ,aAAa;KACb,CAAA,GACb,kBAAC,GAAD;MACE,MAAK;MACL,SAAQ;MACR,eA/HkB;OAK1B,IAAM,IAAkB,EAAO,KAAK,MAAM,MAAM,EAAS,KAAK,MAAM,IAChE,IAAgB;OACpB,IAAI,GAAiB;QACnB,IAAM,IAAS,EAAgB;QAC/B,IAAI,cAAc,GAAQ;SACxB,EAAY,EAAO,QAAQ;SAC3B;QACF;QACA,IAAgB,CAAC,GAAG,GAAM,EAAO,GAAG;OACtC;OAEA,EACE,EACE,GACA,EAAc,KAAK,MAAQ,CAAC,EAAI,KAAK,EAAI,KAAK,CAAU,CAC1D,CACF;MACF;MA0GU,QAAO;gBAEN,EAAE,EAAQ,WAAW;KACX,CAAA,CACV;;GACI;;CACE,CAAA;AAEnB"}

package/dist/components/features/conversation-panel/hide-older-conversations-row.cjs

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../node_modules/lucide-react/dist/esm/icons/eye-off.cjs"),r=require("../../../utils/utils.cjs"),i=require("../../../utils/dropdown-classes.cjs"),a=require("../../../ui/toggle-switch.cjs"),o=require("../../shared/filters/enum-filter-dropdown.cjs"),s=require("./conversation-panel-list-helpers.cjs"),c=require("../../../stores/conversation-panel-preferences-store.cjs");let l=require("react/jsx-runtime");var u={"1h":t.I18nKey.CONVERSATION_PANEL$OLDER_OVER_ONE_HOUR,"1d":t.I18nKey.CONVERSATION_PANEL$OLDER_OVER_ONE_DAY,"7d":t.I18nKey.CONVERSATION_PANEL$OLDER_OVER_ONE_WEEK,"30d":t.I18nKey.CONVERSATION_PANEL$OLDER_OVER_THIRTY_DAYS};function d(){let{t:d}=e.useTranslation(`openhands`),f=c.useConversationPanelPreferencesStore(e=>e.showOlderConversations),p=c.useConversationPanelPreferencesStore(e=>e.olderConversationCutoff),m=c.useConversationPanelPreferencesStore(e=>e.toggleShowOlderConversations),h=c.useConversationPanelPreferencesStore(e=>e.setOlderConversationCutoff),g=!f,_=s.isOlderConversationCutoff(p)?p:`7d`;return(0,l.jsxs)(`div`,{role:`menuitemcheckbox`,"aria-checked":g,"data-testid":`toggle-older-conversations`,tabIndex:0,onClick:m,onKeyDown:e=>{(e.key===` `||e.key===`Enter`)&&(e.preventDefault(),m())},className:r.cn(`group`,i.dropdownMenuRowClassName,`text-[var(--oh-foreground)]`),children:[(0,l.jsx)(n.EyeOff,{className:r.cn(`h-3.5 w-3.5`,i.dropdownMenuRowIconClassName),"aria-hidden":!0}),(0,l.jsx)(`span`,{className:`min-w-0 shrink truncate`,children:d(t.I18nKey.CONVERSATION_PANEL$HIDE_CONVERSATIONS)}),(0,l.jsx)(`div`,{className:`shrink-0`,onClick:e=>e.stopPropagation(),onKeyDown:e=>e.stopPropagation(),children:(0,l.jsx)(o.EnumFilterDropdown,{testId:`older-conversation-cutoff`,value:_,onChange:h,options:s.OLDER_CONVERSATION_CUTOFFS,labelKeyByValue:u,ariaLabel:d(t.I18nKey.CONVERSATION_PANEL$OLDER_CUTOFF_LABEL),emphasizeNonDefault:!1,triggerClassName:r.cn(`h-7 gap-1 rounded py-0 pl-2 pr-1.5 font-normal`,`text-[var(--oh-foreground)] [&_svg]:h-3 [&_svg]:w-3 [&_svg]:text-[var(--oh-muted)]`)})}),(0,l.jsx)(a.ToggleSwitchVisual,{enabled:g,size:`sm`,className:`ml-auto`})]})}exports.HideOlderConversationsRow=d;
+//# sourceMappingURL=hide-older-conversations-row.cjs.map

package/dist/components/features/conversation-panel/hide-older-conversations-row.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hide-older-conversations-row.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/hide-older-conversations-row.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { EyeOff } from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  dropdownMenuRowClassName,\n  dropdownMenuRowIconClassName,\n} from \"#/utils/dropdown-classes\";\nimport { ToggleSwitchVisual } from \"#/ui/toggle-switch\";\nimport { EnumFilterDropdown } from \"#/components/shared/filters/enum-filter-dropdown\";\nimport { useConversationPanelPreferencesStore } from \"#/stores/conversation-panel-preferences-store\";\nimport {\n  DEFAULT_OLDER_CONVERSATION_CUTOFF,\n  isOlderConversationCutoff,\n  OLDER_CONVERSATION_CUTOFFS,\n} from \"./conversation-panel-list-helpers\";\n\nconst CUTOFF_LABEL_KEYS = {\n  \"1h\": I18nKey.CONVERSATION_PANEL$OLDER_OVER_ONE_HOUR,\n  \"1d\": I18nKey.CONVERSATION_PANEL$OLDER_OVER_ONE_DAY,\n  \"7d\": I18nKey.CONVERSATION_PANEL$OLDER_OVER_ONE_WEEK,\n  \"30d\": I18nKey.CONVERSATION_PANEL$OLDER_OVER_THIRTY_DAYS,\n} as const;\n\n/**\n * Hide-older control: a toggle plus an interval select. The persisted\n * preference is still `showOlderConversations` (true = show everything);\n * the toggle is inverted so on means hide.\n */\nexport function HideOlderConversationsRow() {\n  const { t } = useTranslation(\"openhands\");\n  const showOlderConversations = useConversationPanelPreferencesStore(\n    (state) => state.showOlderConversations,\n  );\n  const olderConversationCutoff = useConversationPanelPreferencesStore(\n    (state) => state.olderConversationCutoff,\n  );\n  const toggleShowOlderConversations = useConversationPanelPreferencesStore(\n    (state) => state.toggleShowOlderConversations,\n  );\n  const setOlderConversationCutoff = useConversationPanelPreferencesStore(\n    (state) => state.setOlderConversationCutoff,\n  );\n\n  const hideOlder = !showOlderConversations;\n  const cutoff = isOlderConversationCutoff(olderConversationCutoff)\n    ? olderConversationCutoff\n    : DEFAULT_OLDER_CONVERSATION_CUTOFF;\n\n  return (\n    <div\n      role=\"menuitemcheckbox\"\n      aria-checked={hideOlder}\n      data-testid=\"toggle-older-conversations\"\n      tabIndex={0}\n      onClick={toggleShowOlderConversations}\n      onKeyDown={(event) => {\n        if (event.key === \" \" || event.key === \"Enter\") {\n          event.preventDefault();\n          toggleShowOlderConversations();\n        }\n      }}\n      className={cn(\n        \"group\",\n        dropdownMenuRowClassName,\n        \"text-[var(--oh-foreground)]\",\n      )}\n    >\n      <EyeOff\n        className={cn(\"h-3.5 w-3.5\", dropdownMenuRowIconClassName)}\n        aria-hidden\n      />\n      <span className=\"min-w-0 shrink truncate\">\n        {t(I18nKey.CONVERSATION_PANEL$HIDE_CONVERSATIONS)}\n      </span>\n      <div\n        className=\"shrink-0\"\n        onClick={(event) => event.stopPropagation()}\n        onKeyDown={(event) => event.stopPropagation()}\n      >\n        <EnumFilterDropdown\n          testId=\"older-conversation-cutoff\"\n          value={cutoff}\n          onChange={setOlderConversationCutoff}\n          options={OLDER_CONVERSATION_CUTOFFS}\n          labelKeyByValue={CUTOFF_LABEL_KEYS}\n          ariaLabel={t(I18nKey.CONVERSATION_PANEL$OLDER_CUTOFF_LABEL)}\n          emphasizeNonDefault={false}\n          triggerClassName={cn(\n            \"h-7 gap-1 rounded py-0 pl-2 pr-1.5 font-normal\",\n            \"text-[var(--oh-foreground)] [&_svg]:h-3 [&_svg]:w-3 [&_svg]:text-[var(--oh-muted)]\",\n          )}\n        />\n      </div>\n      <ToggleSwitchVisual enabled={hideOlder} size=\"sm\" className=\"ml-auto\" />\n    </div>\n  );\n}\n"],"mappings":"olBAiBA,IAAM,EAAoB,CACxB,KAAM,EAAA,QAAQ,uCACd,KAAM,EAAA,QAAQ,sCACd,KAAM,EAAA,QAAQ,uCACd,MAAO,EAAA,QAAQ,yCACjB,EAOA,SAAgB,GAA4B,CAC1C,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAyB,EAAA,qCAC5B,GAAU,EAAM,sBACnB,EACM,EAA0B,EAAA,qCAC7B,GAAU,EAAM,uBACnB,EACM,EAA+B,EAAA,qCAClC,GAAU,EAAM,4BACnB,EACM,EAA6B,EAAA,qCAChC,GAAU,EAAM,0BACnB,EAEM,EAAY,CAAC,EACb,EAAS,EAAA,0BAA0B,CAAuB,EAC5D,EAAA,KAGJ,OACE,EAAA,EAAA,MAAC,MAAD,CACE,KAAK,mBACL,eAAc,EACd,cAAY,6BACZ,SAAU,EACV,QAAS,EACT,UAAY,GAAU,EAChB,EAAM,MAAQ,KAAO,EAAM,MAAQ,WACrC,EAAM,eAAe,EACrB,EAA6B,EAEjC,EACA,UAAW,EAAA,GACT,QACA,EAAA,yBACA,6BACF,WAhBF,EAkBE,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,UAAW,EAAA,GAAG,cAAe,EAAA,4BAA4B,EACzD,cAAA,EACD,CAAA,GACD,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mCACb,EAAE,EAAA,QAAQ,qCAAqC,CAC5C,CAAA,GACN,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,WACV,QAAU,GAAU,EAAM,gBAAgB,EAC1C,UAAY,GAAU,EAAM,gBAAgB,YAE5C,EAAA,EAAA,KAAC,EAAA,mBAAD,CACE,OAAO,4BACP,MAAO,EACP,SAAU,EACV,QAAS,EAAA,2BACT,gBAAiB,EACjB,UAAW,EAAE,EAAA,QAAQ,qCAAqC,EAC1D,oBAAqB,GACrB,iBAAkB,EAAA,GAChB,iDACA,oFACF,CACD,CAAA,CACE,CAAA,GACL,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAoB,QAAS,EAAW,KAAK,KAAK,UAAU,SAAW,CAAA,CACpE,GAET"}

package/dist/components/features/conversation-panel/hide-older-conversations-row.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Hide-older control: a toggle plus an interval select. The persisted
+ * preference is still `showOlderConversations` (true = show everything);
+ * the toggle is inverted so on means hide.
+ */
+export declare function HideOlderConversationsRow(): import("react").JSX.Element;