npm - @openhands/agent-canvas - Versions diffs - 1.0.0-rc.9 → 1.0.0 - Mend

@openhands/agent-canvas 1.0.0-rc.9 → 1.0.0

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

Files changed (595) hide show

package/dist/components/features/backends/manage-backends-modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"manage-backends-modal.js","names":[],"sources":["../../../../src/components/features/backends/manage-backends-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { Pencil, Plus, Trash2 } from \"lucide-react\";\n\nimport { ServerClient } from \"@openhands/typescript-client/clients\";\nimport { type Backend } from \"#/api/backend-registry/types\";\nimport { getAgentServerClientOptions } from \"#/api/agent-server-client-options\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-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 { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport {\n isInvalidBackendApiKeyHealthError,\n useBackendsHealth,\n type BackendHealth,\n} from \"#/hooks/query/use-backends-health\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleLgClassName } from \"#/utils/modal-classes\";\nimport { BackendFormModal } from \"./backend-form-modal\";\nimport { BackendStatusDot } from \"./backend-status-dot\";\n\nconst ROW_ACTION_BUTTON_CLASS =\n \"inline-flex cursor-pointer items-center justify-center rounded-md p-1 text-muted transition-colors hover:bg-interactive-hover hover:text-white\";\n\nfunction BackendVersion({ backend }: { backend: Backend }) {\n const { t } = useTranslation(\"openhands\");\n const { data: version } = useQuery({\n queryKey: [\"backend-version\", backend.host, backend.apiKey],\n queryFn: async () => {\n const info = await new ServerClient(\n getAgentServerClientOptions({\n host: backend.host,\n sessionApiKey: backend.apiKey \|\| null,\n timeout: 5000,\n }),\n ).getServerInfo();\n return info.version ?? null;\n },\n retry: false,\n staleTime: 60_000,\n enabled: backend.kind === \"local\",\n });\n\n if (!version) return null;\n\n return (\n <span\n className=\"inline-flex shrink-0 items-center rounded-full border border-[var(--oh-border)] bg-[var(--oh-surface)] px-1.5 py-0.5 text-[10px] font-medium leading-none text-[var(--oh-text-dim)]\"\n data-testid={`manage-backends-version-${backend.name}`}\n >\n {t(I18nKey.BACKEND$VERSION_LABEL, { version })}\n </span>\n );\n}\n\ninterface ManageBackendsModalProps {\n onClose: () => void;\n /*\n Recovery mode is used by the root unavailable-backend gate. There is no\n * app shell behind the modal, so dismiss controls would be misleading.\n */\n recoveryMode?: boolean;\n}\n\ninterface PendingRemoval {\n id: string;\n name: string;\n}\n\ninterface BackendRowProps {\n backend: Backend;\n health: BackendHealth \| undefined;\n onSelect: () => void;\n onEdit: () => void;\n onRemove: () => void;\n}\n\nfunction BackendRow({\n backend,\n health,\n onSelect,\n onEdit,\n onRemove,\n}: BackendRowProps) {\n const { t } = useTranslation(\"openhands\");\n const isInvalidApiKey = isInvalidBackendApiKeyHealthError(health?.lastError);\n let statusLabel: string;\n let statusClassName = \"text-[var(--oh-muted)]\";\n\n if (isInvalidApiKey) {\n statusLabel = t(I18nKey.AUTH$INVALID_KEY);\n statusClassName = \"text-red-300\";\n } else if (health?.isConnected === true) {\n statusLabel = t(I18nKey.ONBOARDING$BACKEND_STATUS_CONNECTED);\n statusClassName = \"text-green-300\";\n } else if (health?.isConnected === false) {\n statusLabel = t(I18nKey.ONBOARDING$BACKEND_STATUS_DISCONNECTED);\n statusClassName = \"text-red-300\";\n } else {\n statusLabel = t(I18nKey.ONBOARDING$BACKEND_STATUS_CHECKING);\n }\n const dotStatus = isInvalidApiKey ? false : (health?.isConnected ?? null);\n const canSelect = health?.isConnected === true && !isInvalidApiKey;\n\n return (\n <li\n className=\"flex items-stretch\"\n data-testid={`manage-backends-row-${backend.name}`}\n >\n <button\n type=\"button\"\n disabled={!canSelect}\n onClick={onSelect}\n className={cn(\n \"flex min-w-0 flex-1 items-center gap-3 px-3 py-3 text-left\",\n canSelect\n ? \"cursor-pointer transition-colors hover:bg-interactive-hover focus-visible:bg-interactive-hover focus-visible:outline-none\"\n : \"cursor-default\",\n )}\n >\n <BackendStatusDot isConnected={dotStatus} />\n <div className=\"flex min-w-0 flex-1 flex-col\">\n <div className=\"flex min-w-0 items-center gap-2\">\n <span className=\"truncate text-sm text-white\">{backend.name}</span>\n <BackendVersion backend={backend} />\n </div>\n <span className=\"truncate text-xs text-[var(--oh-muted)]\">\n {backend.host}\n </span>\n <span\n data-testid={`manage-backends-status-${backend.name}`}\n className={cn(\"truncate text-xs\", statusClassName)}\n >\n {statusLabel}\n </span>\n </div>\n <span className=\"px-2 py-1 rounded-full text-[11px] uppercase tracking-wide text-[var(--oh-text-tertiary)] bg-[var(--oh-surface)] border border-[var(--oh-border)]\">\n {backend.kind === \"cloud\"\n ? t(I18nKey.BACKEND$KIND_CLOUD)\n : t(I18nKey.BACKEND$KIND_LOCAL)}\n </span>\n </button>\n <div className=\"flex shrink-0 items-center gap-0.5 px-3 py-3\">\n <button\n type=\"button\"\n onClick={onEdit}\n aria-label={t(I18nKey.BACKEND$EDIT)}\n data-testid={`manage-backends-edit-${backend.name}`}\n className={ROW_ACTION_BUTTON_CLASS}\n >\n <Pencil aria-hidden className=\"size-4\" strokeWidth={2} />\n </button>\n <button\n type=\"button\"\n onClick={onRemove}\n aria-label={t(I18nKey.BACKEND$REMOVE)}\n data-testid={`manage-backends-remove-${backend.name}`}\n className={ROW_ACTION_BUTTON_CLASS}\n >\n <Trash2 aria-hidden className=\"size-4\" strokeWidth={2} />\n </button>\n </div>\n </li>\n );\n}\n\nexport function ManageBackendsModal({\n onClose,\n recoveryMode = false,\n}: ManageBackendsModalProps) {\n const { t } = useTranslation(\"openhands\");\n const { backends, active, removeBackend, setActive } =\n useActiveBackendContext();\n const healthByBackendId = useBackendsHealth(backends, {\n probeDisabledOnce: true,\n });\n const [pendingRemoval, setPendingRemoval] =\n React.useState<PendingRemoval \| null>(null);\n const [editingBackend, setEditingBackend] = React.useState<Backend \| null>(\n null,\n );\n const [showAddForm, setShowAddForm] = React.useState(false);\n\n const handleConfirmRemoval = () => {\n if (!pendingRemoval) return;\n removeBackend(pendingRemoval.id);\n setPendingRemoval(null);\n };\n\n const handleSelectBackend = React.useCallback(\n (backend: Backend) => {\n if (active.backend.id !== backend.id \|\| active.orgId !== null) {\n setActive(backend.id);\n }\n onClose();\n },\n [active.backend.id, active.orgId, onClose, setActive],\n );\n\n return (\n <>\n <ModalBackdrop\n onClose={recoveryMode ? undefined : onClose}\n closeOnEscape={!recoveryMode}\n closeOnBackdropClick={!recoveryMode}\n aria-label={t(I18nKey.BACKEND$MANAGE_TITLE)}\n >\n <div\n data-testid=\"manage-backends-modal\"\n className={cn(\n \"relative flex flex-col bg-[var(--oh-surface)] border border-[var(--oh-border)] rounded-xl\",\n modalWidthClassName(\"lg\"),\n MODAL_MAX_WIDTH_VIEWPORT,\n \"max-h-[70vh]\",\n )}\n >\n {recoveryMode ? null : (\n <ModalCloseButton\n onClose={onClose}\n testId=\"close-manage-backends-modal\"\n />\n )}\n <div className={cn(\"p-5\", !recoveryMode && \"pr-12\")}>\n <h2 className={modalTitleLgClassName}>\n {t(I18nKey.BACKEND$MANAGE_TITLE)}\n </h2>\n </div>\n\n <div className=\"flex min-h-0 flex-1 flex-col px-5\">\n <div\n className=\"flex-1 overflow-auto rounded-md border border-[var(--oh-border)] bg-surface-raised custom-scrollbar-always\"\n data-testid=\"manage-backends-list\"\n >\n {backends.length === 0 ? (\n <p className=\"px-3 py-6 text-center text-sm text-[var(--oh-text-secondary)]\">\n {t(I18nKey.BACKEND$MANAGE_EMPTY)}\n </p>\n ) : (\n <ul className=\"divide-y divide-[var(--oh-border)]\">\n {backends.map((backend) => (\n <BackendRow\n key={backend.id}\n backend={backend}\n health={healthByBackendId[backend.id]}\n onSelect={() => handleSelectBackend(backend)}\n onEdit={() => setEditingBackend(backend)}\n onRemove={() =>\n setPendingRemoval({\n id: backend.id,\n name: backend.name,\n })\n }\n />\n ))}\n </ul>\n )}\n </div>\n </div>\n\n <div className=\"flex justify-end gap-2 p-5\">\n <BrandButton\n type=\"button\"\n variant={recoveryMode ? \"primary\" : \"secondary\"}\n onClick={() => setShowAddForm(true)}\n testId=\"manage-backends-add\"\n startContent={<Plus width={14} height={14} />}\n >\n {t(I18nKey.BACKEND$ADD)}\n </BrandButton>\n {recoveryMode ? null : (\n <BrandButton\n type=\"button\"\n variant=\"primary\"\n onClick={onClose}\n testId=\"manage-backends-done\"\n >\n {t(I18nKey.HOME$DONE)}\n </BrandButton>\n )}\n </div>\n </div>\n </ModalBackdrop>\n\n {showAddForm ? (\n <BackendFormModal mode=\"add\" onClose={() => setShowAddForm(false)} />\n ) : null}\n\n {editingBackend ? (\n <BackendFormModal\n mode=\"edit\"\n backend={editingBackend}\n onClose={() => setEditingBackend(null)}\n />\n ) : null}\n\n {pendingRemoval ? (\n <ConfirmationModal\n text={t(I18nKey.BACKEND$REMOVE_CONFIRMATION, {\n name: pendingRemoval.name,\n })}\n onConfirm={handleConfirmRemoval}\n onCancel={() => setPendingRemoval(null)}\n />\n ) : null}\n </>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"manage-backends-modal.js","names":[],"sources":["../../../../src/components/features/backends/manage-backends-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { Pencil, Plus, Trash2 } from \"lucide-react\";\n\nimport { ServerClient } from \"@openhands/typescript-client/clients\";\nimport { type Backend } from \"#/api/backend-registry/types\";\nimport { getAgentServerClientOptions } from \"#/api/agent-server-client-options\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-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 { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport {\n isInvalidBackendApiKeyHealthError,\n useBackendsHealth,\n type BackendHealth,\n} from \"#/hooks/query/use-backends-health\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleLgClassName } from \"#/utils/modal-classes\";\nimport { BackendFormModal } from \"./backend-form-modal\";\nimport { BackendStatusDot } from \"./backend-status-dot\";\n\nconst ROW_ACTION_BUTTON_CLASS =\n \"inline-flex cursor-pointer items-center justify-center rounded-md p-1 text-muted transition-colors hover:bg-interactive-hover hover:text-white\";\n\nfunction BackendVersion({ backend }: { backend: Backend }) {\n const { t } = useTranslation(\"openhands\");\n const { data: version } = useQuery({\n queryKey: [\"backend-version\", backend.host, backend.apiKey],\n queryFn: async () => {\n const info = await new ServerClient(\n getAgentServerClientOptions({\n host: backend.host,\n sessionApiKey: backend.apiKey \|\| null,\n timeout: 5000,\n }),\n ).getServerInfo();\n return info.version ?? null;\n },\n retry: false,\n staleTime: 60_000,\n enabled: backend.kind === \"local\",\n });\n\n if (!version) return null;\n\n return (\n <span\n className=\"inline-flex shrink-0 items-center rounded-full border border-[var(--oh-border)] bg-[var(--oh-surface)] px-1.5 py-0.5 text-[10px] font-medium leading-none text-[var(--oh-text-dim)]\"\n data-testid={`manage-backends-version-${backend.name}`}\n >\n {t(I18nKey.BACKEND$VERSION_LABEL, { version })}\n </span>\n );\n}\n\ninterface ManageBackendsModalProps {\n onClose: () => void;\n /*\n Recovery mode is used by the root unavailable-backend gate. There is no\n * app shell behind the modal, so dismiss controls would be misleading.\n */\n recoveryMode?: boolean;\n}\n\ninterface PendingRemoval {\n id: string;\n name: string;\n}\n\ninterface BackendRowProps {\n backend: Backend;\n health: BackendHealth \| undefined;\n onSelect: () => void;\n onEdit: () => void;\n onRemove: () => void;\n}\n\nfunction BackendRow({\n backend,\n health,\n onSelect,\n onEdit,\n onRemove,\n}: BackendRowProps) {\n const { t } = useTranslation(\"openhands\");\n const isInvalidApiKey = isInvalidBackendApiKeyHealthError(health?.lastError);\n const statusDetail =\n !isInvalidApiKey && health?.isConnected === false && health.lastError\n ? health.lastError\n : null;\n let statusLabel: string;\n let statusClassName = \"text-[var(--oh-muted)]\";\n\n if (isInvalidApiKey) {\n statusLabel = t(I18nKey.AUTH$INVALID_KEY);\n statusClassName = \"text-red-300\";\n } else if (health?.isConnected === true) {\n statusLabel = t(I18nKey.ONBOARDING$BACKEND_STATUS_CONNECTED);\n statusClassName = \"text-green-300\";\n } else if (health?.isConnected === false) {\n statusLabel = t(I18nKey.ONBOARDING$BACKEND_STATUS_DISCONNECTED);\n statusClassName = \"text-red-300\";\n } else {\n statusLabel = t(I18nKey.ONBOARDING$BACKEND_STATUS_CHECKING);\n }\n const dotStatus = isInvalidApiKey ? false : (health?.isConnected ?? null);\n const canSelect = health?.isConnected === true && !isInvalidApiKey;\n\n return (\n <li\n className=\"flex items-stretch\"\n data-testid={`manage-backends-row-${backend.name}`}\n >\n <button\n type=\"button\"\n disabled={!canSelect}\n onClick={onSelect}\n className={cn(\n \"flex min-w-0 flex-1 items-center gap-3 px-3 py-3 text-left\",\n canSelect\n ? \"cursor-pointer transition-colors hover:bg-interactive-hover focus-visible:bg-interactive-hover focus-visible:outline-none\"\n : \"cursor-default\",\n )}\n >\n <BackendStatusDot isConnected={dotStatus} />\n <div className=\"flex min-w-0 flex-1 flex-col\">\n <div className=\"flex min-w-0 items-center gap-2\">\n <span className=\"truncate text-sm text-white\">{backend.name}</span>\n <BackendVersion backend={backend} />\n </div>\n <span className=\"truncate text-xs text-[var(--oh-muted)]\">\n {backend.host}\n </span>\n <span\n data-testid={`manage-backends-status-${backend.name}`}\n className={cn(\"truncate text-xs\", statusClassName)}\n >\n {statusLabel}\n </span>\n {statusDetail ? (\n <span\n data-testid={`manage-backends-status-detail-${backend.name}`}\n title={statusDetail}\n className=\"text-xs text-red-300/80 whitespace-normal break-words\"\n >\n {statusDetail}\n </span>\n ) : null}\n </div>\n <span className=\"px-2 py-1 rounded-full text-[11px] uppercase tracking-wide text-[var(--oh-text-tertiary)] bg-[var(--oh-surface)] border border-[var(--oh-border)]\">\n {backend.kind === \"cloud\"\n ? t(I18nKey.BACKEND$KIND_CLOUD)\n : t(I18nKey.BACKEND$KIND_LOCAL)}\n </span>\n </button>\n <div className=\"flex shrink-0 items-center gap-0.5 px-3 py-3\">\n <button\n type=\"button\"\n onClick={onEdit}\n aria-label={t(I18nKey.BACKEND$EDIT)}\n data-testid={`manage-backends-edit-${backend.name}`}\n className={ROW_ACTION_BUTTON_CLASS}\n >\n <Pencil aria-hidden className=\"size-4\" strokeWidth={2} />\n </button>\n <button\n type=\"button\"\n onClick={onRemove}\n aria-label={t(I18nKey.BACKEND$REMOVE)}\n data-testid={`manage-backends-remove-${backend.name}`}\n className={ROW_ACTION_BUTTON_CLASS}\n >\n <Trash2 aria-hidden className=\"size-4\" strokeWidth={2} />\n </button>\n </div>\n </li>\n );\n}\n\nexport function ManageBackendsModal({\n onClose,\n recoveryMode = false,\n}: ManageBackendsModalProps) {\n const { t } = useTranslation(\"openhands\");\n const { backends, active, removeBackend, setActive } =\n useActiveBackendContext();\n const healthByBackendId = useBackendsHealth(backends, {\n probeDisabledOnce: true,\n });\n const [pendingRemoval, setPendingRemoval] =\n React.useState<PendingRemoval \| null>(null);\n const [editingBackend, setEditingBackend] = React.useState<Backend \| null>(\n null,\n );\n const [showAddForm, setShowAddForm] = React.useState(false);\n\n const handleConfirmRemoval = () => {\n if (!pendingRemoval) return;\n removeBackend(pendingRemoval.id);\n setPendingRemoval(null);\n };\n\n const handleSelectBackend = React.useCallback(\n (backend: Backend) => {\n if (active.backend.id !== backend.id \|\| active.orgId !== null) {\n setActive(backend.id);\n }\n onClose();\n },\n [active.backend.id, active.orgId, onClose, setActive],\n );\n\n return (\n <>\n <ModalBackdrop\n onClose={recoveryMode ? undefined : onClose}\n closeOnEscape={!recoveryMode}\n closeOnBackdropClick={!recoveryMode}\n aria-label={t(I18nKey.BACKEND$MANAGE_TITLE)}\n >\n <div\n data-testid=\"manage-backends-modal\"\n className={cn(\n \"relative flex flex-col bg-[var(--oh-surface)] border border-[var(--oh-border)] rounded-xl\",\n modalWidthClassName(\"lg\"),\n MODAL_MAX_WIDTH_VIEWPORT,\n \"max-h-[70vh]\",\n )}\n >\n {recoveryMode ? null : (\n <ModalCloseButton\n onClose={onClose}\n testId=\"close-manage-backends-modal\"\n />\n )}\n <div className={cn(\"p-5\", !recoveryMode && \"pr-12\")}>\n <h2 className={modalTitleLgClassName}>\n {t(I18nKey.BACKEND$MANAGE_TITLE)}\n </h2>\n </div>\n\n <div className=\"flex min-h-0 flex-1 flex-col px-5\">\n <div\n className=\"flex-1 overflow-auto rounded-md border border-[var(--oh-border)] bg-surface-raised custom-scrollbar-always\"\n data-testid=\"manage-backends-list\"\n >\n {backends.length === 0 ? (\n <p className=\"px-3 py-6 text-center text-sm text-[var(--oh-text-secondary)]\">\n {t(I18nKey.BACKEND$MANAGE_EMPTY)}\n </p>\n ) : (\n <ul className=\"divide-y divide-[var(--oh-border)]\">\n {backends.map((backend) => (\n <BackendRow\n key={backend.id}\n backend={backend}\n health={healthByBackendId[backend.id]}\n onSelect={() => handleSelectBackend(backend)}\n onEdit={() => setEditingBackend(backend)}\n onRemove={() =>\n setPendingRemoval({\n id: backend.id,\n name: backend.name,\n })\n }\n />\n ))}\n </ul>\n )}\n </div>\n </div>\n\n <div className=\"flex justify-end gap-2 p-5\">\n <BrandButton\n type=\"button\"\n variant={recoveryMode ? \"primary\" : \"secondary\"}\n onClick={() => setShowAddForm(true)}\n testId=\"manage-backends-add\"\n startContent={<Plus width={14} height={14} />}\n >\n {t(I18nKey.BACKEND$ADD)}\n </BrandButton>\n {recoveryMode ? null : (\n <BrandButton\n type=\"button\"\n variant=\"primary\"\n onClick={onClose}\n testId=\"manage-backends-done\"\n >\n {t(I18nKey.HOME$DONE)}\n </BrandButton>\n )}\n </div>\n </div>\n </ModalBackdrop>\n\n {showAddForm ? (\n <BackendFormModal mode=\"add\" onClose={() => setShowAddForm(false)} />\n ) : null}\n\n {editingBackend ? (\n <BackendFormModal\n mode=\"edit\"\n backend={editingBackend}\n onClose={() => setEditingBackend(null)}\n />\n ) : null}\n\n {pendingRemoval ? (\n <ConfirmationModal\n text={t(I18nKey.BACKEND$REMOVE_CONFIRMATION, {\n name: pendingRemoval.name,\n })}\n onConfirm={handleConfirmRemoval}\n onCancel={() => setPendingRemoval(null)}\n />\n ) : null}\n </>\n );\n}\n"],"mappings":"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"}

