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/home/workspace-dropdown/folder-browser-modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"folder-browser-modal.js","names":[],"sources":["../../../../../src/components/features/home/workspace-dropdown/folder-browser-modal.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { BaseModalTitle } from \"#/components/shared/modals/confirmation-modals/base-modal\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport {\n MODAL_MAX_WIDTH_VIEWPORT,\n modalWidthClassName,\n} from \"#/components/shared/modals/modal-body\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { LocalWorkspace, LocalWorkspaceParent } from \"#/types/workspace\";\nimport {\n type HomeDirectoryResponse,\n useHomeDirectory,\n useSearchSubdirs,\n} from \"#/hooks/query/use-search-subdirs\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { cn } from \"#/utils/utils\";\nimport FolderIcon from \"#/icons/folder.svg?react\";\nimport ChevronLeft from \"#/icons/chevron-left-small.svg?react\";\n\nconst PROJECTS_PATH = \"/projects\";\n\ninterface FolderBrowserModalProps {\n isOpen: boolean;\n onClose: () => void;\n onAdd: (items: LocalWorkspace[]) => void;\n onAddParent?: (items: LocalWorkspaceParent[]) => void;\n}\n\ninterface SidebarEntry {\n label: string;\n path: string;\n}\n\ninterface SidebarSectionProps {\n label: string;\n entries: SidebarEntry[];\n currentPath: string \| null;\n onPick: (path: string) => void;\n}\n\nfunction SidebarSection({\n label,\n entries,\n currentPath,\n onPick,\n}: SidebarSectionProps) {\n if (entries.length === 0) return null;\n return (\n <div className=\"px-2 pb-3\">\n <div className=\"px-2 pb-1 text-[11px] uppercase tracking-wide text-[var(--oh-muted)] font-semibold\">\n {label}\n </div>\n <ul>\n {entries.map((entry) => {\n const isActive = currentPath === entry.path;\n return (\n <li key={entry.path}>\n <button\n type=\"button\"\n onClick={() => onPick(entry.path)}\n data-testid={`folder-browser-sidebar-${entry.label.toLowerCase()}`}\n className={cn(\n \"flex items-center gap-2 w-full px-2 py-1 rounded text-sm cursor-pointer\",\n isActive\n ? \"bg-tertiary text-white\"\n : \"text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-surface-raised)]\",\n )}\n >\n <FolderIcon width={14} height={14} className=\"shrink-0\" />\n <span className=\"truncate\">{entry.label}</span>\n </button>\n </li>\n );\n })}\n </ul>\n </div>\n );\n}\n\nfunction getParentPath(path: string): string \| null {\n const trimmed = path.replace(/\\/+$/, \"\");\n if (!trimmed \|\| trimmed === \"/\") return null;\n const idx = trimmed.lastIndexOf(\"/\");\n if (idx <= 0) return \"/\";\n return trimmed.slice(0, idx);\n}\n\nfunction shouldDefaultToProjectsPath(\n homeData: HomeDirectoryResponse \| undefined,\n): boolean {\n return homeData?.home === \"/home/openhands\";\n}\n\nexport function FolderBrowserModal({\n isOpen,\n onClose,\n onAdd,\n onAddParent,\n}: FolderBrowserModalProps) {\n const { t } = useTranslation(\"openhands\");\n const [currentPath, setCurrentPath] = useState<string \| null>(null);\n const active = useActiveBackend();\n\n const { data: homeData } = useHomeDirectory();\n\n // Initialize / reset to home each time the modal is opened\n useEffect(() => {\n if (isOpen && homeData?.home && currentPath === null) {\n setCurrentPath(\n shouldDefaultToProjectsPath(homeData) ? PROJECTS_PATH : homeData.home,\n );\n }\n if (!isOpen) {\n setCurrentPath(null);\n }\n }, [isOpen, homeData?.home, currentPath]);\n\n // A backend switch invalidates the previous path — clear it so the\n // open/close effect can re-seed from the new backend's homeData.home.\n useEffect(() => {\n setCurrentPath(null);\n }, [active.backend.id, active.orgId]);\n\n const {\n data: listing,\n isLoading,\n isError,\n error,\n } = useSearchSubdirs(isOpen ? currentPath : null);\n\n const favorites: SidebarEntry[] = useMemo(() => {\n if (!homeData?.home) return [];\n const trimmed = homeData.home.replace(/[\\\\/]+$/, \"\") \|\| homeData.home;\n const backendFavorites = [\n { label: \"Home\", path: trimmed },\n ...(homeData.favorites ?? []),\n ];\n if (\n shouldDefaultToProjectsPath(homeData) &&\n !backendFavorites.some((entry) => entry.path === PROJECTS_PATH)\n ) {\n backendFavorites.push({\n label: PROJECTS_PATH,\n path: PROJECTS_PATH,\n });\n }\n\n return backendFavorites;\n }, [homeData]);\n\n const locations: SidebarEntry[] = homeData?.locations ?? [];\n\n if (!isOpen) return null;\n\n const subdirs = listing?.items ?? [];\n const parent = currentPath ? getParentPath(currentPath) : null;\n\n // Signal that we're inside a container environment without the host\n // home mounted: the agent server reports `/home/openhands` as home and\n // returns no favorites (the only contents are hidden credential dirs).\n // In that case there's nothing useful for the user to browse, so we\n // surface a hint instead of the generic empty state.\n const showHostHomeHint =\n homeData?.home === \"/home/openhands\" &&\n (homeData?.favorites?.length ?? 0) === 0 &&\n currentPath === homeData?.home &&\n !isLoading &&\n !isError &&\n subdirs.length === 0;\n\n const getBasename = (path: string): string => {\n const trimmed = path.replace(/\\/+$/, \"\");\n if (!trimmed) return \"/\";\n const idx = trimmed.lastIndexOf(\"/\");\n return idx >= 0 ? trimmed.slice(idx + 1) \|\| \"/\" : trimmed;\n };\n\n const handleAddDirectory = () => {\n if (!currentPath) return;\n const item: LocalWorkspace = {\n id: currentPath,\n name: getBasename(currentPath),\n path: currentPath,\n };\n onAdd([item]);\n onClose();\n };\n\n const handleAddAllSubdirectories = () => {\n if (!currentPath \|\| !onAddParent) return;\n onAddParent([\n {\n id: currentPath,\n name: getBasename(currentPath),\n path: currentPath,\n },\n ]);\n onClose();\n };\n\n return (\n <ModalBackdrop\n onClose={onClose}\n aria-label={t(I18nKey.HOME$ADD_WORKSPACES_TITLE)}\n >\n <div\n data-testid=\"folder-browser-modal\"\n className={cn(\n \"flex flex-col bg-[var(--oh-surface)] border border-[var(--oh-border-input)] rounded-xl\",\n modalWidthClassName(\"xl\"),\n MODAL_MAX_WIDTH_VIEWPORT,\n \"h-[480px]\",\n )}\n >\n {/* Title bar /}\n <div className=\"flex items-center justify-between px-5 py-3 border-b border-[var(--oh-border-input)]\">\n <BaseModalTitle\n className=\"text-sm font-medium text-white\"\n title={t(I18nKey.HOME$ADD_WORKSPACES_TITLE)}\n />\n </div>\n\n {/ Body: sidebar + main /}\n <div className=\"flex flex-1 min-h-0\">\n {/ Sidebar /}\n <aside\n data-testid=\"folder-browser-sidebar\"\n className=\"w-[180px] shrink-0 border-r border-[var(--oh-border-input)] bg-[var(--oh-surface)] py-3 overflow-y-auto\"\n >\n <SidebarSection\n label={t(I18nKey.HOME$FAVORITES)}\n entries={favorites}\n currentPath={currentPath}\n onPick={setCurrentPath}\n />\n <SidebarSection\n label={t(I18nKey.HOME$LOCATIONS)}\n entries={locations}\n currentPath={currentPath}\n onPick={setCurrentPath}\n />\n </aside>\n\n {/ Main /}\n <div className=\"flex-1 flex flex-col min-w-0\">\n {/ Nav row /}\n <div className=\"flex items-center gap-2 px-4 py-2 border-b border-[var(--oh-border-input)]\">\n <button\n type=\"button\"\n data-testid=\"folder-browser-up\"\n onClick={() => parent && setCurrentPath(parent)}\n disabled={!parent}\n aria-label=\"Up\"\n className=\"p-1 rounded hover:bg-[var(--oh-interactive-hover)] text-white disabled:opacity-40 disabled:cursor-not-allowed cursor-pointer\"\n >\n <ChevronLeft width={16} height={16} />\n </button>\n <span\n className=\"text-xs text-[var(--oh-muted)] truncate\"\n data-testid=\"folder-browser-current-path\"\n >\n {currentPath ?? \"\"}\n </span>\n </div>\n\n {/ Column headers /}\n <div className=\"grid grid-cols-[1fr_120px] px-4 py-1 border-b border-[var(--oh-border-input)] text-xs text-[var(--oh-text-secondary)] font-semibold\">\n <span>{t(I18nKey.HOME$NAME)}</span>\n <span>{t(I18nKey.HOME$KIND)}</span>\n </div>\n\n {/ List /}\n <ul\n className=\"flex-1 overflow-auto custom-scrollbar-always\"\n data-testid=\"folder-browser-list\"\n >\n {isLoading && (\n <li className=\"px-4 py-2 text-sm text-[var(--oh-text-secondary)]\">\n {t(I18nKey.HOME$LOADING)}\n </li>\n )}\n {isError && (\n <li\n className=\"px-4 py-2 text-sm text-red-400\"\n data-testid=\"folder-browser-error\"\n >\n {(error as Error \| undefined)?.message ?? \"Failed to load\"}\n </li>\n )}\n {!isLoading && !isError && subdirs.length === 0 && (\n <li\n className=\"px-4 py-2 text-sm text-[var(--oh-text-secondary)]\"\n data-testid={\n showHostHomeHint\n ? \"folder-browser-host-home-hint\"\n : \"folder-browser-empty\"\n }\n >\n {showHostHomeHint\n ? t(I18nKey.HOME$HOST_HOME_NOT_MOUNTED_HINT)\n : t(I18nKey.HOME$NO_WORKSPACES)}\n </li>\n )}\n {subdirs.map((entry) => (\n <li key={entry.path}>\n <button\n type=\"button\"\n onClick={() => setCurrentPath(entry.path)}\n className=\"grid grid-cols-[1fr_120px] items-center w-full text-left px-4 py-1.5 text-sm text-white hover:bg-[var(--oh-interactive-hover)] cursor-pointer\"\n data-testid={`folder-browser-entry-${entry.name}`}\n >\n <span className=\"flex items-center gap-2 min-w-0\">\n <FolderIcon width={16} height={16} className=\"shrink-0\" />\n <span className=\"truncate\">{entry.name}</span>\n </span>\n <span className=\"text-[var(--oh-text-secondary)] text-xs\">\n {t(I18nKey.HOME$FOLDER)}\n </span>\n </button>\n </li>\n ))}\n </ul>\n </div>\n </div>\n\n {/ Footer */}\n <div className=\"flex items-center justify-end gap-2 px-5 py-3 border-t border-[var(--oh-border-input)]\">\n <BrandButton\n type=\"button\"\n variant=\"secondary\"\n onClick={onClose}\n testId=\"folder-browser-cancel\"\n >\n {t(I18nKey.HOME$CANCEL)}\n </BrandButton>\n {onAddParent && (\n <BrandButton\n type=\"button\"\n variant=\"secondary\"\n onClick={handleAddAllSubdirectories}\n isDisabled={!currentPath \|\| isLoading}\n testId=\"folder-browser-add-all-subdirs\"\n >\n {t(I18nKey.HOME$ADD_ALL_SUBDIRECTORIES)}\n </BrandButton>\n )}\n <BrandButton\n type=\"button\"\n variant=\"primary\"\n onClick={handleAddDirectory}\n isDisabled={!currentPath \|\| isLoading}\n testId=\"folder-browser-use\"\n >\n {t(I18nKey.HOME$ADD_THIS_DIRECTORY)}\n </BrandButton>\n </div>\n </div>\n </ModalBackdrop>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"folder-browser-modal.js","names":[],"sources":["../../../../../src/components/features/home/workspace-dropdown/folder-browser-modal.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { BaseModalTitle } from \"#/components/shared/modals/confirmation-modals/base-modal\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport {\n MODAL_MAX_WIDTH_VIEWPORT,\n modalWidthClassName,\n} from \"#/components/shared/modals/modal-body\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { LocalWorkspace, LocalWorkspaceParent } from \"#/types/workspace\";\nimport {\n type HomeDirectoryResponse,\n useHomeDirectory,\n useSearchSubdirs,\n} from \"#/hooks/query/use-search-subdirs\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleSmClassName } from \"#/utils/modal-classes\";\nimport FolderIcon from \"#/icons/folder.svg?react\";\nimport ChevronLeft from \"#/icons/chevron-left-small.svg?react\";\n\nconst PROJECTS_PATH = \"/projects\";\n\ninterface FolderBrowserModalProps {\n isOpen: boolean;\n onClose: () => void;\n onAdd: (items: LocalWorkspace[]) => void;\n onAddParent?: (items: LocalWorkspaceParent[]) => void;\n}\n\ninterface SidebarEntry {\n label: string;\n path: string;\n}\n\ninterface SidebarSectionProps {\n label: string;\n entries: SidebarEntry[];\n currentPath: string \| null;\n onPick: (path: string) => void;\n}\n\nfunction SidebarSection({\n label,\n entries,\n currentPath,\n onPick,\n}: SidebarSectionProps) {\n if (entries.length === 0) return null;\n return (\n <div className=\"px-2 pb-3\">\n <div className=\"px-2 pb-1 text-[11px] uppercase tracking-wide text-[var(--oh-muted)] font-semibold\">\n {label}\n </div>\n <ul>\n {entries.map((entry) => {\n const isActive = currentPath === entry.path;\n return (\n <li key={entry.path}>\n <button\n type=\"button\"\n onClick={() => onPick(entry.path)}\n data-testid={`folder-browser-sidebar-${entry.label.toLowerCase()}`}\n className={cn(\n \"flex items-center gap-2 w-full px-2 py-1 rounded text-sm cursor-pointer\",\n isActive\n ? \"bg-tertiary text-white\"\n : \"text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-surface-raised)]\",\n )}\n >\n <FolderIcon width={14} height={14} className=\"shrink-0\" />\n <span className=\"truncate\">{entry.label}</span>\n </button>\n </li>\n );\n })}\n </ul>\n </div>\n );\n}\n\nfunction getParentPath(path: string): string \| null {\n const trimmed = path.replace(/\\/+$/, \"\");\n if (!trimmed \|\| trimmed === \"/\") return null;\n const idx = trimmed.lastIndexOf(\"/\");\n if (idx <= 0) return \"/\";\n return trimmed.slice(0, idx);\n}\n\nfunction shouldDefaultToProjectsPath(\n homeData: HomeDirectoryResponse \| undefined,\n): boolean {\n return homeData?.home === \"/home/openhands\";\n}\n\nexport function FolderBrowserModal({\n isOpen,\n onClose,\n onAdd,\n onAddParent,\n}: FolderBrowserModalProps) {\n const { t } = useTranslation(\"openhands\");\n const [currentPath, setCurrentPath] = useState<string \| null>(null);\n const active = useActiveBackend();\n\n const { data: homeData } = useHomeDirectory();\n\n // Initialize / reset to home each time the modal is opened\n useEffect(() => {\n if (isOpen && homeData?.home && currentPath === null) {\n setCurrentPath(\n shouldDefaultToProjectsPath(homeData) ? PROJECTS_PATH : homeData.home,\n );\n }\n if (!isOpen) {\n setCurrentPath(null);\n }\n }, [isOpen, homeData?.home, currentPath]);\n\n // A backend switch invalidates the previous path — clear it so the\n // open/close effect can re-seed from the new backend's homeData.home.\n useEffect(() => {\n setCurrentPath(null);\n }, [active.backend.id, active.orgId]);\n\n const {\n data: listing,\n isLoading,\n isError,\n error,\n } = useSearchSubdirs(isOpen ? currentPath : null);\n\n const favorites: SidebarEntry[] = useMemo(() => {\n if (!homeData?.home) return [];\n const trimmed = homeData.home.replace(/[\\\\/]+$/, \"\") \|\| homeData.home;\n const backendFavorites = [\n { label: \"Home\", path: trimmed },\n ...(homeData.favorites ?? []),\n ];\n if (\n shouldDefaultToProjectsPath(homeData) &&\n !backendFavorites.some((entry) => entry.path === PROJECTS_PATH)\n ) {\n backendFavorites.push({\n label: PROJECTS_PATH,\n path: PROJECTS_PATH,\n });\n }\n\n return backendFavorites;\n }, [homeData]);\n\n const locations: SidebarEntry[] = homeData?.locations ?? [];\n\n if (!isOpen) return null;\n\n const subdirs = listing?.items ?? [];\n const parent = currentPath ? getParentPath(currentPath) : null;\n\n // Signal that we're inside a container environment without the host\n // home mounted: the agent server reports `/home/openhands` as home and\n // returns no favorites (the only contents are hidden credential dirs).\n // In that case there's nothing useful for the user to browse, so we\n // surface a hint instead of the generic empty state.\n const showHostHomeHint =\n homeData?.home === \"/home/openhands\" &&\n (homeData?.favorites?.length ?? 0) === 0 &&\n currentPath === homeData?.home &&\n !isLoading &&\n !isError &&\n subdirs.length === 0;\n\n const getBasename = (path: string): string => {\n const trimmed = path.replace(/\\/+$/, \"\");\n if (!trimmed) return \"/\";\n const idx = trimmed.lastIndexOf(\"/\");\n return idx >= 0 ? trimmed.slice(idx + 1) \|\| \"/\" : trimmed;\n };\n\n const handleAddDirectory = () => {\n if (!currentPath) return;\n const item: LocalWorkspace = {\n id: currentPath,\n name: getBasename(currentPath),\n path: currentPath,\n };\n onAdd([item]);\n onClose();\n };\n\n const handleAddAllSubdirectories = () => {\n if (!currentPath \|\| !onAddParent) return;\n onAddParent([\n {\n id: currentPath,\n name: getBasename(currentPath),\n path: currentPath,\n },\n ]);\n onClose();\n };\n\n return (\n <ModalBackdrop\n onClose={onClose}\n aria-label={t(I18nKey.HOME$ADD_WORKSPACES_TITLE)}\n >\n <div\n data-testid=\"folder-browser-modal\"\n className={cn(\n \"flex flex-col bg-[var(--oh-surface)] border border-[var(--oh-border-input)] rounded-xl\",\n modalWidthClassName(\"xl\"),\n MODAL_MAX_WIDTH_VIEWPORT,\n \"h-[480px]\",\n )}\n >\n {/* Title bar /}\n <div className=\"flex items-center justify-between px-5 py-3 border-b border-[var(--oh-border-input)]\">\n <BaseModalTitle\n className={modalTitleSmClassName}\n title={t(I18nKey.HOME$ADD_WORKSPACES_TITLE)}\n />\n </div>\n\n {/ Body: sidebar + main /}\n <div className=\"flex flex-1 min-h-0\">\n {/ Sidebar /}\n <aside\n data-testid=\"folder-browser-sidebar\"\n className=\"w-[180px] shrink-0 border-r border-[var(--oh-border-input)] bg-[var(--oh-surface)] py-3 overflow-y-auto\"\n >\n <SidebarSection\n label={t(I18nKey.HOME$FAVORITES)}\n entries={favorites}\n currentPath={currentPath}\n onPick={setCurrentPath}\n />\n <SidebarSection\n label={t(I18nKey.HOME$LOCATIONS)}\n entries={locations}\n currentPath={currentPath}\n onPick={setCurrentPath}\n />\n </aside>\n\n {/ Main /}\n <div className=\"flex-1 flex flex-col min-w-0\">\n {/ Nav row /}\n <div className=\"flex items-center gap-2 px-4 py-2 border-b border-[var(--oh-border-input)]\">\n <button\n type=\"button\"\n data-testid=\"folder-browser-up\"\n onClick={() => parent && setCurrentPath(parent)}\n disabled={!parent}\n aria-label=\"Up\"\n className=\"p-1 rounded hover:bg-[var(--oh-interactive-hover)] text-white disabled:opacity-40 disabled:cursor-not-allowed cursor-pointer\"\n >\n <ChevronLeft width={16} height={16} />\n </button>\n <span\n className=\"text-xs text-[var(--oh-muted)] truncate\"\n data-testid=\"folder-browser-current-path\"\n >\n {currentPath ?? \"\"}\n </span>\n </div>\n\n {/ Column headers /}\n <div className=\"grid grid-cols-[1fr_120px] px-4 py-1 border-b border-[var(--oh-border-input)] text-xs text-[var(--oh-text-secondary)] font-semibold\">\n <span>{t(I18nKey.HOME$NAME)}</span>\n <span>{t(I18nKey.HOME$KIND)}</span>\n </div>\n\n {/ List /}\n <ul\n className=\"flex-1 overflow-auto custom-scrollbar-always\"\n data-testid=\"folder-browser-list\"\n >\n {isLoading && (\n <li className=\"px-4 py-2 text-sm text-[var(--oh-text-secondary)]\">\n {t(I18nKey.HOME$LOADING)}\n </li>\n )}\n {isError && (\n <li\n className=\"px-4 py-2 text-sm text-red-400\"\n data-testid=\"folder-browser-error\"\n >\n {(error as Error \| undefined)?.message ?? \"Failed to load\"}\n </li>\n )}\n {!isLoading && !isError && subdirs.length === 0 && (\n <li\n className=\"px-4 py-2 text-sm text-[var(--oh-text-secondary)]\"\n data-testid={\n showHostHomeHint\n ? \"folder-browser-host-home-hint\"\n : \"folder-browser-empty\"\n }\n >\n {showHostHomeHint\n ? t(I18nKey.HOME$HOST_HOME_NOT_MOUNTED_HINT)\n : t(I18nKey.HOME$NO_WORKSPACES)}\n </li>\n )}\n {subdirs.map((entry) => (\n <li key={entry.path}>\n <button\n type=\"button\"\n onClick={() => setCurrentPath(entry.path)}\n className=\"grid grid-cols-[1fr_120px] items-center w-full text-left px-4 py-1.5 text-sm text-white hover:bg-[var(--oh-interactive-hover)] cursor-pointer\"\n data-testid={`folder-browser-entry-${entry.name}`}\n >\n <span className=\"flex items-center gap-2 min-w-0\">\n <FolderIcon width={16} height={16} className=\"shrink-0\" />\n <span className=\"truncate\">{entry.name}</span>\n </span>\n <span className=\"text-[var(--oh-text-secondary)] text-xs\">\n {t(I18nKey.HOME$FOLDER)}\n </span>\n </button>\n </li>\n ))}\n </ul>\n </div>\n </div>\n\n {/ Footer */}\n <div className=\"flex items-center justify-end gap-2 px-5 py-3 border-t border-[var(--oh-border-input)]\">\n <BrandButton\n type=\"button\"\n variant=\"secondary\"\n onClick={onClose}\n testId=\"folder-browser-cancel\"\n >\n {t(I18nKey.HOME$CANCEL)}\n </BrandButton>\n {onAddParent && (\n <BrandButton\n type=\"button\"\n variant=\"secondary\"\n onClick={handleAddAllSubdirectories}\n isDisabled={!currentPath \|\| isLoading}\n testId=\"folder-browser-add-all-subdirs\"\n >\n {t(I18nKey.HOME$ADD_ALL_SUBDIRECTORIES)}\n </BrandButton>\n )}\n <BrandButton\n type=\"button\"\n variant=\"primary\"\n onClick={handleAddDirectory}\n isDisabled={!currentPath \|\| isLoading}\n testId=\"folder-browser-use\"\n >\n {t(I18nKey.HOME$ADD_THIS_DIRECTORY)}\n </BrandButton>\n </div>\n </div>\n </ModalBackdrop>\n );\n}\n"],"mappings":"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"}

