fix: generate valid EasyTier config

Author: fanyang89

src/components/Expert/SectionAdvanced.tsx

@@ -1,5 +1,5 @@
 import { useTranslation } from 'react-i18next';
-import { useConfig } from '../../context/ConfigContext';
+import { useConfig } from '../../context/useConfig';
 import { FormField } from '../common/FormField';
 import { Toggle } from '../common/Toggle';
 import { Select } from '../common/Select';

src/components/Expert/SectionConnections.tsx

@@ -1,5 +1,5 @@
 import { useTranslation } from 'react-i18next';
-import { useConfig } from '../../context/ConfigContext';
+import { useConfig } from '../../context/useConfig';
 import { FormField } from '../common/FormField';
 import { Select } from '../common/Select';
 import { RepeatableField } from '../common/RepeatableField';

src/components/Expert/SectionIP.tsx

@@ -1,5 +1,5 @@
 import { useTranslation } from 'react-i18next';
-import { useConfig } from '../../context/ConfigContext';
+import { useConfig } from '../../context/useConfig';
 import { FormField } from '../common/FormField';
 import { Toggle } from '../common/Toggle';
 

src/components/Expert/SectionLogging.tsx

@@ -1,5 +1,5 @@
 import { useTranslation } from 'react-i18next';
-import { useConfig } from '../../context/ConfigContext';
+import { useConfig } from '../../context/useConfig';
 import { FormField } from '../common/FormField';
 import { Select } from '../common/Select';
 import { getDefaultLogDir } from '../../types/config';
@@ -24,10 +24,7 @@ export function SectionLogging() {
   const { config, updateConfig } = useConfig();
 
   const handleOSChange = (os: TargetOS) => {
-    updateConfig({
-      target_os: os,
-      file_logger: { ...(config.file_logger ?? {}), dir: getDefaultLogDir(os) },
-    });
+    updateConfig({ target_os: os });
   };
 
   return (
@@ -61,7 +58,7 @@ export function SectionLogging() {
             options={levelOptions}
             onChange={(v) =>
               updateConfig({
-                console_logger: { level: v, ...(config.console_logger ?? {}) },
+                console_logger: { ...(config.console_logger ?? {}), level: v },
               })
             }
           />
@@ -74,7 +71,7 @@ export function SectionLogging() {
             options={levelOptions}
             onChange={(v) =>
               updateConfig({
-                file_logger: { level: v, ...(config.file_logger ?? {}) },
+                file_logger: { ...(config.file_logger ?? {}), level: v },
               })
             }
           />
@@ -90,7 +87,7 @@ export function SectionLogging() {
                 file_logger: { ...(config.file_logger ?? {}), dir: e.target.value },
               })
             }
-            placeholder="/tmp/easytier"
+            placeholder={getDefaultLogDir(config.target_os) ?? '/tmp/easytier'}
             className="w-full px-4 py-2.5 rounded-xl bg-white dark:bg-[#27272a] text-sm text-[var(--color-text-h)] dark:text-[var(--color-text-h-dark)] border border-[var(--color-border)] dark:border-[#3f3f46] focus:outline-none focus:ring-1 focus:ring-[var(--color-border)] dark:focus:ring-[var(--color-border-dark)]"
           />
         </FormField>

src/components/Expert/SectionNetwork.tsx

@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Shuffle, Eye, EyeOff } from 'lucide-react';
-import { useConfig } from '../../context/ConfigContext';
+import { useConfig } from '../../context/useConfig';
 import { FormField } from '../common/FormField';
 import { randomNetworkName, randomSecret } from '../../utils/random';
 

src/components/Expert/SectionPortForward.tsx

@@ -1,5 +1,5 @@
 import { useTranslation } from 'react-i18next';
-import { useConfig } from '../../context/ConfigContext';
+import { useConfig } from '../../context/useConfig';
 import { FormField } from '../common/FormField';
 import { Plus, Trash2 } from 'lucide-react';
 import type { PortForwardConfig } from '../../types/config';

src/components/Expert/SectionProxyRoutes.tsx

@@ -1,5 +1,5 @@
 import { useTranslation } from 'react-i18next';
-import { useConfig } from '../../context/ConfigContext';
+import { useConfig } from '../../context/useConfig';
 import { FormField } from '../common/FormField';
 import { RepeatableField } from '../common/RepeatableField';
 

src/components/Expert/SectionVPN.tsx

@@ -1,5 +1,5 @@
 import { useTranslation } from 'react-i18next';
-import { useConfig } from '../../context/ConfigContext';
+import { useConfig } from '../../context/useConfig';
 import { FormField } from '../common/FormField';
 import { Toggle } from '../common/Toggle';
 

src/components/Header.tsx

@@ -1,7 +1,7 @@
 import { Wand2, SlidersHorizontal, Sun, Moon } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 import { useState, useEffect } from 'react';
-import { useConfig } from '../context/ConfigContext';
+import { useConfig } from '../context/useConfig';
 import { getTheme, setTheme, type ThemeMode } from '../utils/theme';
 import { LanguageSwitcher } from './LanguageSwitcher';
 

src/components/TomlPreview.tsx

@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { FileDown, Copy, Check, ChevronUp, ChevronDown } from 'lucide-react';
-import { useConfig } from '../context/ConfigContext';
+import { useConfig } from '../context/useConfig';
 import { generateToml, downloadToml } from '../utils/toml';
 
 export function TomlPreview() {