package/dist/components/features/chat/path-component.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/event-logger.cjs`);let t=require(`react/jsx-runtime`);var n=e=>{let t=document.createElement(`textarea`);return t.innerHTML=e,t.value},r=e=>e?e.endsWith(`/`)||e.endsWith(`\\`)?!0:!(e.split(/[/\\]/).pop()||``).includes(`.`):!1,i=e=>{if(!e)return``;let t=e.split(/[/\\]/),n=t[t.length-1];return r(e)&&!n.endsWith(`/`)?`${n}/`:n};function a(r){let{children:a}=r,o=r=>{try{let e=n(r);return(0,t.jsx)(`span`,{className:`font-mono`,title:e,children:i(e)})}catch(n){return e.default.error(String(n)),(0,t.jsx)(`span`,{className:`font-mono`,children:r})}};return Array.isArray(a)?(0,t.jsx)(`strong`,{className:`font-mono`,children:a.map(e=>typeof e==`string`?o(e):e)}):typeof a==`string`?(0,t.jsx)(`strong`,{children:o(a)}):(0,t.jsx)(`strong`,{className:`font-mono`,children:a})}exports.PathComponent=a;
+require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/event-logger.cjs`);let t=require(`react/jsx-runtime`);var n=e=>{let t=document.createElement(`textarea`);return t.innerHTML=e,t.value},r=e=>e?e.endsWith(`/`)||e.endsWith(`\\`)?!0:!(e.split(/[/\\]/).pop()||``).includes(`.`):!1,i=e=>{if(!e)return``;let t=e.split(/[/\\]/),n=t[t.length-1];return r(e)&&!n.endsWith(`/`)?`${n}/`:n};function a(r){let{children:a}=r,o=r=>{try{let e=n(r);return(0,t.jsx)(`span`,{className:`font-mono`,title:e,children:i(e)})}catch(n){return e.default.error(String(n)),(0,t.jsx)(`span`,{className:`font-mono`,children:r})}};return Array.isArray(a)?(0,t.jsx)(`strong`,{className:`font-mono`,children:a.map((e,n)=>typeof e==`string`?(0,t.jsx)(`span`,{children:o(e)},`${e}-${n}`):e)}):typeof a==`string`?(0,t.jsx)(`strong`,{children:o(a)}):(0,t.jsx)(`strong`,{className:`font-mono`,children:a})}exports.PathComponent=a;
 //# sourceMappingURL=path-component.cjs.map

