feat: refactor ProviderForm component with new subcomponents (#13)

* feat: refactor ProviderForm component with new subcomponents

- Introduced PresetSelector, ApiKeyInput, ClaudeConfigEditor, and CodexConfigEditor for improved modularity and readability.
- Simplified preset selection logic for both Claude and Codex configurations.
- Enhanced API Key input handling with dedicated components for better user experience.
- Removed redundant code and improved state management in the ProviderForm component.

* feat: add Kimi model selection to ProviderForm component

- Introduced KimiModelSelector for enhanced model configuration options.
- Implemented state management for Kimi model selection, including initialization and updates based on preset selection.
- Improved user experience by conditionally displaying the Kimi model selector based on the selected preset.
- Refactored related logic to ensure proper handling of Kimi-specific settings in the ProviderForm.

* feat: enhance API Key input and model selection in ProviderForm

- Added toggle functionality to show/hide API Key in ApiKeyInput component for improved user experience.
- Updated placeholder text in ProviderForm to provide clearer instructions based on the selected preset.
- Enhanced KimiModelSelector to display a more informative message when API Key is not provided.
- Refactored provider presets to remove hardcoded API Key values for better security practices.

* fix(kimi): optimize debounce implementation in model selector

- Fix initial state: use empty string instead of apiKey.trim()
- Refactor fetchModels to fetchModelsWithKey with explicit key parameter
- Ensure consistent behavior between auto-fetch and manual refresh
- Eliminate mental overhead from optional parameter fallback logic

* fix(api-key): remove custom masking logic, use native password input

- Remove getDisplayValue function with custom star masking
- Use native browser password input behavior for better UX consistency
- Simplify component logic while maintaining show/hide toggle functionality

* chore: format code with prettier

- Apply consistent code formatting across all TypeScript files
- Fix indentation and spacing according to project style guide

---------

Co-authored-by: Jason <farion1231@gmail.com>

src/lib/tauri-api.ts

@@ -53,7 +53,7 @@ export const tauriAPI = {
   // 更新供应商
   updateProvider: async (
     provider: Provider,
-    app?: AppType
+    app?: AppType,
   ): Promise<boolean> => {
     try {
       return await invoke("update_provider", { provider, app_type: app, app });
@@ -76,7 +76,7 @@ export const tauriAPI = {
   // 切换供应商
   switchProvider: async (
     providerId: string,
-    app?: AppType
+    app?: AppType,
   ): Promise<boolean> => {
     try {
       return await invoke("switch_provider", {
@@ -92,7 +92,7 @@ export const tauriAPI = {
 
   // 导入当前配置为默认供应商
   importCurrentConfigAsDefault: async (
-    app?: AppType
+    app?: AppType,
   ): Promise<ImportResult> => {
     try {
       const success = await invoke<boolean>("import_default_config", {
@@ -180,7 +180,7 @@ export const tauriAPI = {
 
   // 监听供应商切换事件
   onProviderSwitched: async (
-    callback: (data: { appType: string; providerId: string }) => void
+    callback: (data: { appType: string; providerId: string }) => void,
   ): Promise<UnlistenFn> => {
     return await listen("provider-switched", (event) => {
       callback(event.payload as { appType: string; providerId: string });