npm - @openhands/agent-canvas - Versions diffs - 1.0.0-beta.6 → 1.0.0-beta.7 - Mend

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

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

Files changed (802) hide show

package/dist/components/features/conversation-panel/conversation-panel-filter-menu.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"conversation-panel-filter-menu.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/conversation-panel-filter-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n Bot,\n CalendarArrowDown,\n Check,\n Clock3,\n ClockArrowDown,\n Eye,\n EyeOff,\n Folder,\n GitBranch,\n ListFilter,\n MessageCircle,\n Star,\n Trash2,\n} from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { BackendKind } from \"#/api/backend-registry/types\";\nimport { Divider } from \"#/ui/divider\";\nimport { cn } from \"#/utils/utils\";\nimport { formControlTransitionClassName } from \"#/utils/form-control-classes\";\nimport type {\n ConversationSortField,\n OrganizeMode,\n ThreadScope,\n} from \"./conversation-panel-list-helpers\";\n\nconst capitalizeLabel = (label: string) =>\n label.length > 0 ? label.charAt(0).toUpperCase() + label.slice(1) : label;\n\nconst MENU_SECTION_HEADING_PADDING = \"px-2 pb-1 pt-1\";\nconst MENU_SECTION_HEADING_TEXT =\n \"text-[11px] font-semibold uppercase tracking-wide text-[var(--oh-muted)]\";\n\nfunction MenuHeading({\n children,\n suffix,\n}: {\n children: React.ReactNode;\n suffix?: React.ReactNode;\n}) {\n if (suffix != null) {\n return (\n <div\n role=\"presentation\"\n className={cn(\n \"flex items-baseline justify-between gap-2\",\n MENU_SECTION_HEADING_PADDING,\n )}\n >\n <span\n className={cn(\n \"min-w-0 truncate text-left\",\n MENU_SECTION_HEADING_TEXT,\n )}\n >\n {children}\n </span>\n {suffix}\n </div>\n );\n }\n\n return (\n <div\n role=\"presentation\"\n className={cn(MENU_SECTION_HEADING_PADDING, MENU_SECTION_HEADING_TEXT)}\n >\n {children}\n </div>\n );\n}\n\nfunction MenuSeparator() {\n return <Divider inset=\"menu\" />;\n}\n\nfunction MenuRow({\n icon: Icon,\n label,\n selected,\n onClick,\n testId,\n disabled,\n}: {\n icon: React.ComponentType<{ className?: string; \"aria-hidden\"?: boolean }>;\n label: string;\n selected?: boolean;\n onClick: () => void;\n testId?: string;\n disabled?: boolean;\n}) {\n // Rows that show a selection checkmark are toggleable preferences, so\n // they get `role=\"menuitemradio\"` when they're part of a selectable\n // group and `role=\"menuitemcheckbox\"` when they're a standalone toggle.\n // For simplicity we use `menuitemradio` whenever `selected` is provided\n // (every selectable row in this menu is part of a mutually exclusive\n // group in practice) and fall back to plain `menuitem` otherwise.\n const role = selected === undefined ? \"menuitem\" : \"menuitemradio\";\n return (\n <button\n type=\"button\"\n role={role}\n aria-checked={selected === undefined ? undefined : Boolean(selected)}\n data-testid={testId}\n disabled={disabled}\n onClick={onClick}\n className={cn(\n \"group flex w-full items-center gap-2 rounded px-2 py-2 text-left text-sm text-[var(--oh-foreground)]\",\n \"hover:bg-[var(--oh-interactive-hover)] disabled:cursor-not-allowed disabled:opacity-50\",\n )}\n >\n <Icon\n className={cn(\n \"h-3.5 w-3.5 shrink-0 text-[var(--oh-muted)] group-hover:text-[var(--oh-foreground)] group-focus-visible:text-[var(--oh-foreground)]\",\n formControlTransitionClassName,\n )}\n aria-hidden\n />\n <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n {selected ? (\n <Check\n className=\"ml-auto h-3.5 w-3.5 shrink-0 text-[var(--oh-foreground)]\"\n aria-hidden\n />\n ) : null}\n </button>\n );\n}\n\nexport interface ConversationPanelFilterMenuProps {\n filterMenuOpen: boolean;\n setFilterMenuOpen: (open: boolean) => void;\n menuRef: React.RefObject<HTMLDivElement \| null>;\n backendKind: BackendKind;\n organizeMode: OrganizeMode;\n setOrganizeMode: (mode: OrganizeMode) => void;\n conversationSort: ConversationSortField;\n setConversationSort: (sort: ConversationSortField) => void;\n threadScope: ThreadScope;\n setThreadScope: (scope: ThreadScope) => void;\n showOlderConversations: boolean;\n toggleShowOlderConversations: () => void;\n showRepoBranchMetadata: boolean;\n toggleShowRepoBranchMetadata: () => void;\n showLlmProfiles: boolean;\n toggleShowLlmProfiles: () => void;\n totalConversationsCount: number;\n onRequestDeleteAll: () => void;\n}\n\nexport function ConversationPanelFilterMenu({\n filterMenuOpen,\n setFilterMenuOpen,\n menuRef,\n backendKind,\n organizeMode,\n setOrganizeMode,\n conversationSort,\n setConversationSort,\n threadScope,\n setThreadScope,\n showOlderConversations,\n toggleShowOlderConversations,\n showRepoBranchMetadata,\n toggleShowRepoBranchMetadata,\n showLlmProfiles,\n toggleShowLlmProfiles,\n totalConversationsCount,\n onRequestDeleteAll,\n}: ConversationPanelFilterMenuProps) {\n const { t } = useTranslation(\"openhands\");\n\n const groupedLabel =\n backendKind === \"local\"\n ? t(I18nKey.CONVERSATION_PANEL$BY_WORKSPACE)\n : t(I18nKey.CONVERSATION_PANEL$BY_REPOSITORY);\n\n const triggerRef = React.useRef<HTMLButtonElement>(null);\n const menuContentRef = React.useRef<HTMLDivElement>(null);\n\n // When the menu opens, move keyboard focus into it so screen-reader /\n // keyboard-only users can interact with the options immediately. When\n // it closes, return focus to the trigger so Tab order picks up where\n // the user left off.\n const wasOpenRef = React.useRef(filterMenuOpen);\n React.useEffect(() => {\n if (filterMenuOpen) {\n const firstItem =\n menuContentRef.current?.querySelector<HTMLButtonElement>(\n '[role=\"menuitem\"], [role=\"menuitemradio\"]',\n );\n firstItem?.focus();\n } else if (wasOpenRef.current) {\n // Only return focus on a real open→close transition (not the\n // mount-with-open=false case).\n triggerRef.current?.focus();\n }\n wasOpenRef.current = filterMenuOpen;\n }, [filterMenuOpen]);\n\n // Roving Arrow Up/Down + Escape across the menu items. Tab still works\n // natively; Escape closes the menu and returns focus to the trigger\n // (via the effect above).\n const handleMenuKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === \"Escape\") {\n event.preventDefault();\n setFilterMenuOpen(false);\n return;\n }\n if (event.key !== \"ArrowDown\" && event.key !== \"ArrowUp\") return;\n const container = menuContentRef.current;\n if (!container) return;\n const items = Array.from(\n container.querySelectorAll<HTMLButtonElement>(\n '[role=\"menuitem\"], [role=\"menuitemradio\"]',\n ),\n ).filter((el) => !el.disabled);\n if (items.length === 0) return;\n const currentIdx = items.indexOf(\n document.activeElement as HTMLButtonElement,\n );\n const delta = event.key === \"ArrowDown\" ? 1 : -1;\n const start = currentIdx === -1 ? 0 : currentIdx;\n const nextIdx = (start + delta + items.length) % items.length;\n event.preventDefault();\n items[nextIdx]?.focus();\n };\n\n return (\n <div ref={menuRef} className=\"relative shrink-0 pr-0.5\">\n <button\n ref={triggerRef}\n type=\"button\"\n data-testid=\"older-conversations-filter-toggle\"\n aria-label={t(I18nKey.CONVERSATION_PANEL$FILTER_LABEL)}\n aria-haspopup=\"menu\"\n aria-expanded={filterMenuOpen}\n onClick={() => setFilterMenuOpen(!filterMenuOpen)}\n className={cn(\n \"inline-flex h-7 w-7 items-center justify-center rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)]\",\n formControlTransitionClassName,\n )}\n >\n <ListFilter\n className=\"lucide lucide-list-filter shrink-0\"\n width={14}\n height={14}\n strokeWidth={2}\n aria-hidden\n />\n </button>\n\n {filterMenuOpen ? (\n <div\n ref={menuContentRef}\n role=\"menu\"\n aria-orientation=\"vertical\"\n aria-label={t(I18nKey.CONVERSATION_PANEL$FILTER_LABEL)}\n // `role=\"menu\"` is an interactive ARIA role, so the container\n // must be focusable to satisfy jsx-a11y. `-1` keeps it out of\n // the natural Tab order (the menu items themselves are\n // `<button>`s and tabbable on their own) but still allows the\n // open-effect to focus it / its children programmatically.\n tabIndex={-1}\n data-testid=\"older-conversations-filter-menu\"\n onKeyDown={handleMenuKeyDown}\n className=\"absolute right-0 top-full z-50 mt-0 w-64 rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 text-[var(--oh-foreground)] shadow-lg\"\n >\n <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$ORGANIZE)}</MenuHeading>\n <MenuRow\n icon={Folder}\n label={groupedLabel}\n selected={organizeMode === \"grouped\"}\n onClick={() => {\n setOrganizeMode(\"grouped\");\n setFilterMenuOpen(false);\n }}\n />\n <MenuRow\n icon={Clock3}\n label={t(I18nKey.CONVERSATION_PANEL$CHRONOLOGICAL)}\n selected={organizeMode === \"chronological\"}\n onClick={() => {\n setOrganizeMode(\"chronological\");\n setFilterMenuOpen(false);\n }}\n />\n\n <MenuSeparator />\n <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$SORT_BY)}</MenuHeading>\n <MenuRow\n icon={CalendarArrowDown}\n label={t(I18nKey.CONVERSATION_PANEL$SORT_CREATED)}\n selected={conversationSort === \"created\"}\n onClick={() => {\n setConversationSort(\"created\");\n setFilterMenuOpen(false);\n }}\n />\n <MenuRow\n icon={ClockArrowDown}\n label={t(I18nKey.CONVERSATION_PANEL$SORT_UPDATED)}\n selected={conversationSort === \"updated\"}\n onClick={() => {\n setConversationSort(\"updated\");\n setFilterMenuOpen(false);\n }}\n />\n\n <MenuSeparator />\n <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$SHOW)}</MenuHeading>\n <MenuRow\n icon={MessageCircle}\n label={t(I18nKey.CONVERSATION_PANEL$ALL_THREADS)}\n selected={threadScope === \"all\"}\n onClick={() => {\n setThreadScope(\"all\");\n setFilterMenuOpen(false);\n }}\n />\n <MenuRow\n icon={Star}\n label={t(I18nKey.CONVERSATION_PANEL$RELEVANT_THREADS)}\n selected={threadScope === \"relevant\"}\n onClick={() => {\n setThreadScope(\"relevant\");\n setFilterMenuOpen(false);\n }}\n />\n\n <MenuSeparator />\n <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$METADATA)}</MenuHeading>\n <MenuRow\n icon={Bot}\n label={t(I18nKey.CONVERSATION_PANEL$LLM_MODEL)}\n selected={showLlmProfiles}\n testId=\"toggle-llm-profiles\"\n onClick={() => {\n toggleShowLlmProfiles();\n setFilterMenuOpen(false);\n }}\n />\n <MenuRow\n icon={GitBranch}\n label={t(I18nKey.CONVERSATION_PANEL$REPO_BRANCH)}\n selected={showRepoBranchMetadata}\n testId=\"toggle-repo-branch-metadata\"\n onClick={() => {\n toggleShowRepoBranchMetadata();\n setFilterMenuOpen(false);\n }}\n />\n\n <MenuSeparator />\n <MenuHeading\n suffix={\n <span className=\"shrink-0 text-right text-[10px] font-medium normal-case tracking-normal text-[var(--oh-muted)]/70\">\n {t(I18nKey.CONVERSATION_PANEL$OLDER_OVER_ONE_HOUR)}\n </span>\n }\n >\n {t(I18nKey.CONVERSATION_PANEL$OLDER_SECTION)}\n </MenuHeading>\n <MenuRow\n testId=\"toggle-older-conversations\"\n icon={showOlderConversations ? EyeOff : Eye}\n label={\n showOlderConversations\n ? capitalizeLabel(t(I18nKey.CONVERSATION$HIDE))\n : capitalizeLabel(t(I18nKey.CONVERSATION$SHOW_ALL))\n }\n onClick={() => {\n toggleShowOlderConversations();\n setFilterMenuOpen(false);\n }}\n />\n\n <MenuSeparator />\n <MenuRow\n testId=\"delete-all-conversations\"\n icon={Trash2}\n label={capitalizeLabel(t(I18nKey.CONVERSATION$DELETE_ALL))}\n disabled={totalConversationsCount === 0}\n onClick={() => {\n if (totalConversationsCount === 0) return;\n onRequestDeleteAll();\n setFilterMenuOpen(false);\n }}\n />\n </div>\n ) : null}\n </div>\n );\n}\n"],"mappings":"i2CA4BA,IAAM,EAAmB,GACvB,EAAM,OAAS,EAAI,EAAM,OAAO,EAAE,CAAC,aAAa,CAAG,EAAM,MAAM,EAAE,CAAG,EAEhE,EAA+B,iBAC/B,EACJ,2EAEF,SAAS,EAAY,CACnB,WACA,UAIC,CAuBD,OAtBI,GAAU,MAuBZ,EAAA,EAAA,KAAC,MAAD,CACE,KAAK,eACL,UAAW,EAAA,GAAG,EAA8B,EAA0B,CAErE,WACG,CAAA,EA1BJ,EAAA,EAAA,MAAC,MAAD,CACE,KAAK,eACL,UAAW,EAAA,GACT,4CACA,EACD,UALH,EAOE,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,GACT,6BACA,EACD,CAEA,WACI,CAAA,CACN,EACG,GAcZ,SAAS,GAAgB,CACvB,OAAO,EAAA,EAAA,KAAC,EAAA,QAAD,CAAS,MAAM,OAAS,CAAA,CAGjC,SAAS,EAAQ,CACf,KAAM,EACN,QACA,WACA,UACA,SACA,YAQC,CAQD,OACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACC,KAJG,IAAa,IAAA,GAAY,WAAa,gBAK/C,eAAc,IAAa,IAAA,GAAY,IAAA,GAAY,EAAQ,EAC3D,cAAa,EACH,WACD,UACT,UAAW,EAAA,GACT,uGACA,yFACD,UAVH,EAYE,EAAA,EAAA,KAAC,EAAD,CACE,UAAW,EAAA,GACT,sIACA,EAAA,+BACD,CACD,cAAA,GACA,CAAA,EACF,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mCAA2B,EAAa,CAAA,CACvD,GACC,EAAA,EAAA,KAAC,EAAA,MAAD,CACE,UAAU,2DACV,cAAA,GACA,CAAA,CACA,KACG,GAyBb,SAAgB,EAA4B,CAC1C,iBACA,oBACA,UACA,cACA,eACA,kBACA,mBACA,sBACA,cACA,iBACA,yBACA,+BACA,yBACA,+BACA,kBACA,wBACA,0BACA,sBACmC,CACnC,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CAEnC,EAEA,EADJ,IAAgB,QACV,EAAA,QAAQ,gCACR,EAAA,QAAQ,iCAAiC,CAE3C,EAAa,EAAA,QAAM,OAA0B,KAAK,CAClD,EAAiB,EAAA,QAAM,OAAuB,KAAK,CAMnD,EAAa,EAAA,QAAM,OAAO,EAAe,CA4C/C,OA3CA,EAAA,QAAM,cAAgB,CAChB,GAEA,EAAe,SAAS,cACtB,4CACD,GACQ,OAAO,CACT,EAAW,SAGpB,EAAW,SAAS,OAAO,CAE7B,EAAW,QAAU,GACpB,CAAC,EAAe,CAAC,EA+BlB,EAAA,EAAA,MAAC,MAAD,CAAK,IAAK,EAAS,UAAU,oCAA7B,EACE,EAAA,EAAA,KAAC,SAAD,CACE,IAAK,EACL,KAAK,SACL,cAAY,oCACZ,aAAY,EAAE,EAAA,QAAQ,gCAAgC,CACtD,gBAAc,OACd,gBAAe,EACf,YAAe,EAAkB,CAAC,EAAe,CACjD,UAAW,EAAA,GACT,yIACA,EAAA,+BACD,WAED,EAAA,EAAA,KAAC,EAAA,WAAD,CACE,UAAU,qCACV,MAAO,GACP,OAAQ,GACR,YAAa,EACb,cAAA,GACA,CAAA,CACK,CAAA,CAER,GACC,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,KAAK,OACL,mBAAiB,WACjB,aAAY,EAAE,EAAA,QAAQ,gCAAgC,CAMtD,SAAU,GACV,cAAY,kCACZ,UA9DmB,GAA+C,CACxE,GAAI,EAAM,MAAQ,SAAU,CAC1B,EAAM,gBAAgB,CACtB,EAAkB,GAAM,CACxB,OAEF,GAAI,EAAM,MAAQ,aAAe,EAAM,MAAQ,UAAW,OAC1D,IAAM,EAAY,EAAe,QACjC,GAAI,CAAC,EAAW,OAChB,IAAM,EAAQ,MAAM,KAClB,EAAU,iBACR,4CACD,CACF,CAAC,OAAQ,GAAO,CAAC,EAAG,SAAS,CAC9B,GAAI,EAAM,SAAW,EAAG,OACxB,IAAM,EAAa,EAAM,QACvB,SAAS,cACV,CACK,EAAQ,EAAM,MAAQ,YAAc,EAAI,GAExC,IADQ,IAAe,GAAK,EAAI,GACb,EAAQ,EAAM,QAAU,EAAM,OACvD,EAAM,gBAAgB,CACtB,EAAM,IAAU,OAAO,EAyCjB,UAAU,mKAbZ,EAeE,EAAA,EAAA,KAAC,EAAD,CAAA,SAAc,EAAE,EAAA,QAAQ,4BAA4B,CAAe,CAAA,EACnE,EAAA,EAAA,KAAC,EAAD,CACE,KAAM,EAAA,OACN,MAAO,EACP,SAAU,IAAiB,UAC3B,YAAe,CACb,EAAgB,UAAU,CAC1B,EAAkB,GAAM,EAE1B,CAAA,EACF,EAAA,EAAA,KAAC,EAAD,CACE,KAAM,EAAA,OACN,MAAO,EAAE,EAAA,QAAQ,iCAAiC,CAClD,SAAU,IAAiB,gBAC3B,YAAe,CACb,EAAgB,gBAAgB,CAChC,EAAkB,GAAM,EAE1B,CAAA,EAEF,EAAA,EAAA,KAAC,EAAD,EAAiB,CAAA,EACjB,EAAA,EAAA,KAAC,EAAD,CAAA,SAAc,EAAE,EAAA,QAAQ,2BAA2B,CAAe,CAAA,EAClE,EAAA,EAAA,KAAC,EAAD,CACE,KAAM,EAAA,kBACN,MAAO,EAAE,EAAA,QAAQ,gCAAgC,CACjD,SAAU,IAAqB,UAC/B,YAAe,CACb,EAAoB,UAAU,CAC9B,EAAkB,GAAM,EAE1B,CAAA,EACF,EAAA,EAAA,KAAC,EAAD,CACE,KAAM,EAAA,eACN,MAAO,EAAE,EAAA,QAAQ,gCAAgC,CACjD,SAAU,IAAqB,UAC/B,YAAe,CACb,EAAoB,UAAU,CAC9B,EAAkB,GAAM,EAE1B,CAAA,EAEF,EAAA,EAAA,KAAC,EAAD,EAAiB,CAAA,EACjB,EAAA,EAAA,KAAC,EAAD,CAAA,SAAc,EAAE,EAAA,QAAQ,wBAAwB,CAAe,CAAA,EAC/D,EAAA,EAAA,KAAC,EAAD,CACE,KAAM,EAAA,cACN,MAAO,EAAE,EAAA,QAAQ,+BAA+B,CAChD,SAAU,IAAgB,MAC1B,YAAe,CACb,EAAe,MAAM,CACrB,EAAkB,GAAM,EAE1B,CAAA,EACF,EAAA,EAAA,KAAC,EAAD,CACE,KAAM,EAAA,KACN,MAAO,EAAE,EAAA,QAAQ,oCAAoC,CACrD,SAAU,IAAgB,WAC1B,YAAe,CACb,EAAe,WAAW,CAC1B,EAAkB,GAAM,EAE1B,CAAA,EAEF,EAAA,EAAA,KAAC,EAAD,EAAiB,CAAA,EACjB,EAAA,EAAA,KAAC,EAAD,CAAA,SAAc,EAAE,EAAA,QAAQ,4BAA4B,CAAe,CAAA,EACnE,EAAA,EAAA,KAAC,EAAD,CACE,KAAM,EAAA,IACN,MAAO,EAAE,EAAA,QAAQ,6BAA6B,CAC9C,SAAU,EACV,OAAO,sBACP,YAAe,CACb,GAAuB,CACvB,EAAkB,GAAM,EAE1B,CAAA,EACF,EAAA,EAAA,KAAC,EAAD,CACE,KAAM,EAAA,UACN,MAAO,EAAE,EAAA,QAAQ,+BAA+B,CAChD,SAAU,EACV,OAAO,8BACP,YAAe,CACb,GAA8B,CAC9B,EAAkB,GAAM,EAE1B,CAAA,EAEF,EAAA,EAAA,KAAC,EAAD,EAAiB,CAAA,EACjB,EAAA,EAAA,KAAC,EAAD,CACE,QACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,6GACb,EAAE,EAAA,QAAQ,uCAAuC,CAC7C,CAAA,UAGR,EAAE,EAAA,QAAQ,iCAAiC,CAChC,CAAA,EACd,EAAA,EAAA,KAAC,EAAD,CACE,OAAO,6BACP,KAAM,EAAyB,EAAA,OAAS,EAAA,IACxC,MAEM,EAAgB,EADpB,EACsB,EAAA,QAAQ,kBACR,EAAA,QAAQ,sBAF9B,CAEqD,CAEvD,YAAe,CACb,GAA8B,CAC9B,EAAkB,GAAM,EAE1B,CAAA,EAEF,EAAA,EAAA,KAAC,EAAD,EAAiB,CAAA,EACjB,EAAA,EAAA,KAAC,EAAD,CACE,OAAO,2BACP,KAAM,EAAA,OACN,MAAO,EAAgB,EAAE,EAAA,QAAQ,wBAAwB,CAAC,CAC1D,SAAU,IAA4B,EACtC,YAAe,CACT,IAA4B,IAChC,GAAoB,CACpB,EAAkB,GAAM,GAE1B,CAAA,CACE,GACJ,KACA"}
1	+ {"version":3,"file":"conversation-panel-filter-menu.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/conversation-panel-filter-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n Bot,\n CalendarArrowDown,\n Check,\n Clock3,\n ClockArrowDown,\n Eye,\n EyeOff,\n Folder,\n GitBranch,\n ListFilter,\n MessageCircle,\n Star,\n Trash2,\n} from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { BackendKind } from \"#/api/backend-registry/types\";\nimport { Divider } from \"#/ui/divider\";\nimport { cn } from \"#/utils/utils\";\nimport {\n dropdownMenuRowClassName,\n dropdownMenuRowIconClassName,\n dropdownInstantColorClassName,\n dropdownMenuListClassName,\n dropdownMenuViewportScrollClassName,\n} from \"#/utils/dropdown-classes\";\nimport type {\n ConversationSortField,\n OrganizeMode,\n ThreadScope,\n} from \"./conversation-panel-list-helpers\";\n\nconst capitalizeLabel = (label: string) =>\n label.length > 0 ? label.charAt(0).toUpperCase() + label.slice(1) : label;\n\nconst MENU_SECTION_HEADING_PADDING = \"px-2 pb-1 pt-1\";\nconst MENU_SECTION_HEADING_TEXT =\n \"text-[11px] font-semibold uppercase tracking-wide text-[var(--oh-muted)]\";\n\nfunction MenuHeading({\n children,\n suffix,\n}: {\n children: React.ReactNode;\n suffix?: React.ReactNode;\n}) {\n if (suffix != null) {\n return (\n <div\n role=\"presentation\"\n className={cn(\n \"flex items-baseline justify-between gap-2\",\n MENU_SECTION_HEADING_PADDING,\n )}\n >\n <span\n className={cn(\n \"min-w-0 truncate text-left\",\n MENU_SECTION_HEADING_TEXT,\n )}\n >\n {children}\n </span>\n {suffix}\n </div>\n );\n }\n\n return (\n <div\n role=\"presentation\"\n className={cn(MENU_SECTION_HEADING_PADDING, MENU_SECTION_HEADING_TEXT)}\n >\n {children}\n </div>\n );\n}\n\nfunction MenuSeparator() {\n return <Divider inset=\"menu\" />;\n}\n\nfunction MenuRow({\n icon: Icon,\n label,\n selected,\n onClick,\n testId,\n disabled,\n}: {\n icon: React.ComponentType<{ className?: string; \"aria-hidden\"?: boolean }>;\n label: string;\n selected?: boolean;\n onClick: () => void;\n testId?: string;\n disabled?: boolean;\n}) {\n // Rows that show a selection checkmark are toggleable preferences, so\n // they get `role=\"menuitemradio\"` when they're part of a selectable\n // group and `role=\"menuitemcheckbox\"` when they're a standalone toggle.\n // For simplicity we use `menuitemradio` whenever `selected` is provided\n // (every selectable row in this menu is part of a mutually exclusive\n // group in practice) and fall back to plain `menuitem` otherwise.\n const role = selected === undefined ? \"menuitem\" : \"menuitemradio\";\n return (\n <button\n type=\"button\"\n role={role}\n aria-checked={selected === undefined ? undefined : Boolean(selected)}\n data-testid={testId}\n disabled={disabled}\n onClick={onClick}\n className={cn(\n \"group\",\n dropdownMenuRowClassName,\n \"text-[var(--oh-foreground)] disabled:opacity-50\",\n )}\n >\n <Icon\n className={cn(\"h-3.5 w-3.5\", dropdownMenuRowIconClassName)}\n aria-hidden\n />\n <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n {selected ? (\n <Check\n className=\"ml-auto h-3.5 w-3.5 shrink-0 text-white\"\n aria-hidden\n />\n ) : null}\n </button>\n );\n}\n\nexport interface ConversationPanelFilterMenuProps {\n filterMenuOpen: boolean;\n setFilterMenuOpen: (open: boolean) => void;\n menuRef: React.RefObject<HTMLDivElement \| null>;\n backendKind: BackendKind;\n organizeMode: OrganizeMode;\n setOrganizeMode: (mode: OrganizeMode) => void;\n conversationSort: ConversationSortField;\n setConversationSort: (sort: ConversationSortField) => void;\n threadScope: ThreadScope;\n setThreadScope: (scope: ThreadScope) => void;\n showOlderConversations: boolean;\n toggleShowOlderConversations: () => void;\n showRepoBranchMetadata: boolean;\n toggleShowRepoBranchMetadata: () => void;\n showLlmProfiles: boolean;\n toggleShowLlmProfiles: () => void;\n totalConversationsCount: number;\n onRequestDeleteAll: () => void;\n}\n\nexport function ConversationPanelFilterMenu({\n filterMenuOpen,\n setFilterMenuOpen,\n menuRef,\n backendKind,\n organizeMode,\n setOrganizeMode,\n conversationSort,\n setConversationSort,\n threadScope,\n setThreadScope,\n showOlderConversations,\n toggleShowOlderConversations,\n showRepoBranchMetadata,\n toggleShowRepoBranchMetadata,\n showLlmProfiles,\n toggleShowLlmProfiles,\n totalConversationsCount,\n onRequestDeleteAll,\n}: ConversationPanelFilterMenuProps) {\n const { t } = useTranslation(\"openhands\");\n\n const groupedLabel =\n backendKind === \"local\"\n ? t(I18nKey.CONVERSATION_PANEL$BY_WORKSPACE)\n : t(I18nKey.CONVERSATION_PANEL$BY_REPOSITORY);\n\n const triggerRef = React.useRef<HTMLButtonElement>(null);\n const menuContentRef = React.useRef<HTMLDivElement>(null);\n\n // When the menu opens, move keyboard focus into it so screen-reader /\n // keyboard-only users can interact with the options immediately. When\n // it closes, return focus to the trigger so Tab order picks up where\n // the user left off.\n const wasOpenRef = React.useRef(filterMenuOpen);\n React.useEffect(() => {\n if (filterMenuOpen) {\n const firstItem =\n menuContentRef.current?.querySelector<HTMLButtonElement>(\n '[role=\"menuitem\"], [role=\"menuitemradio\"]',\n );\n firstItem?.focus();\n } else if (wasOpenRef.current) {\n // Only return focus on a real open→close transition (not the\n // mount-with-open=false case).\n triggerRef.current?.focus();\n }\n wasOpenRef.current = filterMenuOpen;\n }, [filterMenuOpen]);\n\n // Roving Arrow Up/Down + Escape across the menu items. Tab still works\n // natively; Escape closes the menu and returns focus to the trigger\n // (via the effect above).\n const handleMenuKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === \"Escape\") {\n event.preventDefault();\n setFilterMenuOpen(false);\n return;\n }\n if (event.key !== \"ArrowDown\" && event.key !== \"ArrowUp\") return;\n const container = menuContentRef.current;\n if (!container) return;\n const items = Array.from(\n container.querySelectorAll<HTMLButtonElement>(\n '[role=\"menuitem\"], [role=\"menuitemradio\"]',\n ),\n ).filter((el) => !el.disabled);\n if (items.length === 0) return;\n const currentIdx = items.indexOf(\n document.activeElement as HTMLButtonElement,\n );\n const delta = event.key === \"ArrowDown\" ? 1 : -1;\n const start = currentIdx === -1 ? 0 : currentIdx;\n const nextIdx = (start + delta + items.length) % items.length;\n event.preventDefault();\n items[nextIdx]?.focus();\n };\n\n return (\n <div ref={menuRef} className=\"relative shrink-0 pr-0.5\">\n <button\n ref={triggerRef}\n type=\"button\"\n data-testid=\"older-conversations-filter-toggle\"\n aria-label={t(I18nKey.CONVERSATION_PANEL$FILTER_LABEL)}\n aria-haspopup=\"menu\"\n aria-expanded={filterMenuOpen}\n onClick={() => setFilterMenuOpen(!filterMenuOpen)}\n className={cn(\n \"inline-flex h-7 w-7 items-center justify-center rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)]\",\n dropdownInstantColorClassName,\n )}\n >\n <ListFilter\n className=\"lucide lucide-list-filter shrink-0\"\n width={14}\n height={14}\n strokeWidth={2}\n aria-hidden\n />\n </button>\n\n {filterMenuOpen ? (\n <div\n ref={menuContentRef}\n role=\"menu\"\n aria-orientation=\"vertical\"\n aria-label={t(I18nKey.CONVERSATION_PANEL$FILTER_LABEL)}\n // `role=\"menu\"` is an interactive ARIA role, so the container\n // must be focusable to satisfy jsx-a11y. `-1` keeps it out of\n // the natural Tab order (the menu items themselves are\n // `<button>`s and tabbable on their own) but still allows the\n // open-effect to focus it / its children programmatically.\n tabIndex={-1}\n data-testid=\"older-conversations-filter-menu\"\n onKeyDown={handleMenuKeyDown}\n className={cn(\n \"absolute right-0 top-full z-50 mt-0 w-64 rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 text-[var(--oh-foreground)] shadow-lg\",\n dropdownMenuListClassName,\n dropdownMenuViewportScrollClassName,\n )}\n >\n <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$ORGANIZE)}</MenuHeading>\n <MenuRow\n icon={Folder}\n label={groupedLabel}\n selected={organizeMode === \"grouped\"}\n onClick={() => {\n setOrganizeMode(\"grouped\");\n setFilterMenuOpen(false);\n }}\n />\n <MenuRow\n icon={Clock3}\n label={t(I18nKey.CONVERSATION_PANEL$CHRONOLOGICAL)}\n selected={organizeMode === \"chronological\"}\n onClick={() => {\n setOrganizeMode(\"chronological\");\n setFilterMenuOpen(false);\n }}\n />\n\n <MenuSeparator />\n <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$SORT_BY)}</MenuHeading>\n <MenuRow\n icon={CalendarArrowDown}\n label={t(I18nKey.CONVERSATION_PANEL$SORT_CREATED)}\n selected={conversationSort === \"created\"}\n onClick={() => {\n setConversationSort(\"created\");\n setFilterMenuOpen(false);\n }}\n />\n <MenuRow\n icon={ClockArrowDown}\n label={t(I18nKey.CONVERSATION_PANEL$SORT_UPDATED)}\n selected={conversationSort === \"updated\"}\n onClick={() => {\n setConversationSort(\"updated\");\n setFilterMenuOpen(false);\n }}\n />\n\n <MenuSeparator />\n <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$SHOW)}</MenuHeading>\n <MenuRow\n icon={MessageCircle}\n label={t(I18nKey.CONVERSATION_PANEL$ALL_THREADS)}\n selected={threadScope === \"all\"}\n onClick={() => {\n setThreadScope(\"all\");\n setFilterMenuOpen(false);\n }}\n />\n <MenuRow\n icon={Star}\n label={t(I18nKey.CONVERSATION_PANEL$RELEVANT_THREADS)}\n selected={threadScope === \"relevant\"}\n onClick={() => {\n setThreadScope(\"relevant\");\n setFilterMenuOpen(false);\n }}\n />\n\n <MenuSeparator />\n <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$METADATA)}</MenuHeading>\n <MenuRow\n icon={Bot}\n label={t(I18nKey.CONVERSATION_PANEL$LLM_MODEL)}\n selected={showLlmProfiles}\n testId=\"toggle-llm-profiles\"\n onClick={() => {\n toggleShowLlmProfiles();\n setFilterMenuOpen(false);\n }}\n />\n <MenuRow\n icon={GitBranch}\n label={t(I18nKey.CONVERSATION_PANEL$REPO_BRANCH)}\n selected={showRepoBranchMetadata}\n testId=\"toggle-repo-branch-metadata\"\n onClick={() => {\n toggleShowRepoBranchMetadata();\n setFilterMenuOpen(false);\n }}\n />\n\n <MenuSeparator />\n <MenuHeading\n suffix={\n <span className=\"shrink-0 text-right text-[10px] font-medium normal-case tracking-normal text-[var(--oh-muted)]/70\">\n {t(I18nKey.CONVERSATION_PANEL$OLDER_OVER_ONE_HOUR)}\n </span>\n }\n >\n {t(I18nKey.CONVERSATION_PANEL$OLDER_SECTION)}\n </MenuHeading>\n <MenuRow\n testId=\"toggle-older-conversations\"\n icon={showOlderConversations ? EyeOff : Eye}\n label={\n showOlderConversations\n ? capitalizeLabel(t(I18nKey.CONVERSATION$HIDE))\n : capitalizeLabel(t(I18nKey.CONVERSATION$SHOW_ALL))\n }\n onClick={() => {\n toggleShowOlderConversations();\n setFilterMenuOpen(false);\n }}\n />\n\n <MenuSeparator />\n <MenuRow\n testId=\"delete-all-conversations\"\n icon={Trash2}\n label={capitalizeLabel(t(I18nKey.CONVERSATION$DELETE_ALL))}\n disabled={totalConversationsCount === 0}\n onClick={() => {\n if (totalConversationsCount === 0) return;\n onRequestDeleteAll();\n setFilterMenuOpen(false);\n }}\n />\n </div>\n ) : null}\n </div>\n );\n}\n"],"mappings":"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"}

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

