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

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

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/cloud-new-conversation-menu.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cloud-new-conversation-menu.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/cloud-new-conversation-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useIsCreatingConversation } from \"#/hooks/use-is-creating-conversation\";\nimport { useGitRepositories } from \"#/hooks/query/use-git-repositories\";\nimport { useSearchRepositories } from \"#/hooks/query/use-search-repositories\";\nimport { useUserProviders } from \"#/hooks/use-user-providers\";\nimport { useDebounce } from \"#/hooks/use-debounce\";\nimport { useHomeStore } from \"#/stores/home-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { GitRepository } from \"#/types/git\";\nimport { Provider } from \"#/types/settings\";\nimport RepoIcon from \"#/icons/repo.svg?react\";\nimport SearchIcon from \"#/icons/search.svg?react\";\nimport { GitProviderIcon } from \"#/components/shared/git-provider-icon\";\nimport { Divider } from \"#/ui/divider\";\nimport { NEW_CONVERSATION_DROPDOWN_SURFACE } from \"./new-conversation-dropdown-styles\";\nimport { usePopoverFixedPlacement } from \"#/hooks/use-popover-fixed-placement\";\n\nexport type CloudNewConversationMenuTriggerProps = {\n onClick: () => void;\n \"aria-expanded\": boolean;\n \"aria-haspopup\": \"menu\";\n disabled?: boolean;\n};\n\nexport interface CloudNewConversationMenuProps {\n trigger: (props: CloudNewConversationMenuTriggerProps) => React.ReactNode;\n className?: string;\n popoverClassName: string;\n popoverTestId?: string;\n useFixedPlacement?: boolean;\n}\n\ninterface RepoListItemProps {\n repo: GitRepository;\n disabled: boolean;\n onSelect: (repo: GitRepository) => void;\n itemClass: string;\n}\n\nfunction RepoListItem({\n repo,\n disabled,\n onSelect,\n itemClass,\n}: RepoListItemProps) {\n return (\n <li>\n <button\n type=\"button\"\n disabled={disabled}\n data-testid=\"launch-repository\"\n data-repo-name={repo.full_name}\n onClick={() => onSelect(repo)}\n className={itemClass}\n >\n <RepoIcon width={14} height={14} className=\"shrink-0\" />\n <span className=\"truncate\">{repo.full_name}</span>\n </button>\n </li>\n );\n}\n\n/*\n Repository search + launch flow for cloud backends.\n * Shared by the sidebar \"+ New conversation\" control and the conversation\n * panel \"new thread folder\" opener.\n */\nexport function CloudNewConversationMenu({\n trigger,\n className,\n popoverClassName,\n popoverTestId = \"new-conversation-popover\",\n useFixedPlacement = false,\n}: CloudNewConversationMenuProps) {\n const { t } = useTranslation(\"openhands\");\n const { navigate } = useNavigation();\n\n const { providers } = useUserProviders();\n const { lastSelectedProvider, setLastSelectedProvider } = useHomeStore();\n\n const [open, setOpen] = React.useState(false);\n const popoverRef = React.useRef<HTMLDivElement>(null);\n const triggerWrapRef = React.useRef<HTMLSpanElement>(null);\n const fixedBox = usePopoverFixedPlacement(triggerWrapRef, {\n open,\n enabled: useFixedPlacement,\n });\n const [selectedProvider, setSelectedProvider] =\n React.useState<Provider \| null>(lastSelectedProvider ?? null);\n const [query, setQuery] = React.useState(\"\");\n const debouncedQuery = useDebounce(query, 300);\n\n React.useEffect(() => {\n if (providers.length === 0) {\n if (selectedProvider !== null) setSelectedProvider(null);\n return;\n }\n if (selectedProvider && providers.includes(selectedProvider)) return;\n const fallback =\n lastSelectedProvider && providers.includes(lastSelectedProvider)\n ? lastSelectedProvider\n : providers[0];\n setSelectedProvider(fallback);\n }, [providers, selectedProvider, lastSelectedProvider]);\n\n const {\n data: repoPages,\n isLoading,\n isError,\n hasNextPage,\n isFetchingNextPage,\n fetchNextPage,\n } = useGitRepositories({ provider: selectedProvider });\n\n const { data: searchResults, isLoading: isSearchLoading } =\n useSearchRepositories(debouncedQuery, selectedProvider);\n\n const allRepositories = React.useMemo(\n () => repoPages?.pages.flatMap((page) => page.items) ?? [],\n [repoPages],\n );\n\n const repositories = debouncedQuery ? (searchResults ?? []) : allRepositories;\n\n const { mutate: createConversation, isPending } = useCreateConversation();\n const isCreatingElsewhere = useIsCreatingConversation();\n const isCreating = isPending \|\| isCreatingElsewhere;\n\n React.useEffect(() => {\n if (!open) return undefined;\n const onDown = (e: MouseEvent) => {\n if (\n popoverRef.current &&\n !popoverRef.current.contains(e.target as Node)\n ) {\n setOpen(false);\n }\n };\n document.addEventListener(\"mousedown\", onDown);\n return () => document.removeEventListener(\"mousedown\", onDown);\n }, [open]);\n\n React.useEffect(() => {\n if (!open) return undefined;\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.key === \"Escape\") setOpen(false);\n };\n window.addEventListener(\"keydown\", onKeyDown);\n return () => window.removeEventListener(\"keydown\", onKeyDown);\n }, [open]);\n\n const launchRepository = (repo: GitRepository) => {\n if (isCreating) return;\n createConversation(\n {\n repository: {\n name: repo.full_name,\n gitProvider: repo.git_provider,\n branch: repo.main_branch ?? \"main\",\n },\n },\n {\n onSuccess: (data) => {\n setOpen(false);\n navigate(`/conversations/${data.conversation_id}`);\n },\n },\n );\n };\n\n const handleProviderChange = (provider: Provider) => {\n setSelectedProvider(provider);\n setLastSelectedProvider(provider);\n setQuery(\"\");\n };\n\n const itemClass = cn(\n \"flex w-full cursor-pointer items-center gap-2 rounded px-2 py-2 text-left text-sm text-white\",\n \"font-normal transition-colors hover:bg-[var(--oh-interactive-hover)]\",\n \"disabled:cursor-not-allowed disabled:opacity-60\",\n );\n\n React.useEffect(() => {\n if (!open) return;\n if (debouncedQuery) return;\n if (!hasNextPage \|\| isFetchingNextPage \|\| isLoading) return;\n if (repositories.length === 0 \|\| repositories.length >= 10) return;\n fetchNextPage();\n }, [\n open,\n debouncedQuery,\n hasNextPage,\n isFetchingNextPage,\n isLoading,\n repositories.length,\n fetchNextPage,\n ]);\n\n const isListLoading = debouncedQuery ? isSearchLoading : isLoading;\n const showLoadMore =\n !debouncedQuery && hasNextPage && repositories.length > 0;\n\n const toggleOpen = React.useCallback(() => {\n setOpen((o) => !o);\n }, []);\n\n const showPopover = open && (!useFixedPlacement \|\| fixedBox !== null);\n\n const fixedStyle: React.CSSProperties \| undefined =\n useFixedPlacement && fixedBox\n ? {\n position: \"fixed\",\n top: fixedBox.top,\n left: fixedBox.left,\n width: fixedBox.width,\n }\n : undefined;\n\n return (\n <div\n className={cn(!useFixedPlacement && \"relative\", className)}\n ref={popoverRef}\n >\n <span ref={triggerWrapRef} className=\"inline-flex\">\n {trigger({\n onClick: toggleOpen,\n \"aria-expanded\": open,\n \"aria-haspopup\": \"menu\",\n disabled: isCreating,\n })}\n </span>\n\n {showPopover && (\n <div\n data-testid={popoverTestId}\n className={cn(\n NEW_CONVERSATION_DROPDOWN_SURFACE,\n !useFixedPlacement &&\n cn(\"absolute top-full mt-0\", popoverClassName),\n )}\n style={fixedStyle}\n >\n {providers.length > 1 && (\n <div\n className=\"flex items-center gap-1 px-1 py-1\"\n data-testid=\"cloud-provider-tabs\"\n >\n {providers.map((provider) => {\n const isActive = provider === selectedProvider;\n return (\n <button\n key={provider}\n type=\"button\"\n data-testid={`cloud-provider-tab-${provider}`}\n onClick={() => handleProviderChange(provider)}\n className={cn(\n \"flex items-center gap-1 rounded px-2 py-1 text-xs\",\n \"border transition-colors\",\n isActive\n ? \"border-[var(--oh-border-subtle)] bg-[var(--oh-interactive-hover)] text-white\"\n : \"border-transparent text-[var(--oh-text-secondary)] hover:text-white\",\n )}\n >\n <GitProviderIcon gitProvider={provider} />\n <span className=\"capitalize\">{provider}</span>\n </button>\n );\n })}\n </div>\n )}\n\n <div className=\"px-2\">\n <div className=\"relative\">\n <SearchIcon\n width={16}\n height={16}\n aria-hidden\n className=\"pointer-events-none absolute left-0 top-1/2 -translate-y-1/2 text-[var(--oh-muted)]\"\n />\n <input\n type=\"text\"\n data-testid=\"cloud-repo-search-input\"\n value={query}\n onChange={(e) => setQuery(e.target.value)}\n placeholder={t(I18nKey.COMMON$SEARCH_REPOSITORIES)}\n disabled={!selectedProvider}\n className={cn(\n \"w-full border-0 bg-transparent py-1.5 pl-6 pr-0 text-sm text-white\",\n \"outline-none placeholder:text-[var(--oh-muted)]\",\n \"focus:outline-none focus:ring-0\",\n \"disabled:cursor-not-allowed disabled:opacity-60\",\n )}\n />\n </div>\n </div>\n\n <Divider inset=\"menu\" />\n\n <ul className=\"flex max-h-[40vh] flex-col overflow-y-auto custom-scrollbar-always sm:max-h-[280px]\">\n {isListLoading && repositories.length === 0 && (\n <li\n className=\"px-2 py-2 text-sm text-[var(--oh-muted)] italic\"\n data-testid=\"cloud-repo-loading\"\n >\n {t(I18nKey.HOME$LOADING_REPOSITORIES)}\n </li>\n )}\n {isError && (\n <li\n className=\"px-2 py-2 text-sm text-[#F87171]\"\n data-testid=\"cloud-repo-error\"\n >\n {t(I18nKey.HOME$FAILED_TO_LOAD_REPOSITORIES)}\n </li>\n )}\n {!isListLoading &&\n !isError &&\n repositories.length === 0 &&\n !!selectedProvider && (\n <li\n className=\"px-2 py-2 text-sm text-[var(--oh-muted)] italic\"\n data-testid=\"cloud-repo-empty\"\n >\n {t(I18nKey.GITHUB$NO_RESULTS)}\n </li>\n )}\n {repositories.map((repo) => (\n <RepoListItem\n key={`${repo.git_provider}:${repo.id}`}\n repo={repo}\n disabled={isCreating}\n onSelect={launchRepository}\n itemClass={itemClass}\n />\n ))}\n {showLoadMore && (\n <li>\n <button\n type=\"button\"\n data-testid=\"cloud-repo-load-more\"\n disabled={isFetchingNextPage}\n onClick={() => fetchNextPage()}\n className={itemClass}\n >\n <span className=\"text-[var(--oh-text-secondary)]\">\n {isFetchingNextPage\n ? t(I18nKey.HOME$LOADING_MORE_REPOSITORIES)\n : t(I18nKey.CONVERSATION$LOAD_MORE)}\n </span>\n </button>\n </li>\n )}\n </ul>\n </div>\n )}\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"cloud-new-conversation-menu.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/cloud-new-conversation-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useIsCreatingConversation } from \"#/hooks/use-is-creating-conversation\";\nimport { useGitRepositories } from \"#/hooks/query/use-git-repositories\";\nimport { useSearchRepositories } from \"#/hooks/query/use-search-repositories\";\nimport { useUserProviders } from \"#/hooks/use-user-providers\";\nimport { useDebounce } from \"#/hooks/use-debounce\";\nimport { useHomeStore } from \"#/stores/home-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport {\n dropdownMenuRowClassName,\n dropdownInstantColorClassName,\n dropdownMenuListClassName,\n dropdownMenuRowIconWrapperClassName,\n} from \"#/utils/dropdown-classes\";\nimport { GitRepository } from \"#/types/git\";\nimport { Provider } from \"#/types/settings\";\nimport RepoIcon from \"#/icons/repo.svg?react\";\nimport SearchIcon from \"#/icons/search.svg?react\";\nimport { GitProviderIcon } from \"#/components/shared/git-provider-icon\";\nimport { Divider } from \"#/ui/divider\";\nimport { NEW_CONVERSATION_DROPDOWN_SURFACE } from \"./new-conversation-dropdown-styles\";\nimport { usePopoverFixedPlacement } from \"#/hooks/use-popover-fixed-placement\";\n\nexport type CloudNewConversationMenuTriggerProps = {\n onClick: () => void;\n \"aria-expanded\": boolean;\n \"aria-haspopup\": \"menu\";\n disabled?: boolean;\n};\n\nexport interface CloudNewConversationMenuProps {\n trigger: (props: CloudNewConversationMenuTriggerProps) => React.ReactNode;\n className?: string;\n popoverClassName: string;\n popoverTestId?: string;\n useFixedPlacement?: boolean;\n}\n\ninterface RepoListItemProps {\n repo: GitRepository;\n disabled: boolean;\n onSelect: (repo: GitRepository) => void;\n itemClass: string;\n}\n\nfunction RepoListItem({\n repo,\n disabled,\n onSelect,\n itemClass,\n}: RepoListItemProps) {\n return (\n <li>\n <button\n type=\"button\"\n disabled={disabled}\n data-testid=\"launch-repository\"\n data-repo-name={repo.full_name}\n onClick={() => onSelect(repo)}\n className={itemClass}\n >\n <span className={dropdownMenuRowIconWrapperClassName} aria-hidden>\n <RepoIcon width={14} height={14} />\n </span>\n <span className=\"truncate\">{repo.full_name}</span>\n </button>\n </li>\n );\n}\n\n/*\n Repository search + launch flow for cloud backends.\n * Shared by the sidebar \"+ New conversation\" control and the conversation\n * panel \"new thread folder\" opener.\n */\nexport function CloudNewConversationMenu({\n trigger,\n className,\n popoverClassName,\n popoverTestId = \"new-conversation-popover\",\n useFixedPlacement = false,\n}: CloudNewConversationMenuProps) {\n const { t } = useTranslation(\"openhands\");\n const { navigate } = useNavigation();\n\n const { providers } = useUserProviders();\n const { lastSelectedProvider, setLastSelectedProvider } = useHomeStore();\n\n const [open, setOpen] = React.useState(false);\n const popoverRef = React.useRef<HTMLDivElement>(null);\n const triggerWrapRef = React.useRef<HTMLSpanElement>(null);\n const fixedBox = usePopoverFixedPlacement(triggerWrapRef, {\n open,\n enabled: useFixedPlacement,\n });\n const [selectedProvider, setSelectedProvider] =\n React.useState<Provider \| null>(lastSelectedProvider ?? null);\n const [query, setQuery] = React.useState(\"\");\n const debouncedQuery = useDebounce(query, 300);\n\n React.useEffect(() => {\n if (providers.length === 0) {\n if (selectedProvider !== null) setSelectedProvider(null);\n return;\n }\n if (selectedProvider && providers.includes(selectedProvider)) return;\n const fallback =\n lastSelectedProvider && providers.includes(lastSelectedProvider)\n ? lastSelectedProvider\n : providers[0];\n setSelectedProvider(fallback);\n }, [providers, selectedProvider, lastSelectedProvider]);\n\n const {\n data: repoPages,\n isLoading,\n isError,\n hasNextPage,\n isFetchingNextPage,\n fetchNextPage,\n } = useGitRepositories({ provider: selectedProvider });\n\n const { data: searchResults, isLoading: isSearchLoading } =\n useSearchRepositories(debouncedQuery, selectedProvider);\n\n const allRepositories = React.useMemo(\n () => repoPages?.pages.flatMap((page) => page.items) ?? [],\n [repoPages],\n );\n\n const repositories = debouncedQuery ? (searchResults ?? []) : allRepositories;\n\n const { mutate: createConversation, isPending } = useCreateConversation();\n const isCreatingElsewhere = useIsCreatingConversation();\n const isCreating = isPending \|\| isCreatingElsewhere;\n\n React.useEffect(() => {\n if (!open) return undefined;\n const onDown = (e: MouseEvent) => {\n if (\n popoverRef.current &&\n !popoverRef.current.contains(e.target as Node)\n ) {\n setOpen(false);\n }\n };\n document.addEventListener(\"mousedown\", onDown);\n return () => document.removeEventListener(\"mousedown\", onDown);\n }, [open]);\n\n React.useEffect(() => {\n if (!open) return undefined;\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.key === \"Escape\") setOpen(false);\n };\n window.addEventListener(\"keydown\", onKeyDown);\n return () => window.removeEventListener(\"keydown\", onKeyDown);\n }, [open]);\n\n const launchRepository = (repo: GitRepository) => {\n if (isCreating) return;\n createConversation(\n {\n repository: {\n name: repo.full_name,\n gitProvider: repo.git_provider,\n branch: repo.main_branch ?? \"main\",\n },\n },\n {\n onSuccess: (data) => {\n setOpen(false);\n navigate(`/conversations/${data.conversation_id}`);\n },\n },\n );\n };\n\n const handleProviderChange = (provider: Provider) => {\n setSelectedProvider(provider);\n setLastSelectedProvider(provider);\n setQuery(\"\");\n };\n\n const itemClass = dropdownMenuRowClassName;\n\n React.useEffect(() => {\n if (!open) return;\n if (debouncedQuery) return;\n if (!hasNextPage \|\| isFetchingNextPage \|\| isLoading) return;\n if (repositories.length === 0 \|\| repositories.length >= 10) return;\n fetchNextPage();\n }, [\n open,\n debouncedQuery,\n hasNextPage,\n isFetchingNextPage,\n isLoading,\n repositories.length,\n fetchNextPage,\n ]);\n\n const isListLoading = debouncedQuery ? isSearchLoading : isLoading;\n const showLoadMore =\n !debouncedQuery && hasNextPage && repositories.length > 0;\n\n const toggleOpen = React.useCallback(() => {\n setOpen((o) => !o);\n }, []);\n\n const showPopover = open && (!useFixedPlacement \|\| fixedBox !== null);\n\n const fixedStyle: React.CSSProperties \| undefined =\n useFixedPlacement && fixedBox\n ? {\n position: \"fixed\",\n top: fixedBox.top,\n left: fixedBox.left,\n width: fixedBox.width,\n }\n : undefined;\n\n return (\n <div\n className={cn(!useFixedPlacement && \"relative\", className)}\n ref={popoverRef}\n >\n <span ref={triggerWrapRef} className=\"inline-flex\">\n {trigger({\n onClick: toggleOpen,\n \"aria-expanded\": open,\n \"aria-haspopup\": \"menu\",\n disabled: isCreating,\n })}\n </span>\n\n {showPopover && (\n <div\n data-testid={popoverTestId}\n className={cn(\n NEW_CONVERSATION_DROPDOWN_SURFACE,\n !useFixedPlacement &&\n cn(\"absolute top-full mt-0\", popoverClassName),\n )}\n style={fixedStyle}\n >\n {providers.length > 1 && (\n <div\n className=\"flex items-center gap-1 px-1 py-1\"\n data-testid=\"cloud-provider-tabs\"\n >\n {providers.map((provider) => {\n const isActive = provider === selectedProvider;\n return (\n <button\n key={provider}\n type=\"button\"\n data-testid={`cloud-provider-tab-${provider}`}\n onClick={() => handleProviderChange(provider)}\n className={cn(\n \"flex items-center gap-1 rounded border px-2 py-1 text-xs\",\n dropdownInstantColorClassName,\n isActive\n ? \"border-[var(--oh-border-subtle)] bg-[var(--oh-interactive-hover)] text-white\"\n : \"border-transparent text-[var(--oh-text-secondary)] hover:text-white\",\n )}\n >\n <GitProviderIcon gitProvider={provider} />\n <span className=\"capitalize\">{provider}</span>\n </button>\n );\n })}\n </div>\n )}\n\n <div className=\"px-2\">\n <div className=\"relative\">\n <SearchIcon\n width={16}\n height={16}\n aria-hidden\n className=\"pointer-events-none absolute left-0 top-1/2 -translate-y-1/2 text-[var(--oh-muted)]\"\n />\n <input\n type=\"text\"\n data-testid=\"cloud-repo-search-input\"\n value={query}\n onChange={(e) => setQuery(e.target.value)}\n placeholder={t(I18nKey.COMMON$SEARCH_REPOSITORIES)}\n disabled={!selectedProvider}\n className={cn(\n \"w-full border-0 bg-transparent py-1.5 pl-6 pr-0 text-sm text-white\",\n \"outline-none placeholder:text-[var(--oh-muted)]\",\n \"focus:outline-none focus:ring-0\",\n \"disabled:cursor-not-allowed disabled:opacity-60\",\n )}\n />\n </div>\n </div>\n\n <Divider inset=\"menu\" />\n\n <ul\n className={cn(\n \"max-h-[40vh] overflow-y-auto custom-scrollbar-always sm:max-h-[280px]\",\n dropdownMenuListClassName,\n )}\n >\n {isListLoading && repositories.length === 0 && (\n <li\n className=\"px-2 py-2 text-sm text-[var(--oh-muted)] italic\"\n data-testid=\"cloud-repo-loading\"\n >\n {t(I18nKey.HOME$LOADING_REPOSITORIES)}\n </li>\n )}\n {isError && (\n <li\n className=\"px-2 py-2 text-sm text-[#F87171]\"\n data-testid=\"cloud-repo-error\"\n >\n {t(I18nKey.HOME$FAILED_TO_LOAD_REPOSITORIES)}\n </li>\n )}\n {!isListLoading &&\n !isError &&\n repositories.length === 0 &&\n !!selectedProvider && (\n <li\n className=\"px-2 py-2 text-sm text-[var(--oh-muted)] italic\"\n data-testid=\"cloud-repo-empty\"\n >\n {t(I18nKey.GITHUB$NO_RESULTS)}\n </li>\n )}\n {repositories.map((repo) => (\n <RepoListItem\n key={`${repo.git_provider}:${repo.id}`}\n repo={repo}\n disabled={isCreating}\n onSelect={launchRepository}\n itemClass={itemClass}\n />\n ))}\n {showLoadMore && (\n <li>\n <button\n type=\"button\"\n data-testid=\"cloud-repo-load-more\"\n disabled={isFetchingNextPage}\n onClick={() => fetchNextPage()}\n className={itemClass}\n >\n <span className=\"text-[var(--oh-text-secondary)]\">\n {isFetchingNextPage\n ? t(I18nKey.HOME$LOADING_MORE_REPOSITORIES)\n : t(I18nKey.CONVERSATION$LOAD_MORE)}\n </span>\n </button>\n </li>\n )}\n </ul>\n </div>\n )}\n </div>\n );\n}\n"],"mappings":"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"}

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