package/dist/components/features/chat/path-component.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"path-component.cjs","names":[],"sources":["../../../../src/components/features/chat/path-component.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport EventLogger from \"#/utils/event-logger\";\n\n/*\n Decodes HTML entities in a string\n * @param text The text to decode\n * @returns The decoded text\n /\nconst decodeHtmlEntities = (text: string): string => {\n const textarea = document.createElement(\"textarea\");\n textarea.innerHTML = text;\n return textarea.value;\n};\n\n/\n Checks if a path is likely a directory\n * @param path The full path\n * @returns True if the path is likely a directory\n /\nconst isLikelyDirectory = (path: string): boolean => {\n if (!path) return false;\n // Check if path already ends with a slash\n if (path.endsWith(\"/\") \|\| path.endsWith(\"\\\\\")) return true;\n // Check if path has no extension (simple heuristic)\n const lastPart = path.split(/[/\\\\]/).pop() \|\| \"\";\n // If the last part has no dots, it's likely a directory\n return !lastPart.includes(\".\");\n};\n\n/\n Extracts the filename from a path\n * @param path The full path\n * @returns The filename (last part of the path)\n /\nconst extractFilename = (path: string): string => {\n if (!path) return \"\";\n // Handle both Unix and Windows paths\n const parts = path.split(/[/\\\\]/);\n const filename = parts[parts.length - 1];\n\n // Add trailing slash for directories\n if (isLikelyDirectory(path) && !filename.endsWith(\"/\")) {\n return `${filename}/`;\n }\n\n return filename;\n};\n\n/\n Component that displays only the filename in the text but shows the full path on hover\n * Similar to MonoComponent but with path-specific functionality\n */\nfunction PathComponent(props: { children?: ReactNode }) {\n const { children } = props;\n\n const processPath = (path: string) => {\n try {\n // First decode any HTML entities in the path\n const decodedPath = decodeHtmlEntities(path);\n // Extract the filename from the decoded path\n const filename = extractFilename(decodedPath);\n return (\n <span className=\"font-mono\" title={decodedPath}>\n {filename}\n </span>\n );\n } catch (e) {\n // Just log the error without any message to avoid localization issues\n EventLogger.error(String(e));\n return <span className=\"font-mono\">{path}</span>;\n }\n };\n\n if (Array.isArray(children)) {\n const processedChildren = children.map((child) =>\n typeof child === \"string\" ? processPath(child) : child,\n );\n\n return <strong className=\"font-mono\">{processedChildren}</strong>;\n }\n\n if (typeof children === \"string\") {\n return <strong>{processPath(children)}</strong>;\n }\n\n return <strong className=\"font-mono\">{children}</strong>;\n}\n\nexport { PathComponent, isLikelyDirectory };\n"],"mappings":"yIAQA,IAAM,EAAsB,GAAyB,CACnD,IAAM,EAAW,SAAS,cAAc,WAAW,CAEnD,MADA,GAAS,UAAY,EACd,EAAS,OAQZ,EAAqB,GACpB,EAED,EAAK,SAAS,IAAI,EAAI,EAAK,SAAS,KAAK,CAAS,GAI/C,EAFU,EAAK,MAAM,QAAQ,CAAC,KAAK,EAAI,IAE7B,SAAS,IAAI,CANZ,GAcd,EAAmB,GAAyB,CAChD,GAAI,CAAC,EAAM,MAAO,GAElB,IAAM,EAAQ,EAAK,MAAM,QAAQ,CAC3B,EAAW,EAAM,EAAM,OAAS,GAOtC,OAJI,EAAkB,EAAK,EAAI,CAAC,EAAS,SAAS,IAAI,CAC7C,GAAG,EAAS,GAGd,GAOT,SAAS,EAAc,EAAiC,CACtD,GAAM,CAAE,YAAa,EAEf,EAAe,GAAiB,CACpC,GAAI,CAEF,IAAM,EAAc,EAAmB,EAAK,CAG5C,OACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,YAAY,MAAO,WAFpB,EAAgB,EAG5B,CACI,CAAA,OAEF,EAAG,CAGV,OADA,EAAA,QAAY,MAAM,OAAO,EAAE,CAAC,EACrB,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qBAAa,EAAY,CAAA,~~GAgBpD~~,~~OAZI~~,MAAM,QAAQ,EAAS,~~EAKlB~~,EAAA,EAAA,KAAC,SAAD,CAAQ,UAAU,~~qBAJC~~,EAAS,~~IAAK~~,~~GACtC~~,OAAO,GAAU,~~SAAW~~,EAAY,EAAM,~~CAAG~~,~~EAGb~~,CAA2B,CAAA,CAG/D,OAAO,GAAa,UACf,EAAA,EAAA,KAAC,SAAD,CAAA,SAAS,EAAY,EAAS,CAAU,CAAA,EAG1C,EAAA,EAAA,KAAC,SAAD,CAAQ,UAAU,YAAa,WAAkB,CAAA"}
1	+ {"version":3,"file":"path-component.cjs","names":[],"sources":["../../../../src/components/features/chat/path-component.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport EventLogger from \"#/utils/event-logger\";\n\n/*\n Decodes HTML entities in a string\n * @param text The text to decode\n * @returns The decoded text\n /\nconst decodeHtmlEntities = (text: string): string => {\n const textarea = document.createElement(\"textarea\");\n textarea.innerHTML = text;\n return textarea.value;\n};\n\n/\n Checks if a path is likely a directory\n * @param path The full path\n * @returns True if the path is likely a directory\n /\nconst isLikelyDirectory = (path: string): boolean => {\n if (!path) return false;\n // Check if path already ends with a slash\n if (path.endsWith(\"/\") \|\| path.endsWith(\"\\\\\")) return true;\n // Check if path has no extension (simple heuristic)\n const lastPart = path.split(/[/\\\\]/).pop() \|\| \"\";\n // If the last part has no dots, it's likely a directory\n return !lastPart.includes(\".\");\n};\n\n/\n Extracts the filename from a path\n * @param path The full path\n * @returns The filename (last part of the path)\n /\nconst extractFilename = (path: string): string => {\n if (!path) return \"\";\n // Handle both Unix and Windows paths\n const parts = path.split(/[/\\\\]/);\n const filename = parts[parts.length - 1];\n\n // Add trailing slash for directories\n if (isLikelyDirectory(path) && !filename.endsWith(\"/\")) {\n return `${filename}/`;\n }\n\n return filename;\n};\n\n/\n Component that displays only the filename in the text but shows the full path on hover\n * Similar to MonoComponent but with path-specific functionality\n */\nfunction PathComponent(props: { children?: ReactNode }) {\n const { children } = props;\n\n const processPath = (path: string) => {\n try {\n // First decode any HTML entities in the path\n const decodedPath = decodeHtmlEntities(path);\n // Extract the filename from the decoded path\n const filename = extractFilename(decodedPath);\n return (\n <span className=\"font-mono\" title={decodedPath}>\n {filename}\n </span>\n );\n } catch (e) {\n // Just log the error without any message to avoid localization issues\n EventLogger.error(String(e));\n return <span className=\"font-mono\">{path}</span>;\n }\n };\n\n if (Array.isArray(children)) {\n const processedChildren = children.map((child, index) =>\n typeof child === \"string\" ? (\n <span key={`${child}-${index}`}>{processPath(child)}</span>\n ) : (\n child\n ),\n );\n\n return <strong className=\"font-mono\">{processedChildren}</strong>;\n }\n\n if (typeof children === \"string\") {\n return <strong>{processPath(children)}</strong>;\n }\n\n return <strong className=\"font-mono\">{children}</strong>;\n}\n\nexport { PathComponent, isLikelyDirectory };\n"],"mappings":"yIAQA,IAAM,EAAsB,GAAyB,CACnD,IAAM,EAAW,SAAS,cAAc,WAAW,CAEnD,MADA,GAAS,UAAY,EACd,EAAS,OAQZ,EAAqB,GACpB,EAED,EAAK,SAAS,IAAI,EAAI,EAAK,SAAS,KAAK,CAAS,GAI/C,EAFU,EAAK,MAAM,QAAQ,CAAC,KAAK,EAAI,IAE7B,SAAS,IAAI,CANZ,GAcd,EAAmB,GAAyB,CAChD,GAAI,CAAC,EAAM,MAAO,GAElB,IAAM,EAAQ,EAAK,MAAM,QAAQ,CAC3B,EAAW,EAAM,EAAM,OAAS,GAOtC,OAJI,EAAkB,EAAK,EAAI,CAAC,EAAS,SAAS,IAAI,CAC7C,GAAG,EAAS,GAGd,GAOT,SAAS,EAAc,EAAiC,CACtD,GAAM,CAAE,YAAa,EAEf,EAAe,GAAiB,CACpC,GAAI,CAEF,IAAM,EAAc,EAAmB,EAAK,CAG5C,OACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,YAAY,MAAO,WAFpB,EAAgB,EAG5B,CACI,CAAA,OAEF,EAAG,CAGV,OADA,EAAA,QAAY,MAAM,OAAO,EAAE,CAAC,EACrB,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qBAAa,EAAY,CAAA,GAoBpD,OAhBI,MAAM,QAAQ,EAAS,EASlB,EAAA,EAAA,KAAC,SAAD,CAAQ,UAAU,qBARC,EAAS,KAAK,EAAO,IAC7C,OAAO,GAAU,UACf,EAAA,EAAA,KAAC,OAAD,CAAA,SAAiC,EAAY,EAAM,CAAQ,CAAhD,GAAG,EAAM,GAAG,IAAoC,CAE3D,EAIkC,CAA2B,CAAA,CAG/D,OAAO,GAAa,UACf,EAAA,EAAA,KAAC,SAAD,CAAA,SAAS,EAAY,EAAS,CAAU,CAAA,EAG1C,EAAA,EAAA,KAAC,SAAD,CAAQ,UAAU,YAAa,WAAkB,CAAA"}