@@ -14,196 +14,196 @@ import { ListFilter as f } from "../../../node_modules/lucide-react/dist/esm/ico
 import { MessageCircle as p } from "../../../node_modules/lucide-react/dist/esm/icons/message-circle.js";
 import { Star as m } from "../../../node_modules/lucide-react/dist/esm/icons/star.js";
 import { Trash2 as h } from "../../../node_modules/lucide-react/dist/esm/icons/trash-2.js";
-import { formControlTransitionClassName as g } from "../../../utils/form-control-classes.js";
-import { Divider as _ } from "../../../ui/divider.js";
-import v from "react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { dropdownInstantColorClassName as g, dropdownMenuListClassName as _, dropdownMenuRowClassName as v, dropdownMenuRowIconClassName as y, dropdownMenuViewportScrollClassName as b } from "../../../utils/dropdown-classes.js";
+import { Divider as x } from "../../../ui/divider.js";
+import S from "react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
 //#region src/components/features/conversation-panel/conversation-panel-filter-menu.tsx
-var x = (e) => e.length > 0 ? e.charAt(0).toUpperCase() + e.slice(1) : e, S = "px-2 pb-1 pt-1", C = "text-[11px] font-semibold uppercase tracking-wide text-[var(--oh-muted)]";
-function w({ children: e, suffix: t }) {
-	return t == null ? /* @__PURE__ */ y("div", {
+var T = (e) => e.length > 0 ? e.charAt(0).toUpperCase() + e.slice(1) : e, E = "px-2 pb-1 pt-1", D = "text-[11px] font-semibold uppercase tracking-wide text-[var(--oh-muted)]";
+function O({ children: e, suffix: t }) {
+	return t == null ? /* @__PURE__ */ C("div", {
 		role: "presentation",
-		className: n(S, C),
+		className: n(E, D),
 		children: e
-	}) : /* @__PURE__ */ b("div", {
+	}) : /* @__PURE__ */ w("div", {
 		role: "presentation",
-		className: n("flex items-baseline justify-between gap-2", S),
-		children: [/* @__PURE__ */ y("span", {
-			className: n("min-w-0 truncate text-left", C),
+		className: n("flex items-baseline justify-between gap-2", E),
+		children: [/* @__PURE__ */ C("span", {
+			className: n("min-w-0 truncate text-left", D),
 			children: e
 		}), t]
 	});
 }
-function T() {
-	return /* @__PURE__ */ y(_, { inset: "menu" });
+function k() {
+	return /* @__PURE__ */ C(x, { inset: "menu" });
 }
-function E({ icon: e, label: t, selected: r, onClick: i, testId: o, disabled: s }) {
-	return /* @__PURE__ */ b("button", {
+function A({ icon: e, label: t, selected: r, onClick: i, testId: o, disabled: s }) {
+	return /* @__PURE__ */ w("button", {
 		type: "button",
 		role: r === void 0 ? "menuitem" : "menuitemradio",
 		"aria-checked": r === void 0 ? void 0 : !!r,
 		"data-testid": o,
 		disabled: s,
 		onClick: i,
-		className: n("group flex w-full items-center gap-2 rounded px-2 py-2 text-left text-sm text-[var(--oh-foreground)]", "hover:bg-[var(--oh-interactive-hover)] disabled:cursor-not-allowed disabled:opacity-50"),
+		className: n("group", v, "text-[var(--oh-foreground)] disabled:opacity-50"),
 		children: [
-			/* @__PURE__ */ y(e, {
-				className: n("h-3.5 w-3.5 shrink-0 text-[var(--oh-muted)] group-hover:text-[var(--oh-foreground)] group-focus-visible:text-[var(--oh-foreground)]", g),
+			/* @__PURE__ */ C(e, {
+				className: n("h-3.5 w-3.5", y),
 				"aria-hidden": !0
 			}),
-			/* @__PURE__ */ y("span", {
+			/* @__PURE__ */ C("span", {
 				className: "min-w-0 flex-1 truncate",
 				children: t
 			}),
-			r ? /* @__PURE__ */ y(a, {
-				className: "ml-auto h-3.5 w-3.5 shrink-0 text-[var(--oh-foreground)]",
+			r ? /* @__PURE__ */ C(a, {
+				className: "ml-auto h-3.5 w-3.5 shrink-0 text-white",
 				"aria-hidden": !0
 			}) : null
 		]
 	});
 }
-function D({ filterMenuOpen: a, setFilterMenuOpen: _, menuRef: S, backendKind: C, organizeMode: D, setOrganizeMode: O, conversationSort: k, setConversationSort: A, threadScope: j, setThreadScope: M, showOlderConversations: N, toggleShowOlderConversations: P, showRepoBranchMetadata: F, toggleShowRepoBranchMetadata: I, showLlmProfiles: L, toggleShowLlmProfiles: R, totalConversationsCount: z, onRequestDeleteAll: B }) {
-	let { t: V } = e("openhands"), H = V(C === "local" ? t.CONVERSATION_PANEL$BY_WORKSPACE : t.CONVERSATION_PANEL$BY_REPOSITORY), U = v.useRef(null), W = v.useRef(null), G = v.useRef(a);
-	return v.useEffect(() => {
-		a ? (W.current?.querySelector("[role=\"menuitem\"], [role=\"menuitemradio\"]"))?.focus() : G.current && U.current?.focus(), G.current = a;
-	}, [a]), /* @__PURE__ */ b("div", {
-		ref: S,
+function j({ filterMenuOpen: a, setFilterMenuOpen: v, menuRef: y, backendKind: x, organizeMode: E, setOrganizeMode: D, conversationSort: j, setConversationSort: M, threadScope: N, setThreadScope: P, showOlderConversations: F, toggleShowOlderConversations: I, showRepoBranchMetadata: L, toggleShowRepoBranchMetadata: R, showLlmProfiles: z, toggleShowLlmProfiles: B, totalConversationsCount: V, onRequestDeleteAll: H }) {
+	let { t: U } = e("openhands"), W = U(x === "local" ? t.CONVERSATION_PANEL$BY_WORKSPACE : t.CONVERSATION_PANEL$BY_REPOSITORY), G = S.useRef(null), K = S.useRef(null), q = S.useRef(a);
+	return S.useEffect(() => {
+		a ? (K.current?.querySelector("[role=\"menuitem\"], [role=\"menuitemradio\"]"))?.focus() : q.current && G.current?.focus(), q.current = a;
+	}, [a]), /* @__PURE__ */ w("div", {
+		ref: y,
 		className: "relative shrink-0 pr-0.5",
-		children: [/* @__PURE__ */ y("button", {
-			ref: U,
+		children: [/* @__PURE__ */ C("button", {
+			ref: G,
 			type: "button",
 			"data-testid": "older-conversations-filter-toggle",
-			"aria-label": V(t.CONVERSATION_PANEL$FILTER_LABEL),
+			"aria-label": U(t.CONVERSATION_PANEL$FILTER_LABEL),
 			"aria-haspopup": "menu",
 			"aria-expanded": a,
-			onClick: () => _(!a),
+			onClick: () => v(!a),
 			className: n("inline-flex h-7 w-7 items-center justify-center rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)]", g),
-			children: /* @__PURE__ */ y(f, {
+			children: /* @__PURE__ */ C(f, {
 				className: "lucide lucide-list-filter shrink-0",
 				width: 14,
 				height: 14,
 				strokeWidth: 2,
 				"aria-hidden": !0
 			})
-		}), a ? /* @__PURE__ */ b("div", {
-			ref: W,
+		}), a ? /* @__PURE__ */ w("div", {
+			ref: K,
 			role: "menu",
 			"aria-orientation": "vertical",
-			"aria-label": V(t.CONVERSATION_PANEL$FILTER_LABEL),
+			"aria-label": U(t.CONVERSATION_PANEL$FILTER_LABEL),
 			tabIndex: -1,
 			"data-testid": "older-conversations-filter-menu",
 			onKeyDown: (e) => {
 				if (e.key === "Escape") {
-					e.preventDefault(), _(!1);
+					e.preventDefault(), v(!1);
 					return;
 				}
 				if (e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
-				let t = W.current;
+				let t = K.current;
 				if (!t) return;
 				let n = Array.from(t.querySelectorAll("[role=\"menuitem\"], [role=\"menuitemradio\"]")).filter((e) => !e.disabled);
 				if (n.length === 0) return;
 				let r = n.indexOf(document.activeElement), i = e.key === "ArrowDown" ? 1 : -1, a = ((r === -1 ? 0 : r) + i + n.length) % n.length;
 				e.preventDefault(), n[a]?.focus();
 			},
-			className: "absolute right-0 top-full z-50 mt-0 w-64 rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 text-[var(--oh-foreground)] shadow-lg",
+			className: n("absolute right-0 top-full z-50 mt-0 w-64 rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 text-[var(--oh-foreground)] shadow-lg", _, b),
 			children: [
-				/* @__PURE__ */ y(w, { children: V(t.CONVERSATION_PANEL$ORGANIZE) }),
-				/* @__PURE__ */ y(E, {
+				/* @__PURE__ */ C(O, { children: U(t.CONVERSATION_PANEL$ORGANIZE) }),
+				/* @__PURE__ */ C(A, {
 					icon: u,
-					label: H,
-					selected: D === "grouped",
+					label: W,
+					selected: E === "grouped",
 					onClick: () => {
-						O("grouped"), _(!1);
+						D("grouped"), v(!1);
 					}
 				}),
-				/* @__PURE__ */ y(E, {
+				/* @__PURE__ */ C(A, {
 					icon: o,
-					label: V(t.CONVERSATION_PANEL$CHRONOLOGICAL),
-					selected: D === "chronological",
+					label: U(t.CONVERSATION_PANEL$CHRONOLOGICAL),
+					selected: E === "chronological",
 					onClick: () => {
-						O("chronological"), _(!1);
+						D("chronological"), v(!1);
 					}
 				}),
-				/* @__PURE__ */ y(T, {}),
-				/* @__PURE__ */ y(w, { children: V(t.CONVERSATION_PANEL$SORT_BY) }),
-				/* @__PURE__ */ y(E, {
+				/* @__PURE__ */ C(k, {}),
+				/* @__PURE__ */ C(O, { children: U(t.CONVERSATION_PANEL$SORT_BY) }),
+				/* @__PURE__ */ C(A, {
 					icon: i,
-					label: V(t.CONVERSATION_PANEL$SORT_CREATED),
-					selected: k === "created",
+					label: U(t.CONVERSATION_PANEL$SORT_CREATED),
+					selected: j === "created",
 					onClick: () => {
-						A("created"), _(!1);
+						M("created"), v(!1);
 					}
 				}),
-				/* @__PURE__ */ y(E, {
+				/* @__PURE__ */ C(A, {
 					icon: s,
-					label: V(t.CONVERSATION_PANEL$SORT_UPDATED),
-					selected: k === "updated",
+					label: U(t.CONVERSATION_PANEL$SORT_UPDATED),
+					selected: j === "updated",
 					onClick: () => {
-						A("updated"), _(!1);
+						M("updated"), v(!1);
 					}
 				}),
-				/* @__PURE__ */ y(T, {}),
-				/* @__PURE__ */ y(w, { children: V(t.CONVERSATION_PANEL$SHOW) }),
-				/* @__PURE__ */ y(E, {
+				/* @__PURE__ */ C(k, {}),
+				/* @__PURE__ */ C(O, { children: U(t.CONVERSATION_PANEL$SHOW) }),
+				/* @__PURE__ */ C(A, {
 					icon: p,
-					label: V(t.CONVERSATION_PANEL$ALL_THREADS),
-					selected: j === "all",
+					label: U(t.CONVERSATION_PANEL$ALL_THREADS),
+					selected: N === "all",
 					onClick: () => {
-						M("all"), _(!1);
+						P("all"), v(!1);
 					}
 				}),
-				/* @__PURE__ */ y(E, {
+				/* @__PURE__ */ C(A, {
 					icon: m,
-					label: V(t.CONVERSATION_PANEL$RELEVANT_THREADS),
-					selected: j === "relevant",
+					label: U(t.CONVERSATION_PANEL$RELEVANT_THREADS),
+					selected: N === "relevant",
 					onClick: () => {
-						M("relevant"), _(!1);
+						P("relevant"), v(!1);
 					}
 				}),
-				/* @__PURE__ */ y(T, {}),
-				/* @__PURE__ */ y(w, { children: V(t.CONVERSATION_PANEL$METADATA) }),
-				/* @__PURE__ */ y(E, {
+				/* @__PURE__ */ C(k, {}),
+				/* @__PURE__ */ C(O, { children: U(t.CONVERSATION_PANEL$METADATA) }),
+				/* @__PURE__ */ C(A, {
 					icon: r,
-					label: V(t.CONVERSATION_PANEL$LLM_MODEL),
-					selected: L,
+					label: U(t.CONVERSATION_PANEL$LLM_MODEL),
+					selected: z,
 					testId: "toggle-llm-profiles",
 					onClick: () => {
-						R(), _(!1);
+						B(), v(!1);
 					}
 				}),
-				/* @__PURE__ */ y(E, {
+				/* @__PURE__ */ C(A, {
 					icon: d,
-					label: V(t.CONVERSATION_PANEL$REPO_BRANCH),
-					selected: F,
+					label: U(t.CONVERSATION_PANEL$REPO_BRANCH),
+					selected: L,
 					testId: "toggle-repo-branch-metadata",
 					onClick: () => {
-						I(), _(!1);
+						R(), v(!1);
 					}
 				}),
-				/* @__PURE__ */ y(T, {}),
-				/* @__PURE__ */ y(w, {
-					suffix: /* @__PURE__ */ y("span", {
+				/* @__PURE__ */ C(k, {}),
+				/* @__PURE__ */ C(O, {
+					suffix: /* @__PURE__ */ C("span", {
 						className: "shrink-0 text-right text-[10px] font-medium normal-case tracking-normal text-[var(--oh-muted)]/70",
-						children: V(t.CONVERSATION_PANEL$OLDER_OVER_ONE_HOUR)
+						children: U(t.CONVERSATION_PANEL$OLDER_OVER_ONE_HOUR)
 					}),
-					children: V(t.CONVERSATION_PANEL$OLDER_SECTION)
+					children: U(t.CONVERSATION_PANEL$OLDER_SECTION)
 				}),
-				/* @__PURE__ */ y(E, {
+				/* @__PURE__ */ C(A, {
 					testId: "toggle-older-conversations",
-					icon: N ? c : l,
-					label: x(V(N ? t.CONVERSATION$HIDE : t.CONVERSATION$SHOW_ALL)),
+					icon: F ? c : l,
+					label: T(U(F ? t.CONVERSATION$HIDE : t.CONVERSATION$SHOW_ALL)),
 					onClick: () => {
-						P(), _(!1);
+						I(), v(!1);
 					}
 				}),
-				/* @__PURE__ */ y(T, {}),
-				/* @__PURE__ */ y(E, {
+				/* @__PURE__ */ C(k, {}),
+				/* @__PURE__ */ C(A, {
 					testId: "delete-all-conversations",
 					icon: h,
-					label: x(V(t.CONVERSATION$DELETE_ALL)),
-					disabled: z === 0,
+					label: T(U(t.CONVERSATION$DELETE_ALL)),
+					disabled: V === 0,
 					onClick: () => {
-						z !== 0 && (B(), _(!1));
+						V !== 0 && (H(), v(!1));
 					}
 				})
 			]
@@ -211,6 +211,6 @@ function D({ filterMenuOpen: a, setFilterMenuOpen: _, menuRef: S, backendKind: C
 	});
 }
 //#endregion
-export { D as ConversationPanelFilterMenu };
+export { j as ConversationPanelFilterMenu };
 //# sourceMappingURL=conversation-panel-filter-menu.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"conversation-panel-filter-menu.js","names":[],"sources":["../../../../src/components/features/conversation-panel/conversation-panel-filter-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n Bot,\n CalendarArrowDown,\n Check,\n Clock3,\n ClockArrowDown,\n Eye,\n EyeOff,\n Folder,\n GitBranch,\n ListFilter,\n MessageCircle,\n Star,\n Trash2,\n} from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { BackendKind } from \"#/api/backend-registry/types\";\nimport { Divider } from \"#/ui/divider\";\nimport { cn } from \"#/utils/utils\";\nimport { formControlTransitionClassName } from \"#/utils/form-control-classes\";\nimport type {\n ConversationSortField,\n OrganizeMode,\n ThreadScope,\n} from \"./conversation-panel-list-helpers\";\n\nconst capitalizeLabel = (label: string) =>\n label.length > 0 ? label.charAt(0).toUpperCase() + label.slice(1) : label;\n\nconst MENU_SECTION_HEADING_PADDING = \"px-2 pb-1 pt-1\";\nconst MENU_SECTION_HEADING_TEXT =\n \"text-[11px] font-semibold uppercase tracking-wide text-[var(--oh-muted)]\";\n\nfunction MenuHeading({\n children,\n suffix,\n}: {\n children: React.ReactNode;\n suffix?: React.ReactNode;\n}) {\n if (suffix != null) {\n return (\n <div\n role=\"presentation\"\n className={cn(\n \"flex items-baseline justify-between gap-2\",\n MENU_SECTION_HEADING_PADDING,\n )}\n >\n <span\n className={cn(\n \"min-w-0 truncate text-left\",\n MENU_SECTION_HEADING_TEXT,\n )}\n >\n {children}\n </span>\n {suffix}\n </div>\n );\n }\n\n return (\n <div\n role=\"presentation\"\n className={cn(MENU_SECTION_HEADING_PADDING, MENU_SECTION_HEADING_TEXT)}\n >\n {children}\n </div>\n );\n}\n\nfunction MenuSeparator() {\n return <Divider inset=\"menu\" />;\n}\n\nfunction MenuRow({\n icon: Icon,\n label,\n selected,\n onClick,\n testId,\n disabled,\n}: {\n icon: React.ComponentType<{ className?: string; \"aria-hidden\"?: boolean }>;\n label: string;\n selected?: boolean;\n onClick: () => void;\n testId?: string;\n disabled?: boolean;\n}) {\n // Rows that show a selection checkmark are toggleable preferences, so\n // they get `role=\"menuitemradio\"` when they're part of a selectable\n // group and `role=\"menuitemcheckbox\"` when they're a standalone toggle.\n // For simplicity we use `menuitemradio` whenever `selected` is provided\n // (every selectable row in this menu is part of a mutually exclusive\n // group in practice) and fall back to plain `menuitem` otherwise.\n const role = selected === undefined ? \"menuitem\" : \"menuitemradio\";\n return (\n <button\n type=\"button\"\n role={role}\n aria-checked={selected === undefined ? undefined : Boolean(selected)}\n data-testid={testId}\n disabled={disabled}\n onClick={onClick}\n className={cn(\n \"group flex w-full items-center gap-2 rounded px-2 py-2 text-left text-sm text-[var(--oh-foreground)]\",\n \"hover:bg-[var(--oh-interactive-hover)] disabled:cursor-not-allowed disabled:opacity-50\",\n )}\n >\n <Icon\n className={cn(\n \"h-3.5 w-3.5 shrink-0 text-[var(--oh-muted)] group-hover:text-[var(--oh-foreground)] group-focus-visible:text-[var(--oh-foreground)]\",\n formControlTransitionClassName,\n )}\n aria-hidden\n />\n <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n {selected ? (\n <Check\n className=\"ml-auto h-3.5 w-3.5 shrink-0 text-[var(--oh-foreground)]\"\n aria-hidden\n />\n ) : null}\n </button>\n );\n}\n\nexport interface ConversationPanelFilterMenuProps {\n filterMenuOpen: boolean;\n setFilterMenuOpen: (open: boolean) => void;\n menuRef: React.RefObject<HTMLDivElement \| null>;\n backendKind: BackendKind;\n organizeMode: OrganizeMode;\n setOrganizeMode: (mode: OrganizeMode) => void;\n conversationSort: ConversationSortField;\n setConversationSort: (sort: ConversationSortField) => void;\n threadScope: ThreadScope;\n setThreadScope: (scope: ThreadScope) => void;\n showOlderConversations: boolean;\n toggleShowOlderConversations: () => void;\n showRepoBranchMetadata: boolean;\n toggleShowRepoBranchMetadata: () => void;\n showLlmProfiles: boolean;\n toggleShowLlmProfiles: () => void;\n totalConversationsCount: number;\n onRequestDeleteAll: () => void;\n}\n\nexport function ConversationPanelFilterMenu({\n filterMenuOpen,\n setFilterMenuOpen,\n menuRef,\n backendKind,\n organizeMode,\n setOrganizeMode,\n conversationSort,\n setConversationSort,\n threadScope,\n setThreadScope,\n showOlderConversations,\n toggleShowOlderConversations,\n showRepoBranchMetadata,\n toggleShowRepoBranchMetadata,\n showLlmProfiles,\n toggleShowLlmProfiles,\n totalConversationsCount,\n onRequestDeleteAll,\n}: ConversationPanelFilterMenuProps) {\n const { t } = useTranslation(\"openhands\");\n\n const groupedLabel =\n backendKind === \"local\"\n ? t(I18nKey.CONVERSATION_PANEL$BY_WORKSPACE)\n : t(I18nKey.CONVERSATION_PANEL$BY_REPOSITORY);\n\n const triggerRef = React.useRef<HTMLButtonElement>(null);\n const menuContentRef = React.useRef<HTMLDivElement>(null);\n\n // When the menu opens, move keyboard focus into it so screen-reader /\n // keyboard-only users can interact with the options immediately. When\n // it closes, return focus to the trigger so Tab order picks up where\n // the user left off.\n const wasOpenRef = React.useRef(filterMenuOpen);\n React.useEffect(() => {\n if (filterMenuOpen) {\n const firstItem =\n menuContentRef.current?.querySelector<HTMLButtonElement>(\n '[role=\"menuitem\"], [role=\"menuitemradio\"]',\n );\n firstItem?.focus();\n } else if (wasOpenRef.current) {\n // Only return focus on a real open→close transition (not the\n // mount-with-open=false case).\n triggerRef.current?.focus();\n }\n wasOpenRef.current = filterMenuOpen;\n }, [filterMenuOpen]);\n\n // Roving Arrow Up/Down + Escape across the menu items. Tab still works\n // natively; Escape closes the menu and returns focus to the trigger\n // (via the effect above).\n const handleMenuKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === \"Escape\") {\n event.preventDefault();\n setFilterMenuOpen(false);\n return;\n }\n if (event.key !== \"ArrowDown\" && event.key !== \"ArrowUp\") return;\n const container = menuContentRef.current;\n if (!container) return;\n const items = Array.from(\n container.querySelectorAll<HTMLButtonElement>(\n '[role=\"menuitem\"], [role=\"menuitemradio\"]',\n ),\n ).filter((el) => !el.disabled);\n if (items.length === 0) return;\n const currentIdx = items.indexOf(\n document.activeElement as HTMLButtonElement,\n );\n const delta = event.key === \"ArrowDown\" ? 1 : -1;\n const start = currentIdx === -1 ? 0 : currentIdx;\n const nextIdx = (start + delta + items.length) % items.length;\n event.preventDefault();\n items[nextIdx]?.focus();\n };\n\n return (\n <div ref={menuRef} className=\"relative shrink-0 pr-0.5\">\n <button\n ref={triggerRef}\n type=\"button\"\n data-testid=\"older-conversations-filter-toggle\"\n aria-label={t(I18nKey.CONVERSATION_PANEL$FILTER_LABEL)}\n aria-haspopup=\"menu\"\n aria-expanded={filterMenuOpen}\n onClick={() => setFilterMenuOpen(!filterMenuOpen)}\n className={cn(\n \"inline-flex h-7 w-7 items-center justify-center rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)]\",\n formControlTransitionClassName,\n )}\n >\n <ListFilter\n className=\"lucide lucide-list-filter shrink-0\"\n width={14}\n height={14}\n strokeWidth={2}\n aria-hidden\n />\n </button>\n\n {filterMenuOpen ? (\n <div\n ref={menuContentRef}\n role=\"menu\"\n aria-orientation=\"vertical\"\n aria-label={t(I18nKey.CONVERSATION_PANEL$FILTER_LABEL)}\n // `role=\"menu\"` is an interactive ARIA role, so the container\n // must be focusable to satisfy jsx-a11y. `-1` keeps it out of\n // the natural Tab order (the menu items themselves are\n // `<button>`s and tabbable on their own) but still allows the\n // open-effect to focus it / its children programmatically.\n tabIndex={-1}\n data-testid=\"older-conversations-filter-menu\"\n onKeyDown={handleMenuKeyDown}\n className=\"absolute right-0 top-full z-50 mt-0 w-64 rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 text-[var(--oh-foreground)] shadow-lg\"\n >\n <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$ORGANIZE)}</MenuHeading>\n <MenuRow\n icon={Folder}\n label={groupedLabel}\n selected={organizeMode === \"grouped\"}\n onClick={() => {\n setOrganizeMode(\"grouped\");\n setFilterMenuOpen(false);\n }}\n />\n <MenuRow\n icon={Clock3}\n label={t(I18nKey.CONVERSATION_PANEL$CHRONOLOGICAL)}\n selected={organizeMode === \"chronological\"}\n onClick={() => {\n setOrganizeMode(\"chronological\");\n setFilterMenuOpen(false);\n }}\n />\n\n <MenuSeparator />\n <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$SORT_BY)}</MenuHeading>\n <MenuRow\n icon={CalendarArrowDown}\n label={t(I18nKey.CONVERSATION_PANEL$SORT_CREATED)}\n selected={conversationSort === \"created\"}\n onClick={() => {\n setConversationSort(\"created\");\n setFilterMenuOpen(false);\n }}\n />\n <MenuRow\n icon={ClockArrowDown}\n label={t(I18nKey.CONVERSATION_PANEL$SORT_UPDATED)}\n selected={conversationSort === \"updated\"}\n onClick={() => {\n setConversationSort(\"updated\");\n setFilterMenuOpen(false);\n }}\n />\n\n <MenuSeparator />\n <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$SHOW)}</MenuHeading>\n <MenuRow\n icon={MessageCircle}\n label={t(I18nKey.CONVERSATION_PANEL$ALL_THREADS)}\n selected={threadScope === \"all\"}\n onClick={() => {\n setThreadScope(\"all\");\n setFilterMenuOpen(false);\n }}\n />\n <MenuRow\n icon={Star}\n label={t(I18nKey.CONVERSATION_PANEL$RELEVANT_THREADS)}\n selected={threadScope === \"relevant\"}\n onClick={() => {\n setThreadScope(\"relevant\");\n setFilterMenuOpen(false);\n }}\n />\n\n <MenuSeparator />\n <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$METADATA)}</MenuHeading>\n <MenuRow\n icon={Bot}\n label={t(I18nKey.CONVERSATION_PANEL$LLM_MODEL)}\n selected={showLlmProfiles}\n testId=\"toggle-llm-profiles\"\n onClick={() => {\n toggleShowLlmProfiles();\n setFilterMenuOpen(false);\n }}\n />\n <MenuRow\n icon={GitBranch}\n label={t(I18nKey.CONVERSATION_PANEL$REPO_BRANCH)}\n selected={showRepoBranchMetadata}\n testId=\"toggle-repo-branch-metadata\"\n onClick={() => {\n toggleShowRepoBranchMetadata();\n setFilterMenuOpen(false);\n }}\n />\n\n <MenuSeparator />\n <MenuHeading\n suffix={\n <span className=\"shrink-0 text-right text-[10px] font-medium normal-case tracking-normal text-[var(--oh-muted)]/70\">\n {t(I18nKey.CONVERSATION_PANEL$OLDER_OVER_ONE_HOUR)}\n </span>\n }\n >\n {t(I18nKey.CONVERSATION_PANEL$OLDER_SECTION)}\n </MenuHeading>\n <MenuRow\n testId=\"toggle-older-conversations\"\n icon={showOlderConversations ? EyeOff : Eye}\n label={\n showOlderConversations\n ? capitalizeLabel(t(I18nKey.CONVERSATION$HIDE))\n : capitalizeLabel(t(I18nKey.CONVERSATION$SHOW_ALL))\n }\n onClick={() => {\n toggleShowOlderConversations();\n setFilterMenuOpen(false);\n }}\n />\n\n <MenuSeparator />\n <MenuRow\n testId=\"delete-all-conversations\"\n icon={Trash2}\n label={capitalizeLabel(t(I18nKey.CONVERSATION$DELETE_ALL))}\n disabled={totalConversationsCount === 0}\n onClick={() => {\n if (totalConversationsCount === 0) return;\n onRequestDeleteAll();\n setFilterMenuOpen(false);\n }}\n />\n </div>\n ) : null}\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"conversation-panel-filter-menu.js","names":[],"sources":["../../../../src/components/features/conversation-panel/conversation-panel-filter-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n Bot,\n CalendarArrowDown,\n Check,\n Clock3,\n ClockArrowDown,\n Eye,\n EyeOff,\n Folder,\n GitBranch,\n ListFilter,\n MessageCircle,\n Star,\n Trash2,\n} from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { BackendKind } from \"#/api/backend-registry/types\";\nimport { Divider } from \"#/ui/divider\";\nimport { cn } from \"#/utils/utils\";\nimport {\n dropdownMenuRowClassName,\n dropdownMenuRowIconClassName,\n dropdownInstantColorClassName,\n dropdownMenuListClassName,\n dropdownMenuViewportScrollClassName,\n} from \"#/utils/dropdown-classes\";\nimport type {\n ConversationSortField,\n OrganizeMode,\n ThreadScope,\n} from \"./conversation-panel-list-helpers\";\n\nconst capitalizeLabel = (label: string) =>\n label.length > 0 ? label.charAt(0).toUpperCase() + label.slice(1) : label;\n\nconst MENU_SECTION_HEADING_PADDING = \"px-2 pb-1 pt-1\";\nconst MENU_SECTION_HEADING_TEXT =\n \"text-[11px] font-semibold uppercase tracking-wide text-[var(--oh-muted)]\";\n\nfunction MenuHeading({\n children,\n suffix,\n}: {\n children: React.ReactNode;\n suffix?: React.ReactNode;\n}) {\n if (suffix != null) {\n return (\n <div\n role=\"presentation\"\n className={cn(\n \"flex items-baseline justify-between gap-2\",\n MENU_SECTION_HEADING_PADDING,\n )}\n >\n <span\n className={cn(\n \"min-w-0 truncate text-left\",\n MENU_SECTION_HEADING_TEXT,\n )}\n >\n {children}\n </span>\n {suffix}\n </div>\n );\n }\n\n return (\n <div\n role=\"presentation\"\n className={cn(MENU_SECTION_HEADING_PADDING, MENU_SECTION_HEADING_TEXT)}\n >\n {children}\n </div>\n );\n}\n\nfunction MenuSeparator() {\n return <Divider inset=\"menu\" />;\n}\n\nfunction MenuRow({\n icon: Icon,\n label,\n selected,\n onClick,\n testId,\n disabled,\n}: {\n icon: React.ComponentType<{ className?: string; \"aria-hidden\"?: boolean }>;\n label: string;\n selected?: boolean;\n onClick: () => void;\n testId?: string;\n disabled?: boolean;\n}) {\n // Rows that show a selection checkmark are toggleable preferences, so\n // they get `role=\"menuitemradio\"` when they're part of a selectable\n // group and `role=\"menuitemcheckbox\"` when they're a standalone toggle.\n // For simplicity we use `menuitemradio` whenever `selected` is provided\n // (every selectable row in this menu is part of a mutually exclusive\n // group in practice) and fall back to plain `menuitem` otherwise.\n const role = selected === undefined ? \"menuitem\" : \"menuitemradio\";\n return (\n <button\n type=\"button\"\n role={role}\n aria-checked={selected === undefined ? undefined : Boolean(selected)}\n data-testid={testId}\n disabled={disabled}\n onClick={onClick}\n className={cn(\n \"group\",\n dropdownMenuRowClassName,\n \"text-[var(--oh-foreground)] disabled:opacity-50\",\n )}\n >\n <Icon\n className={cn(\"h-3.5 w-3.5\", dropdownMenuRowIconClassName)}\n aria-hidden\n />\n <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n {selected ? (\n <Check\n className=\"ml-auto h-3.5 w-3.5 shrink-0 text-white\"\n aria-hidden\n />\n ) : null}\n </button>\n );\n}\n\nexport interface ConversationPanelFilterMenuProps {\n filterMenuOpen: boolean;\n setFilterMenuOpen: (open: boolean) => void;\n menuRef: React.RefObject<HTMLDivElement \| null>;\n backendKind: BackendKind;\n organizeMode: OrganizeMode;\n setOrganizeMode: (mode: OrganizeMode) => void;\n conversationSort: ConversationSortField;\n setConversationSort: (sort: ConversationSortField) => void;\n threadScope: ThreadScope;\n setThreadScope: (scope: ThreadScope) => void;\n showOlderConversations: boolean;\n toggleShowOlderConversations: () => void;\n showRepoBranchMetadata: boolean;\n toggleShowRepoBranchMetadata: () => void;\n showLlmProfiles: boolean;\n toggleShowLlmProfiles: () => void;\n totalConversationsCount: number;\n onRequestDeleteAll: () => void;\n}\n\nexport function ConversationPanelFilterMenu({\n filterMenuOpen,\n setFilterMenuOpen,\n menuRef,\n backendKind,\n organizeMode,\n setOrganizeMode,\n conversationSort,\n setConversationSort,\n threadScope,\n setThreadScope,\n showOlderConversations,\n toggleShowOlderConversations,\n showRepoBranchMetadata,\n toggleShowRepoBranchMetadata,\n showLlmProfiles,\n toggleShowLlmProfiles,\n totalConversationsCount,\n onRequestDeleteAll,\n}: ConversationPanelFilterMenuProps) {\n const { t } = useTranslation(\"openhands\");\n\n const groupedLabel =\n backendKind === \"local\"\n ? t(I18nKey.CONVERSATION_PANEL$BY_WORKSPACE)\n : t(I18nKey.CONVERSATION_PANEL$BY_REPOSITORY);\n\n const triggerRef = React.useRef<HTMLButtonElement>(null);\n const menuContentRef = React.useRef<HTMLDivElement>(null);\n\n // When the menu opens, move keyboard focus into it so screen-reader /\n // keyboard-only users can interact with the options immediately. When\n // it closes, return focus to the trigger so Tab order picks up where\n // the user left off.\n const wasOpenRef = React.useRef(filterMenuOpen);\n React.useEffect(() => {\n if (filterMenuOpen) {\n const firstItem =\n menuContentRef.current?.querySelector<HTMLButtonElement>(\n '[role=\"menuitem\"], [role=\"menuitemradio\"]',\n );\n firstItem?.focus();\n } else if (wasOpenRef.current) {\n // Only return focus on a real open→close transition (not the\n // mount-with-open=false case).\n triggerRef.current?.focus();\n }\n wasOpenRef.current = filterMenuOpen;\n }, [filterMenuOpen]);\n\n // Roving Arrow Up/Down + Escape across the menu items. Tab still works\n // natively; Escape closes the menu and returns focus to the trigger\n // (via the effect above).\n const handleMenuKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === \"Escape\") {\n event.preventDefault();\n setFilterMenuOpen(false);\n return;\n }\n if (event.key !== \"ArrowDown\" && event.key !== \"ArrowUp\") return;\n const container = menuContentRef.current;\n if (!container) return;\n const items = Array.from(\n container.querySelectorAll<HTMLButtonElement>(\n '[role=\"menuitem\"], [role=\"menuitemradio\"]',\n ),\n ).filter((el) => !el.disabled);\n if (items.length === 0) return;\n const currentIdx = items.indexOf(\n document.activeElement as HTMLButtonElement,\n );\n const delta = event.key === \"ArrowDown\" ? 1 : -1;\n const start = currentIdx === -1 ? 0 : currentIdx;\n const nextIdx = (start + delta + items.length) % items.length;\n event.preventDefault();\n items[nextIdx]?.focus();\n };\n\n return (\n <div ref={menuRef} className=\"relative shrink-0 pr-0.5\">\n <button\n ref={triggerRef}\n type=\"button\"\n data-testid=\"older-conversations-filter-toggle\"\n aria-label={t(I18nKey.CONVERSATION_PANEL$FILTER_LABEL)}\n aria-haspopup=\"menu\"\n aria-expanded={filterMenuOpen}\n onClick={() => setFilterMenuOpen(!filterMenuOpen)}\n className={cn(\n \"inline-flex h-7 w-7 items-center justify-center rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)]\",\n dropdownInstantColorClassName,\n )}\n >\n <ListFilter\n className=\"lucide lucide-list-filter shrink-0\"\n width={14}\n height={14}\n strokeWidth={2}\n aria-hidden\n />\n </button>\n\n {filterMenuOpen ? (\n <div\n ref={menuContentRef}\n role=\"menu\"\n aria-orientation=\"vertical\"\n aria-label={t(I18nKey.CONVERSATION_PANEL$FILTER_LABEL)}\n // `role=\"menu\"` is an interactive ARIA role, so the container\n // must be focusable to satisfy jsx-a11y. `-1` keeps it out of\n // the natural Tab order (the menu items themselves are\n // `<button>`s and tabbable on their own) but still allows the\n // open-effect to focus it / its children programmatically.\n tabIndex={-1}\n data-testid=\"older-conversations-filter-menu\"\n onKeyDown={handleMenuKeyDown}\n className={cn(\n \"absolute right-0 top-full z-50 mt-0 w-64 rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 text-[var(--oh-foreground)] shadow-lg\",\n dropdownMenuListClassName,\n dropdownMenuViewportScrollClassName,\n )}\n >\n <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$ORGANIZE)}</MenuHeading>\n <MenuRow\n icon={Folder}\n label={groupedLabel}\n selected={organizeMode === \"grouped\"}\n onClick={() => {\n setOrganizeMode(\"grouped\");\n setFilterMenuOpen(false);\n }}\n />\n <MenuRow\n icon={Clock3}\n label={t(I18nKey.CONVERSATION_PANEL$CHRONOLOGICAL)}\n selected={organizeMode === \"chronological\"}\n onClick={() => {\n setOrganizeMode(\"chronological\");\n setFilterMenuOpen(false);\n }}\n />\n\n <MenuSeparator />\n <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$SORT_BY)}</MenuHeading>\n <MenuRow\n icon={CalendarArrowDown}\n label={t(I18nKey.CONVERSATION_PANEL$SORT_CREATED)}\n selected={conversationSort === \"created\"}\n onClick={() => {\n setConversationSort(\"created\");\n setFilterMenuOpen(false);\n }}\n />\n <MenuRow\n icon={ClockArrowDown}\n label={t(I18nKey.CONVERSATION_PANEL$SORT_UPDATED)}\n selected={conversationSort === \"updated\"}\n onClick={() => {\n setConversationSort(\"updated\");\n setFilterMenuOpen(false);\n }}\n />\n\n <MenuSeparator />\n <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$SHOW)}</MenuHeading>\n <MenuRow\n icon={MessageCircle}\n label={t(I18nKey.CONVERSATION_PANEL$ALL_THREADS)}\n selected={threadScope === \"all\"}\n onClick={() => {\n setThreadScope(\"all\");\n setFilterMenuOpen(false);\n }}\n />\n <MenuRow\n icon={Star}\n label={t(I18nKey.CONVERSATION_PANEL$RELEVANT_THREADS)}\n selected={threadScope === \"relevant\"}\n onClick={() => {\n setThreadScope(\"relevant\");\n setFilterMenuOpen(false);\n }}\n />\n\n <MenuSeparator />\n <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$METADATA)}</MenuHeading>\n <MenuRow\n icon={Bot}\n label={t(I18nKey.CONVERSATION_PANEL$LLM_MODEL)}\n selected={showLlmProfiles}\n testId=\"toggle-llm-profiles\"\n onClick={() => {\n toggleShowLlmProfiles();\n setFilterMenuOpen(false);\n }}\n />\n <MenuRow\n icon={GitBranch}\n label={t(I18nKey.CONVERSATION_PANEL$REPO_BRANCH)}\n selected={showRepoBranchMetadata}\n testId=\"toggle-repo-branch-metadata\"\n onClick={() => {\n toggleShowRepoBranchMetadata();\n setFilterMenuOpen(false);\n }}\n />\n\n <MenuSeparator />\n <MenuHeading\n suffix={\n <span className=\"shrink-0 text-right text-[10px] font-medium normal-case tracking-normal text-[var(--oh-muted)]/70\">\n {t(I18nKey.CONVERSATION_PANEL$OLDER_OVER_ONE_HOUR)}\n </span>\n }\n >\n {t(I18nKey.CONVERSATION_PANEL$OLDER_SECTION)}\n </MenuHeading>\n <MenuRow\n testId=\"toggle-older-conversations\"\n icon={showOlderConversations ? EyeOff : Eye}\n label={\n showOlderConversations\n ? capitalizeLabel(t(I18nKey.CONVERSATION$HIDE))\n : capitalizeLabel(t(I18nKey.CONVERSATION$SHOW_ALL))\n }\n onClick={() => {\n toggleShowOlderConversations();\n setFilterMenuOpen(false);\n }}\n />\n\n <MenuSeparator />\n <MenuRow\n testId=\"delete-all-conversations\"\n icon={Trash2}\n label={capitalizeLabel(t(I18nKey.CONVERSATION$DELETE_ALL))}\n disabled={totalConversationsCount === 0}\n onClick={() => {\n if (totalConversationsCount === 0) return;\n onRequestDeleteAll();\n setFilterMenuOpen(false);\n }}\n />\n </div>\n ) : null}\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/components/features/conversation-panel/conversation-panel.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../i18n/declaration.cjs`),r=require(`../../../utils/utils.cjs`),i=require(`../../../context/navigation-context.cjs`),a=require(`../../../contexts/active-backend-context.cjs`),ee=require(`../../../node_modules/lucide-react/dist/esm/icons/folder.cjs`),te=require(`../../../node_modules/lucide-react/dist/esm/icons/plus.cjs`),o=require(`../../../utils/custom-toast-handlers.cjs`),s=require(`../../../utils/status.cjs`),c=require(`../../../hooks/use-click-outside-element.cjs`),l=require(`../../../hooks/mutation/use-create-conversation.cjs`),ne=require(`../../shared/navigation-link.cjs`),re=require(`../../../hooks/mutation/use-delete-conversation.cjs`),ie=require(`../../../hooks/mutation/use-unified-stop-conversation.cjs`),ae=require(`../../shared/loading-spinner.cjs`),oe=require(`../../../hooks/mutation/use-update-conversation.cjs`),u=require(`./confirm-delete-modal.cjs`),se=require(`./confirm-stop-modal.cjs`),ce=require(`../../../hooks/query/use-paginated-conversations.cjs`),le=require(`../../../hooks/query/use-start-tasks.cjs`),ue=require(`./exit-conversation-modal.cjs`),de=require(`../../../hooks/use-is-creating-conversation.cjs`),fe=require(`./conversation-card/conversation-card.cjs`),pe=require(`./start-task-card/start-task-card.cjs`),me=require(`./conversation-card/conversation-card-skeleton.cjs`),he=require(`./compact-conversation-row.cjs`),d=require(`../../../stores/conversation-panel-preferences-store.cjs`),ge=require(`./conversation-panel-filter-menu.cjs`),_e=require(`./conversation-panel-new-thread-picker.cjs`),f=require(`./conversation-panel-list-helpers.cjs`);let p=require(`react`);p=e.__toESM(p,1);let m=require(`react/jsx-runtime`);var ve=()=>{},h=3600*1e3,ye=e=>{let t=Date.now()-h,n=[],r=[];for(let i of e){let e=i.updated_at?Date.parse(i.updated_at):NaN;Number.isFinite(e)&&e<t?r.push(i):n.push(i)}return{recent:n,older:r}};function g({onClose:e,compact:h=!1}){let{t:g}=t.useTranslation(`openhands`),{conversationId:_,navigate:v}=i.useNavigation(),{backend:y}=a.useActiveBackend(),be=c.useClickOutsideElement(e??ve),[xe,b]=p.default.useState(!1),[Se,x]=p.default.useState(!1),[Ce,S]=p.default.useState(!1),[we,C]=p.default.useState(!1),w=d.useConversationPanelPreferencesStore(e=>e.showOlderConversations),Te=d.useConversationPanelPreferencesStore(e=>e.toggleShowOlderConversations),T=d.useConversationPanelPreferencesStore(e=>e.showRepoBranchMetadata),Ee=d.useConversationPanelPreferencesStore(e=>e.toggleShowRepoBranchMetadata),E=d.useConversationPanelPreferencesStore(e=>e.showLlmProfiles),De=d.useConversationPanelPreferencesStore(e=>e.toggleShowLlmProfiles),D=d.useConversationPanelPreferencesStore(e=>e.organizeMode),Oe=d.useConversationPanelPreferencesStore(e=>e.setOrganizeMode),O=d.useConversationPanelPreferencesStore(e=>e.conversationSort),ke=d.useConversationPanelPreferencesStore(e=>e.setConversationSort),k=d.useConversationPanelPreferencesStore(e=>e.threadScope),Ae=d.useConversationPanelPreferencesStore(e=>e.setThreadScope),[je,A]=p.default.useState(!1),[Me,Ne]=p.default.useState(!1),Pe=c.useClickOutsideElement(()=>{A(!1)}),[Fe,j]=p.default.useState(()=>new Set),[Ie,M]=p.default.useState(()=>new Set),Le=p.default.useCallback(e=>{j(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]),Re=p.default.useCallback(e=>{M(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]);p.default.useEffect(()=>{D!==`grouped`&&(j(new Set),M(new Set))},[D]);let ze=p.default.useRef(null),[N,P]=p.default.useState(null),[Be,F]=p.default.useState(null),[Ve,He]=p.default.useState(null),{data:I,isLoading:L,isFetched:R,hasNextPage:Ue,isFetchingNextPage:We,fetchNextPage:Ge}=ce.usePaginatedConversations(),{data:z}=le.useStartTasks(),B=p.default.useMemo(()=>I?.pages.flatMap(e=>e.items)??[],[I]),V=p.default.useMemo(()=>k===`relevant`?B.filter(e=>s.isExecutionActive(e.execution_status)):B,[B,k]),{recent:H,older:U}=p.default.useMemo(()=>ye(V),[V]),W=p.default.useMemo(()=>f.sortConversationsByField(w?[...H,...U]:H,O),[H,U,w,O]),G=p.default.useMemo(()=>({emptyWorkspace:g(n.I18nKey.CONVERSATION_PANEL$NO_WORKSPACE),emptyRepository:g(n.I18nKey.CONVERSATION_PANEL$NO_REPOSITORY)}),[g]),K=p.default.useMemo(()=>h||D!==`grouped`?null:f.groupConversations([...H,...w?U:[]],y.kind,O,G),[y.kind,h,O,G,U,D,H,w]),Ke=p.default.useMemo(()=>f.sortConversationsByField(H.filter(e=>s.isExecutionActive(e.execution_status)),O),[O,H]),qe=W.length,Je=p.default.useMemo(()=>K?K.reduce((e,t)=>e+t.conversations.length,0):0,[K]),q=D===`grouped`&&!h?Je===0:qe===0,{mutate:Ye,mutateAsync:Xe}=re.useDeleteConversation(),{mutate:Ze}=ie.useUnifiedPauseConversation(),{mutate:J}=oe.useUpdateConversation(),Qe=U.length>0&&!w,$e=!!Ue&&!Qe&&!h&&!q,{mutate:Y}=l.useCreateConversation(),X=de.useIsCreatingConversation(),et=p.default.useCallback(e=>{X||Y({workingDir:e.workingDir,repository:e.repository},{onSuccess:e=>{v(`/conversations/${e.conversation_id}`)}})},[Y,X,v]),Z=p.default.useCallback((e,t)=>{b(!0),P(e),F(t)},[]),tt=p.default.useCallback(e=>{x(!0),P(e)},[]),nt=p.default.useCallback((e,t)=>{J({conversationId:e,newTitle:t},{onSuccess:()=>{o.displaySuccessToast(g(n.I18nKey.CONVERSATION$TITLE_UPDATED))}})},[g,J]),rt=()=>{N&&Ye({conversationId:N},{onSuccess:()=>{N===_&&v(`/conversations`)}})},it=()=>{N&&Ze({conversationId:N})},at=async()=>{let e=B.map(e=>e.id),t=await Promise.allSettled(e.map(e=>Xe({conversationId:e}))),n=t.flatMap((t,n)=>t.status===`fulfilled`?[e[n]]:[]),r=t.length-n.length;_!==null&&n.includes(_)&&v(`/conversations`),r>0&&o.displayErrorToast(`${r} conversation${r===1?``:`s`} could not be deleted.`)},Q=p.default.useCallback(t=>h?(0,m.jsx)(he.CompactConversationRow,{conversationId:t.id,title:t.title??``,selectedRepository:{selected_repository:t.selected_repository,selected_branch:t.selected_branch,git_provider:t.git_provider},executionStatus:t.execution_status,sandboxStatus:t.sandbox_status,lastUpdatedAt:t.updated_at,createdAt:t.created_at,workspaceWorkingDir:t.selected_workspace??t.workspace?.working_dir,isActive:t.id===_,onClose:e,showRepositoryMetadata:T,llmModel:t.llm_model,showLlmProfiles:E,agentKind:t.agent_kind,acpServer:t.acp_server},t.id):(0,m.jsx)(ne.NavigationLink,{to:`/conversations/${t.id}`,onClick:e,className:`block`,children:(0,m.jsx)(fe.ConversationCard,{onDelete:()=>Z(t.id,t.title??``),onStop:()=>tt(t.id),onChangeTitle:e=>nt(t.id,e),title:t.title??``,selectedRepository:{selected_repository:t.selected_repository,selected_branch:t.selected_branch,git_provider:t.git_provider},lastUpdatedAt:t.updated_at,createdAt:t.created_at,executionStatus:t.execution_status,sandboxStatus:t.sandbox_status,conversationId:t.id,contextMenuOpen:Ve===t.id,onContextMenuToggle:e=>He(e?t.id:null),isActive:t.id===_,workspaceWorkingDir:t.selected_workspace??t.workspace?.working_dir,showRepositoryMetadata:T,llmModel:t.llm_model,showLlmProfiles:E,agentKind:t.agent_kind,acpServer:t.acp_server})},t.id),[h,_,nt,Z,tt,e,Ve,T,E]),$=L||!R,ot=R&&!L&&!h&&q&&!z?.length;return(0,m.jsxs)(`div`,{ref:be,"data-testid":`conversation-panel`,className:`flex h-full min-h-0 w-full flex-col`,children:[!h&&(0,m.jsx)(`div`,{className:r.cn(`-ml-2.5 w-[calc(100%+0.625rem)] max-w-none box-border border-b`,Me?`border-[var(--oh-border)]`:`border-transparent`),children:(0,m.jsxs)(`div`,{"data-testid":`older-conversations-summary`,className:`flex min-w-0 flex-nowrap items-center gap-x-2 py-2 pl-4 pr-2.5 text-[var(--oh-muted)]`,children:[(0,m.jsx)(`span`,{className:`min-w-0 truncate text-sm font-medium text-[var(--oh-muted)]`,children:g(n.I18nKey.SIDEBAR$CONVERSATIONS)}),(0,m.jsxs)(`div`,{className:`ml-auto flex shrink-0 items-center gap-0.5`,children:[(0,m.jsx)(_e.ConversationPanelNewThreadPicker,{backendKind:y.kind}),(0,m.jsx)(ge.ConversationPanelFilterMenu,{filterMenuOpen:je,setFilterMenuOpen:A,menuRef:Pe,backendKind:y.kind,organizeMode:D,setOrganizeMode:Oe,conversationSort:O,setConversationSort:ke,threadScope:k,setThreadScope:Ae,showOlderConversations:w,toggleShowOlderConversations:Te,showRepoBranchMetadata:T,toggleShowRepoBranchMetadata:Ee,showLlmProfiles:E,toggleShowLlmProfiles:De,totalConversationsCount:B.length,onRequestDeleteAll:()=>C(!0)})]})]})}),(0,m.jsxs)(`div`,{ref:ze,"data-testid":`conversation-panel-list-scroll`,onScroll:e=>{Ne(e.currentTarget.scrollTop>0)},className:r.cn(`flex min-h-0 flex-1 flex-col overflow-y-auto overflow-x-hidden overscroll-contain custom-scrollbar-always`,!h&&`conversation-panel-list-scroll`),children:[$&&(0,m.jsx)(me.ConversationCardSkeleton,{compact:h}),!h&&ot&&(0,m.jsx)(`div`,{"data-testid":`conversation-panel-empty-state`,className:`flex min-h-0 flex-1 flex-col items-center justify-center px-4 py-8`,children:(0,m.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)]`,children:g(n.I18nKey.CONVERSATION$NO_CONVERSATIONS)})}),!h&&z?.map(t=>(0,m.jsx)(ne.NavigationLink,{to:`/conversations/task-${t.id}`,onClick:e,className:`block`,children:(0,m.jsx)(pe.StartTaskCard,{task:t})},t.id)),!$&&h?Ke.map(Q):null,!$&&!h&&D===`grouped`&&K&&K.length>0?(0,m.jsx)(`nav`,{"aria-label":g(n.I18nKey.SIDEBAR$CONVERSATIONS),className:`space-y-1 md:space-y-0.5 pb-1`,children:K.map(e=>{let t=`thread-folder-${e.id.replace(/[^a-zA-Z0-9_-]/g,`-`)}`,i=e.id.replace(/[^a-zA-Z0-9_-]/g,`-`),a=!Fe.has(e.id),o=Ie.has(e.id),{visibleConversations:s,isPreviewTruncated:c,isShowingAll:l}=f.getGroupConversationPreview(e.conversations,{expanded:o,activeConversationId:_});return(0,m.jsxs)(`section`,{"aria-labelledby":t,children:[(0,m.jsxs)(`div`,{className:r.cn(`flex h-8 w-full min-w-0 items-center gap-0.5 rounded-md pl-2 pr-1 text-sm font-normal`,`text-[var(--oh-muted)] transition-colors`,`hover:bg-[var(--oh-surface-raised)] hover:text-white`),children:[(0,m.jsxs)(`button`,{type:`button`,id:t,"aria-expanded":a,onClick:()=>Le(e.id),className:`flex min-h-8 min-w-0 flex-1 items-center gap-2 rounded-md py-1 text-left text-inherit outline-none transition-colors focus-visible:ring-1 focus-visible:ring-[var(--oh-border)]`,children:[(0,m.jsx)(ee.Folder,{className:`h-4 w-4 shrink-0`,"aria-hidden":!0}),(0,m.jsx)(`span`,{className:`truncate`,children:e.label})]}),(0,m.jsx)(`button`,{type:`button`,className:r.cn(`inline-flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-md`,`text-inherit transition-colors`,`hover:bg-white/10 hover:text-white`,`focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--oh-border)]`,`disabled:cursor-not-allowed disabled:opacity-50`),disabled:X,"aria-label":g(n.I18nKey.CONVERSATION_PANEL$ADD_CONVERSATION_TO_GROUP,{label:e.label}),"data-testid":`add-conversation-to-group-${e.id.replace(/[^a-zA-Z0-9_-]/g,`-`)}`,onClick:t=>{t.preventDefault(),t.stopPropagation(),et(e.launch)},children:(0,m.jsx)(te.Plus,{className:`h-3.5 w-3.5 shrink-0`,"aria-hidden":!0,strokeWidth:2})})]}),a?(0,m.jsxs)(`div`,{className:`mt-0.5 space-y-0.5`,children:[s.map(Q),c?(0,m.jsx)(`div`,{className:`pl-2`,children:(0,m.jsx)(`button`,{type:`button`,"data-testid":`thread-folder-view-more-${i}`,onClick:()=>Re(e.id),className:`ml-[26px] cursor-pointer text-xs text-[var(--oh-text-dim)] hover:text-white`,children:g(l?n.I18nKey.CONVERSATION_PANEL$LESS:n.I18nKey.CONVERSATION_PANEL$MORE)})}):null]}):null]},e.id)})}):null,!$&&!h&&D===`chronological`?(0,m.jsx)(`div`,{className:`space-y-0.5`,children:W.map(Q)}):null,$e&&(0,m.jsx)(`div`,{className:`flex justify-center py-4`,children:We?(0,m.jsx)(ae.LoadingSpinner,{size:`small`}):(0,m.jsx)(`button`,{type:`button`,"data-testid":`load-more-conversations`,onClick:()=>Ge(),className:`text-xs text-[var(--oh-muted)] hover:text-white`,children:g(n.I18nKey.CONVERSATION$LOAD_MORE)})})]}),xe&&(0,m.jsx)(u.ConfirmDeleteModal,{onConfirm:()=>{rt(),b(!1),F(null)},onCancel:()=>{b(!1),F(null)},conversationTitle:Be??void 0}),we&&(0,m.jsx)(u.ConfirmDeleteModal,{title:g(n.I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_TITLE),description:g(n.I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_DESC,{count:B.length}),onConfirm:async()=>{await at(),C(!1)},onCancel:()=>C(!1)}),Se&&(0,m.jsx)(se.ConfirmStopModal,{onConfirm:()=>{it(),x(!1)},onCancel:()=>x(!1)}),Ce&&(0,m.jsx)(ue.ExitConversationModal,{onConfirm:()=>{e?.()},onClose:()=>S(!1),onCancel:()=>S(!1)})]})}exports.ConversationPanel=g;
+const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../i18n/declaration.cjs`),r=require(`../../../utils/status.cjs`),i=require(`../../../utils/utils.cjs`),a=require(`../../../context/navigation-context.cjs`),o=require(`../../../contexts/active-backend-context.cjs`),ee=require(`../../../node_modules/lucide-react/dist/esm/icons/folder.cjs`),te=require(`../../../node_modules/lucide-react/dist/esm/icons/plus.cjs`),s=require(`../../../utils/custom-toast-handlers.cjs`),c=require(`../../../hooks/use-click-outside-element.cjs`),l=require(`../../../hooks/mutation/use-create-conversation.cjs`),ne=require(`../../shared/navigation-link.cjs`),re=require(`../../../hooks/mutation/use-delete-conversation.cjs`),ie=require(`../../../hooks/mutation/use-unified-stop-conversation.cjs`),ae=require(`../../shared/loading-spinner.cjs`),oe=require(`../../../hooks/mutation/use-update-conversation.cjs`),u=require(`./confirm-delete-modal.cjs`),se=require(`./confirm-stop-modal.cjs`),ce=require(`../../../hooks/query/use-paginated-conversations.cjs`),le=require(`../../../hooks/query/use-start-tasks.cjs`),ue=require(`./exit-conversation-modal.cjs`),de=require(`../../../hooks/use-is-creating-conversation.cjs`),fe=require(`./conversation-card/conversation-card.cjs`),pe=require(`./start-task-card/start-task-card.cjs`),me=require(`./conversation-card/conversation-card-skeleton.cjs`),he=require(`./compact-conversation-row.cjs`),d=require(`../../../stores/conversation-panel-preferences-store.cjs`),ge=require(`./conversation-panel-filter-menu.cjs`),_e=require(`./conversation-panel-new-thread-picker.cjs`),f=require(`./conversation-panel-list-helpers.cjs`);let p=require(`react`);p=e.__toESM(p,1);let m=require(`react/jsx-runtime`);var ve=()=>{},h=3600*1e3,ye=e=>{let t=Date.now()-h,n=[],r=[];for(let i of e){let e=i.updated_at?Date.parse(i.updated_at):NaN;Number.isFinite(e)&&e<t?r.push(i):n.push(i)}return{recent:n,older:r}};function g({onClose:e,compact:h=!1}){let{t:g}=t.useTranslation(`openhands`),{conversationId:_,navigate:v}=a.useNavigation(),{backend:y}=o.useActiveBackend(),be=c.useClickOutsideElement(e??ve),[xe,b]=p.default.useState(!1),[Se,x]=p.default.useState(!1),[Ce,S]=p.default.useState(!1),[we,C]=p.default.useState(!1),w=d.useConversationPanelPreferencesStore(e=>e.showOlderConversations),Te=d.useConversationPanelPreferencesStore(e=>e.toggleShowOlderConversations),T=d.useConversationPanelPreferencesStore(e=>e.showRepoBranchMetadata),Ee=d.useConversationPanelPreferencesStore(e=>e.toggleShowRepoBranchMetadata),E=d.useConversationPanelPreferencesStore(e=>e.showLlmProfiles),De=d.useConversationPanelPreferencesStore(e=>e.toggleShowLlmProfiles),D=d.useConversationPanelPreferencesStore(e=>e.organizeMode),Oe=d.useConversationPanelPreferencesStore(e=>e.setOrganizeMode),O=d.useConversationPanelPreferencesStore(e=>e.conversationSort),ke=d.useConversationPanelPreferencesStore(e=>e.setConversationSort),k=d.useConversationPanelPreferencesStore(e=>e.threadScope),Ae=d.useConversationPanelPreferencesStore(e=>e.setThreadScope),[je,A]=p.default.useState(!1),[Me,Ne]=p.default.useState(!1),Pe=c.useClickOutsideElement(()=>{A(!1)}),[Fe,j]=p.default.useState(()=>new Set),[Ie,M]=p.default.useState(()=>new Set),Le=p.default.useCallback(e=>{j(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]),Re=p.default.useCallback(e=>{M(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]);p.default.useEffect(()=>{D!==`grouped`&&(j(new Set),M(new Set))},[D]);let ze=p.default.useRef(null),[N,Be]=p.default.useState(null),[Ve,P]=p.default.useState(null),[F,He]=p.default.useState(null),{data:I,isLoading:L,isFetched:R,hasNextPage:Ue,isFetchingNextPage:We,fetchNextPage:Ge}=ce.usePaginatedConversations(),{data:z}=le.useStartTasks(),B=p.default.useMemo(()=>I?.pages.flatMap(e=>e.items)??[],[I]),V=p.default.useMemo(()=>k===`relevant`?B.filter(e=>r.isExecutionActive(e.execution_status)):B,[B,k]),{recent:H,older:U}=p.default.useMemo(()=>ye(V),[V]),W=p.default.useMemo(()=>f.sortConversationsByField(w?[...H,...U]:H,O),[H,U,w,O]),G=p.default.useMemo(()=>({emptyWorkspace:g(n.I18nKey.CONVERSATION_PANEL$NO_WORKSPACE),emptyRepository:g(n.I18nKey.CONVERSATION_PANEL$NO_REPOSITORY)}),[g]),K=p.default.useMemo(()=>h||D!==`grouped`?null:f.groupConversations([...H,...w?U:[]],y.kind,O,G),[y.kind,h,O,G,U,D,H,w]),Ke=p.default.useMemo(()=>f.sortConversationsByField(H.filter(e=>r.isExecutionActive(e.execution_status)),O),[O,H]),qe=W.length,Je=p.default.useMemo(()=>K?K.reduce((e,t)=>e+t.conversations.length,0):0,[K]),q=D===`grouped`&&!h?Je===0:qe===0,{mutate:Ye,mutateAsync:Xe}=re.useDeleteConversation(),{mutate:Ze}=ie.useUnifiedPauseConversation(),{mutate:J}=oe.useUpdateConversation(),Qe=U.length>0&&!w,$e=!!Ue&&!Qe&&!h&&!q,{mutate:Y}=l.useCreateConversation(),X=de.useIsCreatingConversation(),et=p.default.useCallback(e=>{X||Y({workingDir:e.workingDir,repository:e.repository},{onSuccess:e=>{v(`/conversations/${e.conversation_id}`)}})},[Y,X,v]),Z=p.default.useCallback((e,t)=>{b(!0),Be(e),P(t)},[]),tt=p.default.useCallback(e=>{x(!0),Be(e)},[]),nt=p.default.useCallback((e,t)=>{J({conversationId:e,newTitle:t},{onSuccess:()=>{s.displaySuccessToast(g(n.I18nKey.CONVERSATION$TITLE_UPDATED))}})},[g,J]),rt=()=>{N&&Ye({conversationId:N},{onSuccess:()=>{N===_&&v(`/conversations`)}})},it=()=>{N&&Ze({conversationId:N})},at=async()=>{let e=B.map(e=>e.id),t=await Promise.allSettled(e.map(e=>Xe({conversationId:e}))),n=t.flatMap((t,n)=>t.status===`fulfilled`?[e[n]]:[]),r=t.length-n.length;_!==null&&n.includes(_)&&v(`/conversations`),r>0&&s.displayErrorToast(`${r} conversation${r===1?``:`s`} could not be deleted.`)},Q=p.default.useCallback(t=>h?(0,m.jsx)(he.CompactConversationRow,{conversationId:t.id,title:t.title??``,selectedRepository:{selected_repository:t.selected_repository,selected_branch:t.selected_branch,git_provider:t.git_provider},executionStatus:t.execution_status,sandboxStatus:t.sandbox_status,lastUpdatedAt:t.updated_at,createdAt:t.created_at,workspaceWorkingDir:t.selected_workspace??t.workspace?.working_dir,isActive:t.id===_,onClose:e,showRepositoryMetadata:T,llmModel:t.llm_model,showLlmProfiles:E,agentKind:t.agent_kind,acpServer:t.acp_server},t.id):(0,m.jsx)(ne.NavigationLink,{to:`/conversations/${t.id}`,onClick:e,className:`block`,children:(0,m.jsx)(fe.ConversationCard,{onDelete:()=>Z(t.id,t.title??``),onStop:()=>tt(t.id),onChangeTitle:e=>nt(t.id,e),title:t.title??``,selectedRepository:{selected_repository:t.selected_repository,selected_branch:t.selected_branch,git_provider:t.git_provider},lastUpdatedAt:t.updated_at,createdAt:t.created_at,executionStatus:t.execution_status,sandboxStatus:t.sandbox_status,conversationId:t.id,contextMenuOpen:F===t.id,onContextMenuToggle:e=>He(e?t.id:null),isActive:t.id===_,workspaceWorkingDir:t.selected_workspace??t.workspace?.working_dir,showRepositoryMetadata:T,llmModel:t.llm_model,showLlmProfiles:E,agentKind:t.agent_kind,acpServer:t.acp_server})},t.id),[h,_,nt,Z,tt,e,F,T,E]),$=L||!R,ot=R&&!L&&!h&&q&&!z?.length;return(0,m.jsxs)(`div`,{ref:be,"data-testid":`conversation-panel`,className:`flex h-full min-h-0 w-full flex-col`,children:[!h&&(0,m.jsx)(`div`,{className:i.cn(`-ml-2.5 w-[calc(100%+0.625rem)] max-w-none box-border border-b`,Me?`border-[var(--oh-border)]`:`border-transparent`),children:(0,m.jsxs)(`div`,{"data-testid":`older-conversations-summary`,className:`flex min-w-0 flex-nowrap items-center gap-x-2 py-2 pl-4 pr-2.5 text-[var(--oh-muted)]`,children:[(0,m.jsx)(`span`,{className:`min-w-0 truncate text-sm font-medium text-[var(--oh-muted)]`,children:g(n.I18nKey.SIDEBAR$CONVERSATIONS)}),(0,m.jsxs)(`div`,{className:`ml-auto flex shrink-0 items-center gap-0.5`,children:[(0,m.jsx)(_e.ConversationPanelNewThreadPicker,{backendKind:y.kind}),(0,m.jsx)(ge.ConversationPanelFilterMenu,{filterMenuOpen:je,setFilterMenuOpen:A,menuRef:Pe,backendKind:y.kind,organizeMode:D,setOrganizeMode:Oe,conversationSort:O,setConversationSort:ke,threadScope:k,setThreadScope:Ae,showOlderConversations:w,toggleShowOlderConversations:Te,showRepoBranchMetadata:T,toggleShowRepoBranchMetadata:Ee,showLlmProfiles:E,toggleShowLlmProfiles:De,totalConversationsCount:B.length,onRequestDeleteAll:()=>C(!0)})]})]})}),(0,m.jsxs)(`div`,{ref:ze,"data-testid":`conversation-panel-list-scroll`,onScroll:e=>{Ne(e.currentTarget.scrollTop>0)},className:i.cn(`flex min-h-0 flex-1 flex-col overflow-y-auto overflow-x-hidden overscroll-contain custom-scrollbar-always`,!h&&`conversation-panel-list-scroll`),children:[$&&(0,m.jsx)(me.ConversationCardSkeleton,{compact:h}),!h&&ot&&(0,m.jsx)(`div`,{"data-testid":`conversation-panel-empty-state`,className:`flex min-h-0 flex-1 flex-col items-center justify-center px-4 py-8`,children:(0,m.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)]`,children:g(n.I18nKey.CONVERSATION$NO_CONVERSATIONS)})}),!h&&z?.map(t=>(0,m.jsx)(ne.NavigationLink,{to:`/conversations/task-${t.id}`,onClick:e,className:`block`,children:(0,m.jsx)(pe.StartTaskCard,{task:t})},t.id)),!$&&h?Ke.map(Q):null,!$&&!h&&D===`grouped`&&K&&K.length>0?(0,m.jsx)(`nav`,{"aria-label":g(n.I18nKey.SIDEBAR$CONVERSATIONS),className:`space-y-1 md:space-y-0.5 pb-1`,children:K.map(e=>{let t=`thread-folder-${e.id.replace(/[^a-zA-Z0-9_-]/g,`-`)}`,r=e.id.replace(/[^a-zA-Z0-9_-]/g,`-`),a=!Fe.has(e.id),o=Ie.has(e.id),{visibleConversations:s,isPreviewTruncated:c,isShowingAll:l}=f.getGroupConversationPreview(e.conversations,{expanded:o,activeConversationId:_});return(0,m.jsxs)(`section`,{"aria-labelledby":t,children:[(0,m.jsxs)(`div`,{className:i.cn(`flex h-8 w-full min-w-0 items-center gap-0.5 rounded-md pl-2 pr-1 text-sm font-normal`,`text-[var(--oh-muted)] transition-colors`,`hover:bg-[var(--oh-surface-raised)] hover:text-white`),children:[(0,m.jsxs)(`button`,{type:`button`,id:t,"aria-expanded":a,onClick:()=>Le(e.id),className:`flex min-h-8 min-w-0 flex-1 items-center gap-2 rounded-md py-1 text-left text-inherit outline-none transition-colors focus-visible:ring-1 focus-visible:ring-[var(--oh-border)]`,children:[(0,m.jsx)(ee.Folder,{className:`h-4 w-4 shrink-0`,"aria-hidden":!0}),(0,m.jsx)(`span`,{className:`truncate`,children:e.label})]}),(0,m.jsx)(`button`,{type:`button`,className:i.cn(`inline-flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-md`,`text-inherit transition-colors`,`hover:bg-white/10 hover:text-white`,`focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--oh-border)]`,`disabled:cursor-not-allowed disabled:opacity-50`),disabled:X,"aria-label":g(n.I18nKey.CONVERSATION_PANEL$ADD_CONVERSATION_TO_GROUP,{label:e.label}),"data-testid":`add-conversation-to-group-${e.id.replace(/[^a-zA-Z0-9_-]/g,`-`)}`,onClick:t=>{t.preventDefault(),t.stopPropagation(),et(e.launch)},children:(0,m.jsx)(te.Plus,{className:`h-3.5 w-3.5 shrink-0`,"aria-hidden":!0,strokeWidth:2})})]}),a?(0,m.jsxs)(`div`,{className:`mt-0.5 space-y-0.5`,children:[s.map(Q),c?(0,m.jsx)(`div`,{className:`pl-2`,children:(0,m.jsx)(`button`,{type:`button`,"data-testid":`thread-folder-view-more-${r}`,onClick:()=>Re(e.id),className:`ml-[26px] cursor-pointer text-xs text-[var(--oh-text-dim)] hover:text-white`,children:g(l?n.I18nKey.CONVERSATION_PANEL$LESS:n.I18nKey.CONVERSATION_PANEL$MORE)})}):null]}):null]},e.id)})}):null,!$&&!h&&D===`chronological`?(0,m.jsx)(`div`,{className:`space-y-0.5`,children:W.map(Q)}):null,$e&&(0,m.jsx)(`div`,{className:`flex justify-center py-4`,children:We?(0,m.jsx)(ae.LoadingSpinner,{size:`small`}):(0,m.jsx)(`button`,{type:`button`,"data-testid":`load-more-conversations`,onClick:()=>Ge(),className:`text-xs text-[var(--oh-muted)] hover:text-white`,children:g(n.I18nKey.CONVERSATION$LOAD_MORE)})})]}),xe&&(0,m.jsx)(u.ConfirmDeleteModal,{onConfirm:()=>{rt(),b(!1),P(null)},onCancel:()=>{b(!1),P(null)},conversationTitle:Ve??void 0}),we&&(0,m.jsx)(u.ConfirmDeleteModal,{title:g(n.I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_TITLE),description:g(n.I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_DESC,{count:B.length}),onConfirm:async()=>{await at(),C(!1)},onCancel:()=>C(!1)}),Se&&(0,m.jsx)(se.ConfirmStopModal,{onConfirm:()=>{it(),x(!1)},onCancel:()=>x(!1)}),Ce&&(0,m.jsx)(ue.ExitConversationModal,{onConfirm:()=>{e?.()},onClose:()=>S(!1),onCancel:()=>S(!1)})]})}exports.ConversationPanel=g;
 //# sourceMappingURL=conversation-panel.cjs.map