import { useMemo } from "react"; import { FolderSearch, Undo2 } from "lucide-react"; import { Input } from "@/components/ui/input"; import { Button } from "@/components/ui/button"; import { useTranslation } from "react-i18next"; import type { AppId } from "@/lib/api"; import type { ResolvedDirectories } from "@/hooks/useSettings"; type DirectoryAppId = Exclude; interface DirectorySettingsProps { appConfigDir?: string; resolvedDirs: ResolvedDirectories; onAppConfigChange: (value?: string) => void; onBrowseAppConfig: () => Promise; onResetAppConfig: () => Promise; claudeDir?: string; codexDir?: string; geminiDir?: string; opencodeDir?: string; openclawDir?: string; hermesDir?: string; onDirectoryChange: (app: DirectoryAppId, value?: string) => void; onBrowseDirectory: (app: DirectoryAppId) => Promise; onResetDirectory: (app: DirectoryAppId) => Promise; } export function DirectorySettings({ appConfigDir, resolvedDirs, onAppConfigChange, onBrowseAppConfig, onResetAppConfig, claudeDir, codexDir, geminiDir, opencodeDir, openclawDir, hermesDir, onDirectoryChange, onBrowseDirectory, onResetDirectory, }: DirectorySettingsProps) { const { t } = useTranslation(); return (

{/* CC Switch 配置目录 - 独立区块 */}

{t("settings.appConfigDir")}

{t("settings.appConfigDirDescription")}

onAppConfigChange(event.target.value)} />

{/* Claude/Codex 配置目录 - 独立区块 */}

{t("settings.configDirectoryOverride")}

{t("settings.configDirectoryDescription")}

onDirectoryChange("claude", val)} onBrowse={() => onBrowseDirectory("claude")} onReset={() => onResetDirectory("claude")} /> onDirectoryChange("codex", val)} onBrowse={() => onBrowseDirectory("codex")} onReset={() => onResetDirectory("codex")} /> onDirectoryChange("gemini", val)} onBrowse={() => onBrowseDirectory("gemini")} onReset={() => onResetDirectory("gemini")} /> onDirectoryChange("opencode", val)} onBrowse={() => onBrowseDirectory("opencode")} onReset={() => onResetDirectory("opencode")} /> onDirectoryChange("openclaw", val)} onBrowse={() => onBrowseDirectory("openclaw")} onReset={() => onResetDirectory("openclaw")} /> onDirectoryChange("hermes", val)} onBrowse={() => onBrowseDirectory("hermes")} onReset={() => onResetDirectory("hermes")} />

); } interface DirectoryInputProps { label: string; description?: string; value?: string; resolvedValue: string; placeholder?: string; onChange: (value?: string) => void; onBrowse: () => Promise; onReset: () => Promise; } function DirectoryInput({ label, description, value, resolvedValue, placeholder, onChange, onBrowse, onReset, }: DirectoryInputProps) { const { t } = useTranslation(); const displayValue = useMemo( () => value ?? resolvedValue ?? "", [value, resolvedValue], ); return (

{label}

{description ? (

{description}

) : null}

onChange(event.target.value)} />

); }