import { useEffect, useMemo, useState } from 'react' import { Button } from '@/components/ui/button' import { Codicon } from '@/components/ui/codicon' import { Dialog, DialogContent, DialogDescription, DialogTitle } from '@/components/ui/dialog' import { useI18n } from '@/i18n' import { readDesktopDir, setDesktopFsRemotePicker } from '@/lib/desktop-fs' import { cn } from '@/lib/utils' function clean(path: string) { return path.replace(/\/+$/, '') || '/' } function parentDir(path: string) { const value = clean(path) if (value === '/') { return '/' } const parent = value.slice(0, value.lastIndexOf('/')) return parent || '/' } function pathName(path: string) { return path.split('/').filter(Boolean).pop() || path } interface PendingSelection { defaultPath: string resolve: (paths: string[]) => void title: string } export function RemoteFolderPicker() { const { t } = useI18n() const r = t.rightSidebar const [pending, setPending] = useState(null) const [currentPath, setCurrentPath] = useState('/') const [entries, setEntries] = useState>([]) const [error, setError] = useState(null) const [loading, setLoading] = useState(false) useEffect(() => { setDesktopFsRemotePicker({ selectPaths: options => new Promise(resolve => { const defaultPath = clean(options?.defaultPath || '/') setCurrentPath(defaultPath) setPending({ defaultPath, resolve, title: options?.title || r.remotePickerTitle }) }) }) return () => setDesktopFsRemotePicker(null) }, [r.remotePickerTitle]) useEffect(() => { if (!pending) { return } let active = true setLoading(true) setError(null) void readDesktopDir(currentPath) .then(result => { if (!active) { return } if (result.error) { setError(result.error) setEntries([]) return } setEntries(result.entries.filter(entry => entry.isDirectory).map(entry => ({ name: entry.name, path: entry.path }))) }) .catch(err => { if (active) { setError(err instanceof Error ? err.message : String(err)) setEntries([]) } }) .finally(() => { if (active) { setLoading(false) } }) return () => { active = false } }, [currentPath, pending]) const crumbs = useMemo(() => { const parts = clean(currentPath).split('/').filter(Boolean) const out = [{ label: '/', path: '/' }] let acc = '' for (const part of parts) { acc += `/${part}` out.push({ label: part, path: acc }) } return out }, [currentPath]) const close = (paths: string[] = []) => { pending?.resolve(paths) setPending(null) setEntries([]) setError(null) } return ( ) } function FolderRow({ disabled = false, name, onClick }: { disabled?: boolean; name: string; onClick: () => void }) { return ( ) }