@@ -2,82 +2,86 @@ import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es
 import { I18nKey as t } from "../../../i18n/declaration.js";
 import { cn as n } from "../../../utils/utils.js";
 import { useNavigation as r } from "../../../context/navigation-context.js";
-import { useCreateConversation as i } from "../../../hooks/mutation/use-create-conversation.js";
-import { Divider as a } from "../../../ui/divider.js";
-import { useUserProviders as o } from "../../../hooks/use-user-providers.js";
-import { GitProviderIcon as s } from "../../shared/git-provider-icon.js";
-import { useDebounce as c } from "../../../hooks/use-debounce.js";
-import { useGitRepositories as l } from "../../../hooks/query/use-git-repositories.js";
-import { useSearchRepositories as u } from "../../../hooks/query/use-search-repositories.js";
-import d from "../../../icons/repo.js";
-import { useHomeStore as f } from "../../../stores/home-store.js";
-import { useIsCreatingConversation as ee } from "../../../hooks/use-is-creating-conversation.js";
-import { NEW_CONVERSATION_DROPDOWN_SURFACE as p } from "./new-conversation-dropdown-styles.js";
-import { usePopoverFixedPlacement as m } from "../../../hooks/use-popover-fixed-placement.js";
-import h from "../../../icons/search.js";
-import g from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { dropdownMenuListClassName as i, dropdownMenuRowClassName as ee, dropdownMenuRowIconWrapperClassName as a } from "../../../utils/dropdown-classes.js";
+import { useCreateConversation as o } from "../../../hooks/mutation/use-create-conversation.js";
+import { Divider as s } from "../../../ui/divider.js";
+import { useUserProviders as c } from "../../../hooks/use-user-providers.js";
+import { GitProviderIcon as l } from "../../shared/git-provider-icon.js";
+import { useDebounce as u } from "../../../hooks/use-debounce.js";
+import { useGitRepositories as d } from "../../../hooks/query/use-git-repositories.js";
+import { useSearchRepositories as f } from "../../../hooks/query/use-search-repositories.js";
+import p from "../../../icons/repo.js";
+import { useHomeStore as te } from "../../../stores/home-store.js";
+import { useIsCreatingConversation as ne } from "../../../hooks/use-is-creating-conversation.js";
+import { NEW_CONVERSATION_DROPDOWN_SURFACE as m } from "./new-conversation-dropdown-styles.js";
+import { usePopoverFixedPlacement as h } from "../../../hooks/use-popover-fixed-placement.js";
+import g from "../../../icons/search.js";
+import _ from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/components/features/conversation-panel/cloud-new-conversation-menu.tsx
-function te({ repo: e, disabled: t, onSelect: n, itemClass: r }) {
-	return /* @__PURE__ */ _("li", { children: /* @__PURE__ */ v("button", {
+function b({ repo: e, disabled: t, onSelect: n, itemClass: r }) {
+	return /* @__PURE__ */ v("li", { children: /* @__PURE__ */ y("button", {
 		type: "button",
 		disabled: t,
 		"data-testid": "launch-repository",
 		"data-repo-name": e.full_name,
 		onClick: () => n(e),
 		className: r,
-		children: [/* @__PURE__ */ _(d, {
-			width: 14,
-			height: 14,
-			className: "shrink-0"
-		}), /* @__PURE__ */ _("span", {
+		children: [/* @__PURE__ */ v("span", {
+			className: a,
+			"aria-hidden": !0,
+			children: /* @__PURE__ */ v(p, {
+				width: 14,
+				height: 14
+			})
+		}), /* @__PURE__ */ v("span", {
 			className: "truncate",
 			children: e.full_name
 		})]
 	}) });
 }
-function y({ trigger: d, className: y, popoverClassName: b, popoverTestId: x = "new-conversation-popover", useFixedPlacement: S = !1 }) {
-	let { t: C } = e("openhands"), { navigate: w } = r(), { providers: T } = o(), { lastSelectedProvider: E, setLastSelectedProvider: D } = f(), [O, k] = g.useState(!1), A = g.useRef(null), j = g.useRef(null), M = m(j, {
+function x({ trigger: a, className: p, popoverClassName: x, popoverTestId: S = "new-conversation-popover", useFixedPlacement: C = !1 }) {
+	let { t: w } = e("openhands"), { navigate: T } = r(), { providers: E } = c(), { lastSelectedProvider: D, setLastSelectedProvider: re } = te(), [O, k] = _.useState(!1), A = _.useRef(null), j = _.useRef(null), M = h(j, {
 		open: O,
-		enabled: S
-	}), [N, P] = g.useState(E ?? null), [F, I] = g.useState(""), L = c(F, 300);
-	g.useEffect(() => {
-		if (T.length === 0) {
+		enabled: C
+	}), [N, P] = _.useState(D ?? null), [F, I] = _.useState(""), L = u(F, 300);
+	_.useEffect(() => {
+		if (E.length === 0) {
 			N !== null && P(null);
 			return;
 		}
-		N && T.includes(N) || P(E && T.includes(E) ? E : T[0]);
+		N && E.includes(N) || P(D && E.includes(D) ? D : E[0]);
 	}, [
-		T,
+		E,
 		N,
-		E
+		D
 	]);
-	let { data: R, isLoading: z, isError: B, hasNextPage: V, isFetchingNextPage: H, fetchNextPage: U } = l({ provider: N }), { data: W, isLoading: G } = u(L, N), K = g.useMemo(() => R?.pages.flatMap((e) => e.items) ?? [], [R]), q = L ? W ?? [] : K, { mutate: J, isPending: Y } = i(), X = ee(), Z = Y || X;
-	g.useEffect(() => {
+	let { data: R, isLoading: z, isError: B, hasNextPage: V, isFetchingNextPage: H, fetchNextPage: U } = d({ provider: N }), { data: W, isLoading: G } = f(L, N), K = _.useMemo(() => R?.pages.flatMap((e) => e.items) ?? [], [R]), q = L ? W ?? [] : K, { mutate: J, isPending: Y } = o(), ie = ne(), X = Y || ie;
+	_.useEffect(() => {
 		if (!O) return;
 		let e = (e) => {
 			A.current && !A.current.contains(e.target) && k(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [O]), g.useEffect(() => {
+	}, [O]), _.useEffect(() => {
 		if (!O) return;
 		let e = (e) => {
 			e.key === "Escape" && k(!1);
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [O]);
-	let ne = (e) => {
-		Z || J({ repository: {
+	let ae = (e) => {
+		X || J({ repository: {
 			name: e.full_name,
 			gitProvider: e.git_provider,
 			branch: e.main_branch ?? "main"
 		} }, { onSuccess: (e) => {
-			k(!1), w(`/conversations/${e.conversation_id}`);
+			k(!1), T(`/conversations/${e.conversation_id}`);
 		} });
-	}, re = (e) => {
-		P(e), D(e), I("");
-	}, Q = n("flex w-full cursor-pointer items-center gap-2 rounded px-2 py-2 text-left text-sm text-white", "font-normal transition-colors hover:bg-[var(--oh-interactive-hover)]", "disabled:cursor-not-allowed disabled:opacity-60");
-	g.useEffect(() => {
+	}, oe = (e) => {
+		P(e), re(e), I("");
+	}, Z = ee;
+	_.useEffect(() => {
 		O && (L || !V || H || z || q.length === 0 || q.length >= 10 || U());
 	}, [
 		O,
@@ -88,102 +92,102 @@ function y({ trigger: d, className: y, popoverClassName: b, popoverTestId: x = "
 		q.length,
 		U
 	]);
-	let $ = L ? G : z, ie = !L && V && q.length > 0, ae = g.useCallback(() => {
+	let Q = L ? G : z, $ = !L && V && q.length > 0, se = _.useCallback(() => {
 		k((e) => !e);
-	}, []), oe = O && (!S || M !== null), se = S && M ? {
+	}, []), ce = O && (!C || M !== null), le = C && M ? {
 		position: "fixed",
 		top: M.top,
 		left: M.left,
 		width: M.width
 	} : void 0;
-	return /* @__PURE__ */ v("div", {
-		className: n(!S && "relative", y),
+	return /* @__PURE__ */ y("div", {
+		className: n(!C && "relative", p),
 		ref: A,
-		children: [/* @__PURE__ */ _("span", {
+		children: [/* @__PURE__ */ v("span", {
 			ref: j,
 			className: "inline-flex",
-			children: d({
-				onClick: ae,
+			children: a({
+				onClick: se,
 				"aria-expanded": O,
 				"aria-haspopup": "menu",
-				disabled: Z
+				disabled: X
 			})
-		}), oe && /* @__PURE__ */ v("div", {
-			"data-testid": x,
-			className: n(p, !S && n("absolute top-full mt-0", b)),
-			style: se,
+		}), ce && /* @__PURE__ */ y("div", {
+			"data-testid": S,
+			className: n(m, !C && n("absolute top-full mt-0", x)),
+			style: le,
 			children: [
-				T.length > 1 && /* @__PURE__ */ _("div", {
+				E.length > 1 && /* @__PURE__ */ v("div", {
 					className: "flex items-center gap-1 px-1 py-1",
 					"data-testid": "cloud-provider-tabs",
-					children: T.map((e) => {
+					children: E.map((e) => {
 						let t = e === N;
-						return /* @__PURE__ */ v("button", {
+						return /* @__PURE__ */ y("button", {
 							type: "button",
 							"data-testid": `cloud-provider-tab-${e}`,
-							onClick: () => re(e),
-							className: n("flex items-center gap-1 rounded px-2 py-1 text-xs", "border transition-colors", t ? "border-[var(--oh-border-subtle)] bg-[var(--oh-interactive-hover)] text-white" : "border-transparent text-[var(--oh-text-secondary)] hover:text-white"),
-							children: [/* @__PURE__ */ _(s, { gitProvider: e }), /* @__PURE__ */ _("span", {
+							onClick: () => oe(e),
+							className: n("flex items-center gap-1 rounded border px-2 py-1 text-xs", "transition-none", t ? "border-[var(--oh-border-subtle)] bg-[var(--oh-interactive-hover)] text-white" : "border-transparent text-[var(--oh-text-secondary)] hover:text-white"),
+							children: [/* @__PURE__ */ v(l, { gitProvider: e }), /* @__PURE__ */ v("span", {
 								className: "capitalize",
 								children: e
 							})]
 						}, e);
 					})
 				}),
-				/* @__PURE__ */ _("div", {
+				/* @__PURE__ */ v("div", {
 					className: "px-2",
-					children: /* @__PURE__ */ v("div", {
+					children: /* @__PURE__ */ y("div", {
 						className: "relative",
-						children: [/* @__PURE__ */ _(h, {
+						children: [/* @__PURE__ */ v(g, {
 							width: 16,
 							height: 16,
 							"aria-hidden": !0,
 							className: "pointer-events-none absolute left-0 top-1/2 -translate-y-1/2 text-[var(--oh-muted)]"
-						}), /* @__PURE__ */ _("input", {
+						}), /* @__PURE__ */ v("input", {
 							type: "text",
 							"data-testid": "cloud-repo-search-input",
 							value: F,
 							onChange: (e) => I(e.target.value),
-							placeholder: C(t.COMMON$SEARCH_REPOSITORIES),
+							placeholder: w(t.COMMON$SEARCH_REPOSITORIES),
 							disabled: !N,
 							className: n("w-full border-0 bg-transparent py-1.5 pl-6 pr-0 text-sm text-white", "outline-none placeholder:text-[var(--oh-muted)]", "focus:outline-none focus:ring-0", "disabled:cursor-not-allowed disabled:opacity-60")
 						})]
 					})
 				}),
-				/* @__PURE__ */ _(a, { inset: "menu" }),
-				/* @__PURE__ */ v("ul", {
-					className: "flex max-h-[40vh] flex-col overflow-y-auto custom-scrollbar-always sm:max-h-[280px]",
+				/* @__PURE__ */ v(s, { inset: "menu" }),
+				/* @__PURE__ */ y("ul", {
+					className: n("max-h-[40vh] overflow-y-auto custom-scrollbar-always sm:max-h-[280px]", i),
 					children: [
-						$ && q.length === 0 && /* @__PURE__ */ _("li", {
+						Q && q.length === 0 && /* @__PURE__ */ v("li", {
 							className: "px-2 py-2 text-sm text-[var(--oh-muted)] italic",
 							"data-testid": "cloud-repo-loading",
-							children: C(t.HOME$LOADING_REPOSITORIES)
+							children: w(t.HOME$LOADING_REPOSITORIES)
 						}),
-						B && /* @__PURE__ */ _("li", {
+						B && /* @__PURE__ */ v("li", {
 							className: "px-2 py-2 text-sm text-[#F87171]",
 							"data-testid": "cloud-repo-error",
-							children: C(t.HOME$FAILED_TO_LOAD_REPOSITORIES)
+							children: w(t.HOME$FAILED_TO_LOAD_REPOSITORIES)
 						}),
-						!$ && !B && q.length === 0 && !!N && /* @__PURE__ */ _("li", {
+						!Q && !B && q.length === 0 && !!N && /* @__PURE__ */ v("li", {
 							className: "px-2 py-2 text-sm text-[var(--oh-muted)] italic",
 							"data-testid": "cloud-repo-empty",
-							children: C(t.GITHUB$NO_RESULTS)
+							children: w(t.GITHUB$NO_RESULTS)
 						}),
-						q.map((e) => /* @__PURE__ */ _(te, {
+						q.map((e) => /* @__PURE__ */ v(b, {
 							repo: e,
-							disabled: Z,
-							onSelect: ne,
-							itemClass: Q
+							disabled: X,
+							onSelect: ae,
+							itemClass: Z
 						}, `${e.git_provider}:${e.id}`)),
-						ie && /* @__PURE__ */ _("li", { children: /* @__PURE__ */ _("button", {
+						$ && /* @__PURE__ */ v("li", { children: /* @__PURE__ */ v("button", {
 							type: "button",
 							"data-testid": "cloud-repo-load-more",
 							disabled: H,
 							onClick: () => U(),
-							className: Q,
-							children: /* @__PURE__ */ _("span", {
+							className: Z,
+							children: /* @__PURE__ */ v("span", {
 								className: "text-[var(--oh-text-secondary)]",
-								children: C(H ? t.HOME$LOADING_MORE_REPOSITORIES : t.CONVERSATION$LOAD_MORE)
+								children: w(H ? t.HOME$LOADING_MORE_REPOSITORIES : t.CONVERSATION$LOAD_MORE)
 							})
 						}) })
 					]
@@ -193,6 +197,6 @@ function y({ trigger: d, className: y, popoverClassName: b, popoverTestId: x = "
 	});
 }
 //#endregion
-export { y as CloudNewConversationMenu };
+export { x as CloudNewConversationMenu };
 //# sourceMappingURL=cloud-new-conversation-menu.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"cloud-new-conversation-menu.js","names":[],"sources":["../../../../src/components/features/conversation-panel/cloud-new-conversation-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useIsCreatingConversation } from \"#/hooks/use-is-creating-conversation\";\nimport { useGitRepositories } from \"#/hooks/query/use-git-repositories\";\nimport { useSearchRepositories } from \"#/hooks/query/use-search-repositories\";\nimport { useUserProviders } from \"#/hooks/use-user-providers\";\nimport { useDebounce } from \"#/hooks/use-debounce\";\nimport { useHomeStore } from \"#/stores/home-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { GitRepository } from \"#/types/git\";\nimport { Provider } from \"#/types/settings\";\nimport RepoIcon from \"#/icons/repo.svg?react\";\nimport SearchIcon from \"#/icons/search.svg?react\";\nimport { GitProviderIcon } from \"#/components/shared/git-provider-icon\";\nimport { Divider } from \"#/ui/divider\";\nimport { NEW_CONVERSATION_DROPDOWN_SURFACE } from \"./new-conversation-dropdown-styles\";\nimport { usePopoverFixedPlacement } from \"#/hooks/use-popover-fixed-placement\";\n\nexport type CloudNewConversationMenuTriggerProps = {\n onClick: () => void;\n \"aria-expanded\": boolean;\n \"aria-haspopup\": \"menu\";\n disabled?: boolean;\n};\n\nexport interface CloudNewConversationMenuProps {\n trigger: (props: CloudNewConversationMenuTriggerProps) => React.ReactNode;\n className?: string;\n popoverClassName: string;\n popoverTestId?: string;\n useFixedPlacement?: boolean;\n}\n\ninterface RepoListItemProps {\n repo: GitRepository;\n disabled: boolean;\n onSelect: (repo: GitRepository) => void;\n itemClass: string;\n}\n\nfunction RepoListItem({\n repo,\n disabled,\n onSelect,\n itemClass,\n}: RepoListItemProps) {\n return (\n <li>\n <button\n type=\"button\"\n disabled={disabled}\n data-testid=\"launch-repository\"\n data-repo-name={repo.full_name}\n onClick={() => onSelect(repo)}\n className={itemClass}\n >\n <RepoIcon width={14} height={14} className=\"shrink-0\" />\n <span className=\"truncate\">{repo.full_name}</span>\n </button>\n </li>\n );\n}\n\n/*\n Repository search + launch flow for cloud backends.\n * Shared by the sidebar \"+ New conversation\" control and the conversation\n * panel \"new thread folder\" opener.\n */\nexport function CloudNewConversationMenu({\n trigger,\n className,\n popoverClassName,\n popoverTestId = \"new-conversation-popover\",\n useFixedPlacement = false,\n}: CloudNewConversationMenuProps) {\n const { t } = useTranslation(\"openhands\");\n const { navigate } = useNavigation();\n\n const { providers } = useUserProviders();\n const { lastSelectedProvider, setLastSelectedProvider } = useHomeStore();\n\n const [open, setOpen] = React.useState(false);\n const popoverRef = React.useRef<HTMLDivElement>(null);\n const triggerWrapRef = React.useRef<HTMLSpanElement>(null);\n const fixedBox = usePopoverFixedPlacement(triggerWrapRef, {\n open,\n enabled: useFixedPlacement,\n });\n const [selectedProvider, setSelectedProvider] =\n React.useState<Provider \| null>(lastSelectedProvider ?? null);\n const [query, setQuery] = React.useState(\"\");\n const debouncedQuery = useDebounce(query, 300);\n\n React.useEffect(() => {\n if (providers.length === 0) {\n if (selectedProvider !== null) setSelectedProvider(null);\n return;\n }\n if (selectedProvider && providers.includes(selectedProvider)) return;\n const fallback =\n lastSelectedProvider && providers.includes(lastSelectedProvider)\n ? lastSelectedProvider\n : providers[0];\n setSelectedProvider(fallback);\n }, [providers, selectedProvider, lastSelectedProvider]);\n\n const {\n data: repoPages,\n isLoading,\n isError,\n hasNextPage,\n isFetchingNextPage,\n fetchNextPage,\n } = useGitRepositories({ provider: selectedProvider });\n\n const { data: searchResults, isLoading: isSearchLoading } =\n useSearchRepositories(debouncedQuery, selectedProvider);\n\n const allRepositories = React.useMemo(\n () => repoPages?.pages.flatMap((page) => page.items) ?? [],\n [repoPages],\n );\n\n const repositories = debouncedQuery ? (searchResults ?? []) : allRepositories;\n\n const { mutate: createConversation, isPending } = useCreateConversation();\n const isCreatingElsewhere = useIsCreatingConversation();\n const isCreating = isPending \|\| isCreatingElsewhere;\n\n React.useEffect(() => {\n if (!open) return undefined;\n const onDown = (e: MouseEvent) => {\n if (\n popoverRef.current &&\n !popoverRef.current.contains(e.target as Node)\n ) {\n setOpen(false);\n }\n };\n document.addEventListener(\"mousedown\", onDown);\n return () => document.removeEventListener(\"mousedown\", onDown);\n }, [open]);\n\n React.useEffect(() => {\n if (!open) return undefined;\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.key === \"Escape\") setOpen(false);\n };\n window.addEventListener(\"keydown\", onKeyDown);\n return () => window.removeEventListener(\"keydown\", onKeyDown);\n }, [open]);\n\n const launchRepository = (repo: GitRepository) => {\n if (isCreating) return;\n createConversation(\n {\n repository: {\n name: repo.full_name,\n gitProvider: repo.git_provider,\n branch: repo.main_branch ?? \"main\",\n },\n },\n {\n onSuccess: (data) => {\n setOpen(false);\n navigate(`/conversations/${data.conversation_id}`);\n },\n },\n );\n };\n\n const handleProviderChange = (provider: Provider) => {\n setSelectedProvider(provider);\n setLastSelectedProvider(provider);\n setQuery(\"\");\n };\n\n const itemClass = cn(\n \"flex w-full cursor-pointer items-center gap-2 rounded px-2 py-2 text-left text-sm text-white\",\n \"font-normal transition-colors hover:bg-[var(--oh-interactive-hover)]\",\n \"disabled:cursor-not-allowed disabled:opacity-60\",\n );\n\n React.useEffect(() => {\n if (!open) return;\n if (debouncedQuery) return;\n if (!hasNextPage \|\| isFetchingNextPage \|\| isLoading) return;\n if (repositories.length === 0 \|\| repositories.length >= 10) return;\n fetchNextPage();\n }, [\n open,\n debouncedQuery,\n hasNextPage,\n isFetchingNextPage,\n isLoading,\n repositories.length,\n fetchNextPage,\n ]);\n\n const isListLoading = debouncedQuery ? isSearchLoading : isLoading;\n const showLoadMore =\n !debouncedQuery && hasNextPage && repositories.length > 0;\n\n const toggleOpen = React.useCallback(() => {\n setOpen((o) => !o);\n }, []);\n\n const showPopover = open && (!useFixedPlacement \|\| fixedBox !== null);\n\n const fixedStyle: React.CSSProperties \| undefined =\n useFixedPlacement && fixedBox\n ? {\n position: \"fixed\",\n top: fixedBox.top,\n left: fixedBox.left,\n width: fixedBox.width,\n }\n : undefined;\n\n return (\n <div\n className={cn(!useFixedPlacement && \"relative\", className)}\n ref={popoverRef}\n >\n <span ref={triggerWrapRef} className=\"inline-flex\">\n {trigger({\n onClick: toggleOpen,\n \"aria-expanded\": open,\n \"aria-haspopup\": \"menu\",\n disabled: isCreating,\n })}\n </span>\n\n {showPopover && (\n <div\n data-testid={popoverTestId}\n className={cn(\n NEW_CONVERSATION_DROPDOWN_SURFACE,\n !useFixedPlacement &&\n cn(\"absolute top-full mt-0\", popoverClassName),\n )}\n style={fixedStyle}\n >\n {providers.length > 1 && (\n <div\n className=\"flex items-center gap-1 px-1 py-1\"\n data-testid=\"cloud-provider-tabs\"\n >\n {providers.map((provider) => {\n const isActive = provider === selectedProvider;\n return (\n <button\n key={provider}\n type=\"button\"\n data-testid={`cloud-provider-tab-${provider}`}\n onClick={() => handleProviderChange(provider)}\n className={cn(\n \"flex items-center gap-1 rounded px-2 py-1 text-xs\",\n \"border transition-colors\",\n isActive\n ? \"border-[var(--oh-border-subtle)] bg-[var(--oh-interactive-hover)] text-white\"\n : \"border-transparent text-[var(--oh-text-secondary)] hover:text-white\",\n )}\n >\n <GitProviderIcon gitProvider={provider} />\n <span className=\"capitalize\">{provider}</span>\n </button>\n );\n })}\n </div>\n )}\n\n <div className=\"px-2\">\n <div className=\"relative\">\n <SearchIcon\n width={16}\n height={16}\n aria-hidden\n className=\"pointer-events-none absolute left-0 top-1/2 -translate-y-1/2 text-[var(--oh-muted)]\"\n />\n <input\n type=\"text\"\n data-testid=\"cloud-repo-search-input\"\n value={query}\n onChange={(e) => setQuery(e.target.value)}\n placeholder={t(I18nKey.COMMON$SEARCH_REPOSITORIES)}\n disabled={!selectedProvider}\n className={cn(\n \"w-full border-0 bg-transparent py-1.5 pl-6 pr-0 text-sm text-white\",\n \"outline-none placeholder:text-[var(--oh-muted)]\",\n \"focus:outline-none focus:ring-0\",\n \"disabled:cursor-not-allowed disabled:opacity-60\",\n )}\n />\n </div>\n </div>\n\n <Divider inset=\"menu\" />\n\n <ul className=\"flex max-h-[40vh] flex-col overflow-y-auto custom-scrollbar-always sm:max-h-[280px]\">\n {isListLoading && repositories.length === 0 && (\n <li\n className=\"px-2 py-2 text-sm text-[var(--oh-muted)] italic\"\n data-testid=\"cloud-repo-loading\"\n >\n {t(I18nKey.HOME$LOADING_REPOSITORIES)}\n </li>\n )}\n {isError && (\n <li\n className=\"px-2 py-2 text-sm text-[#F87171]\"\n data-testid=\"cloud-repo-error\"\n >\n {t(I18nKey.HOME$FAILED_TO_LOAD_REPOSITORIES)}\n </li>\n )}\n {!isListLoading &&\n !isError &&\n repositories.length === 0 &&\n !!selectedProvider && (\n <li\n className=\"px-2 py-2 text-sm text-[var(--oh-muted)] italic\"\n data-testid=\"cloud-repo-empty\"\n >\n {t(I18nKey.GITHUB$NO_RESULTS)}\n </li>\n )}\n {repositories.map((repo) => (\n <RepoListItem\n key={`${repo.git_provider}:${repo.id}`}\n repo={repo}\n disabled={isCreating}\n onSelect={launchRepository}\n itemClass={itemClass}\n />\n ))}\n {showLoadMore && (\n <li>\n <button\n type=\"button\"\n data-testid=\"cloud-repo-load-more\"\n disabled={isFetchingNextPage}\n onClick={() => fetchNextPage()}\n className={itemClass}\n >\n <span className=\"text-[var(--oh-text-secondary)]\">\n {isFetchingNextPage\n ? t(I18nKey.HOME$LOADING_MORE_REPOSITORIES)\n : t(I18nKey.CONVERSATION$LOAD_MORE)}\n </span>\n </button>\n </li>\n )}\n </ul>\n </div>\n )}\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"cloud-new-conversation-menu.js","names":[],"sources":["../../../../src/components/features/conversation-panel/cloud-new-conversation-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useIsCreatingConversation } from \"#/hooks/use-is-creating-conversation\";\nimport { useGitRepositories } from \"#/hooks/query/use-git-repositories\";\nimport { useSearchRepositories } from \"#/hooks/query/use-search-repositories\";\nimport { useUserProviders } from \"#/hooks/use-user-providers\";\nimport { useDebounce } from \"#/hooks/use-debounce\";\nimport { useHomeStore } from \"#/stores/home-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport {\n dropdownMenuRowClassName,\n dropdownInstantColorClassName,\n dropdownMenuListClassName,\n dropdownMenuRowIconWrapperClassName,\n} from \"#/utils/dropdown-classes\";\nimport { GitRepository } from \"#/types/git\";\nimport { Provider } from \"#/types/settings\";\nimport RepoIcon from \"#/icons/repo.svg?react\";\nimport SearchIcon from \"#/icons/search.svg?react\";\nimport { GitProviderIcon } from \"#/components/shared/git-provider-icon\";\nimport { Divider } from \"#/ui/divider\";\nimport { NEW_CONVERSATION_DROPDOWN_SURFACE } from \"./new-conversation-dropdown-styles\";\nimport { usePopoverFixedPlacement } from \"#/hooks/use-popover-fixed-placement\";\n\nexport type CloudNewConversationMenuTriggerProps = {\n onClick: () => void;\n \"aria-expanded\": boolean;\n \"aria-haspopup\": \"menu\";\n disabled?: boolean;\n};\n\nexport interface CloudNewConversationMenuProps {\n trigger: (props: CloudNewConversationMenuTriggerProps) => React.ReactNode;\n className?: string;\n popoverClassName: string;\n popoverTestId?: string;\n useFixedPlacement?: boolean;\n}\n\ninterface RepoListItemProps {\n repo: GitRepository;\n disabled: boolean;\n onSelect: (repo: GitRepository) => void;\n itemClass: string;\n}\n\nfunction RepoListItem({\n repo,\n disabled,\n onSelect,\n itemClass,\n}: RepoListItemProps) {\n return (\n <li>\n <button\n type=\"button\"\n disabled={disabled}\n data-testid=\"launch-repository\"\n data-repo-name={repo.full_name}\n onClick={() => onSelect(repo)}\n className={itemClass}\n >\n <span className={dropdownMenuRowIconWrapperClassName} aria-hidden>\n <RepoIcon width={14} height={14} />\n </span>\n <span className=\"truncate\">{repo.full_name}</span>\n </button>\n </li>\n );\n}\n\n/*\n Repository search + launch flow for cloud backends.\n * Shared by the sidebar \"+ New conversation\" control and the conversation\n * panel \"new thread folder\" opener.\n */\nexport function CloudNewConversationMenu({\n trigger,\n className,\n popoverClassName,\n popoverTestId = \"new-conversation-popover\",\n useFixedPlacement = false,\n}: CloudNewConversationMenuProps) {\n const { t } = useTranslation(\"openhands\");\n const { navigate } = useNavigation();\n\n const { providers } = useUserProviders();\n const { lastSelectedProvider, setLastSelectedProvider } = useHomeStore();\n\n const [open, setOpen] = React.useState(false);\n const popoverRef = React.useRef<HTMLDivElement>(null);\n const triggerWrapRef = React.useRef<HTMLSpanElement>(null);\n const fixedBox = usePopoverFixedPlacement(triggerWrapRef, {\n open,\n enabled: useFixedPlacement,\n });\n const [selectedProvider, setSelectedProvider] =\n React.useState<Provider \| null>(lastSelectedProvider ?? null);\n const [query, setQuery] = React.useState(\"\");\n const debouncedQuery = useDebounce(query, 300);\n\n React.useEffect(() => {\n if (providers.length === 0) {\n if (selectedProvider !== null) setSelectedProvider(null);\n return;\n }\n if (selectedProvider && providers.includes(selectedProvider)) return;\n const fallback =\n lastSelectedProvider && providers.includes(lastSelectedProvider)\n ? lastSelectedProvider\n : providers[0];\n setSelectedProvider(fallback);\n }, [providers, selectedProvider, lastSelectedProvider]);\n\n const {\n data: repoPages,\n isLoading,\n isError,\n hasNextPage,\n isFetchingNextPage,\n fetchNextPage,\n } = useGitRepositories({ provider: selectedProvider });\n\n const { data: searchResults, isLoading: isSearchLoading } =\n useSearchRepositories(debouncedQuery, selectedProvider);\n\n const allRepositories = React.useMemo(\n () => repoPages?.pages.flatMap((page) => page.items) ?? [],\n [repoPages],\n );\n\n const repositories = debouncedQuery ? (searchResults ?? []) : allRepositories;\n\n const { mutate: createConversation, isPending } = useCreateConversation();\n const isCreatingElsewhere = useIsCreatingConversation();\n const isCreating = isPending \|\| isCreatingElsewhere;\n\n React.useEffect(() => {\n if (!open) return undefined;\n const onDown = (e: MouseEvent) => {\n if (\n popoverRef.current &&\n !popoverRef.current.contains(e.target as Node)\n ) {\n setOpen(false);\n }\n };\n document.addEventListener(\"mousedown\", onDown);\n return () => document.removeEventListener(\"mousedown\", onDown);\n }, [open]);\n\n React.useEffect(() => {\n if (!open) return undefined;\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.key === \"Escape\") setOpen(false);\n };\n window.addEventListener(\"keydown\", onKeyDown);\n return () => window.removeEventListener(\"keydown\", onKeyDown);\n }, [open]);\n\n const launchRepository = (repo: GitRepository) => {\n if (isCreating) return;\n createConversation(\n {\n repository: {\n name: repo.full_name,\n gitProvider: repo.git_provider,\n branch: repo.main_branch ?? \"main\",\n },\n },\n {\n onSuccess: (data) => {\n setOpen(false);\n navigate(`/conversations/${data.conversation_id}`);\n },\n },\n );\n };\n\n const handleProviderChange = (provider: Provider) => {\n setSelectedProvider(provider);\n setLastSelectedProvider(provider);\n setQuery(\"\");\n };\n\n const itemClass = dropdownMenuRowClassName;\n\n React.useEffect(() => {\n if (!open) return;\n if (debouncedQuery) return;\n if (!hasNextPage \|\| isFetchingNextPage \|\| isLoading) return;\n if (repositories.length === 0 \|\| repositories.length >= 10) return;\n fetchNextPage();\n }, [\n open,\n debouncedQuery,\n hasNextPage,\n isFetchingNextPage,\n isLoading,\n repositories.length,\n fetchNextPage,\n ]);\n\n const isListLoading = debouncedQuery ? isSearchLoading : isLoading;\n const showLoadMore =\n !debouncedQuery && hasNextPage && repositories.length > 0;\n\n const toggleOpen = React.useCallback(() => {\n setOpen((o) => !o);\n }, []);\n\n const showPopover = open && (!useFixedPlacement \|\| fixedBox !== null);\n\n const fixedStyle: React.CSSProperties \| undefined =\n useFixedPlacement && fixedBox\n ? {\n position: \"fixed\",\n top: fixedBox.top,\n left: fixedBox.left,\n width: fixedBox.width,\n }\n : undefined;\n\n return (\n <div\n className={cn(!useFixedPlacement && \"relative\", className)}\n ref={popoverRef}\n >\n <span ref={triggerWrapRef} className=\"inline-flex\">\n {trigger({\n onClick: toggleOpen,\n \"aria-expanded\": open,\n \"aria-haspopup\": \"menu\",\n disabled: isCreating,\n })}\n </span>\n\n {showPopover && (\n <div\n data-testid={popoverTestId}\n className={cn(\n NEW_CONVERSATION_DROPDOWN_SURFACE,\n !useFixedPlacement &&\n cn(\"absolute top-full mt-0\", popoverClassName),\n )}\n style={fixedStyle}\n >\n {providers.length > 1 && (\n <div\n className=\"flex items-center gap-1 px-1 py-1\"\n data-testid=\"cloud-provider-tabs\"\n >\n {providers.map((provider) => {\n const isActive = provider === selectedProvider;\n return (\n <button\n key={provider}\n type=\"button\"\n data-testid={`cloud-provider-tab-${provider}`}\n onClick={() => handleProviderChange(provider)}\n className={cn(\n \"flex items-center gap-1 rounded border px-2 py-1 text-xs\",\n dropdownInstantColorClassName,\n isActive\n ? \"border-[var(--oh-border-subtle)] bg-[var(--oh-interactive-hover)] text-white\"\n : \"border-transparent text-[var(--oh-text-secondary)] hover:text-white\",\n )}\n >\n <GitProviderIcon gitProvider={provider} />\n <span className=\"capitalize\">{provider}</span>\n </button>\n );\n })}\n </div>\n )}\n\n <div className=\"px-2\">\n <div className=\"relative\">\n <SearchIcon\n width={16}\n height={16}\n aria-hidden\n className=\"pointer-events-none absolute left-0 top-1/2 -translate-y-1/2 text-[var(--oh-muted)]\"\n />\n <input\n type=\"text\"\n data-testid=\"cloud-repo-search-input\"\n value={query}\n onChange={(e) => setQuery(e.target.value)}\n placeholder={t(I18nKey.COMMON$SEARCH_REPOSITORIES)}\n disabled={!selectedProvider}\n className={cn(\n \"w-full border-0 bg-transparent py-1.5 pl-6 pr-0 text-sm text-white\",\n \"outline-none placeholder:text-[var(--oh-muted)]\",\n \"focus:outline-none focus:ring-0\",\n \"disabled:cursor-not-allowed disabled:opacity-60\",\n )}\n />\n </div>\n </div>\n\n <Divider inset=\"menu\" />\n\n <ul\n className={cn(\n \"max-h-[40vh] overflow-y-auto custom-scrollbar-always sm:max-h-[280px]\",\n dropdownMenuListClassName,\n )}\n >\n {isListLoading && repositories.length === 0 && (\n <li\n className=\"px-2 py-2 text-sm text-[var(--oh-muted)] italic\"\n data-testid=\"cloud-repo-loading\"\n >\n {t(I18nKey.HOME$LOADING_REPOSITORIES)}\n </li>\n )}\n {isError && (\n <li\n className=\"px-2 py-2 text-sm text-[#F87171]\"\n data-testid=\"cloud-repo-error\"\n >\n {t(I18nKey.HOME$FAILED_TO_LOAD_REPOSITORIES)}\n </li>\n )}\n {!isListLoading &&\n !isError &&\n repositories.length === 0 &&\n !!selectedProvider && (\n <li\n className=\"px-2 py-2 text-sm text-[var(--oh-muted)] italic\"\n data-testid=\"cloud-repo-empty\"\n >\n {t(I18nKey.GITHUB$NO_RESULTS)}\n </li>\n )}\n {repositories.map((repo) => (\n <RepoListItem\n key={`${repo.git_provider}:${repo.id}`}\n repo={repo}\n disabled={isCreating}\n onSelect={launchRepository}\n itemClass={itemClass}\n />\n ))}\n {showLoadMore && (\n <li>\n <button\n type=\"button\"\n data-testid=\"cloud-repo-load-more\"\n disabled={isFetchingNextPage}\n onClick={() => fetchNextPage()}\n className={itemClass}\n >\n <span className=\"text-[var(--oh-text-secondary)]\">\n {isFetchingNextPage\n ? t(I18nKey.HOME$LOADING_MORE_REPOSITORIES)\n : t(I18nKey.CONVERSATION$LOAD_MORE)}\n </span>\n </button>\n </li>\n )}\n </ul>\n </div>\n )}\n </div>\n );\n}\n"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-const e=require(`../../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../../utils/utils.cjs`),n=require(`../../../../utils/status.cjs`),r=require(`../ellipsis-button.cjs`),i=require(`./conversation-card-context-menu.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`),s=require(`react-dom`);function c({contextMenuOpen:e,onContextMenuToggle:c,onDelete:l,onStop:u,onEdit:d,onDownloadViaVSCode:f,onDownloadConversation:p,executionStatus:m,conversationId:h,showOptions:g}){let _=n.isExecutionPaused(m),v=n.isExecutionActive(m),y=(0,a.useRef)(null),[,b]=(0,a.useReducer)(e=>e+1,0);(0,a.useLayoutEffect)(()=>{if(!e)return;b();let t=0,n=()=>{t||=window.requestAnimationFrame(()=>{t=0,b()})};return window.addEventListener(`resize`,n),window.addEventListener(`scroll`,n,!0),()=>{t&&window.cancelAnimationFrame(t),window.removeEventListener(`resize`,n),window.removeEventListener(`scroll`,n,!0)}},[e]);let x=(()=>{if(!e||!y.current)return;let t=y.current.getBoundingClientRect(),n=Number(window.innerWidth)||0,r=Number(window.innerHeight)||0,i=Number(t.bottom)||0,a=Number(t.right)||0;return{position:`fixed`,top:i+280+8>r?Math.max(8,t.top-280-4):i+4,right:Math.max(8,n-a),zIndex:1e5}})(),S=typeof document<`u`?document.body:null;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.EllipsisButton,{ref:y,onClick:t=>{t.preventDefault(),t.stopPropagation(),c(!e)},className:t.cn(_&&`opacity-60`)}),e&&x&&S?(0,s.createPortal)((0,o.jsx)(i.ConversationCardContextMenu,{ignoreOutsideClickRef:y,floatingStyle:x,onClose:()=>c(!1),onDelete:l,onStop:v?u:void 0,onEdit:d,onDownloadViaVSCode:h&&g?f:void 0,onDownloadConversation:h?p:void 0,position:`bottom`}),S):null]})}exports.ConversationCardActions=c;
+const e=require(`../../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../../utils/status.cjs`),n=require(`../../../../utils/utils.cjs`),r=require(`../ellipsis-button.cjs`),i=require(`./conversation-card-context-menu.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`),s=require(`react-dom`);function c({contextMenuOpen:e,onContextMenuToggle:c,onDelete:l,onStop:u,onEdit:d,onDownloadViaVSCode:f,onDownloadConversation:p,executionStatus:m,conversationId:h,showOptions:g}){let _=t.isExecutionPaused(m),v=t.isExecutionActive(m),y=(0,a.useRef)(null),[,b]=(0,a.useReducer)(e=>e+1,0);(0,a.useLayoutEffect)(()=>{if(!e)return;b();let t=0,n=()=>{t||=window.requestAnimationFrame(()=>{t=0,b()})};return window.addEventListener(`resize`,n),window.addEventListener(`scroll`,n,!0),()=>{t&&window.cancelAnimationFrame(t),window.removeEventListener(`resize`,n),window.removeEventListener(`scroll`,n,!0)}},[e]);let x=(()=>{if(!e||!y.current)return;let t=y.current.getBoundingClientRect(),n=Number(window.innerWidth)||0,r=Number(window.innerHeight)||0,i=Number(t.bottom)||0,a=Number(t.right)||0;return{position:`fixed`,top:i+280+8>r?Math.max(8,t.top-280-4):i+4,right:Math.max(8,n-a),zIndex:1e5}})(),S=typeof document<`u`?document.body:null;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.EllipsisButton,{ref:y,onClick:t=>{t.preventDefault(),t.stopPropagation(),c(!e)},className:n.cn(_&&`opacity-60`)}),e&&x&&S?(0,s.createPortal)((0,o.jsx)(i.ConversationCardContextMenu,{ignoreOutsideClickRef:y,floatingStyle:x,onClose:()=>c(!1),onDelete:l,onStop:v?u:void 0,onEdit:d,onDownloadViaVSCode:h&&g?f:void 0,onDownloadConversation:h?p:void 0,position:`bottom`}),S):null]})}exports.ConversationCardActions=c;
 //# sourceMappingURL=conversation-card-actions.cjs.map

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

@@ -1,5 +1,5 @@
-import { cn as e } from "../../../../utils/utils.js";
-import { isExecutionActive as t, isExecutionPaused as n } from "../../../../utils/status.js";
+import { isExecutionActive as e, isExecutionPaused as t } from "../../../../utils/status.js";
+import { cn as n } from "../../../../utils/utils.js";
 import { EllipsisButton as r } from "../ellipsis-button.js";
 import { ConversationCardContextMenu as i } from "./conversation-card-context-menu.js";
 import { useLayoutEffect as a, useReducer as o, useRef as s } from "react";
@@ -7,7 +7,7 @@ import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 import { createPortal as d } from "react-dom";
 //#region src/components/features/conversation-panel/conversation-card/conversation-card-actions.tsx
 function f({ contextMenuOpen: f, onContextMenuToggle: p, onDelete: m, onStop: h, onEdit: g, onDownloadViaVSCode: _, onDownloadConversation: v, executionStatus: y, conversationId: b, showOptions: x }) {
-	let S = n(y), C = t(y), w = s(null), [, T] = o((e) => e + 1, 0);
+	let S = t(y), C = e(y), w = s(null), [, T] = o((e) => e + 1, 0);
 	a(() => {
 		if (!f) return;
 		T();
@@ -35,7 +35,7 @@ function f({ contextMenuOpen: f, onContextMenuToggle: p, onDelete: m, onStop: h,
 		onClick: (e) => {
 			e.preventDefault(), e.stopPropagation(), p(!f);
 		},
-		className: e(S && "opacity-60")
+		className: n(S && "opacity-60")
 	}), f && E && D ? d(/* @__PURE__ */ l(i, {
 		ignoreOutsideClickRef: w,
 		floatingStyle: E,

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

@@ -1,2 +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(`../../../../utils/utils.cjs`),r=require(`../../../../constants/acp-providers.cjs`),i=require(`../../../../utils/status.cjs`),a=require(`../../../../utils/format-time-delta.cjs`),o=require(`../../../shared/agent-brand-icon.cjs`),s=require(`./conversation-repo-link.cjs`),c=require(`./no-repository.cjs`);let l=require(`react/jsx-runtime`);function u({selectedRepository:u,lastUpdatedAt:d,createdAt:f,executionStatus:p,workspaceWorkingDir:m,showRepositoryMetadata:h=!0,showTimestamp:g=!0,llmModel:_,showAgentChip:v=!1,agentKind:y=null,acpServer:b=null}){let{t:x}=e.useTranslation(`openhands`),S=i.isExecutionPaused(p),C=null;if(v)if(y===`acp`){let e=r.getAcpProviderDisplayName(b)??x(t.I18nKey.CONVERSATION$ACP_AGENT_GENERIC),n=r.labelForAcpModel(b,_),i=n??e;C={kind:r.resolveAcpProviderIcon(b),text:i,tooltip:n?`${e} · ${n}`:e}}else _&&(C={kind:`openhands`,text:_,tooltip:_});let w=p===void 0?void 0:`pl-[26px]`;return(0,l.jsxs)(`div`,{className:n.cn(`flex flex-col gap-0.5 mt-0.5 w-full min-w-0`,S&&`opacity-60`),children:[C?(0,l.jsx)(`div`,{className:w,children:(0,l.jsxs)(`span`,{"data-testid":`conversation-card-agent-chip`,className:`inline-flex items-center gap-1 text-xs text-[var(--oh-muted)] max-w-full min-w-0`,title:C.tooltip,children:[(0,l.jsx)(o.AgentBrandIcon,{kind:C.kind}),(0,l.jsx)(`span`,{className:`truncate`,children:C.text})]})}):null,(0,l.jsxs)(`div`,{className:n.cn(`flex flex-row items-center gap-2 w-full min-w-0`,h&&w),children:[h&&(u?.selected_repository?(0,l.jsx)(s.ConversationRepoLink,{selectedRepository:u}):(0,l.jsx)(c.NoRepository,{workspaceWorkingDir:m})),(0,l.jsx)(`div`,{className:`flex items-center gap-2 shrink-0 ml-auto`,children:g&&(f??d)&&(0,l.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)] text-right`,children:(0,l.jsx)(`time`,{children:`${a.formatTimeDelta(d??f)} ${x(t.I18nKey.CONVERSATION$AGO)}`})})})]})]})}exports.ConversationCardFooter=u;
+require(`../../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),t=require(`../../../../i18n/declaration.cjs`),n=require(`../../../../utils/status.cjs`),r=require(`../../../../utils/utils.cjs`),i=require(`../../../../constants/acp-providers.cjs`),a=require(`../../../../utils/format-time-delta.cjs`),o=require(`../../../shared/agent-brand-icon.cjs`),s=require(`./conversation-repo-link.cjs`),c=require(`./no-repository.cjs`);let l=require(`react/jsx-runtime`);function u({selectedRepository:u,lastUpdatedAt:d,createdAt:f,executionStatus:p,workspaceWorkingDir:m,showRepositoryMetadata:h=!0,showTimestamp:g=!0,llmModel:_,showAgentChip:v=!1,agentKind:y=null,acpServer:b=null}){let{t:x}=e.useTranslation(`openhands`),S=n.isExecutionPaused(p),C=null;if(v)if(y===`acp`){let e=i.getAcpProviderDisplayName(b)??x(t.I18nKey.CONVERSATION$ACP_AGENT_GENERIC),n=i.labelForAcpModel(b,_),r=n??e;C={kind:i.resolveAcpProviderIcon(b),text:r,tooltip:n?`${e} · ${n}`:e}}else _&&(C={kind:`openhands`,text:_,tooltip:_});let w=p===void 0?void 0:`pl-[26px]`;return(0,l.jsxs)(`div`,{className:r.cn(`flex flex-col gap-0.5 mt-0.5 w-full min-w-0`,S&&`opacity-60`),children:[C?(0,l.jsx)(`div`,{className:w,children:(0,l.jsxs)(`span`,{"data-testid":`conversation-card-agent-chip`,className:`inline-flex items-center gap-1 text-xs text-[var(--oh-muted)] max-w-full min-w-0`,title:C.tooltip,children:[(0,l.jsx)(o.AgentBrandIcon,{kind:C.kind}),(0,l.jsx)(`span`,{className:`truncate`,children:C.text})]})}):null,(0,l.jsxs)(`div`,{className:r.cn(`flex flex-row items-center gap-2 w-full min-w-0`,h&&w),children:[h&&(u?.selected_repository?(0,l.jsx)(s.ConversationRepoLink,{selectedRepository:u}):(0,l.jsx)(c.NoRepository,{workspaceWorkingDir:m})),(0,l.jsx)(`div`,{className:`flex items-center gap-2 shrink-0 ml-auto`,children:g&&(f??d)&&(0,l.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)] text-right`,children:(0,l.jsx)(`time`,{children:`${a.formatTimeDelta(d??f)} ${x(t.I18nKey.CONVERSATION$AGO)}`})})})]})]})}exports.ConversationCardFooter=u;
 //# sourceMappingURL=conversation-card-footer.cjs.map

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

@@ -1,8 +1,8 @@
 import { useTranslation as e } from "../../../../node_modules/react-i18next/dist/es/useTranslation.js";
 import { I18nKey as t } from "../../../../i18n/declaration.js";
-import { cn as n } from "../../../../utils/utils.js";
-import { getAcpProviderDisplayName as r, labelForAcpModel as i, resolveAcpProviderIcon as a } from "../../../../constants/acp-providers.js";
-import { isExecutionPaused as o } from "../../../../utils/status.js";
+import { isExecutionPaused as n } from "../../../../utils/status.js";
+import { cn as r } from "../../../../utils/utils.js";
+import { getAcpProviderDisplayName as i, labelForAcpModel as a, resolveAcpProviderIcon as o } from "../../../../constants/acp-providers.js";
 import { formatTimeDelta as s } from "../../../../utils/format-time-delta.js";
 import { AgentBrandIcon as c } from "../../../shared/agent-brand-icon.js";
 import { ConversationRepoLink as l } from "./conversation-repo-link.js";
@@ -10,12 +10,12 @@ import { NoRepository as u } from "./no-repository.js";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/features/conversation-panel/conversation-card/conversation-card-footer.tsx
 function p({ selectedRepository: p, lastUpdatedAt: m, createdAt: h, executionStatus: g, workspaceWorkingDir: _, showRepositoryMetadata: v = !0, showTimestamp: y = !0, llmModel: b, showAgentChip: x = !1, agentKind: S = null, acpServer: C = null }) {
-	let { t: w } = e("openhands"), T = o(g), E = null;
+	let { t: w } = e("openhands"), T = n(g), E = null;
 	if (x) if (S === "acp") {
-		let e = r(C) ?? w(t.CONVERSATION$ACP_AGENT_GENERIC), n = i(C, b), o = n ?? e;
+		let e = i(C) ?? w(t.CONVERSATION$ACP_AGENT_GENERIC), n = a(C, b), r = n ?? e;
 		E = {
-			kind: a(C),
-			text: o,
+			kind: o(C),
+			text: r,
 			tooltip: n ? `${e} · ${n}` : e
 		};
 	} else b && (E = {
@@ -25,7 +25,7 @@ function p({ selectedRepository: p, lastUpdatedAt: m, createdAt: h, executionSta
 	});
 	let D = g === void 0 ? void 0 : "pl-[26px]";
 	return /* @__PURE__ */ f("div", {
-		className: n("flex flex-col gap-0.5 mt-0.5 w-full min-w-0", T && "opacity-60"),
+		className: r("flex flex-col gap-0.5 mt-0.5 w-full min-w-0", T && "opacity-60"),
 		children: [E ? /* @__PURE__ */ d("div", {
 			className: D,
 			children: /* @__PURE__ */ f("span", {
@@ -38,7 +38,7 @@ function p({ selectedRepository: p, lastUpdatedAt: m, createdAt: h, executionSta
 				})]
 			})
 		}) : null, /* @__PURE__ */ f("div", {
-			className: n("flex flex-row items-center gap-2 w-full min-w-0", v && D),
+			className: r("flex flex-row items-center gap-2 w-full min-w-0", v && D),
 			children: [v && (p?.selected_repository ? /* @__PURE__ */ d(l, { selectedRepository: p }) : /* @__PURE__ */ d(u, { workspaceWorkingDir: _ })), /* @__PURE__ */ d("div", {
 				className: "flex items-center gap-2 shrink-0 ml-auto",
 				children: y && (h ?? m) && /* @__PURE__ */ d("p", {

package/dist/components/features/conversation-panel/conversation-panel-filter-menu.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(`../../../node_modules/lucide-react/dist/esm/icons/bot.cjs`),a=require(`../../../node_modules/lucide-react/dist/esm/icons/calendar-arrow-down.cjs`),o=require(`../../../node_modules/lucide-react/dist/esm/icons/check.cjs`),s=require(`../../../node_modules/lucide-react/dist/esm/icons/clock-3.cjs`),c=require(`../../../node_modules/lucide-react/dist/esm/icons/clock-arrow-down.cjs`),l=require(`../../../node_modules/lucide-react/dist/esm/icons/eye-off.cjs`),u=require(`../../../node_modules/lucide-react/dist/esm/icons/eye.cjs`),d=require(`../../../node_modules/lucide-react/dist/esm/icons/folder.cjs`),f=require(`../../../node_modules/lucide-react/dist/esm/icons/git-branch.cjs`),p=require(`../../../node_modules/lucide-react/dist/esm/icons/list-filter.cjs`),m=require(`../../../node_modules/lucide-react/dist/esm/icons/message-circle.cjs`),h=require(`../../../node_modules/lucide-react/dist/esm/icons/star.cjs`),g=require(`../../../node_modules/lucide-react/dist/esm/icons/trash-2.cjs`),_=require(`../../../utils/form-control-classes.cjs`),v=require(`../../../ui/divider.cjs`);let y=require(`react`);y=e.__toESM(y,1);let b=require(`react/jsx-runtime`);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?(0,b.jsx)(`div`,{role:`presentation`,className:r.cn(S,C),children:e}):(0,b.jsxs)(`div`,{role:`presentation`,className:r.cn(`flex items-baseline justify-between gap-2`,S),children:[(0,b.jsx)(`span`,{className:r.cn(`min-w-0 truncate text-left`,C),children:e}),t]})}function T(){return(0,b.jsx)(v.Divider,{inset:`menu`})}function E({icon:e,label:t,selected:n,onClick:i,testId:a,disabled:s}){return(0,b.jsxs)(`button`,{type:`button`,role:n===void 0?`menuitem`:`menuitemradio`,"aria-checked":n===void 0?void 0:!!n,"data-testid":a,disabled:s,onClick:i,className:r.cn(`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`),children:[(0,b.jsx)(e,{className:r.cn(`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)]`,_.formControlTransitionClassName),"aria-hidden":!0}),(0,b.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:t}),n?(0,b.jsx)(o.Check,{className:`ml-auto h-3.5 w-3.5 shrink-0 text-[var(--oh-foreground)]`,"aria-hidden":!0}):null]})}function D({filterMenuOpen:e,setFilterMenuOpen:o,menuRef:v,backendKind:S,organizeMode:C,setOrganizeMode:D,conversationSort:O,setConversationSort:k,threadScope:A,setThreadScope:j,showOlderConversations:M,toggleShowOlderConversations:N,showRepoBranchMetadata:P,toggleShowRepoBranchMetadata:F,showLlmProfiles:I,toggleShowLlmProfiles:L,totalConversationsCount:R,onRequestDeleteAll:z}){let{t:B}=t.useTranslation(`openhands`),V=B(S===`local`?n.I18nKey.CONVERSATION_PANEL$BY_WORKSPACE:n.I18nKey.CONVERSATION_PANEL$BY_REPOSITORY),H=y.default.useRef(null),U=y.default.useRef(null),W=y.default.useRef(e);return y.default.useEffect(()=>{e?(U.current?.querySelector(`[role="menuitem"], [role="menuitemradio"]`))?.focus():W.current&&H.current?.focus(),W.current=e},[e]),(0,b.jsxs)(`div`,{ref:v,className:`relative shrink-0 pr-0.5`,children:[(0,b.jsx)(`button`,{ref:H,type:`button`,"data-testid":`older-conversations-filter-toggle`,"aria-label":B(n.I18nKey.CONVERSATION_PANEL$FILTER_LABEL),"aria-haspopup":`menu`,"aria-expanded":e,onClick:()=>o(!e),className:r.cn(`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)]`,_.formControlTransitionClassName),children:(0,b.jsx)(p.ListFilter,{className:`lucide lucide-list-filter shrink-0`,width:14,height:14,strokeWidth:2,"aria-hidden":!0})}),e?(0,b.jsxs)(`div`,{ref:U,role:`menu`,"aria-orientation":`vertical`,"aria-label":B(n.I18nKey.CONVERSATION_PANEL$FILTER_LABEL),tabIndex:-1,"data-testid":`older-conversations-filter-menu`,onKeyDown:e=>{if(e.key===`Escape`){e.preventDefault(),o(!1);return}if(e.key!==`ArrowDown`&&e.key!==`ArrowUp`)return;let t=U.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`,children:[(0,b.jsx)(w,{children:B(n.I18nKey.CONVERSATION_PANEL$ORGANIZE)}),(0,b.jsx)(E,{icon:d.Folder,label:V,selected:C===`grouped`,onClick:()=>{D(`grouped`),o(!1)}}),(0,b.jsx)(E,{icon:s.Clock3,label:B(n.I18nKey.CONVERSATION_PANEL$CHRONOLOGICAL),selected:C===`chronological`,onClick:()=>{D(`chronological`),o(!1)}}),(0,b.jsx)(T,{}),(0,b.jsx)(w,{children:B(n.I18nKey.CONVERSATION_PANEL$SORT_BY)}),(0,b.jsx)(E,{icon:a.CalendarArrowDown,label:B(n.I18nKey.CONVERSATION_PANEL$SORT_CREATED),selected:O===`created`,onClick:()=>{k(`created`),o(!1)}}),(0,b.jsx)(E,{icon:c.ClockArrowDown,label:B(n.I18nKey.CONVERSATION_PANEL$SORT_UPDATED),selected:O===`updated`,onClick:()=>{k(`updated`),o(!1)}}),(0,b.jsx)(T,{}),(0,b.jsx)(w,{children:B(n.I18nKey.CONVERSATION_PANEL$SHOW)}),(0,b.jsx)(E,{icon:m.MessageCircle,label:B(n.I18nKey.CONVERSATION_PANEL$ALL_THREADS),selected:A===`all`,onClick:()=>{j(`all`),o(!1)}}),(0,b.jsx)(E,{icon:h.Star,label:B(n.I18nKey.CONVERSATION_PANEL$RELEVANT_THREADS),selected:A===`relevant`,onClick:()=>{j(`relevant`),o(!1)}}),(0,b.jsx)(T,{}),(0,b.jsx)(w,{children:B(n.I18nKey.CONVERSATION_PANEL$METADATA)}),(0,b.jsx)(E,{icon:i.Bot,label:B(n.I18nKey.CONVERSATION_PANEL$LLM_MODEL),selected:I,testId:`toggle-llm-profiles`,onClick:()=>{L(),o(!1)}}),(0,b.jsx)(E,{icon:f.GitBranch,label:B(n.I18nKey.CONVERSATION_PANEL$REPO_BRANCH),selected:P,testId:`toggle-repo-branch-metadata`,onClick:()=>{F(),o(!1)}}),(0,b.jsx)(T,{}),(0,b.jsx)(w,{suffix:(0,b.jsx)(`span`,{className:`shrink-0 text-right text-[10px] font-medium normal-case tracking-normal text-[var(--oh-muted)]/70`,children:B(n.I18nKey.CONVERSATION_PANEL$OLDER_OVER_ONE_HOUR)}),children:B(n.I18nKey.CONVERSATION_PANEL$OLDER_SECTION)}),(0,b.jsx)(E,{testId:`toggle-older-conversations`,icon:M?l.EyeOff:u.Eye,label:x(B(M?n.I18nKey.CONVERSATION$HIDE:n.I18nKey.CONVERSATION$SHOW_ALL)),onClick:()=>{N(),o(!1)}}),(0,b.jsx)(T,{}),(0,b.jsx)(E,{testId:`delete-all-conversations`,icon:g.Trash2,label:x(B(n.I18nKey.CONVERSATION$DELETE_ALL)),disabled:R===0,onClick:()=>{R!==0&&(z(),o(!1))}})]}):null]})}exports.ConversationPanelFilterMenu=D;
+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(`../../../node_modules/lucide-react/dist/esm/icons/bot.cjs`),a=require(`../../../node_modules/lucide-react/dist/esm/icons/calendar-arrow-down.cjs`),o=require(`../../../node_modules/lucide-react/dist/esm/icons/check.cjs`),s=require(`../../../node_modules/lucide-react/dist/esm/icons/clock-3.cjs`),c=require(`../../../node_modules/lucide-react/dist/esm/icons/clock-arrow-down.cjs`),l=require(`../../../node_modules/lucide-react/dist/esm/icons/eye-off.cjs`),u=require(`../../../node_modules/lucide-react/dist/esm/icons/eye.cjs`),d=require(`../../../node_modules/lucide-react/dist/esm/icons/folder.cjs`),f=require(`../../../node_modules/lucide-react/dist/esm/icons/git-branch.cjs`),p=require(`../../../node_modules/lucide-react/dist/esm/icons/list-filter.cjs`),m=require(`../../../node_modules/lucide-react/dist/esm/icons/message-circle.cjs`),h=require(`../../../node_modules/lucide-react/dist/esm/icons/star.cjs`),g=require(`../../../node_modules/lucide-react/dist/esm/icons/trash-2.cjs`),_=require(`../../../utils/dropdown-classes.cjs`),v=require(`../../../ui/divider.cjs`);let y=require(`react`);y=e.__toESM(y,1);let b=require(`react/jsx-runtime`);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?(0,b.jsx)(`div`,{role:`presentation`,className:r.cn(S,C),children:e}):(0,b.jsxs)(`div`,{role:`presentation`,className:r.cn(`flex items-baseline justify-between gap-2`,S),children:[(0,b.jsx)(`span`,{className:r.cn(`min-w-0 truncate text-left`,C),children:e}),t]})}function T(){return(0,b.jsx)(v.Divider,{inset:`menu`})}function E({icon:e,label:t,selected:n,onClick:i,testId:a,disabled:s}){return(0,b.jsxs)(`button`,{type:`button`,role:n===void 0?`menuitem`:`menuitemradio`,"aria-checked":n===void 0?void 0:!!n,"data-testid":a,disabled:s,onClick:i,className:r.cn(`group`,_.dropdownMenuRowClassName,`text-[var(--oh-foreground)] disabled:opacity-50`),children:[(0,b.jsx)(e,{className:r.cn(`h-3.5 w-3.5`,_.dropdownMenuRowIconClassName),"aria-hidden":!0}),(0,b.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:t}),n?(0,b.jsx)(o.Check,{className:`ml-auto h-3.5 w-3.5 shrink-0 text-white`,"aria-hidden":!0}):null]})}function D({filterMenuOpen:e,setFilterMenuOpen:o,menuRef:v,backendKind:S,organizeMode:C,setOrganizeMode:D,conversationSort:O,setConversationSort:k,threadScope:A,setThreadScope:j,showOlderConversations:M,toggleShowOlderConversations:N,showRepoBranchMetadata:P,toggleShowRepoBranchMetadata:F,showLlmProfiles:I,toggleShowLlmProfiles:L,totalConversationsCount:R,onRequestDeleteAll:z}){let{t:B}=t.useTranslation(`openhands`),V=B(S===`local`?n.I18nKey.CONVERSATION_PANEL$BY_WORKSPACE:n.I18nKey.CONVERSATION_PANEL$BY_REPOSITORY),H=y.default.useRef(null),U=y.default.useRef(null),W=y.default.useRef(e);return y.default.useEffect(()=>{e?(U.current?.querySelector(`[role="menuitem"], [role="menuitemradio"]`))?.focus():W.current&&H.current?.focus(),W.current=e},[e]),(0,b.jsxs)(`div`,{ref:v,className:`relative shrink-0 pr-0.5`,children:[(0,b.jsx)(`button`,{ref:H,type:`button`,"data-testid":`older-conversations-filter-toggle`,"aria-label":B(n.I18nKey.CONVERSATION_PANEL$FILTER_LABEL),"aria-haspopup":`menu`,"aria-expanded":e,onClick:()=>o(!e),className:r.cn(`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)]`,_.dropdownInstantColorClassName),children:(0,b.jsx)(p.ListFilter,{className:`lucide lucide-list-filter shrink-0`,width:14,height:14,strokeWidth:2,"aria-hidden":!0})}),e?(0,b.jsxs)(`div`,{ref:U,role:`menu`,"aria-orientation":`vertical`,"aria-label":B(n.I18nKey.CONVERSATION_PANEL$FILTER_LABEL),tabIndex:-1,"data-testid":`older-conversations-filter-menu`,onKeyDown:e=>{if(e.key===`Escape`){e.preventDefault(),o(!1);return}if(e.key!==`ArrowDown`&&e.key!==`ArrowUp`)return;let t=U.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:r.cn(`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`,_.dropdownMenuListClassName,_.dropdownMenuViewportScrollClassName),children:[(0,b.jsx)(w,{children:B(n.I18nKey.CONVERSATION_PANEL$ORGANIZE)}),(0,b.jsx)(E,{icon:d.Folder,label:V,selected:C===`grouped`,onClick:()=>{D(`grouped`),o(!1)}}),(0,b.jsx)(E,{icon:s.Clock3,label:B(n.I18nKey.CONVERSATION_PANEL$CHRONOLOGICAL),selected:C===`chronological`,onClick:()=>{D(`chronological`),o(!1)}}),(0,b.jsx)(T,{}),(0,b.jsx)(w,{children:B(n.I18nKey.CONVERSATION_PANEL$SORT_BY)}),(0,b.jsx)(E,{icon:a.CalendarArrowDown,label:B(n.I18nKey.CONVERSATION_PANEL$SORT_CREATED),selected:O===`created`,onClick:()=>{k(`created`),o(!1)}}),(0,b.jsx)(E,{icon:c.ClockArrowDown,label:B(n.I18nKey.CONVERSATION_PANEL$SORT_UPDATED),selected:O===`updated`,onClick:()=>{k(`updated`),o(!1)}}),(0,b.jsx)(T,{}),(0,b.jsx)(w,{children:B(n.I18nKey.CONVERSATION_PANEL$SHOW)}),(0,b.jsx)(E,{icon:m.MessageCircle,label:B(n.I18nKey.CONVERSATION_PANEL$ALL_THREADS),selected:A===`all`,onClick:()=>{j(`all`),o(!1)}}),(0,b.jsx)(E,{icon:h.Star,label:B(n.I18nKey.CONVERSATION_PANEL$RELEVANT_THREADS),selected:A===`relevant`,onClick:()=>{j(`relevant`),o(!1)}}),(0,b.jsx)(T,{}),(0,b.jsx)(w,{children:B(n.I18nKey.CONVERSATION_PANEL$METADATA)}),(0,b.jsx)(E,{icon:i.Bot,label:B(n.I18nKey.CONVERSATION_PANEL$LLM_MODEL),selected:I,testId:`toggle-llm-profiles`,onClick:()=>{L(),o(!1)}}),(0,b.jsx)(E,{icon:f.GitBranch,label:B(n.I18nKey.CONVERSATION_PANEL$REPO_BRANCH),selected:P,testId:`toggle-repo-branch-metadata`,onClick:()=>{F(),o(!1)}}),(0,b.jsx)(T,{}),(0,b.jsx)(w,{suffix:(0,b.jsx)(`span`,{className:`shrink-0 text-right text-[10px] font-medium normal-case tracking-normal text-[var(--oh-muted)]/70`,children:B(n.I18nKey.CONVERSATION_PANEL$OLDER_OVER_ONE_HOUR)}),children:B(n.I18nKey.CONVERSATION_PANEL$OLDER_SECTION)}),(0,b.jsx)(E,{testId:`toggle-older-conversations`,icon:M?l.EyeOff:u.Eye,label:x(B(M?n.I18nKey.CONVERSATION$HIDE:n.I18nKey.CONVERSATION$SHOW_ALL)),onClick:()=>{N(),o(!1)}}),(0,b.jsx)(T,{}),(0,b.jsx)(E,{testId:`delete-all-conversations`,icon:g.Trash2,label:x(B(n.I18nKey.CONVERSATION$DELETE_ALL)),disabled:R===0,onClick:()=>{R!==0&&(z(),o(!1))}})]}):null]})}exports.ConversationPanelFilterMenu=D;
 //# sourceMappingURL=conversation-panel-filter-menu.cjs.map