package/dist/components/features/chat/path-component.js CHANGED Viewed

@@ -27,7 +27,7 @@ function a(r) {
 	};
 	return Array.isArray(a) ? /* @__PURE__ */ t("strong", {
 		className: "font-mono",
-		children: a.map((e) => typeof e == "string" ? o(e) : e)
+		children: a.map((e, n) => typeof e == "string" ? /* @__PURE__ */ t("span", { children: o(e) }, `${e}-${n}`) : e)
 	}) : typeof a == "string" ? /* @__PURE__ */ t("strong", { children: o(a) }) : /* @__PURE__ */ t("strong", {
 		className: "font-mono",
 		children: a

package/dist/components/features/chat/path-component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"path-component.js","names":[],"sources":["../../../../src/components/features/chat/path-component.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport EventLogger from \"#/utils/event-logger\";\n\n/*\n Decodes HTML entities in a string\n * @param text The text to decode\n * @returns The decoded text\n /\nconst decodeHtmlEntities = (text: string): string => {\n const textarea = document.createElement(\"textarea\");\n textarea.innerHTML = text;\n return textarea.value;\n};\n\n/\n Checks if a path is likely a directory\n * @param path The full path\n * @returns True if the path is likely a directory\n /\nconst isLikelyDirectory = (path: string): boolean => {\n if (!path) return false;\n // Check if path already ends with a slash\n if (path.endsWith(\"/\") \|\| path.endsWith(\"\\\\\")) return true;\n // Check if path has no extension (simple heuristic)\n const lastPart = path.split(/[/\\\\]/).pop() \|\| \"\";\n // If the last part has no dots, it's likely a directory\n return !lastPart.includes(\".\");\n};\n\n/\n Extracts the filename from a path\n * @param path The full path\n * @returns The filename (last part of the path)\n /\nconst extractFilename = (path: string): string => {\n if (!path) return \"\";\n // Handle both Unix and Windows paths\n const parts = path.split(/[/\\\\]/);\n const filename = parts[parts.length - 1];\n\n // Add trailing slash for directories\n if (isLikelyDirectory(path) && !filename.endsWith(\"/\")) {\n return `${filename}/`;\n }\n\n return filename;\n};\n\n/\n Component that displays only the filename in the text but shows the full path on hover\n * Similar to MonoComponent but with path-specific functionality\n */\nfunction PathComponent(props: { children?: ReactNode }) {\n const { children } = props;\n\n const processPath = (path: string) => {\n try {\n // First decode any HTML entities in the path\n const decodedPath = decodeHtmlEntities(path);\n // Extract the filename from the decoded path\n const filename = extractFilename(decodedPath);\n return (\n <span className=\"font-mono\" title={decodedPath}>\n {filename}\n </span>\n );\n } catch (e) {\n // Just log the error without any message to avoid localization issues\n EventLogger.error(String(e));\n return <span className=\"font-mono\">{path}</span>;\n }\n };\n\n if (Array.isArray(children)) {\n const processedChildren = children.map((child) =>\n typeof child === \"string\" ? processPath(child) : child,\n );\n\n return <strong className=\"font-mono\">{processedChildren}</strong>;\n }\n\n if (typeof children === \"string\") {\n return <strong>{processPath(children)}</strong>;\n }\n\n return <strong className=\"font-mono\">{children}</strong>;\n}\n\nexport { PathComponent, isLikelyDirectory };\n"],"mappings":";;;AAQA,IAAM,KAAsB,MAAyB;CACnD,IAAM,IAAW,SAAS,cAAc,WAAW;AAEnD,QADA,EAAS,YAAY,GACd,EAAS;GAQZ,KAAqB,MACpB,IAED,EAAK,SAAS,IAAI,IAAI,EAAK,SAAS,KAAK,GAAS,KAI/C,EAFU,EAAK,MAAM,QAAQ,CAAC,KAAK,IAAI,IAE7B,SAAS,IAAI,GANZ,IAcd,KAAmB,MAAyB;AAChD,KAAI,CAAC,EAAM,QAAO;CAElB,IAAM,IAAQ,EAAK,MAAM,QAAQ,EAC3B,IAAW,EAAM,EAAM,SAAS;AAOtC,QAJI,EAAkB,EAAK,IAAI,CAAC,EAAS,SAAS,IAAI,GAC7C,GAAG,EAAS,KAGd;;AAOT,SAAS,EAAc,GAAiC;CACtD,IAAM,EAAE,gBAAa,GAEf,KAAe,MAAiB;AACpC,MAAI;GAEF,IAAM,IAAc,EAAmB,EAAK;AAG5C,UACE,kBAAC,QAAD;IAAM,WAAU;IAAY,OAAO;cAFpB,EAAgB,EAG5B;IACI,CAAA;WAEF,GAAG;AAGV,UADA,EAAY,MAAM,OAAO,EAAE,CAAC,EACrB,kBAAC,QAAD;IAAM,WAAU;cAAa;IAAY,CAAA;;;~~AAgBpD~~,~~QAZI~~,MAAM,QAAQ,EAAS,~~GAKlB~~,kBAAC,UAAD;EAAQ,WAAU;~~YAJC~~,EAAS,KAAK,~~MACtC~~,OAAO,KAAU,~~WAAW~~,EAAY,EAAM,GAAG,~~EAGb~~;EAA2B,CAAA,GAG/D,OAAO,KAAa,WACf,kBAAC,UAAD,EAAA,UAAS,EAAY,EAAS,EAAU,CAAA,GAG1C,kBAAC,UAAD;EAAQ,WAAU;EAAa;EAAkB,CAAA"}
1	+ {"version":3,"file":"path-component.js","names":[],"sources":["../../../../src/components/features/chat/path-component.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport EventLogger from \"#/utils/event-logger\";\n\n/*\n Decodes HTML entities in a string\n * @param text The text to decode\n * @returns The decoded text\n /\nconst decodeHtmlEntities = (text: string): string => {\n const textarea = document.createElement(\"textarea\");\n textarea.innerHTML = text;\n return textarea.value;\n};\n\n/\n Checks if a path is likely a directory\n * @param path The full path\n * @returns True if the path is likely a directory\n /\nconst isLikelyDirectory = (path: string): boolean => {\n if (!path) return false;\n // Check if path already ends with a slash\n if (path.endsWith(\"/\") \|\| path.endsWith(\"\\\\\")) return true;\n // Check if path has no extension (simple heuristic)\n const lastPart = path.split(/[/\\\\]/).pop() \|\| \"\";\n // If the last part has no dots, it's likely a directory\n return !lastPart.includes(\".\");\n};\n\n/\n Extracts the filename from a path\n * @param path The full path\n * @returns The filename (last part of the path)\n /\nconst extractFilename = (path: string): string => {\n if (!path) return \"\";\n // Handle both Unix and Windows paths\n const parts = path.split(/[/\\\\]/);\n const filename = parts[parts.length - 1];\n\n // Add trailing slash for directories\n if (isLikelyDirectory(path) && !filename.endsWith(\"/\")) {\n return `${filename}/`;\n }\n\n return filename;\n};\n\n/\n Component that displays only the filename in the text but shows the full path on hover\n * Similar to MonoComponent but with path-specific functionality\n */\nfunction PathComponent(props: { children?: ReactNode }) {\n const { children } = props;\n\n const processPath = (path: string) => {\n try {\n // First decode any HTML entities in the path\n const decodedPath = decodeHtmlEntities(path);\n // Extract the filename from the decoded path\n const filename = extractFilename(decodedPath);\n return (\n <span className=\"font-mono\" title={decodedPath}>\n {filename}\n </span>\n );\n } catch (e) {\n // Just log the error without any message to avoid localization issues\n EventLogger.error(String(e));\n return <span className=\"font-mono\">{path}</span>;\n }\n };\n\n if (Array.isArray(children)) {\n const processedChildren = children.map((child, index) =>\n typeof child === \"string\" ? (\n <span key={`${child}-${index}`}>{processPath(child)}</span>\n ) : (\n child\n ),\n );\n\n return <strong className=\"font-mono\">{processedChildren}</strong>;\n }\n\n if (typeof children === \"string\") {\n return <strong>{processPath(children)}</strong>;\n }\n\n return <strong className=\"font-mono\">{children}</strong>;\n}\n\nexport { PathComponent, isLikelyDirectory };\n"],"mappings":";;;AAQA,IAAM,KAAsB,MAAyB;CACnD,IAAM,IAAW,SAAS,cAAc,WAAW;AAEnD,QADA,EAAS,YAAY,GACd,EAAS;GAQZ,KAAqB,MACpB,IAED,EAAK,SAAS,IAAI,IAAI,EAAK,SAAS,KAAK,GAAS,KAI/C,EAFU,EAAK,MAAM,QAAQ,CAAC,KAAK,IAAI,IAE7B,SAAS,IAAI,GANZ,IAcd,KAAmB,MAAyB;AAChD,KAAI,CAAC,EAAM,QAAO;CAElB,IAAM,IAAQ,EAAK,MAAM,QAAQ,EAC3B,IAAW,EAAM,EAAM,SAAS;AAOtC,QAJI,EAAkB,EAAK,IAAI,CAAC,EAAS,SAAS,IAAI,GAC7C,GAAG,EAAS,KAGd;;AAOT,SAAS,EAAc,GAAiC;CACtD,IAAM,EAAE,gBAAa,GAEf,KAAe,MAAiB;AACpC,MAAI;GAEF,IAAM,IAAc,EAAmB,EAAK;AAG5C,UACE,kBAAC,QAAD;IAAM,WAAU;IAAY,OAAO;cAFpB,EAAgB,EAG5B;IACI,CAAA;WAEF,GAAG;AAGV,UADA,EAAY,MAAM,OAAO,EAAE,CAAC,EACrB,kBAAC,QAAD;IAAM,WAAU;cAAa;IAAY,CAAA;;;AAoBpD,QAhBI,MAAM,QAAQ,EAAS,GASlB,kBAAC,UAAD;EAAQ,WAAU;YARC,EAAS,KAAK,GAAO,MAC7C,OAAO,KAAU,WACf,kBAAC,QAAD,EAAA,UAAiC,EAAY,EAAM,EAAQ,EAAhD,GAAG,EAAM,GAAG,IAAoC,GAE3D,EAIkC;EAA2B,CAAA,GAG/D,OAAO,KAAa,WACf,kBAAC,UAAD,EAAA,UAAS,EAAY,EAAS,EAAU,CAAA,GAG1C,kBAAC,UAAD;EAAQ,WAAU;EAAa;EAAkB,CAAA"}

package/dist/components/features/home/workspace-dropdown/folder-browser-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(`../../../../contexts/active-backend-context.cjs`),a=require(`../../../shared/modals/modal-backdrop.cjs`),o=require(`../../../shared/modals/modal-body.cjs`),s=require(`../../../../utils/modal-classes.cjs`),c=require(`../../../shared/modals/confirmation-modals/base-modal.cjs`),l=require(`../../settings/brand-button.cjs`),u=require(`../../../../hooks/query/use-search-subdirs.cjs`),d=require(`../../../../icons/folder.cjs`),f=require(`../../../../icons/chevron-left-small.cjs`);let p=require(`react`);p=e.__toESM(p,1);let m=require(`react/jsx-runtime`);var h=`/projects`;function g({label:e,entries:t,currentPath:n,onPick:i}){return t.length===0?null:(0,m.jsxs)(`div`,{className:`px-2 pb-3`,children:[(0,m.jsx)(`div`,{className:`px-2 pb-1 text-[11px] uppercase tracking-wide text-[var(--oh-muted)] font-semibold`,children:e}),(0,m.jsx)(`ul`,{children:t.map(e=>{let t=n===e.path;return(0,m.jsx)(`li`,{children:(0,m.jsxs)(`button`,{type:`button`,onClick:()=>i(e.path),"data-testid":`folder-browser-sidebar-${e.label.toLowerCase()}`,className:r.cn(`flex items-center gap-2 w-full px-2 py-1 rounded text-sm cursor-pointer`,t?`bg-tertiary text-white`:`text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-surface-raised)]`),children:[(0,m.jsx)(d.default,{width:14,height:14,className:`shrink-0`}),(0,m.jsx)(`span`,{className:`truncate`,children:e.label})]})},e.path)})})]})}function _(e){let t=e.replace(/\/+$/,``);if(!t||t===`/`)return null;let n=t.lastIndexOf(`/`);return n<=0?`/`:t.slice(0,n)}function v(e){return e?.home===`/home/openhands`}function y({isOpen:e,onClose:y,onAdd:b,onAddParent:x}){let{t:S}=t.useTranslation(`openhands`),[C,w]=(0,p.useState)(null),T=i.useActiveBackend(),{data:E}=u.useHomeDirectory();(0,p.useEffect)(()=>{e&&E?.home&&C===null&&w(v(E)?h:E.home),e||w(null)},[e,E?.home,C]),(0,p.useEffect)(()=>{w(null)},[T.backend.id,T.orgId]);let{data:D,isLoading:O,isError:k,error:A}=u.useSearchSubdirs(e?C:null),j=(0,p.useMemo)(()=>{if(!E?.home)return[];let e=[{label:`Home`,path:E.home.replace(/[\\/]+$/,``)||E.home},...E.favorites??[]];return v(E)&&!e.some(e=>e.path===h)&&e.push({label:h,path:h}),e},[E]),M=E?.locations??[];if(!e)return null;let N=D?.items??[],P=C?_(C):null,F=E?.home===`/home/openhands`&&(E?.favorites?.length??0)===0&&C===E?.home&&!O&&!k&&N.length===0,I=e=>{let t=e.replace(/\/+$/,``);if(!t)return`/`;let n=t.lastIndexOf(`/`);return n>=0?t.slice(n+1)||`/`:t};return(0,m.jsx)(a.ModalBackdrop,{onClose:y,"aria-label":S(n.I18nKey.HOME$ADD_WORKSPACES_TITLE),children:(0,m.jsxs)(`div`,{"data-testid":`folder-browser-modal`,className:r.cn(`flex flex-col bg-[var(--oh-surface)] border border-[var(--oh-border-input)] rounded-xl`,o.modalWidthClassName(`xl`),o.MODAL_MAX_WIDTH_VIEWPORT,`h-[480px]`),children:[(0,m.jsx)(`div`,{className:`flex items-center justify-between px-5 py-3 border-b border-[var(--oh-border-input)]`,children:(0,m.jsx)(c.BaseModalTitle,{className:s.modalTitleSmClassName,title:S(n.I18nKey.HOME$ADD_WORKSPACES_TITLE)})}),(0,m.jsxs)(`div`,{className:`flex flex-1 min-h-0`,children:[(0,m.jsxs)(`aside`,{"data-testid":`folder-browser-sidebar`,className:`w-[180px] shrink-0 border-r border-[var(--oh-border-input)] bg-[var(--oh-surface)] py-3 overflow-y-auto`,children:[(0,m.jsx)(g,{label:S(n.I18nKey.HOME$FAVORITES),entries:j,currentPath:C,onPick:w}),(0,m.jsx)(g,{label:S(n.I18nKey.HOME$LOCATIONS),entries:M,currentPath:C,onPick:w})]}),(0,m.jsxs)(`div`,{className:`flex-1 flex flex-col min-w-0`,children:[(0,m.jsxs)(`div`,{className:`flex items-center gap-2 px-4 py-2 border-b border-[var(--oh-border-input)]`,children:[(0,m.jsx)(`button`,{type:`button`,"data-testid":`folder-browser-up`,onClick:()=>P&&w(P),disabled:!P,"aria-label":`Up`,className:`p-1 rounded hover:bg-[var(--oh-interactive-hover)] text-white disabled:opacity-40 disabled:cursor-not-allowed cursor-pointer`,children:(0,m.jsx)(f.default,{width:16,height:16})}),(0,m.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)] truncate`,"data-testid":`folder-browser-current-path`,children:C??``})]}),(0,m.jsxs)(`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`,children:[(0,m.jsx)(`span`,{children:S(n.I18nKey.HOME$NAME)}),(0,m.jsx)(`span`,{children:S(n.I18nKey.HOME$KIND)})]}),(0,m.jsxs)(`ul`,{className:`flex-1 overflow-auto custom-scrollbar-always`,"data-testid":`folder-browser-list`,children:[O&&(0,m.jsx)(`li`,{className:`px-4 py-2 text-sm text-[var(--oh-text-secondary)]`,children:S(n.I18nKey.HOME$LOADING)}),k&&(0,m.jsx)(`li`,{className:`px-4 py-2 text-sm text-red-400`,"data-testid":`folder-browser-error`,children:A?.message??`Failed to load`}),!O&&!k&&N.length===0&&(0,m.jsx)(`li`,{className:`px-4 py-2 text-sm text-[var(--oh-text-secondary)]`,"data-testid":F?`folder-browser-host-home-hint`:`folder-browser-empty`,children:S(F?n.I18nKey.HOME$HOST_HOME_NOT_MOUNTED_HINT:n.I18nKey.HOME$NO_WORKSPACES)}),N.map(e=>(0,m.jsx)(`li`,{children:(0,m.jsxs)(`button`,{type:`button`,onClick:()=>w(e.path),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`,"data-testid":`folder-browser-entry-${e.name}`,children:[(0,m.jsxs)(`span`,{className:`flex items-center gap-2 min-w-0`,children:[(0,m.jsx)(d.default,{width:16,height:16,className:`shrink-0`}),(0,m.jsx)(`span`,{className:`truncate`,children:e.name})]}),(0,m.jsx)(`span`,{className:`text-[var(--oh-text-secondary)] text-xs`,children:S(n.I18nKey.HOME$FOLDER)})]})},e.path))]})]})]}),(0,m.jsxs)(`div`,{className:`flex items-center justify-end gap-2 px-5 py-3 border-t border-[var(--oh-border-input)]`,children:[(0,m.jsx)(l.BrandButton,{type:`button`,variant:`secondary`,onClick:y,testId:`folder-browser-cancel`,children:S(n.I18nKey.HOME$CANCEL)}),x&&(0,m.jsx)(l.BrandButton,{type:`button`,variant:`secondary`,onClick:()=>{!C||!x||(x([{id:C,name:I(C),path:C}]),y())},isDisabled:!C||O,testId:`folder-browser-add-all-subdirs`,children:S(n.I18nKey.HOME$ADD_ALL_SUBDIRECTORIES)}),(0,m.jsx)(l.BrandButton,{type:`button`,variant:`primary`,onClick:()=>{C&&(b([{id:C,name:I(C),path:C}]),y())},isDisabled:!C||O,testId:`folder-browser-use`,children:S(n.I18nKey.HOME$ADD_THIS_DIRECTORY)})]})]})})}exports.FolderBrowserModal=y;
+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(`../../../../contexts/active-backend-context.cjs`),a=require(`../../../shared/modals/modal-backdrop.cjs`),o=require(`../../../shared/modals/modal-body.cjs`),s=require(`../../../../utils/modal-classes.cjs`),c=require(`../../../shared/modals/confirmation-modals/base-modal.cjs`),l=require(`../../settings/brand-button.cjs`),u=require(`../../../../hooks/query/use-search-subdirs.cjs`),d=require(`../../../../icons/folder.cjs`),f=require(`../../../../icons/chevron-left-small.cjs`);let p=require(`react`);p=e.__toESM(p,1);let m=require(`react/jsx-runtime`);var h=`/projects`;function g({label:e,entries:t,currentPath:n,onPick:i}){return t.length===0?null:(0,m.jsxs)(`div`,{className:`px-2 pb-3`,children:[(0,m.jsx)(`div`,{className:`px-2 pb-1 text-[11px] uppercase tracking-wide text-[var(--oh-muted)] font-semibold`,children:e}),(0,m.jsx)(`ul`,{children:t.map(e=>{let t=n===e.path;return(0,m.jsx)(`li`,{children:(0,m.jsxs)(`button`,{type:`button`,onClick:()=>i(e.path),"data-testid":`folder-browser-sidebar-${e.label.toLowerCase()}`,className:r.cn(`flex items-center gap-2 w-full px-2 py-1 rounded text-sm cursor-pointer`,t?`bg-tertiary text-white`:`text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-surface-raised)]`),children:[(0,m.jsx)(d.default,{width:14,height:14,className:`shrink-0`}),(0,m.jsx)(`span`,{className:`truncate`,children:e.label})]})},e.path)})})]})}function _(e){let t=y(e);if(!t||t===`/`||v(t))return null;let n=Math.max(t.lastIndexOf(`/`),t.lastIndexOf(`\\`));if(n<0)return null;if(n===0)return`/`;let r=t.slice(0,n);return/^[A-Za-z]:$/.test(r)?`${r}${t[n]}`:r}function v(e){return/^[A-Za-z]:[\\/]?$/.test(e)}function y(e){let t=e.replace(/[\\/]+$/,``);return/^[A-Za-z]:$/.test(t)?`${t}${e.includes(`/`)&&!e.includes(`\\`)?`/`:`\\`}`:t}function b(e){return e?.home===`/home/openhands`}function x({isOpen:e,onClose:x,onAdd:S,onAddParent:C}){let{t:w}=t.useTranslation(`openhands`),[T,E]=(0,p.useState)(null),D=i.useActiveBackend(),{data:O}=u.useHomeDirectory();(0,p.useEffect)(()=>{e&&O?.home&&T===null&&E(b(O)?h:O.home),e||E(null)},[e,O?.home,T]),(0,p.useEffect)(()=>{E(null)},[D.backend.id,D.orgId]);let{data:k,isLoading:A,isError:j,error:M}=u.useSearchSubdirs(e?T:null),N=(0,p.useMemo)(()=>{if(!O?.home)return[];let e=[{label:`Home`,path:y(O.home)||O.home},...O.favorites??[]];return b(O)&&!e.some(e=>e.path===h)&&e.push({label:h,path:h}),e},[O]),P=O?.locations??[];if(!e)return null;let F=k?.items??[],I=T?_(T):null,L=O?.home===`/home/openhands`&&(O?.favorites?.length??0)===0&&T===O?.home&&!A&&!j&&F.length===0,R=e=>{let t=y(e);if(!t)return`/`;if(t===`/`||v(t))return t;let n=Math.max(t.lastIndexOf(`/`),t.lastIndexOf(`\\`));return n>=0&&t.slice(n+1)||t};return(0,m.jsx)(a.ModalBackdrop,{onClose:x,"aria-label":w(n.I18nKey.HOME$ADD_WORKSPACES_TITLE),children:(0,m.jsxs)(`div`,{"data-testid":`folder-browser-modal`,className:r.cn(`flex flex-col bg-[var(--oh-surface)] border border-[var(--oh-border-input)] rounded-xl`,o.modalWidthClassName(`xl`),o.MODAL_MAX_WIDTH_VIEWPORT,`h-[480px]`),children:[(0,m.jsx)(`div`,{className:`flex items-center justify-between px-5 py-3 border-b border-[var(--oh-border-input)]`,children:(0,m.jsx)(c.BaseModalTitle,{className:s.modalTitleSmClassName,title:w(n.I18nKey.HOME$ADD_WORKSPACES_TITLE)})}),(0,m.jsxs)(`div`,{className:`flex flex-1 min-h-0`,children:[(0,m.jsxs)(`aside`,{"data-testid":`folder-browser-sidebar`,className:`w-[180px] shrink-0 border-r border-[var(--oh-border-input)] bg-[var(--oh-surface)] py-3 overflow-y-auto`,children:[(0,m.jsx)(g,{label:w(n.I18nKey.HOME$FAVORITES),entries:N,currentPath:T,onPick:E}),(0,m.jsx)(g,{label:w(n.I18nKey.HOME$LOCATIONS),entries:P,currentPath:T,onPick:E})]}),(0,m.jsxs)(`div`,{className:`flex-1 flex flex-col min-w-0`,children:[(0,m.jsxs)(`div`,{className:`flex items-center gap-2 px-4 py-2 border-b border-[var(--oh-border-input)]`,children:[(0,m.jsx)(`button`,{type:`button`,"data-testid":`folder-browser-up`,onClick:()=>I&&E(I),disabled:!I,"aria-label":`Up`,className:`p-1 rounded hover:bg-[var(--oh-interactive-hover)] text-white disabled:opacity-40 disabled:cursor-not-allowed cursor-pointer`,children:(0,m.jsx)(f.default,{width:16,height:16})}),(0,m.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)] truncate`,"data-testid":`folder-browser-current-path`,children:T??``})]}),(0,m.jsxs)(`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`,children:[(0,m.jsx)(`span`,{children:w(n.I18nKey.HOME$NAME)}),(0,m.jsx)(`span`,{children:w(n.I18nKey.HOME$KIND)})]}),(0,m.jsxs)(`ul`,{className:`flex-1 overflow-auto custom-scrollbar-always`,"data-testid":`folder-browser-list`,children:[A&&(0,m.jsx)(`li`,{className:`px-4 py-2 text-sm text-[var(--oh-text-secondary)]`,children:w(n.I18nKey.HOME$LOADING)}),j&&(0,m.jsx)(`li`,{className:`px-4 py-2 text-sm text-red-400`,"data-testid":`folder-browser-error`,children:M?.message??`Failed to load`}),!A&&!j&&F.length===0&&(0,m.jsx)(`li`,{className:`px-4 py-2 text-sm text-[var(--oh-text-secondary)]`,"data-testid":L?`folder-browser-host-home-hint`:`folder-browser-empty`,children:w(L?n.I18nKey.HOME$HOST_HOME_NOT_MOUNTED_HINT:n.I18nKey.HOME$NO_WORKSPACES)}),F.map(e=>(0,m.jsx)(`li`,{children:(0,m.jsxs)(`button`,{type:`button`,onClick:()=>E(e.path),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`,"data-testid":`folder-browser-entry-${e.name}`,children:[(0,m.jsxs)(`span`,{className:`flex items-center gap-2 min-w-0`,children:[(0,m.jsx)(d.default,{width:16,height:16,className:`shrink-0`}),(0,m.jsx)(`span`,{className:`truncate`,children:e.name})]}),(0,m.jsx)(`span`,{className:`text-[var(--oh-text-secondary)] text-xs`,children:w(n.I18nKey.HOME$FOLDER)})]})},e.path))]})]})]}),(0,m.jsxs)(`div`,{className:`flex items-center justify-end gap-2 px-5 py-3 border-t border-[var(--oh-border-input)]`,children:[(0,m.jsx)(l.BrandButton,{type:`button`,variant:`secondary`,onClick:x,testId:`folder-browser-cancel`,children:w(n.I18nKey.HOME$CANCEL)}),C&&(0,m.jsx)(l.BrandButton,{type:`button`,variant:`secondary`,onClick:()=>{!T||!C||(C([{id:T,name:R(T),path:T}]),x())},isDisabled:!T||A,testId:`folder-browser-add-all-subdirs`,children:w(n.I18nKey.HOME$ADD_ALL_SUBDIRECTORIES)}),(0,m.jsx)(l.BrandButton,{type:`button`,variant:`primary`,onClick:()=>{T&&(S([{id:T,name:R(T),path:T}]),x())},isDisabled:!T||A,testId:`folder-browser-use`,children:w(n.I18nKey.HOME$ADD_THIS_DIRECTORY)})]})]})})}exports.FolderBrowserModal=x;
 //# sourceMappingURL=folder-browser-modal.cjs.map