package/dist/components/features/home/workspace-dropdown/manage-workspaces-modal.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(`../../../shared/modals/modal-backdrop.cjs`),a=require(`../../../shared/modals/modal-body.cjs`),o=require(`../../../shared/modals/confirmation-modals/base-modal.cjs`),s=require(`../../settings/brand-button.cjs`),c=require(`../../../../icons/close.cjs`),l=require(`../../../shared/modals/confirmation-modal.cjs`),u=require(`../../../../icons/folder.cjs`);let d=require(`react`);d=e.__toESM(d,1);let f=require(`react/jsx-runtime`);function p({isOpen:e,workspaces:p,workspaceParents:m=[],onClose:h,onRemove:g,onRemoveParent:_}){let{t:v}=t.useTranslation(`openhands`),[y,b]=d.default.useState(null);if(!e)return null;let x=p.filter(e=>!e.parentPath),S=new Map;p.forEach(e=>{if(!e.parentPath)return;let t=S.get(e.parentPath)??[];t.push(e),S.set(e.parentPath,t)});let C=x.length>0||m.length>0;return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(i.ModalBackdrop,{onClose:h,"aria-label":v(n.I18nKey.HOME$MANAGE_WORKSPACES),children:(0,f.jsxs)(`div`,{"data-testid":`manage-workspaces-modal`,className:r.cn(`flex flex-col bg-[var(--oh-surface)] border border-[var(--oh-border-input)] rounded-xl`,a.modalWidthClassName(`lg`),a.MODAL_MAX_WIDTH_VIEWPORT,`max-h-[70vh]`),children:[(0,f.jsx)(`div`,{className:`flex items-center justify-between px-5 py-3 border-b border-[var(--oh-border-input)]`,children:(0,f.jsx)(o.BaseModalTitle,{className:`text-sm font-medium text-white`,title:v(n.I18nKey.HOME$MANAGE_WORKSPACES)})}),(0,f.jsxs)(`div`,{className:`flex-1 overflow-auto custom-scrollbar-always`,"data-testid":`manage-workspaces-list`,children:[!C&&(0,f.jsx)(`p`,{className:`px-5 py-6 text-sm text-[var(--oh-text-secondary)] text-center`,children:v(n.I18nKey.HOME$MANAGE_WORKSPACES_EMPTY)}),x.length>0&&(0,f.jsx)(`ul`,{children:x.map(e=>(0,f.jsxs)(`li`,{className:`flex items-center gap-3 px-5 py-2 border-b border-[var(--oh-border-subtle)] last:border-b-0`,"data-testid":`manage-workspaces-row-${e.name}`,children:[(0,f.jsx)(u.default,{width:16,height:16,className:`shrink-0`}),(0,f.jsxs)(`div`,{className:`flex flex-col min-w-0 flex-1`,children:[(0,f.jsx)(`span`,{className:`text-sm text-white truncate`,children:e.name}),(0,f.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)] truncate`,children:e.path})]}),(0,f.jsxs)(`button`,{type:`button`,onClick:()=>b({type:`workspace`,path:e.path,text:v(n.I18nKey.HOME$REMOVE_WORKSPACE_CONFIRMATION,{name:e.name})}),"aria-label":v(n.I18nKey.HOME$REMOVE_WORKSPACE),"data-testid":`manage-workspaces-remove-${e.name}`,className:`flex items-center gap-1 px-2 py-1 rounded text-xs text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-interactive-hover)] hover:text-white cursor-pointer`,children:[(0,f.jsx)(c.default,{width:12,height:12}),(0,f.jsx)(`span`,{children:v(n.I18nKey.HOME$REMOVE_WORKSPACE)})]})]},e.id))}),m.length>0&&(0,f.jsxs)(`div`,{"data-testid":`manage-workspaces-parents-section`,children:[(0,f.jsx)(`div`,{className:`px-5 pt-3 pb-1 text-[11px] uppercase tracking-wide text-[var(--oh-muted)] font-semibold`,children:v(n.I18nKey.HOME$WORKSPACE_PARENTS)}),(0,f.jsx)(`ul`,{children:m.map(e=>{let t=S.get(e.path)??[];return(0,f.jsxs)(`li`,{className:`border-b border-[var(--oh-border-subtle)] last:border-b-0`,"data-testid":`manage-workspaces-parent-row-${e.name}`,children:[(0,f.jsxs)(`div`,{className:`flex items-center gap-3 px-5 py-2`,children:[(0,f.jsx)(u.default,{width:16,height:16,className:`shrink-0`}),(0,f.jsxs)(`div`,{className:`flex flex-col min-w-0 flex-1`,children:[(0,f.jsx)(`span`,{className:`text-sm text-white truncate`,children:e.name}),(0,f.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)] truncate`,children:e.path})]}),_&&(0,f.jsxs)(`button`,{type:`button`,onClick:()=>b({type:`parent`,path:e.path,text:v(n.I18nKey.HOME$REMOVE_WORKSPACE_PARENT_CONFIRMATION,{name:e.name,count:t.length})}),"aria-label":v(n.I18nKey.HOME$REMOVE_WORKSPACE_PARENT),"data-testid":`manage-workspaces-remove-parent-${e.name}`,className:`flex items-center gap-1 px-2 py-1 rounded text-xs text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-interactive-hover)] hover:text-white cursor-pointer`,children:[(0,f.jsx)(c.default,{width:12,height:12}),(0,f.jsx)(`span`,{children:v(n.I18nKey.HOME$REMOVE_WORKSPACE_PARENT)})]})]}),t.length>0&&(0,f.jsx)(`ul`,{className:`pb-2`,children:t.map(e=>(0,f.jsxs)(`li`,{className:`flex items-center gap-3 px-5 pl-10 py-1 text-xs text-[var(--oh-text-secondary)]`,"data-testid":`manage-workspaces-child-${e.name}`,children:[(0,f.jsx)(u.default,{width:12,height:12,className:`shrink-0 opacity-70`}),(0,f.jsx)(`span`,{className:`truncate`,children:e.name})]},e.id))})]},e.id)})})]})]}),(0,f.jsx)(`div`,{className:`flex justify-end gap-2 px-5 py-3 border-t border-[var(--oh-border-input)]`,children:(0,f.jsx)(s.BrandButton,{type:`button`,variant:`primary`,onClick:h,testId:`manage-workspaces-done`,children:v(n.I18nKey.HOME$DONE)})})]})}),y&&(0,f.jsx)(l.ConfirmationModal,{text:y.text,onConfirm:()=>{y&&(y.type===`workspace`?g(y.path):_?.(y.path),b(null))},onCancel:()=>b(null)})]})}exports.ManageWorkspacesModal=p;
+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(`../../../shared/modals/modal-backdrop.cjs`),a=require(`../../../shared/modals/modal-body.cjs`),o=require(`../../../../utils/modal-classes.cjs`),s=require(`../../../shared/modals/confirmation-modals/base-modal.cjs`),c=require(`../../settings/brand-button.cjs`),l=require(`../../../../icons/close.cjs`),u=require(`../../../shared/modals/confirmation-modal.cjs`),d=require(`../../../../icons/folder.cjs`);let f=require(`react`);f=e.__toESM(f,1);let p=require(`react/jsx-runtime`);function m({isOpen:e,workspaces:m,workspaceParents:h=[],onClose:g,onRemove:_,onRemoveParent:v}){let{t:y}=t.useTranslation(`openhands`),[b,x]=f.default.useState(null);if(!e)return null;let S=m.filter(e=>!e.parentPath),C=new Map;m.forEach(e=>{if(!e.parentPath)return;let t=C.get(e.parentPath)??[];t.push(e),C.set(e.parentPath,t)});let w=S.length>0||h.length>0;return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(i.ModalBackdrop,{onClose:g,"aria-label":y(n.I18nKey.HOME$MANAGE_WORKSPACES),children:(0,p.jsxs)(`div`,{"data-testid":`manage-workspaces-modal`,className:r.cn(`flex flex-col bg-[var(--oh-surface)] border border-[var(--oh-border-input)] rounded-xl`,a.modalWidthClassName(`lg`),a.MODAL_MAX_WIDTH_VIEWPORT,`max-h-[70vh]`),children:[(0,p.jsx)(`div`,{className:`flex items-center justify-between px-5 py-3 border-b border-[var(--oh-border-input)]`,children:(0,p.jsx)(s.BaseModalTitle,{className:o.modalTitleSmClassName,title:y(n.I18nKey.HOME$MANAGE_WORKSPACES)})}),(0,p.jsxs)(`div`,{className:`flex-1 overflow-auto custom-scrollbar-always`,"data-testid":`manage-workspaces-list`,children:[!w&&(0,p.jsx)(`p`,{className:`px-5 py-6 text-sm text-[var(--oh-text-secondary)] text-center`,children:y(n.I18nKey.HOME$MANAGE_WORKSPACES_EMPTY)}),S.length>0&&(0,p.jsx)(`ul`,{children:S.map(e=>(0,p.jsxs)(`li`,{className:`flex items-center gap-3 px-5 py-2 border-b border-[var(--oh-border-subtle)] last:border-b-0`,"data-testid":`manage-workspaces-row-${e.name}`,children:[(0,p.jsx)(d.default,{width:16,height:16,className:`shrink-0`}),(0,p.jsxs)(`div`,{className:`flex flex-col min-w-0 flex-1`,children:[(0,p.jsx)(`span`,{className:`text-sm text-white truncate`,children:e.name}),(0,p.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)] truncate`,children:e.path})]}),(0,p.jsxs)(`button`,{type:`button`,onClick:()=>x({type:`workspace`,path:e.path,text:y(n.I18nKey.HOME$REMOVE_WORKSPACE_CONFIRMATION,{name:e.name})}),"aria-label":y(n.I18nKey.HOME$REMOVE_WORKSPACE),"data-testid":`manage-workspaces-remove-${e.name}`,className:`flex items-center gap-1 px-2 py-1 rounded text-xs text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-interactive-hover)] hover:text-white cursor-pointer`,children:[(0,p.jsx)(l.default,{width:12,height:12}),(0,p.jsx)(`span`,{children:y(n.I18nKey.HOME$REMOVE_WORKSPACE)})]})]},e.id))}),h.length>0&&(0,p.jsxs)(`div`,{"data-testid":`manage-workspaces-parents-section`,children:[(0,p.jsx)(`div`,{className:`px-5 pt-3 pb-1 text-[11px] uppercase tracking-wide text-[var(--oh-muted)] font-semibold`,children:y(n.I18nKey.HOME$WORKSPACE_PARENTS)}),(0,p.jsx)(`ul`,{children:h.map(e=>{let t=C.get(e.path)??[];return(0,p.jsxs)(`li`,{className:`border-b border-[var(--oh-border-subtle)] last:border-b-0`,"data-testid":`manage-workspaces-parent-row-${e.name}`,children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-3 px-5 py-2`,children:[(0,p.jsx)(d.default,{width:16,height:16,className:`shrink-0`}),(0,p.jsxs)(`div`,{className:`flex flex-col min-w-0 flex-1`,children:[(0,p.jsx)(`span`,{className:`text-sm text-white truncate`,children:e.name}),(0,p.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)] truncate`,children:e.path})]}),v&&(0,p.jsxs)(`button`,{type:`button`,onClick:()=>x({type:`parent`,path:e.path,text:y(n.I18nKey.HOME$REMOVE_WORKSPACE_PARENT_CONFIRMATION,{name:e.name,count:t.length})}),"aria-label":y(n.I18nKey.HOME$REMOVE_WORKSPACE_PARENT),"data-testid":`manage-workspaces-remove-parent-${e.name}`,className:`flex items-center gap-1 px-2 py-1 rounded text-xs text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-interactive-hover)] hover:text-white cursor-pointer`,children:[(0,p.jsx)(l.default,{width:12,height:12}),(0,p.jsx)(`span`,{children:y(n.I18nKey.HOME$REMOVE_WORKSPACE_PARENT)})]})]}),t.length>0&&(0,p.jsx)(`ul`,{className:`pb-2`,children:t.map(e=>(0,p.jsxs)(`li`,{className:`flex items-center gap-3 px-5 pl-10 py-1 text-xs text-[var(--oh-text-secondary)]`,"data-testid":`manage-workspaces-child-${e.name}`,children:[(0,p.jsx)(d.default,{width:12,height:12,className:`shrink-0 opacity-70`}),(0,p.jsx)(`span`,{className:`truncate`,children:e.name})]},e.id))})]},e.id)})})]})]}),(0,p.jsx)(`div`,{className:`flex justify-end gap-2 px-5 py-3 border-t border-[var(--oh-border-input)]`,children:(0,p.jsx)(c.BrandButton,{type:`button`,variant:`primary`,onClick:g,testId:`manage-workspaces-done`,children:y(n.I18nKey.HOME$DONE)})})]})}),b&&(0,p.jsx)(u.ConfirmationModal,{text:b.text,onConfirm:()=>{b&&(b.type===`workspace`?_(b.path):v?.(b.path),x(null))},onCancel:()=>x(null)})]})}exports.ManageWorkspacesModal=m;
 //# sourceMappingURL=manage-workspaces-modal.cjs.map

package/dist/components/features/home/workspace-dropdown/manage-workspaces-modal.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"manage-workspaces-modal.cjs","names":[],"sources":["../../../../../src/components/features/home/workspace-dropdown/manage-workspaces-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { BaseModalTitle } from \"#/components/shared/modals/confirmation-modals/base-modal\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport {\n MODAL_MAX_WIDTH_VIEWPORT,\n modalWidthClassName,\n} from \"#/components/shared/modals/modal-body\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { LocalWorkspace, LocalWorkspaceParent } from \"#/types/workspace\";\nimport { cn } from \"#/utils/utils\";\nimport FolderIcon from \"#/icons/folder.svg?react\";\nimport CloseIcon from \"#/icons/close.svg?react\";\n\ninterface ManageWorkspacesModalProps {\n isOpen: boolean;\n workspaces: LocalWorkspace[];\n workspaceParents?: LocalWorkspaceParent[];\n onClose: () => void;\n onRemove: (path: string) => void;\n onRemoveParent?: (path: string) => void;\n}\n\ntype PendingRemoval =\n \| { type: \"workspace\"; path: string; text: string }\n \| { type: \"parent\"; path: string; text: string };\n\nexport function ManageWorkspacesModal({\n isOpen,\n workspaces,\n workspaceParents = [],\n onClose,\n onRemove,\n onRemoveParent,\n}: ManageWorkspacesModalProps) {\n const { t } = useTranslation(\"openhands\");\n const [pendingRemoval, setPendingRemoval] =\n React.useState<PendingRemoval \| null>(null);\n\n if (!isOpen) return null;\n\n // Workspaces from a parent are read-only here; users remove the parent.\n const staticWorkspaces = workspaces.filter((w) => !w.parentPath);\n const dynamicWorkspacesByParent = new Map<string, LocalWorkspace[]>();\n workspaces.forEach((w) => {\n if (!w.parentPath) return;\n const list = dynamicWorkspacesByParent.get(w.parentPath) ?? [];\n list.push(w);\n dynamicWorkspacesByParent.set(w.parentPath, list);\n });\n\n const hasContent = staticWorkspaces.length > 0 \|\| workspaceParents.length > 0;\n\n const handleConfirmRemoval = () => {\n if (!pendingRemoval) return;\n\n if (pendingRemoval.type === \"workspace\") {\n onRemove(pendingRemoval.path);\n } else {\n onRemoveParent?.(pendingRemoval.path);\n }\n\n setPendingRemoval(null);\n };\n\n return (\n <>\n <ModalBackdrop\n onClose={onClose}\n aria-label={t(I18nKey.HOME$MANAGE_WORKSPACES)}\n >\n <div\n data-testid=\"manage-workspaces-modal\"\n className={cn(\n \"flex flex-col bg-[var(--oh-surface)] border border-[var(--oh-border-input)] rounded-xl\",\n modalWidthClassName(\"lg\"),\n MODAL_MAX_WIDTH_VIEWPORT,\n \"max-h-[70vh]\",\n )}\n >\n <div className=\"flex items-center justify-between px-5 py-3 border-b border-[var(--oh-border-input)]\">\n <BaseModalTitle\n className=\"text-sm font-medium text-white\"\n title={t(I18nKey.HOME$MANAGE_WORKSPACES)}\n />\n </div>\n\n <div\n className=\"flex-1 overflow-auto custom-scrollbar-always\"\n data-testid=\"manage-workspaces-list\"\n >\n {!hasContent && (\n <p className=\"px-5 py-6 text-sm text-[var(--oh-text-secondary)] text-center\">\n {t(I18nKey.HOME$MANAGE_WORKSPACES_EMPTY)}\n </p>\n )}\n\n {staticWorkspaces.length > 0 && (\n <ul>\n {staticWorkspaces.map((workspace) => (\n <li\n key={workspace.id}\n className=\"flex items-center gap-3 px-5 py-2 border-b border-[var(--oh-border-subtle)] last:border-b-0\"\n data-testid={`manage-workspaces-row-${workspace.name}`}\n >\n <FolderIcon width={16} height={16} className=\"shrink-0\" />\n <div className=\"flex flex-col min-w-0 flex-1\">\n <span className=\"text-sm text-white truncate\">\n {workspace.name}\n </span>\n <span className=\"text-xs text-[var(--oh-muted)] truncate\">\n {workspace.path}\n </span>\n </div>\n <button\n type=\"button\"\n onClick={() =>\n setPendingRemoval({\n type: \"workspace\",\n path: workspace.path,\n text: t(I18nKey.HOME$REMOVE_WORKSPACE_CONFIRMATION, {\n name: workspace.name,\n }),\n })\n }\n aria-label={t(I18nKey.HOME$REMOVE_WORKSPACE)}\n data-testid={`manage-workspaces-remove-${workspace.name}`}\n className=\"flex items-center gap-1 px-2 py-1 rounded text-xs text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-interactive-hover)] hover:text-white cursor-pointer\"\n >\n <CloseIcon width={12} height={12} />\n <span>{t(I18nKey.HOME$REMOVE_WORKSPACE)}</span>\n </button>\n </li>\n ))}\n </ul>\n )}\n\n {workspaceParents.length > 0 && (\n <div data-testid=\"manage-workspaces-parents-section\">\n <div className=\"px-5 pt-3 pb-1 text-[11px] uppercase tracking-wide text-[var(--oh-muted)] font-semibold\">\n {t(I18nKey.HOME$WORKSPACE_PARENTS)}\n </div>\n <ul>\n {workspaceParents.map((parent) => {\n const children =\n dynamicWorkspacesByParent.get(parent.path) ?? [];\n return (\n <li\n key={parent.id}\n className=\"border-b border-[var(--oh-border-subtle)] last:border-b-0\"\n data-testid={`manage-workspaces-parent-row-${parent.name}`}\n >\n <div className=\"flex items-center gap-3 px-5 py-2\">\n <FolderIcon\n width={16}\n height={16}\n className=\"shrink-0\"\n />\n <div className=\"flex flex-col min-w-0 flex-1\">\n <span className=\"text-sm text-white truncate\">\n {parent.name}\n </span>\n <span className=\"text-xs text-[var(--oh-muted)] truncate\">\n {parent.path}\n </span>\n </div>\n {onRemoveParent && (\n <button\n type=\"button\"\n onClick={() =>\n setPendingRemoval({\n type: \"parent\",\n path: parent.path,\n text: t(\n I18nKey.HOME$REMOVE_WORKSPACE_PARENT_CONFIRMATION,\n {\n name: parent.name,\n count: children.length,\n },\n ),\n })\n }\n aria-label={t(\n I18nKey.HOME$REMOVE_WORKSPACE_PARENT,\n )}\n data-testid={`manage-workspaces-remove-parent-${parent.name}`}\n className=\"flex items-center gap-1 px-2 py-1 rounded text-xs text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-interactive-hover)] hover:text-white cursor-pointer\"\n >\n <CloseIcon width={12} height={12} />\n <span>\n {t(I18nKey.HOME$REMOVE_WORKSPACE_PARENT)}\n </span>\n </button>\n )}\n </div>\n {children.length > 0 && (\n <ul className=\"pb-2\">\n {children.map((child) => (\n <li\n key={child.id}\n className=\"flex items-center gap-3 px-5 pl-10 py-1 text-xs text-[var(--oh-text-secondary)]\"\n data-testid={`manage-workspaces-child-${child.name}`}\n >\n <FolderIcon\n width={12}\n height={12}\n className=\"shrink-0 opacity-70\"\n />\n <span className=\"truncate\">{child.name}</span>\n </li>\n ))}\n </ul>\n )}\n </li>\n );\n })}\n </ul>\n </div>\n )}\n </div>\n\n <div className=\"flex justify-end gap-2 px-5 py-3 border-t border-[var(--oh-border-input)]\">\n <BrandButton\n type=\"button\"\n variant=\"primary\"\n onClick={onClose}\n testId=\"manage-workspaces-done\"\n >\n {t(I18nKey.HOME$DONE)}\n </BrandButton>\n </div>\n </div>\n </ModalBackdrop>\n\n {pendingRemoval && (\n <ConfirmationModal\n text={pendingRemoval.text}\n onConfirm={handleConfirmRemoval}\n onCancel={() => setPendingRemoval(null)}\n />\n )}\n </>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"manage-workspaces-modal.cjs","names":[],"sources":["../../../../../src/components/features/home/workspace-dropdown/manage-workspaces-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { BaseModalTitle } from \"#/components/shared/modals/confirmation-modals/base-modal\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport {\n MODAL_MAX_WIDTH_VIEWPORT,\n modalWidthClassName,\n} from \"#/components/shared/modals/modal-body\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { LocalWorkspace, LocalWorkspaceParent } from \"#/types/workspace\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleSmClassName } from \"#/utils/modal-classes\";\nimport FolderIcon from \"#/icons/folder.svg?react\";\nimport CloseIcon from \"#/icons/close.svg?react\";\n\ninterface ManageWorkspacesModalProps {\n isOpen: boolean;\n workspaces: LocalWorkspace[];\n workspaceParents?: LocalWorkspaceParent[];\n onClose: () => void;\n onRemove: (path: string) => void;\n onRemoveParent?: (path: string) => void;\n}\n\ntype PendingRemoval =\n \| { type: \"workspace\"; path: string; text: string }\n \| { type: \"parent\"; path: string; text: string };\n\nexport function ManageWorkspacesModal({\n isOpen,\n workspaces,\n workspaceParents = [],\n onClose,\n onRemove,\n onRemoveParent,\n}: ManageWorkspacesModalProps) {\n const { t } = useTranslation(\"openhands\");\n const [pendingRemoval, setPendingRemoval] =\n React.useState<PendingRemoval \| null>(null);\n\n if (!isOpen) return null;\n\n // Workspaces from a parent are read-only here; users remove the parent.\n const staticWorkspaces = workspaces.filter((w) => !w.parentPath);\n const dynamicWorkspacesByParent = new Map<string, LocalWorkspace[]>();\n workspaces.forEach((w) => {\n if (!w.parentPath) return;\n const list = dynamicWorkspacesByParent.get(w.parentPath) ?? [];\n list.push(w);\n dynamicWorkspacesByParent.set(w.parentPath, list);\n });\n\n const hasContent = staticWorkspaces.length > 0 \|\| workspaceParents.length > 0;\n\n const handleConfirmRemoval = () => {\n if (!pendingRemoval) return;\n\n if (pendingRemoval.type === \"workspace\") {\n onRemove(pendingRemoval.path);\n } else {\n onRemoveParent?.(pendingRemoval.path);\n }\n\n setPendingRemoval(null);\n };\n\n return (\n <>\n <ModalBackdrop\n onClose={onClose}\n aria-label={t(I18nKey.HOME$MANAGE_WORKSPACES)}\n >\n <div\n data-testid=\"manage-workspaces-modal\"\n className={cn(\n \"flex flex-col bg-[var(--oh-surface)] border border-[var(--oh-border-input)] rounded-xl\",\n modalWidthClassName(\"lg\"),\n MODAL_MAX_WIDTH_VIEWPORT,\n \"max-h-[70vh]\",\n )}\n >\n <div className=\"flex items-center justify-between px-5 py-3 border-b border-[var(--oh-border-input)]\">\n <BaseModalTitle\n className={modalTitleSmClassName}\n title={t(I18nKey.HOME$MANAGE_WORKSPACES)}\n />\n </div>\n\n <div\n className=\"flex-1 overflow-auto custom-scrollbar-always\"\n data-testid=\"manage-workspaces-list\"\n >\n {!hasContent && (\n <p className=\"px-5 py-6 text-sm text-[var(--oh-text-secondary)] text-center\">\n {t(I18nKey.HOME$MANAGE_WORKSPACES_EMPTY)}\n </p>\n )}\n\n {staticWorkspaces.length > 0 && (\n <ul>\n {staticWorkspaces.map((workspace) => (\n <li\n key={workspace.id}\n className=\"flex items-center gap-3 px-5 py-2 border-b border-[var(--oh-border-subtle)] last:border-b-0\"\n data-testid={`manage-workspaces-row-${workspace.name}`}\n >\n <FolderIcon width={16} height={16} className=\"shrink-0\" />\n <div className=\"flex flex-col min-w-0 flex-1\">\n <span className=\"text-sm text-white truncate\">\n {workspace.name}\n </span>\n <span className=\"text-xs text-[var(--oh-muted)] truncate\">\n {workspace.path}\n </span>\n </div>\n <button\n type=\"button\"\n onClick={() =>\n setPendingRemoval({\n type: \"workspace\",\n path: workspace.path,\n text: t(I18nKey.HOME$REMOVE_WORKSPACE_CONFIRMATION, {\n name: workspace.name,\n }),\n })\n }\n aria-label={t(I18nKey.HOME$REMOVE_WORKSPACE)}\n data-testid={`manage-workspaces-remove-${workspace.name}`}\n className=\"flex items-center gap-1 px-2 py-1 rounded text-xs text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-interactive-hover)] hover:text-white cursor-pointer\"\n >\n <CloseIcon width={12} height={12} />\n <span>{t(I18nKey.HOME$REMOVE_WORKSPACE)}</span>\n </button>\n </li>\n ))}\n </ul>\n )}\n\n {workspaceParents.length > 0 && (\n <div data-testid=\"manage-workspaces-parents-section\">\n <div className=\"px-5 pt-3 pb-1 text-[11px] uppercase tracking-wide text-[var(--oh-muted)] font-semibold\">\n {t(I18nKey.HOME$WORKSPACE_PARENTS)}\n </div>\n <ul>\n {workspaceParents.map((parent) => {\n const children =\n dynamicWorkspacesByParent.get(parent.path) ?? [];\n return (\n <li\n key={parent.id}\n className=\"border-b border-[var(--oh-border-subtle)] last:border-b-0\"\n data-testid={`manage-workspaces-parent-row-${parent.name}`}\n >\n <div className=\"flex items-center gap-3 px-5 py-2\">\n <FolderIcon\n width={16}\n height={16}\n className=\"shrink-0\"\n />\n <div className=\"flex flex-col min-w-0 flex-1\">\n <span className=\"text-sm text-white truncate\">\n {parent.name}\n </span>\n <span className=\"text-xs text-[var(--oh-muted)] truncate\">\n {parent.path}\n </span>\n </div>\n {onRemoveParent && (\n <button\n type=\"button\"\n onClick={() =>\n setPendingRemoval({\n type: \"parent\",\n path: parent.path,\n text: t(\n I18nKey.HOME$REMOVE_WORKSPACE_PARENT_CONFIRMATION,\n {\n name: parent.name,\n count: children.length,\n },\n ),\n })\n }\n aria-label={t(\n I18nKey.HOME$REMOVE_WORKSPACE_PARENT,\n )}\n data-testid={`manage-workspaces-remove-parent-${parent.name}`}\n className=\"flex items-center gap-1 px-2 py-1 rounded text-xs text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-interactive-hover)] hover:text-white cursor-pointer\"\n >\n <CloseIcon width={12} height={12} />\n <span>\n {t(I18nKey.HOME$REMOVE_WORKSPACE_PARENT)}\n </span>\n </button>\n )}\n </div>\n {children.length > 0 && (\n <ul className=\"pb-2\">\n {children.map((child) => (\n <li\n key={child.id}\n className=\"flex items-center gap-3 px-5 pl-10 py-1 text-xs text-[var(--oh-text-secondary)]\"\n data-testid={`manage-workspaces-child-${child.name}`}\n >\n <FolderIcon\n width={12}\n height={12}\n className=\"shrink-0 opacity-70\"\n />\n <span className=\"truncate\">{child.name}</span>\n </li>\n ))}\n </ul>\n )}\n </li>\n );\n })}\n </ul>\n </div>\n )}\n </div>\n\n <div className=\"flex justify-end gap-2 px-5 py-3 border-t border-[var(--oh-border-input)]\">\n <BrandButton\n type=\"button\"\n variant=\"primary\"\n onClick={onClose}\n testId=\"manage-workspaces-done\"\n >\n {t(I18nKey.HOME$DONE)}\n </BrandButton>\n </div>\n </div>\n </ModalBackdrop>\n\n {pendingRemoval && (\n <ConfirmationModal\n text={pendingRemoval.text}\n onConfirm={handleConfirmRemoval}\n onCancel={() => setPendingRemoval(null)}\n />\n )}\n </>\n );\n}\n"],"mappings":"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"}

package/dist/components/features/home/workspace-dropdown/manage-workspaces-modal.js CHANGED Viewed

@@ -3,139 +3,140 @@ import { I18nKey as t } from "../../../../i18n/declaration.js";
 import { cn as n } from "../../../../utils/utils.js";
 import { ModalBackdrop as r } from "../../../shared/modals/modal-backdrop.js";
 import { MODAL_MAX_WIDTH_VIEWPORT as i, modalWidthClassName as a } from "../../../shared/modals/modal-body.js";
-import { BaseModalTitle as o } from "../../../shared/modals/confirmation-modals/base-modal.js";
-import { BrandButton as s } from "../../settings/brand-button.js";
-import c from "../../../../icons/close.js";
-import { ConfirmationModal as l } from "../../../shared/modals/confirmation-modal.js";
-import u from "../../../../icons/folder.js";
-import d from "react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { modalTitleSmClassName as o } from "../../../../utils/modal-classes.js";
+import { BaseModalTitle as s } from "../../../shared/modals/confirmation-modals/base-modal.js";
+import { BrandButton as c } from "../../settings/brand-button.js";
+import l from "../../../../icons/close.js";
+import { ConfirmationModal as u } from "../../../shared/modals/confirmation-modal.js";
+import d from "../../../../icons/folder.js";
+import f from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/features/home/workspace-dropdown/manage-workspaces-modal.tsx
-function h({ isOpen: h, workspaces: g, workspaceParents: _ = [], onClose: v, onRemove: y, onRemoveParent: b }) {
-	let { t: x } = e("openhands"), [S, C] = d.useState(null);
-	if (!h) return null;
-	let w = g.filter((e) => !e.parentPath), T = /* @__PURE__ */ new Map();
-	g.forEach((e) => {
+function g({ isOpen: g, workspaces: _, workspaceParents: v = [], onClose: y, onRemove: b, onRemoveParent: x }) {
+	let { t: S } = e("openhands"), [C, w] = f.useState(null);
+	if (!g) return null;
+	let T = _.filter((e) => !e.parentPath), E = /* @__PURE__ */ new Map();
+	_.forEach((e) => {
 		if (!e.parentPath) return;
-		let t = T.get(e.parentPath) ?? [];
-		t.push(e), T.set(e.parentPath, t);
+		let t = E.get(e.parentPath) ?? [];
+		t.push(e), E.set(e.parentPath, t);
 	});
-	let E = w.length > 0 || _.length > 0;
-	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(r, {
-		onClose: v,
-		"aria-label": x(t.HOME$MANAGE_WORKSPACES),
-		children: /* @__PURE__ */ m("div", {
+	let D = T.length > 0 || v.length > 0;
+	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(r, {
+		onClose: y,
+		"aria-label": S(t.HOME$MANAGE_WORKSPACES),
+		children: /* @__PURE__ */ h("div", {
 			"data-testid": "manage-workspaces-modal",
 			className: n("flex flex-col bg-[var(--oh-surface)] border border-[var(--oh-border-input)] rounded-xl", a("lg"), i, "max-h-[70vh]"),
 			children: [
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ m("div", {
 					className: "flex items-center justify-between px-5 py-3 border-b border-[var(--oh-border-input)]",
-					children: /* @__PURE__ */ p(o, {
-						className: "text-sm font-medium text-white",
-						title: x(t.HOME$MANAGE_WORKSPACES)
+					children: /* @__PURE__ */ m(s, {
+						className: o,
+						title: S(t.HOME$MANAGE_WORKSPACES)
 					})
 				}),
-				/* @__PURE__ */ m("div", {
+				/* @__PURE__ */ h("div", {
 					className: "flex-1 overflow-auto custom-scrollbar-always",
 					"data-testid": "manage-workspaces-list",
 					children: [
-						!E && /* @__PURE__ */ p("p", {
+						!D && /* @__PURE__ */ m("p", {
 							className: "px-5 py-6 text-sm text-[var(--oh-text-secondary)] text-center",
-							children: x(t.HOME$MANAGE_WORKSPACES_EMPTY)
+							children: S(t.HOME$MANAGE_WORKSPACES_EMPTY)
 						}),
-						w.length > 0 && /* @__PURE__ */ p("ul", { children: w.map((e) => /* @__PURE__ */ m("li", {
+						T.length > 0 && /* @__PURE__ */ m("ul", { children: T.map((e) => /* @__PURE__ */ h("li", {
 							className: "flex items-center gap-3 px-5 py-2 border-b border-[var(--oh-border-subtle)] last:border-b-0",
 							"data-testid": `manage-workspaces-row-${e.name}`,
 							children: [
-								/* @__PURE__ */ p(u, {
+								/* @__PURE__ */ m(d, {
 									width: 16,
 									height: 16,
 									className: "shrink-0"
 								}),
-								/* @__PURE__ */ m("div", {
+								/* @__PURE__ */ h("div", {
 									className: "flex flex-col min-w-0 flex-1",
-									children: [/* @__PURE__ */ p("span", {
+									children: [/* @__PURE__ */ m("span", {
 										className: "text-sm text-white truncate",
 										children: e.name
-									}), /* @__PURE__ */ p("span", {
+									}), /* @__PURE__ */ m("span", {
 										className: "text-xs text-[var(--oh-muted)] truncate",
 										children: e.path
 									})]
 								}),
-								/* @__PURE__ */ m("button", {
+								/* @__PURE__ */ h("button", {
 									type: "button",
-									onClick: () => C({
+									onClick: () => w({
 										type: "workspace",
 										path: e.path,
-										text: x(t.HOME$REMOVE_WORKSPACE_CONFIRMATION, { name: e.name })
+										text: S(t.HOME$REMOVE_WORKSPACE_CONFIRMATION, { name: e.name })
 									}),
-									"aria-label": x(t.HOME$REMOVE_WORKSPACE),
+									"aria-label": S(t.HOME$REMOVE_WORKSPACE),
 									"data-testid": `manage-workspaces-remove-${e.name}`,
 									className: "flex items-center gap-1 px-2 py-1 rounded text-xs text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-interactive-hover)] hover:text-white cursor-pointer",
-									children: [/* @__PURE__ */ p(c, {
+									children: [/* @__PURE__ */ m(l, {
 										width: 12,
 										height: 12
-									}), /* @__PURE__ */ p("span", { children: x(t.HOME$REMOVE_WORKSPACE) })]
+									}), /* @__PURE__ */ m("span", { children: S(t.HOME$REMOVE_WORKSPACE) })]
 								})
 							]
 						}, e.id)) }),
-						_.length > 0 && /* @__PURE__ */ m("div", {
+						v.length > 0 && /* @__PURE__ */ h("div", {
 							"data-testid": "manage-workspaces-parents-section",
-							children: [/* @__PURE__ */ p("div", {
+							children: [/* @__PURE__ */ m("div", {
 								className: "px-5 pt-3 pb-1 text-[11px] uppercase tracking-wide text-[var(--oh-muted)] font-semibold",
-								children: x(t.HOME$WORKSPACE_PARENTS)
-							}), /* @__PURE__ */ p("ul", { children: _.map((e) => {
-								let n = T.get(e.path) ?? [];
-								return /* @__PURE__ */ m("li", {
+								children: S(t.HOME$WORKSPACE_PARENTS)
+							}), /* @__PURE__ */ m("ul", { children: v.map((e) => {
+								let n = E.get(e.path) ?? [];
+								return /* @__PURE__ */ h("li", {
 									className: "border-b border-[var(--oh-border-subtle)] last:border-b-0",
 									"data-testid": `manage-workspaces-parent-row-${e.name}`,
-									children: [/* @__PURE__ */ m("div", {
+									children: [/* @__PURE__ */ h("div", {
 										className: "flex items-center gap-3 px-5 py-2",
 										children: [
-											/* @__PURE__ */ p(u, {
+											/* @__PURE__ */ m(d, {
 												width: 16,
 												height: 16,
 												className: "shrink-0"
 											}),
-											/* @__PURE__ */ m("div", {
+											/* @__PURE__ */ h("div", {
 												className: "flex flex-col min-w-0 flex-1",
-												children: [/* @__PURE__ */ p("span", {
+												children: [/* @__PURE__ */ m("span", {
 													className: "text-sm text-white truncate",
 													children: e.name
-												}), /* @__PURE__ */ p("span", {
+												}), /* @__PURE__ */ m("span", {
 													className: "text-xs text-[var(--oh-muted)] truncate",
 													children: e.path
 												})]
 											}),
-											b && /* @__PURE__ */ m("button", {
+											x && /* @__PURE__ */ h("button", {
 												type: "button",
-												onClick: () => C({
+												onClick: () => w({
 													type: "parent",
 													path: e.path,
-													text: x(t.HOME$REMOVE_WORKSPACE_PARENT_CONFIRMATION, {
+													text: S(t.HOME$REMOVE_WORKSPACE_PARENT_CONFIRMATION, {
 														name: e.name,
 														count: n.length
 													})
 												}),
-												"aria-label": x(t.HOME$REMOVE_WORKSPACE_PARENT),
+												"aria-label": S(t.HOME$REMOVE_WORKSPACE_PARENT),
 												"data-testid": `manage-workspaces-remove-parent-${e.name}`,
 												className: "flex items-center gap-1 px-2 py-1 rounded text-xs text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-interactive-hover)] hover:text-white cursor-pointer",
-												children: [/* @__PURE__ */ p(c, {
+												children: [/* @__PURE__ */ m(l, {
 													width: 12,
 													height: 12
-												}), /* @__PURE__ */ p("span", { children: x(t.HOME$REMOVE_WORKSPACE_PARENT) })]
+												}), /* @__PURE__ */ m("span", { children: S(t.HOME$REMOVE_WORKSPACE_PARENT) })]
 											})
 										]
-									}), n.length > 0 && /* @__PURE__ */ p("ul", {
+									}), n.length > 0 && /* @__PURE__ */ m("ul", {
 										className: "pb-2",
-										children: n.map((e) => /* @__PURE__ */ m("li", {
+										children: n.map((e) => /* @__PURE__ */ h("li", {
 											className: "flex items-center gap-3 px-5 pl-10 py-1 text-xs text-[var(--oh-text-secondary)]",
 											"data-testid": `manage-workspaces-child-${e.name}`,
-											children: [/* @__PURE__ */ p(u, {
+											children: [/* @__PURE__ */ m(d, {
 												width: 12,
 												height: 12,
 												className: "shrink-0 opacity-70"
-											}), /* @__PURE__ */ p("span", {
+											}), /* @__PURE__ */ m("span", {
 												className: "truncate",
 												children: e.name
 											})]
@@ -146,27 +147,27 @@ function h({ isOpen: h, workspaces: g, workspaceParents: _ = [], onClose: v, onR
 						})
 					]
 				}),
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ m("div", {
 					className: "flex justify-end gap-2 px-5 py-3 border-t border-[var(--oh-border-input)]",
-					children: /* @__PURE__ */ p(s, {
+					children: /* @__PURE__ */ m(c, {
 						type: "button",
 						variant: "primary",
-						onClick: v,
+						onClick: y,
 						testId: "manage-workspaces-done",
-						children: x(t.HOME$DONE)
+						children: S(t.HOME$DONE)
 					})
 				})
 			]
 		})
-	}), S && /* @__PURE__ */ p(l, {
-		text: S.text,
+	}), C && /* @__PURE__ */ m(u, {
+		text: C.text,
 		onConfirm: () => {
-			S && (S.type === "workspace" ? y(S.path) : b?.(S.path), C(null));
+			C && (C.type === "workspace" ? b(C.path) : x?.(C.path), w(null));
 		},
-		onCancel: () => C(null)
+		onCancel: () => w(null)
 	})] });
 }
 //#endregion
-export { h as ManageWorkspacesModal };
+export { g as ManageWorkspacesModal };
 //# sourceMappingURL=manage-workspaces-modal.js.map

package/dist/components/features/home/workspace-dropdown/manage-workspaces-modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"manage-workspaces-modal.js","names":[],"sources":["../../../../../src/components/features/home/workspace-dropdown/manage-workspaces-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { BaseModalTitle } from \"#/components/shared/modals/confirmation-modals/base-modal\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport {\n MODAL_MAX_WIDTH_VIEWPORT,\n modalWidthClassName,\n} from \"#/components/shared/modals/modal-body\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { LocalWorkspace, LocalWorkspaceParent } from \"#/types/workspace\";\nimport { cn } from \"#/utils/utils\";\nimport FolderIcon from \"#/icons/folder.svg?react\";\nimport CloseIcon from \"#/icons/close.svg?react\";\n\ninterface ManageWorkspacesModalProps {\n isOpen: boolean;\n workspaces: LocalWorkspace[];\n workspaceParents?: LocalWorkspaceParent[];\n onClose: () => void;\n onRemove: (path: string) => void;\n onRemoveParent?: (path: string) => void;\n}\n\ntype PendingRemoval =\n \| { type: \"workspace\"; path: string; text: string }\n \| { type: \"parent\"; path: string; text: string };\n\nexport function ManageWorkspacesModal({\n isOpen,\n workspaces,\n workspaceParents = [],\n onClose,\n onRemove,\n onRemoveParent,\n}: ManageWorkspacesModalProps) {\n const { t } = useTranslation(\"openhands\");\n const [pendingRemoval, setPendingRemoval] =\n React.useState<PendingRemoval \| null>(null);\n\n if (!isOpen) return null;\n\n // Workspaces from a parent are read-only here; users remove the parent.\n const staticWorkspaces = workspaces.filter((w) => !w.parentPath);\n const dynamicWorkspacesByParent = new Map<string, LocalWorkspace[]>();\n workspaces.forEach((w) => {\n if (!w.parentPath) return;\n const list = dynamicWorkspacesByParent.get(w.parentPath) ?? [];\n list.push(w);\n dynamicWorkspacesByParent.set(w.parentPath, list);\n });\n\n const hasContent = staticWorkspaces.length > 0 \|\| workspaceParents.length > 0;\n\n const handleConfirmRemoval = () => {\n if (!pendingRemoval) return;\n\n if (pendingRemoval.type === \"workspace\") {\n onRemove(pendingRemoval.path);\n } else {\n onRemoveParent?.(pendingRemoval.path);\n }\n\n setPendingRemoval(null);\n };\n\n return (\n <>\n <ModalBackdrop\n onClose={onClose}\n aria-label={t(I18nKey.HOME$MANAGE_WORKSPACES)}\n >\n <div\n data-testid=\"manage-workspaces-modal\"\n className={cn(\n \"flex flex-col bg-[var(--oh-surface)] border border-[var(--oh-border-input)] rounded-xl\",\n modalWidthClassName(\"lg\"),\n MODAL_MAX_WIDTH_VIEWPORT,\n \"max-h-[70vh]\",\n )}\n >\n <div className=\"flex items-center justify-between px-5 py-3 border-b border-[var(--oh-border-input)]\">\n <BaseModalTitle\n className=\"text-sm font-medium text-white\"\n title={t(I18nKey.HOME$MANAGE_WORKSPACES)}\n />\n </div>\n\n <div\n className=\"flex-1 overflow-auto custom-scrollbar-always\"\n data-testid=\"manage-workspaces-list\"\n >\n {!hasContent && (\n <p className=\"px-5 py-6 text-sm text-[var(--oh-text-secondary)] text-center\">\n {t(I18nKey.HOME$MANAGE_WORKSPACES_EMPTY)}\n </p>\n )}\n\n {staticWorkspaces.length > 0 && (\n <ul>\n {staticWorkspaces.map((workspace) => (\n <li\n key={workspace.id}\n className=\"flex items-center gap-3 px-5 py-2 border-b border-[var(--oh-border-subtle)] last:border-b-0\"\n data-testid={`manage-workspaces-row-${workspace.name}`}\n >\n <FolderIcon width={16} height={16} className=\"shrink-0\" />\n <div className=\"flex flex-col min-w-0 flex-1\">\n <span className=\"text-sm text-white truncate\">\n {workspace.name}\n </span>\n <span className=\"text-xs text-[var(--oh-muted)] truncate\">\n {workspace.path}\n </span>\n </div>\n <button\n type=\"button\"\n onClick={() =>\n setPendingRemoval({\n type: \"workspace\",\n path: workspace.path,\n text: t(I18nKey.HOME$REMOVE_WORKSPACE_CONFIRMATION, {\n name: workspace.name,\n }),\n })\n }\n aria-label={t(I18nKey.HOME$REMOVE_WORKSPACE)}\n data-testid={`manage-workspaces-remove-${workspace.name}`}\n className=\"flex items-center gap-1 px-2 py-1 rounded text-xs text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-interactive-hover)] hover:text-white cursor-pointer\"\n >\n <CloseIcon width={12} height={12} />\n <span>{t(I18nKey.HOME$REMOVE_WORKSPACE)}</span>\n </button>\n </li>\n ))}\n </ul>\n )}\n\n {workspaceParents.length > 0 && (\n <div data-testid=\"manage-workspaces-parents-section\">\n <div className=\"px-5 pt-3 pb-1 text-[11px] uppercase tracking-wide text-[var(--oh-muted)] font-semibold\">\n {t(I18nKey.HOME$WORKSPACE_PARENTS)}\n </div>\n <ul>\n {workspaceParents.map((parent) => {\n const children =\n dynamicWorkspacesByParent.get(parent.path) ?? [];\n return (\n <li\n key={parent.id}\n className=\"border-b border-[var(--oh-border-subtle)] last:border-b-0\"\n data-testid={`manage-workspaces-parent-row-${parent.name}`}\n >\n <div className=\"flex items-center gap-3 px-5 py-2\">\n <FolderIcon\n width={16}\n height={16}\n className=\"shrink-0\"\n />\n <div className=\"flex flex-col min-w-0 flex-1\">\n <span className=\"text-sm text-white truncate\">\n {parent.name}\n </span>\n <span className=\"text-xs text-[var(--oh-muted)] truncate\">\n {parent.path}\n </span>\n </div>\n {onRemoveParent && (\n <button\n type=\"button\"\n onClick={() =>\n setPendingRemoval({\n type: \"parent\",\n path: parent.path,\n text: t(\n I18nKey.HOME$REMOVE_WORKSPACE_PARENT_CONFIRMATION,\n {\n name: parent.name,\n count: children.length,\n },\n ),\n })\n }\n aria-label={t(\n I18nKey.HOME$REMOVE_WORKSPACE_PARENT,\n )}\n data-testid={`manage-workspaces-remove-parent-${parent.name}`}\n className=\"flex items-center gap-1 px-2 py-1 rounded text-xs text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-interactive-hover)] hover:text-white cursor-pointer\"\n >\n <CloseIcon width={12} height={12} />\n <span>\n {t(I18nKey.HOME$REMOVE_WORKSPACE_PARENT)}\n </span>\n </button>\n )}\n </div>\n {children.length > 0 && (\n <ul className=\"pb-2\">\n {children.map((child) => (\n <li\n key={child.id}\n className=\"flex items-center gap-3 px-5 pl-10 py-1 text-xs text-[var(--oh-text-secondary)]\"\n data-testid={`manage-workspaces-child-${child.name}`}\n >\n <FolderIcon\n width={12}\n height={12}\n className=\"shrink-0 opacity-70\"\n />\n <span className=\"truncate\">{child.name}</span>\n </li>\n ))}\n </ul>\n )}\n </li>\n );\n })}\n </ul>\n </div>\n )}\n </div>\n\n <div className=\"flex justify-end gap-2 px-5 py-3 border-t border-[var(--oh-border-input)]\">\n <BrandButton\n type=\"button\"\n variant=\"primary\"\n onClick={onClose}\n testId=\"manage-workspaces-done\"\n >\n {t(I18nKey.HOME$DONE)}\n </BrandButton>\n </div>\n </div>\n </ModalBackdrop>\n\n {pendingRemoval && (\n <ConfirmationModal\n text={pendingRemoval.text}\n onConfirm={handleConfirmRemoval}\n onCancel={() => setPendingRemoval(null)}\n />\n )}\n </>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"manage-workspaces-modal.js","names":[],"sources":["../../../../../src/components/features/home/workspace-dropdown/manage-workspaces-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { BaseModalTitle } from \"#/components/shared/modals/confirmation-modals/base-modal\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport {\n MODAL_MAX_WIDTH_VIEWPORT,\n modalWidthClassName,\n} from \"#/components/shared/modals/modal-body\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { LocalWorkspace, LocalWorkspaceParent } from \"#/types/workspace\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleSmClassName } from \"#/utils/modal-classes\";\nimport FolderIcon from \"#/icons/folder.svg?react\";\nimport CloseIcon from \"#/icons/close.svg?react\";\n\ninterface ManageWorkspacesModalProps {\n isOpen: boolean;\n workspaces: LocalWorkspace[];\n workspaceParents?: LocalWorkspaceParent[];\n onClose: () => void;\n onRemove: (path: string) => void;\n onRemoveParent?: (path: string) => void;\n}\n\ntype PendingRemoval =\n \| { type: \"workspace\"; path: string; text: string }\n \| { type: \"parent\"; path: string; text: string };\n\nexport function ManageWorkspacesModal({\n isOpen,\n workspaces,\n workspaceParents = [],\n onClose,\n onRemove,\n onRemoveParent,\n}: ManageWorkspacesModalProps) {\n const { t } = useTranslation(\"openhands\");\n const [pendingRemoval, setPendingRemoval] =\n React.useState<PendingRemoval \| null>(null);\n\n if (!isOpen) return null;\n\n // Workspaces from a parent are read-only here; users remove the parent.\n const staticWorkspaces = workspaces.filter((w) => !w.parentPath);\n const dynamicWorkspacesByParent = new Map<string, LocalWorkspace[]>();\n workspaces.forEach((w) => {\n if (!w.parentPath) return;\n const list = dynamicWorkspacesByParent.get(w.parentPath) ?? [];\n list.push(w);\n dynamicWorkspacesByParent.set(w.parentPath, list);\n });\n\n const hasContent = staticWorkspaces.length > 0 \|\| workspaceParents.length > 0;\n\n const handleConfirmRemoval = () => {\n if (!pendingRemoval) return;\n\n if (pendingRemoval.type === \"workspace\") {\n onRemove(pendingRemoval.path);\n } else {\n onRemoveParent?.(pendingRemoval.path);\n }\n\n setPendingRemoval(null);\n };\n\n return (\n <>\n <ModalBackdrop\n onClose={onClose}\n aria-label={t(I18nKey.HOME$MANAGE_WORKSPACES)}\n >\n <div\n data-testid=\"manage-workspaces-modal\"\n className={cn(\n \"flex flex-col bg-[var(--oh-surface)] border border-[var(--oh-border-input)] rounded-xl\",\n modalWidthClassName(\"lg\"),\n MODAL_MAX_WIDTH_VIEWPORT,\n \"max-h-[70vh]\",\n )}\n >\n <div className=\"flex items-center justify-between px-5 py-3 border-b border-[var(--oh-border-input)]\">\n <BaseModalTitle\n className={modalTitleSmClassName}\n title={t(I18nKey.HOME$MANAGE_WORKSPACES)}\n />\n </div>\n\n <div\n className=\"flex-1 overflow-auto custom-scrollbar-always\"\n data-testid=\"manage-workspaces-list\"\n >\n {!hasContent && (\n <p className=\"px-5 py-6 text-sm text-[var(--oh-text-secondary)] text-center\">\n {t(I18nKey.HOME$MANAGE_WORKSPACES_EMPTY)}\n </p>\n )}\n\n {staticWorkspaces.length > 0 && (\n <ul>\n {staticWorkspaces.map((workspace) => (\n <li\n key={workspace.id}\n className=\"flex items-center gap-3 px-5 py-2 border-b border-[var(--oh-border-subtle)] last:border-b-0\"\n data-testid={`manage-workspaces-row-${workspace.name}`}\n >\n <FolderIcon width={16} height={16} className=\"shrink-0\" />\n <div className=\"flex flex-col min-w-0 flex-1\">\n <span className=\"text-sm text-white truncate\">\n {workspace.name}\n </span>\n <span className=\"text-xs text-[var(--oh-muted)] truncate\">\n {workspace.path}\n </span>\n </div>\n <button\n type=\"button\"\n onClick={() =>\n setPendingRemoval({\n type: \"workspace\",\n path: workspace.path,\n text: t(I18nKey.HOME$REMOVE_WORKSPACE_CONFIRMATION, {\n name: workspace.name,\n }),\n })\n }\n aria-label={t(I18nKey.HOME$REMOVE_WORKSPACE)}\n data-testid={`manage-workspaces-remove-${workspace.name}`}\n className=\"flex items-center gap-1 px-2 py-1 rounded text-xs text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-interactive-hover)] hover:text-white cursor-pointer\"\n >\n <CloseIcon width={12} height={12} />\n <span>{t(I18nKey.HOME$REMOVE_WORKSPACE)}</span>\n </button>\n </li>\n ))}\n </ul>\n )}\n\n {workspaceParents.length > 0 && (\n <div data-testid=\"manage-workspaces-parents-section\">\n <div className=\"px-5 pt-3 pb-1 text-[11px] uppercase tracking-wide text-[var(--oh-muted)] font-semibold\">\n {t(I18nKey.HOME$WORKSPACE_PARENTS)}\n </div>\n <ul>\n {workspaceParents.map((parent) => {\n const children =\n dynamicWorkspacesByParent.get(parent.path) ?? [];\n return (\n <li\n key={parent.id}\n className=\"border-b border-[var(--oh-border-subtle)] last:border-b-0\"\n data-testid={`manage-workspaces-parent-row-${parent.name}`}\n >\n <div className=\"flex items-center gap-3 px-5 py-2\">\n <FolderIcon\n width={16}\n height={16}\n className=\"shrink-0\"\n />\n <div className=\"flex flex-col min-w-0 flex-1\">\n <span className=\"text-sm text-white truncate\">\n {parent.name}\n </span>\n <span className=\"text-xs text-[var(--oh-muted)] truncate\">\n {parent.path}\n </span>\n </div>\n {onRemoveParent && (\n <button\n type=\"button\"\n onClick={() =>\n setPendingRemoval({\n type: \"parent\",\n path: parent.path,\n text: t(\n I18nKey.HOME$REMOVE_WORKSPACE_PARENT_CONFIRMATION,\n {\n name: parent.name,\n count: children.length,\n },\n ),\n })\n }\n aria-label={t(\n I18nKey.HOME$REMOVE_WORKSPACE_PARENT,\n )}\n data-testid={`manage-workspaces-remove-parent-${parent.name}`}\n className=\"flex items-center gap-1 px-2 py-1 rounded text-xs text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-interactive-hover)] hover:text-white cursor-pointer\"\n >\n <CloseIcon width={12} height={12} />\n <span>\n {t(I18nKey.HOME$REMOVE_WORKSPACE_PARENT)}\n </span>\n </button>\n )}\n </div>\n {children.length > 0 && (\n <ul className=\"pb-2\">\n {children.map((child) => (\n <li\n key={child.id}\n className=\"flex items-center gap-3 px-5 pl-10 py-1 text-xs text-[var(--oh-text-secondary)]\"\n data-testid={`manage-workspaces-child-${child.name}`}\n >\n <FolderIcon\n width={12}\n height={12}\n className=\"shrink-0 opacity-70\"\n />\n <span className=\"truncate\">{child.name}</span>\n </li>\n ))}\n </ul>\n )}\n </li>\n );\n })}\n </ul>\n </div>\n )}\n </div>\n\n <div className=\"flex justify-end gap-2 px-5 py-3 border-t border-[var(--oh-border-input)]\">\n <BrandButton\n type=\"button\"\n variant=\"primary\"\n onClick={onClose}\n testId=\"manage-workspaces-done\"\n >\n {t(I18nKey.HOME$DONE)}\n </BrandButton>\n </div>\n </div>\n </ModalBackdrop>\n\n {pendingRemoval && (\n <ConfirmationModal\n text={pendingRemoval.text}\n onConfirm={handleConfirmRemoval}\n onCancel={() => setPendingRemoval(null)}\n />\n )}\n </>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;AA+BA,SAAgB,EAAsB,EACpC,WACA,eACA,sBAAmB,EAAE,EACrB,YACA,aACA,qBAC6B;CAC7B,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,CAAC,GAAgB,KACrB,EAAM,SAAgC,KAAK;AAE7C,KAAI,CAAC,EAAQ,QAAO;CAGpB,IAAM,IAAmB,EAAW,QAAQ,MAAM,CAAC,EAAE,WAAW,EAC1D,oBAA4B,IAAI,KAA+B;AACrE,GAAW,SAAS,MAAM;AACxB,MAAI,CAAC,EAAE,WAAY;EACnB,IAAM,IAAO,EAA0B,IAAI,EAAE,WAAW,IAAI,EAAE;AAE9D,EADA,EAAK,KAAK,EAAE,EACZ,EAA0B,IAAI,EAAE,YAAY,EAAK;GACjD;CAEF,IAAM,IAAa,EAAiB,SAAS,KAAK,EAAiB,SAAS;AAc5E,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACW;EACT,cAAY,EAAE,EAAQ,uBAAuB;YAE7C,kBAAC,OAAD;GACE,eAAY;GACZ,WAAW,EACT,0FACA,EAAoB,KAAK,EACzB,GACA,eACD;aAPH;IASE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MACE,WAAW;MACX,OAAO,EAAE,EAAQ,uBAAuB;MACxC,CAAA;KACE,CAAA;IAEN,kBAAC,OAAD;KACE,WAAU;KACV,eAAY;eAFd;MAIG,CAAC,KACA,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAE,EAAQ,6BAA6B;OACtC,CAAA;MAGL,EAAiB,SAAS,KACzB,kBAAC,MAAD,EAAA,UACG,EAAiB,KAAK,MACrB,kBAAC,MAAD;OAEE,WAAU;OACV,eAAa,yBAAyB,EAAU;iBAHlD;QAKE,kBAAC,GAAD;SAAY,OAAO;SAAI,QAAQ;SAAI,WAAU;SAAa,CAAA;QAC1D,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAU;UACN,CAAA,EACP,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAU;UACN,CAAA,CACH;;QACN,kBAAC,UAAD;SACE,MAAK;SACL,eACE,EAAkB;UAChB,MAAM;UACN,MAAM,EAAU;UAChB,MAAM,EAAE,EAAQ,oCAAoC,EAClD,MAAM,EAAU,MACjB,CAAC;UACH,CAAC;SAEJ,cAAY,EAAE,EAAQ,sBAAsB;SAC5C,eAAa,4BAA4B,EAAU;SACnD,WAAU;mBAbZ,CAeE,kBAAC,GAAD;UAAW,OAAO;UAAI,QAAQ;UAAM,CAAA,EACpC,kBAAC,QAAD,EAAA,UAAO,EAAE,EAAQ,sBAAsB,EAAQ,CAAA,CACxC;;QACN;SA/BE,EAAU,GA+BZ,CACL,EACC,CAAA;MAGN,EAAiB,SAAS,KACzB,kBAAC,OAAD;OAAK,eAAY;iBAAjB,CACE,kBAAC,OAAD;QAAK,WAAU;kBACZ,EAAE,EAAQ,uBAAuB;QAC9B,CAAA,EACN,kBAAC,MAAD,EAAA,UACG,EAAiB,KAAK,MAAW;QAChC,IAAM,IACJ,EAA0B,IAAI,EAAO,KAAK,IAAI,EAAE;AAClD,eACE,kBAAC,MAAD;SAEE,WAAU;SACV,eAAa,gCAAgC,EAAO;mBAHtD,CAKE,kBAAC,OAAD;UAAK,WAAU;oBAAf;WACE,kBAAC,GAAD;YACE,OAAO;YACP,QAAQ;YACR,WAAU;YACV,CAAA;WACF,kBAAC,OAAD;YAAK,WAAU;sBAAf,CACE,kBAAC,QAAD;aAAM,WAAU;uBACb,EAAO;aACH,CAAA,EACP,kBAAC,QAAD;aAAM,WAAU;uBACb,EAAO;aACH,CAAA,CACH;;WACL,KACC,kBAAC,UAAD;YACE,MAAK;YACL,eACE,EAAkB;aAChB,MAAM;aACN,MAAM,EAAO;aACb,MAAM,EACJ,EAAQ,2CACR;cACE,MAAM,EAAO;cACb,OAAO,EAAS;cACjB,CACF;aACF,CAAC;YAEJ,cAAY,EACV,EAAQ,6BACT;YACD,eAAa,mCAAmC,EAAO;YACvD,WAAU;sBAnBZ,CAqBE,kBAAC,GAAD;aAAW,OAAO;aAAI,QAAQ;aAAM,CAAA,EACpC,kBAAC,QAAD,EAAA,UACG,EAAE,EAAQ,6BAA6B,EACnC,CAAA,CACA;;WAEP;aACL,EAAS,SAAS,KACjB,kBAAC,MAAD;UAAI,WAAU;oBACX,EAAS,KAAK,MACb,kBAAC,MAAD;WAEE,WAAU;WACV,eAAa,2BAA2B,EAAM;qBAHhD,CAKE,kBAAC,GAAD;YACE,OAAO;YACP,QAAQ;YACR,WAAU;YACV,CAAA,EACF,kBAAC,QAAD;YAAM,WAAU;sBAAY,EAAM;YAAY,CAAA,CAC3C;aAVE,EAAM,GAUR,CACL;UACC,CAAA,CAEJ;WAjEE,EAAO,GAiET;SAEP,EACC,CAAA,CACD;;MAEJ;;IAEN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MACE,MAAK;MACL,SAAQ;MACR,SAAS;MACT,QAAO;gBAEN,EAAE,EAAQ,UAAU;MACT,CAAA;KACV,CAAA;IACF;;EACQ,CAAA,EAEf,KACC,kBAAC,GAAD;EACE,MAAM,EAAe;EACrB,iBAxL2B;AAC5B,SAED,EAAe,SAAS,cAC1B,EAAS,EAAe,KAAK,GAE7B,IAAiB,EAAe,KAAK,EAGvC,EAAkB,KAAK;;EAgLjB,gBAAgB,EAAkB,KAAK;EACvC,CAAA,CAEH,EAAA,CAAA"}

package/dist/components/features/mcp-page/custom-server-editor.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/custom-toast-handlers.cjs`),i=require(`../../shared/modals/modal-backdrop.cjs`),a=require(`../../shared/modals/modal-close-button.cjs`),o=require(`../../../utils/retrieve-axios-error-message.cjs`),s=require(`../../shared/modals/confirmation-modal.cjs`),c=require(`../../../hooks/mutation/use-delete-mcp-server.cjs`),l=require(`../../../hooks/mutation/use-add-mcp-server.cjs`),u=require(`../../../hooks/mutation/use-test-mcp-server.cjs`),d=require(`../settings/mcp-settings/mcp-server-form.cjs`),f=require(`../../../hooks/mutation/use-update-mcp-server.cjs`);let p=require(`react`);p=e.__toESM(p,1);let m=require(`react/jsx-runtime`);function h({server:e,existingServers:h,onClose:g}){let{t:_}=t.useTranslation(`openhands`),{mutate:v,isPending:y}=l.useAddMcpServer(),{mutate:b,isPending:x}=f.useUpdateMcpServer(),{mutate:S,isPending:C}=c.useDeleteMcpServer(),{mutate:w,isPending:T,data:E,reset:D}=u.useTestMcpServer(),[O,k]=p.default.useState(!1),A=!!e.id,j=y||x||C,M=j||T||O,N=e=>{switch(e.error_kind){case`timeout`:return _(n.I18nKey.MCP$TEST_ERROR_TIMEOUT);case`connection`:return _(n.I18nKey.MCP$TEST_ERROR_CONNECTION);default:return _(n.I18nKey.MCP$TEST_ERROR_UNKNOWN,{error:e.error})}},P=p.default.useMemo(()=>E?E.ok?{ok:!0,text:_(n.I18nKey.MCP$TEST_SUCCESS,{count:E.tools.length})}:{ok:!1,text:N(E)}:null,[E,_]),F=e=>{r.displayErrorToast(o.retrieveAxiosErrorMessage(e)||_(n.I18nKey.ERROR$GENERIC))};return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(i.ModalBackdrop,{onClose:M?void 0:g,closeOnEscape:!M,"aria-label":_(A?n.I18nKey.MCP$EDIT_CUSTOM_TITLE:n.I18nKey.MCP$ADD_CUSTOM_TITLE),children:(0,m.jsxs)(`div`,{"data-testid":`mcp-custom-editor`,className:`relative bg-base-secondary p-6 rounded-xl border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[90vh] overflow-y-auto custom-scrollbar`,children:[(0,m.jsx)(a.ModalCloseButton,{onClose:g,testId:`mcp-custom-editor-close`,disabled:M}),(0,m.jsx)(`h2`,{className:`mb-4 pr-6 text-lg font-semibold`,children:_(A?n.I18nKey.MCP$EDIT_CUSTOM_TITLE:n.I18nKey.MCP$ADD_CUSTOM_TITLE)}),(0,m.jsx)(d.MCPServerForm,{mode:A?`edit`:`add`,server:A?e:void 0,existingServers:h,onSubmit:t=>{D(),w(t,{onSuccess:n=>{n.ok&&(A?b({serverId:e.id,server:t},{onSuccess:g,onError:F}):v(t,{onSuccess:g,onError:F}))},onError:F})},onCancel:g,onDelete:A?()=>k(!0):void 0,isActionDisabled:j,onTest:e=>{w(e)},isTestPending:T,testMessage:P})]})}),O?(0,m.jsx)(s.ConfirmationModal,{text:_(n.I18nKey.SETTINGS$MCP_CONFIRM_DELETE),onCancel:()=>k(!1),onConfirm:()=>{S(e,{onSuccess:()=>{r.displaySuccessToast(_(n.I18nKey.MCP$REMOVE_SUCCESS)),k(!1),g()},onError:e=>{F(e),k(!1)}})},isConfirming:C}):null]})}exports.CustomServerEditor=h;
+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(`../../../utils/custom-toast-handlers.cjs`),a=require(`../../shared/modals/modal-backdrop.cjs`),o=require(`../../../utils/modal-classes.cjs`),s=require(`../../shared/modals/modal-close-button.cjs`),c=require(`../../../utils/retrieve-axios-error-message.cjs`),l=require(`../../shared/modals/confirmation-modal.cjs`),u=require(`../../../hooks/mutation/use-delete-mcp-server.cjs`),d=require(`../../../hooks/mutation/use-add-mcp-server.cjs`),f=require(`../../../hooks/mutation/use-test-mcp-server.cjs`),p=require(`../settings/mcp-settings/mcp-server-form.cjs`),m=require(`../../../hooks/mutation/use-update-mcp-server.cjs`);let h=require(`react`);h=e.__toESM(h,1);let g=require(`react/jsx-runtime`);function _({server:e,existingServers:_,onClose:v}){let{t:y}=t.useTranslation(`openhands`),{mutate:b,isPending:x}=d.useAddMcpServer(),{mutate:S,isPending:C}=m.useUpdateMcpServer(),{mutate:w,isPending:T}=u.useDeleteMcpServer(),{mutate:E,isPending:D,data:O,reset:k}=f.useTestMcpServer(),[A,j]=h.default.useState(!1),M=!!e.id,N=x||C||T,P=N||D||A,F=e=>{switch(e.error_kind){case`timeout`:return y(n.I18nKey.MCP$TEST_ERROR_TIMEOUT);case`connection`:return y(n.I18nKey.MCP$TEST_ERROR_CONNECTION);default:return y(n.I18nKey.MCP$TEST_ERROR_UNKNOWN,{error:e.error})}},I=h.default.useMemo(()=>O?O.ok?{ok:!0,text:y(n.I18nKey.MCP$TEST_SUCCESS,{count:O.tools.length})}:{ok:!1,text:F(O)}:null,[O,y]),L=e=>{i.displayErrorToast(c.retrieveAxiosErrorMessage(e)||y(n.I18nKey.ERROR$GENERIC))};return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(a.ModalBackdrop,{onClose:P?void 0:v,closeOnEscape:!P,"aria-label":y(M?n.I18nKey.MCP$EDIT_CUSTOM_TITLE:n.I18nKey.MCP$ADD_CUSTOM_TITLE),children:(0,g.jsxs)(`div`,{"data-testid":`mcp-custom-editor`,className:`relative bg-base-secondary p-6 rounded-xl border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[90vh] overflow-y-auto custom-scrollbar`,children:[(0,g.jsx)(s.ModalCloseButton,{onClose:v,testId:`mcp-custom-editor-close`,disabled:P}),(0,g.jsx)(`h2`,{className:r.cn(`mb-4 pr-6`,o.modalTitleLgClassName),children:y(M?n.I18nKey.MCP$EDIT_CUSTOM_TITLE:n.I18nKey.MCP$ADD_CUSTOM_TITLE)}),(0,g.jsx)(p.MCPServerForm,{mode:M?`edit`:`add`,server:M?e:void 0,existingServers:_,onSubmit:t=>{k(),E(t,{onSuccess:n=>{n.ok&&(M?S({serverId:e.id,server:t},{onSuccess:v,onError:L}):b(t,{onSuccess:v,onError:L}))},onError:L})},onCancel:v,onDelete:M?()=>j(!0):void 0,isActionDisabled:N,onTest:e=>{E(e)},isTestPending:D,testMessage:I})]})}),A?(0,g.jsx)(l.ConfirmationModal,{text:y(n.I18nKey.SETTINGS$MCP_CONFIRM_DELETE),onCancel:()=>j(!1),onConfirm:()=>{w(e,{onSuccess:()=>{i.displaySuccessToast(y(n.I18nKey.MCP$REMOVE_SUCCESS)),j(!1),v()},onError:e=>{L(e),j(!1)}})},isConfirming:T}):null]})}exports.CustomServerEditor=_;
 //# sourceMappingURL=custom-server-editor.cjs.map

package/dist/components/features/mcp-page/custom-server-editor.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"custom-server-editor.cjs","names":[],"sources":["../../../../src/components/features/mcp-page/custom-server-editor.tsx"],"sourcesContent":["import React from \"react\";\nimport { AxiosError } from \"axios\";\nimport { useTranslation } from \"react-i18next\";\nimport type { MCPTestFailure } from \"@openhands/typescript-client\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport {\n MCPServerForm,\n type TestMessage,\n} from \"#/components/features/settings/mcp-settings/mcp-server-form\";\nimport { useAddMcpServer } from \"#/hooks/mutation/use-add-mcp-server\";\nimport { useUpdateMcpServer } from \"#/hooks/mutation/use-update-mcp-server\";\nimport { useDeleteMcpServer } from \"#/hooks/mutation/use-delete-mcp-server\";\nimport { useTestMcpServer } from \"#/hooks/mutation/use-test-mcp-server\";\nimport { MCPServerConfig } from \"#/types/mcp-server\";\nimport {\n displayErrorToast,\n displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\n\ninterface CustomServerEditorProps {\n server: MCPServerConfig;\n existingServers: MCPServerConfig[];\n onClose: () => void;\n}\n\n/*\n Modal wrapper around `MCPServerForm` so users can hand-author\n * arbitrary stdio / SSE / SHTTP entries without reaching for raw JSON.\n * An empty `server.id` means \"Add new\".\n */\nexport function CustomServerEditor({\n server,\n existingServers,\n onClose,\n}: CustomServerEditorProps) {\n const { t } = useTranslation(\"openhands\");\n const { mutate: addMcpServer, isPending: isAdding } = useAddMcpServer();\n const { mutate: updateMcpServer, isPending: isUpdating } =\n useUpdateMcpServer();\n const { mutate: deleteMcpServer, isPending: isDeleting } =\n useDeleteMcpServer();\n const {\n mutate: testServer,\n isPending: isTesting,\n data: testResult,\n reset: resetTest,\n } = useTestMcpServer();\n const [showDeleteConfirm, setShowDeleteConfirm] = React.useState(false);\n\n const isEditing = !!server.id;\n const isPending = isAdding \|\| isUpdating \|\| isDeleting;\n const isDismissBlocked = isPending \|\| isTesting \|\| showDeleteConfirm;\n\n const makeTestErrorMessage = (failure: MCPTestFailure): string => {\n switch (failure.error_kind) {\n case \"timeout\":\n return t(I18nKey.MCP$TEST_ERROR_TIMEOUT);\n case \"connection\":\n return t(I18nKey.MCP$TEST_ERROR_CONNECTION);\n default:\n return t(I18nKey.MCP$TEST_ERROR_UNKNOWN, { error: failure.error });\n }\n };\n\n const testMessage: TestMessage \| null = React.useMemo(() => {\n if (!testResult) return null;\n if (testResult.ok) {\n return {\n ok: true,\n text: t(I18nKey.MCP$TEST_SUCCESS, { count: testResult.tools.length }),\n };\n }\n return { ok: false, text: makeTestErrorMessage(testResult) };\n }, [testResult, t]);\n\n // Shared error handler so both add and update surface backend errors\n // as a toast instead of failing silently — previously these calls\n // had no `onError` and the modal closed even on a 4xx/5xx, leaving\n // the user to discover the failure on the next page load.\n const handleError = (err: unknown) => {\n const message = retrieveAxiosErrorMessage(err as AxiosError);\n displayErrorToast(message \|\| t(I18nKey.ERROR$GENERIC));\n };\n\n const handleSubmit = (payload: MCPServerConfig) => {\n resetTest();\n testServer(payload, {\n onSuccess: (result) => {\n if (!result.ok) {\n // Test failed — modal stays open, error shown via testMessage.\n return;\n }\n if (isEditing) {\n updateMcpServer(\n { serverId: server.id, server: payload },\n { onSuccess: onClose, onError: handleError },\n );\n } else {\n addMcpServer(payload, { onSuccess: onClose, onError: handleError });\n }\n },\n onError: handleError,\n });\n };\n\n const handleTestClick = (payload: MCPServerConfig) => {\n testServer(payload);\n };\n\n const handleConfirmDelete = () => {\n deleteMcpServer(server, {\n onSuccess: () => {\n displaySuccessToast(t(I18nKey.MCP$REMOVE_SUCCESS));\n setShowDeleteConfirm(false);\n onClose();\n },\n onError: (err) => {\n handleError(err);\n setShowDeleteConfirm(false);\n },\n });\n };\n\n return (\n <>\n <ModalBackdrop\n // Block backdrop-click / Escape from dismissing the modal while\n // a mutation is in flight — closing mid-request would orphan\n // the request and leave the user with no error feedback.\n onClose={isDismissBlocked ? undefined : onClose}\n closeOnEscape={!isDismissBlocked}\n aria-label={\n isEditing\n ? t(I18nKey.MCP$EDIT_CUSTOM_TITLE)\n : t(I18nKey.MCP$ADD_CUSTOM_TITLE)\n }\n >\n <div\n data-testid=\"mcp-custom-editor\"\n className=\"relative bg-base-secondary p-6 rounded-xl border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[90vh] overflow-y-auto custom-scrollbar\"\n >\n <ModalCloseButton\n onClose={onClose}\n testId=\"mcp-custom-editor-close\"\n disabled={isDismissBlocked}\n />\n <h2 className=\"mb-4 pr-6 ~~text-lg font-semibold~~\">\n {isEditing\n ? t(I18nKey.MCP$EDIT_CUSTOM_TITLE)\n : t(I18nKey.MCP$ADD_CUSTOM_TITLE)}\n </h2>\n <MCPServerForm\n mode={isEditing ? \"edit\" : \"add\"}\n server={isEditing ? server : undefined}\n existingServers={existingServers}\n onSubmit={handleSubmit}\n onCancel={onClose}\n onDelete={isEditing ? () => setShowDeleteConfirm(true) : undefined}\n isActionDisabled={isPending}\n onTest={handleTestClick}\n isTestPending={isTesting}\n testMessage={testMessage}\n />\n </div>\n </ModalBackdrop>\n\n {showDeleteConfirm ? (\n <ConfirmationModal\n text={t(I18nKey.SETTINGS$MCP_CONFIRM_DELETE)}\n onCancel={() => setShowDeleteConfirm(false)}\n onConfirm={handleConfirmDelete}\n isConfirming={isDeleting}\n />\n ) : null}\n </>\n );\n}\n"],"mappings":"~~q0BAkCA~~,SAAgB,EAAmB,CACjC,SACA,kBACA,WAC0B,CAC1B,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,CAAE,OAAQ,EAAc,UAAW,GAAa,EAAA,iBAAiB,CACjE,CAAE,OAAQ,EAAiB,UAAW,GAC1C,EAAA,oBAAoB,CAChB,CAAE,OAAQ,EAAiB,UAAW,GAC1C,EAAA,oBAAoB,CAChB,CACJ,OAAQ,EACR,UAAW,EACX,KAAM,EACN,MAAO,GACL,EAAA,kBAAkB,CAChB,CAAC,EAAmB,GAAwB,EAAA,QAAM,SAAS,GAAM,CAEjE,EAAY,CAAC,CAAC,EAAO,GACrB,EAAY,GAAY,GAAc,EACtC,EAAmB,GAAa,GAAa,EAE7C,EAAwB,GAAoC,CAChE,OAAQ,EAAQ,WAAhB,CACE,IAAK,UACH,OAAO,EAAE,EAAA,QAAQ,uBAAuB,CAC1C,IAAK,aACH,OAAO,EAAE,EAAA,QAAQ,0BAA0B,CAC7C,QACE,OAAO,EAAE,EAAA,QAAQ,uBAAwB,CAAE,MAAO,EAAQ,MAAO,CAAC,GAIlE,EAAkC,EAAA,QAAM,YACvC,EACD,EAAW,GACN,CACL,GAAI,GACJ,KAAM,EAAE,EAAA,QAAQ,iBAAkB,CAAE,MAAO,EAAW,MAAM,OAAQ,CAAC,CACtE,CAEI,CAAE,GAAI,GAAO,KAAM,EAAqB,EAAW,CAAE,CAPpC,KAQvB,CAAC,EAAY,EAAE,CAAC,CAMb,EAAe,GAAiB,CAEpC,EAAA,kBADgB,EAAA,0BAA0B,EACxB,EAAW,EAAE,EAAA,QAAQ,cAAc,CAAC,EA0CxD,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,cAAD,CAIE,QAAS,EAAmB,IAAA,GAAY,EACxC,cAAe,CAAC,EAChB,aAEM,EADJ,EACM,EAAA,QAAQ,sBACR,EAAA,QAAQ,qBAAqB,WAGrC,EAAA,EAAA,MAAC,MAAD,CACE,cAAY,oBACZ,UAAU,2JAFZ,EAIE,EAAA,EAAA,KAAC,EAAA,iBAAD,CACW,UACT,OAAO,0BACP,SAAU,EACV,CAAA,EACF,EAAA,EAAA,KAAC,KAAD,CAAI,~~UAAU~~,~~2CAER~~,EADH,EACK,EAAA,QAAQ,sBACR,EAAA,QAAQ,qBAAqB,CAChC,CAAA,EACL,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,KAAM,EAAY,OAAS,MAC3B,OAAQ,EAAY,EAAS,IAAA,GACZ,kBACjB,SAvEY,GAA6B,CACjD,GAAW,CACX,EAAW,EAAS,CAClB,UAAY,GAAW,CAChB,EAAO,KAIR,EACF,EACE,CAAE,SAAU,EAAO,GAAI,OAAQ,EAAS,CACxC,CAAE,UAAW,EAAS,QAAS,EAAa,CAC7C,CAED,EAAa,EAAS,CAAE,UAAW,EAAS,QAAS,EAAa,CAAC,GAGvE,QAAS,EACV,CAAC,EAsDM,SAAU,EACV,SAAU,MAAkB,EAAqB,GAAK,CAAG,IAAA,GACzD,iBAAkB,EAClB,OAtDe,GAA6B,CACpD,EAAW,EAAQ,EAsDX,cAAe,EACF,cACb,CAAA,CACE,GACQ,CAAA,CAEf,GACC,EAAA,EAAA,KAAC,EAAA,kBAAD,CACE,KAAM,EAAE,EAAA,QAAQ,4BAA4B,CAC5C,aAAgB,EAAqB,GAAM,CAC3C,cA7D0B,CAChC,EAAgB,EAAQ,CACtB,cAAiB,CACf,EAAA,oBAAoB,EAAE,EAAA,QAAQ,mBAAmB,CAAC,CAClD,EAAqB,GAAM,CAC3B,GAAS,EAEX,QAAU,GAAQ,CAChB,EAAY,EAAI,CAChB,EAAqB,GAAM,EAE9B,CAAC,EAmDI,aAAc,EACd,CAAA,CACA,KACH,CAAA,CAAA"}
1	+ {"version":3,"file":"custom-server-editor.cjs","names":[],"sources":["../../../../src/components/features/mcp-page/custom-server-editor.tsx"],"sourcesContent":["import React from \"react\";\nimport { AxiosError } from \"axios\";\nimport { useTranslation } from \"react-i18next\";\nimport type { MCPTestFailure } from \"@openhands/typescript-client\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport {\n MCPServerForm,\n type TestMessage,\n} from \"#/components/features/settings/mcp-settings/mcp-server-form\";\nimport { useAddMcpServer } from \"#/hooks/mutation/use-add-mcp-server\";\nimport { useUpdateMcpServer } from \"#/hooks/mutation/use-update-mcp-server\";\nimport { useDeleteMcpServer } from \"#/hooks/mutation/use-delete-mcp-server\";\nimport { useTestMcpServer } from \"#/hooks/mutation/use-test-mcp-server\";\nimport { MCPServerConfig } from \"#/types/mcp-server\";\nimport {\n displayErrorToast,\n displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleLgClassName } from \"#/utils/modal-classes\";\n\ninterface CustomServerEditorProps {\n server: MCPServerConfig;\n existingServers: MCPServerConfig[];\n onClose: () => void;\n}\n\n/*\n Modal wrapper around `MCPServerForm` so users can hand-author\n * arbitrary stdio / SSE / SHTTP entries without reaching for raw JSON.\n * An empty `server.id` means \"Add new\".\n */\nexport function CustomServerEditor({\n server,\n existingServers,\n onClose,\n}: CustomServerEditorProps) {\n const { t } = useTranslation(\"openhands\");\n const { mutate: addMcpServer, isPending: isAdding } = useAddMcpServer();\n const { mutate: updateMcpServer, isPending: isUpdating } =\n useUpdateMcpServer();\n const { mutate: deleteMcpServer, isPending: isDeleting } =\n useDeleteMcpServer();\n const {\n mutate: testServer,\n isPending: isTesting,\n data: testResult,\n reset: resetTest,\n } = useTestMcpServer();\n const [showDeleteConfirm, setShowDeleteConfirm] = React.useState(false);\n\n const isEditing = !!server.id;\n const isPending = isAdding \|\| isUpdating \|\| isDeleting;\n const isDismissBlocked = isPending \|\| isTesting \|\| showDeleteConfirm;\n\n const makeTestErrorMessage = (failure: MCPTestFailure): string => {\n switch (failure.error_kind) {\n case \"timeout\":\n return t(I18nKey.MCP$TEST_ERROR_TIMEOUT);\n case \"connection\":\n return t(I18nKey.MCP$TEST_ERROR_CONNECTION);\n default:\n return t(I18nKey.MCP$TEST_ERROR_UNKNOWN, { error: failure.error });\n }\n };\n\n const testMessage: TestMessage \| null = React.useMemo(() => {\n if (!testResult) return null;\n if (testResult.ok) {\n return {\n ok: true,\n text: t(I18nKey.MCP$TEST_SUCCESS, { count: testResult.tools.length }),\n };\n }\n return { ok: false, text: makeTestErrorMessage(testResult) };\n }, [testResult, t]);\n\n // Shared error handler so both add and update surface backend errors\n // as a toast instead of failing silently — previously these calls\n // had no `onError` and the modal closed even on a 4xx/5xx, leaving\n // the user to discover the failure on the next page load.\n const handleError = (err: unknown) => {\n const message = retrieveAxiosErrorMessage(err as AxiosError);\n displayErrorToast(message \|\| t(I18nKey.ERROR$GENERIC));\n };\n\n const handleSubmit = (payload: MCPServerConfig) => {\n resetTest();\n testServer(payload, {\n onSuccess: (result) => {\n if (!result.ok) {\n // Test failed — modal stays open, error shown via testMessage.\n return;\n }\n if (isEditing) {\n updateMcpServer(\n { serverId: server.id, server: payload },\n { onSuccess: onClose, onError: handleError },\n );\n } else {\n addMcpServer(payload, { onSuccess: onClose, onError: handleError });\n }\n },\n onError: handleError,\n });\n };\n\n const handleTestClick = (payload: MCPServerConfig) => {\n testServer(payload);\n };\n\n const handleConfirmDelete = () => {\n deleteMcpServer(server, {\n onSuccess: () => {\n displaySuccessToast(t(I18nKey.MCP$REMOVE_SUCCESS));\n setShowDeleteConfirm(false);\n onClose();\n },\n onError: (err) => {\n handleError(err);\n setShowDeleteConfirm(false);\n },\n });\n };\n\n return (\n <>\n <ModalBackdrop\n // Block backdrop-click / Escape from dismissing the modal while\n // a mutation is in flight — closing mid-request would orphan\n // the request and leave the user with no error feedback.\n onClose={isDismissBlocked ? undefined : onClose}\n closeOnEscape={!isDismissBlocked}\n aria-label={\n isEditing\n ? t(I18nKey.MCP$EDIT_CUSTOM_TITLE)\n : t(I18nKey.MCP$ADD_CUSTOM_TITLE)\n }\n >\n <div\n data-testid=\"mcp-custom-editor\"\n className=\"relative bg-base-secondary p-6 rounded-xl border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[90vh] overflow-y-auto custom-scrollbar\"\n >\n <ModalCloseButton\n onClose={onClose}\n testId=\"mcp-custom-editor-close\"\n disabled={isDismissBlocked}\n />\n <h2 className={cn(\"mb-4 pr-6\", modalTitleLgClassName)}>\n {isEditing\n ? t(I18nKey.MCP$EDIT_CUSTOM_TITLE)\n : t(I18nKey.MCP$ADD_CUSTOM_TITLE)}\n </h2>\n <MCPServerForm\n mode={isEditing ? \"edit\" : \"add\"}\n server={isEditing ? server : undefined}\n existingServers={existingServers}\n onSubmit={handleSubmit}\n onCancel={onClose}\n onDelete={isEditing ? () => setShowDeleteConfirm(true) : undefined}\n isActionDisabled={isPending}\n onTest={handleTestClick}\n isTestPending={isTesting}\n testMessage={testMessage}\n />\n </div>\n </ModalBackdrop>\n\n {showDeleteConfirm ? (\n <ConfirmationModal\n text={t(I18nKey.SETTINGS$MCP_CONFIRM_DELETE)}\n onCancel={() => setShowDeleteConfirm(false)}\n onConfirm={handleConfirmDelete}\n isConfirming={isDeleting}\n />\n ) : null}\n </>\n );\n}\n"],"mappings":"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"}