package/dist/components/features/home/workspace-dropdown/folder-browser-modal.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"folder-browser-modal.cjs","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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"}
1	+ {"version":3,"file":"folder-browser-modal.cjs","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 = trimTrailingSeparators(path);\n if (!trimmed \|\| trimmed === \"/\" \|\| isWindowsDriveRoot(trimmed)) return null;\n\n const idx = Math.max(trimmed.lastIndexOf(\"/\"), trimmed.lastIndexOf(\"\\\\\"));\n if (idx < 0) return null;\n if (idx === 0) return \"/\";\n\n const parent = trimmed.slice(0, idx);\n if (/^[A-Za-z]:$/.test(parent)) {\n return `${parent}${trimmed[idx]}`;\n }\n\n return parent;\n}\n\nfunction isWindowsDriveRoot(path: string): boolean {\n return /^[A-Za-z]:[\\\\/]?$/.test(path);\n}\n\nfunction trimTrailingSeparators(path: string): string {\n const trimmed = path.replace(/[\\\\/]+$/, \"\");\n if (/^[A-Za-z]:$/.test(trimmed)) {\n const separator = path.includes(\"/\") && !path.includes(\"\\\\\") ? \"/\" : \"\\\\\";\n return `${trimmed}${separator}`;\n }\n return trimmed;\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 = trimTrailingSeparators(homeData.home) \|\| 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 = trimTrailingSeparators(path);\n if (!trimmed) return \"/\";\n if (trimmed === \"/\" \|\| isWindowsDriveRoot(trimmed)) return trimmed;\n const idx = Math.max(trimmed.lastIndexOf(\"/\"), trimmed.lastIndexOf(\"\\\\\"));\n return idx >= 0 ? trimmed.slice(idx + 1) \|\| trimmed : 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/folder-browser-modal.js CHANGED Viewed

@@ -40,46 +40,57 @@ function b({ label: e, entries: t, currentPath: r, onPick: i }) {
 	});
 }
 function x(e) {
-	let t = e.replace(/\/+$/, "");
-	if (!t || t === "/") return null;
-	let n = t.lastIndexOf("/");
-	return n <= 0 ? "/" : t.slice(0, n);
+	let t = C(e);
+	if (!t || t === "/" || S(t)) return null;
+	let n = Math.max(t.lastIndexOf("/"), t.lastIndexOf("\\"));
+	if (n < 0) return null;
+	if (n === 0) return "/";
+	let r = t.slice(0, n);
+	return /^[A-Za-z]:$/.test(r) ? `${r}${t[n]}` : r;
 }
 function S(e) {
+	return /^[A-Za-z]:[\\/]?$/.test(e);
+}
+function C(e) {
+	let t = e.replace(/[\\/]+$/, "");
+	return /^[A-Za-z]:$/.test(t) ? `${t}${e.includes("/") && !e.includes("\\") ? "/" : "\\"}` : t;
+}
+function w(e) {
 	return e?.home === "/home/openhands";
 }
-function C({ isOpen: C, onClose: w, onAdd: T, onAddParent: E }) {
-	let { t: D } = e("openhands"), [O, k] = g(null), A = r(), { data: j } = u();
+function T({ isOpen: T, onClose: E, onAdd: D, onAddParent: O }) {
+	let { t: k } = e("openhands"), [A, j] = g(null), M = r(), { data: N } = u();
 	m(() => {
-		C && j?.home && O === null && k(S(j) ? y : j.home), C || k(null);
+		T && N?.home && A === null && j(w(N) ? y : N.home), T || j(null);
 	}, [
-		C,
-		j?.home,
-		O
+		T,
+		N?.home,
+		A
 	]), m(() => {
-		k(null);
-	}, [A.backend.id, A.orgId]);
-	let { data: M, isLoading: N, isError: P, error: F } = d(C ? O : null), I = h(() => {
-		if (!j?.home) return [];
+		j(null);
+	}, [M.backend.id, M.orgId]);
+	let { data: P, isLoading: F, isError: I, error: L } = d(T ? A : null), R = h(() => {
+		if (!N?.home) return [];
 		let e = [{
 			label: "Home",
-			path: j.home.replace(/[\\/]+$/, "") || j.home
-		}, ...j.favorites ?? []];
-		return S(j) && !e.some((e) => e.path === y) && e.push({
+			path: C(N.home) || N.home
+		}, ...N.favorites ?? []];
+		return w(N) && !e.some((e) => e.path === y) && e.push({
 			label: y,
 			path: y
 		}), e;
-	}, [j]), L = j?.locations ?? [];
-	if (!C) return null;
-	let R = M?.items ?? [], z = O ? x(O) : null, B = j?.home === "/home/openhands" && (j?.favorites?.length ?? 0) === 0 && O === j?.home && !N && !P && R.length === 0, V = (e) => {
-		let t = e.replace(/\/+$/, "");
+	}, [N]), z = N?.locations ?? [];
+	if (!T) return null;
+	let B = P?.items ?? [], V = A ? x(A) : null, H = N?.home === "/home/openhands" && (N?.favorites?.length ?? 0) === 0 && A === N?.home && !F && !I && B.length === 0, U = (e) => {
+		let t = C(e);
 		if (!t) return "/";
-		let n = t.lastIndexOf("/");
-		return n >= 0 ? t.slice(n + 1) || "/" : t;
+		if (t === "/" || S(t)) return t;
+		let n = Math.max(t.lastIndexOf("/"), t.lastIndexOf("\\"));
+		return n >= 0 && t.slice(n + 1) || t;
 	};
 	return /* @__PURE__ */ _(i, {
-		onClose: w,
-		"aria-label": D(t.HOME$ADD_WORKSPACES_TITLE),
+		onClose: E,
+		"aria-label": k(t.HOME$ADD_WORKSPACES_TITLE),
 		children: /* @__PURE__ */ v("div", {
 			"data-testid": "folder-browser-modal",
 			className: n("flex flex-col bg-[var(--oh-surface)] border border-[var(--oh-border-input)] rounded-xl", o("xl"), a, "h-[480px]"),
@@ -88,7 +99,7 @@ function C({ isOpen: C, onClose: w, onAdd: T, onAddParent: E }) {
 					className: "flex items-center justify-between px-5 py-3 border-b border-[var(--oh-border-input)]",
 					children: /* @__PURE__ */ _(c, {
 						className: s,
-						title: D(t.HOME$ADD_WORKSPACES_TITLE)
+						title: k(t.HOME$ADD_WORKSPACES_TITLE)
 					})
 				}),
 				/* @__PURE__ */ v("div", {
@@ -97,15 +108,15 @@ function C({ isOpen: C, onClose: w, onAdd: T, onAddParent: E }) {
 						"data-testid": "folder-browser-sidebar",
 						className: "w-[180px] shrink-0 border-r border-[var(--oh-border-input)] bg-[var(--oh-surface)] py-3 overflow-y-auto",
 						children: [/* @__PURE__ */ _(b, {
-							label: D(t.HOME$FAVORITES),
-							entries: I,
-							currentPath: O,
-							onPick: k
+							label: k(t.HOME$FAVORITES),
+							entries: R,
+							currentPath: A,
+							onPick: j
 						}), /* @__PURE__ */ _(b, {
-							label: D(t.HOME$LOCATIONS),
-							entries: L,
-							currentPath: O,
-							onPick: k
+							label: k(t.HOME$LOCATIONS),
+							entries: z,
+							currentPath: A,
+							onPick: j
 						})]
 					}), /* @__PURE__ */ v("div", {
 						className: "flex-1 flex flex-col min-w-0",
@@ -115,8 +126,8 @@ function C({ isOpen: C, onClose: w, onAdd: T, onAddParent: E }) {
 								children: [/* @__PURE__ */ _("button", {
 									type: "button",
 									"data-testid": "folder-browser-up",
-									onClick: () => z && k(z),
-									disabled: !z,
+									onClick: () => V && j(V),
+									disabled: !V,
 									"aria-label": "Up",
 									className: "p-1 rounded hover:bg-[var(--oh-interactive-hover)] text-white disabled:opacity-40 disabled:cursor-not-allowed cursor-pointer",
 									children: /* @__PURE__ */ _(p, {
@@ -126,34 +137,34 @@ function C({ isOpen: C, onClose: w, onAdd: T, onAddParent: E }) {
 								}), /* @__PURE__ */ _("span", {
 									className: "text-xs text-[var(--oh-muted)] truncate",
 									"data-testid": "folder-browser-current-path",
-									children: O ?? ""
+									children: A ?? ""
 								})]
 							}),
 							/* @__PURE__ */ v("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",
-								children: [/* @__PURE__ */ _("span", { children: D(t.HOME$NAME) }), /* @__PURE__ */ _("span", { children: D(t.HOME$KIND) })]
+								children: [/* @__PURE__ */ _("span", { children: k(t.HOME$NAME) }), /* @__PURE__ */ _("span", { children: k(t.HOME$KIND) })]
 							}),
 							/* @__PURE__ */ v("ul", {
 								className: "flex-1 overflow-auto custom-scrollbar-always",
 								"data-testid": "folder-browser-list",
 								children: [
-									N && /* @__PURE__ */ _("li", {
+									F && /* @__PURE__ */ _("li", {
 										className: "px-4 py-2 text-sm text-[var(--oh-text-secondary)]",
-										children: D(t.HOME$LOADING)
+										children: k(t.HOME$LOADING)
 									}),
-									P && /* @__PURE__ */ _("li", {
+									I && /* @__PURE__ */ _("li", {
 										className: "px-4 py-2 text-sm text-red-400",
 										"data-testid": "folder-browser-error",
-										children: F?.message ?? "Failed to load"
+										children: L?.message ?? "Failed to load"
 									}),
-									!N && !P && R.length === 0 && /* @__PURE__ */ _("li", {
+									!F && !I && B.length === 0 && /* @__PURE__ */ _("li", {
 										className: "px-4 py-2 text-sm text-[var(--oh-text-secondary)]",
-										"data-testid": B ? "folder-browser-host-home-hint" : "folder-browser-empty",
-										children: D(B ? t.HOME$HOST_HOME_NOT_MOUNTED_HINT : t.HOME$NO_WORKSPACES)
+										"data-testid": H ? "folder-browser-host-home-hint" : "folder-browser-empty",
+										children: k(H ? t.HOME$HOST_HOME_NOT_MOUNTED_HINT : t.HOME$NO_WORKSPACES)
 									}),
-									R.map((e) => /* @__PURE__ */ _("li", { children: /* @__PURE__ */ v("button", {
+									B.map((e) => /* @__PURE__ */ _("li", { children: /* @__PURE__ */ v("button", {
 										type: "button",
-										onClick: () => k(e.path),
+										onClick: () => j(e.path),
 										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",
 										"data-testid": `folder-browser-entry-${e.name}`,
 										children: [/* @__PURE__ */ v("span", {
@@ -168,7 +179,7 @@ function C({ isOpen: C, onClose: w, onAdd: T, onAddParent: E }) {
 											})]
 										}), /* @__PURE__ */ _("span", {
 											className: "text-[var(--oh-text-secondary)] text-xs",
-											children: D(t.HOME$FOLDER)
+											children: k(t.HOME$FOLDER)
 										})]
 									}) }, e.path))
 								]
@@ -182,37 +193,37 @@ function C({ isOpen: C, onClose: w, onAdd: T, onAddParent: E }) {
 						/* @__PURE__ */ _(l, {
 							type: "button",
 							variant: "secondary",
-							onClick: w,
+							onClick: E,
 							testId: "folder-browser-cancel",
-							children: D(t.HOME$CANCEL)
+							children: k(t.HOME$CANCEL)
 						}),
-						E && /* @__PURE__ */ _(l, {
+						O && /* @__PURE__ */ _(l, {
 							type: "button",
 							variant: "secondary",
 							onClick: () => {
-								!O || !E || (E([{
-									id: O,
-									name: V(O),
-									path: O
-								}]), w());
+								!A || !O || (O([{
+									id: A,
+									name: U(A),
+									path: A
+								}]), E());
 							},
-							isDisabled: !O || N,
+							isDisabled: !A || F,
 							testId: "folder-browser-add-all-subdirs",
-							children: D(t.HOME$ADD_ALL_SUBDIRECTORIES)
+							children: k(t.HOME$ADD_ALL_SUBDIRECTORIES)
 						}),
 						/* @__PURE__ */ _(l, {
 							type: "button",
 							variant: "primary",
 							onClick: () => {
-								O && (T([{
-									id: O,
-									name: V(O),
-									path: O
-								}]), w());
+								A && (D([{
+									id: A,
+									name: U(A),
+									path: A
+								}]), E());
 							},
-							isDisabled: !O || N,
+							isDisabled: !A || F,
 							testId: "folder-browser-use",
-							children: D(t.HOME$ADD_THIS_DIRECTORY)
+							children: k(t.HOME$ADD_THIS_DIRECTORY)
 						})
 					]
 				})
@@ -221,6 +232,6 @@ function C({ isOpen: C, onClose: w, onAdd: T, onAddParent: E }) {
 	});
 }
 //#endregion
-export { C as FolderBrowserModal };
+export { T as FolderBrowserModal };
 //# sourceMappingURL=folder-browser-modal.js.map