48 Commits

• fix(mcp): resolve sync-to-other-side functionality failure

  This commit implements a three-layer fix to restore the "Sync to other side"
  feature when adding or editing MCP servers across Claude and Codex.
  
  Root Cause Analysis:
  1. Frontend issue: New MCP entries had their `enabled` field deleted
  2. Backend issue: Default value was `false` when `enabled` was missing
  3. Core issue: MCP entries were never copied to the other app's servers
  
  Changes:
  
  Frontend (McpFormModal.tsx):
  - Set `enabled=true` by default for new MCP entries
  - Preserve existing `enabled` state when editing
  
  Backend (services/mcp.rs):
  - Change default value from `unwrap_or(false)` to `unwrap_or(true)`
  - Implement cross-app MCP replication when `sync_other_side=true`
  - Clone MCP entry to other app's servers before syncing to live files
  
  Impact:
  - "Sync to Codex" checkbox now correctly adds MCP to both Claude and Codex
  - "Sync to Claude" checkbox now correctly adds MCP to both Codex and Claude
  - Both config.json and live files (~/.claude.json, ~/.codex/config.toml) are updated
  - Fixes regression introduced during project restructure
  
  Tested:
  - TypeScript type checking passed
  - Rust clippy linting passed
  - Manual testing: MCP sync works bidirectionally

  Jason · 2025-10-30 22:34:34 +08:00
  717be12991
• style: format code with consistent spacing and line breaks
  Jason · 2025-10-30 15:31:08 +08:00
  55223bdd46
• refactor(types): rename AppType to AppId for semantic clarity

  Rename `AppType` to `AppId` across the entire frontend codebase to better
  reflect its purpose as an application identifier rather than a type category.
  This aligns frontend naming with backend command parameter conventions.
  
  Changes:
  - Rename type `AppType` to `AppId` in src/lib/api/types.ts
  - Remove `AppType` export from src/lib/api/index.ts
  - Update all component props from `appType` to `appId` (43 files)
  - Update all variable names from `appType` to `appId`
  - Synchronize documentation (CHANGELOG, refactoring plans)
  - Update test files and MSW mocks
  
  BREAKING CHANGE: `AppType` type is no longer exported. Use `AppId` instead.
  All component props have been renamed from `appType` to `appId`.

  Jason · 2025-10-30 14:59:15 +08:00
  8e4a0a1bbb
• refactor: implement unified border design system

  - Define custom border utilities in @layer utilities for consistent theming
  - Add border-default (1px gray), border-active (2px primary), border-hover (40% primary), and border-dragging (60% primary) classes
  - Update all UI components (Input, Select, TextArea, Button, Dialog, Dropdown) to use unified border classes
  - Replace hardcoded border colors (gray-200/300/600/700) with theme-responsive border-border-default
  - Update provider cards, MCP components, settings, and forms with new border system
  - Remove dark mode border overrides to simplify CSS and improve maintainability
  - Ensure all borders automatically adapt to light/dark themes via CSS variables

  Jason · 2025-10-20 23:44:06 +08:00
  3626880663
• fix: standardize MCP panel button font sizes to match app-wide consistency

  Remove size="sm" from MCP panel buttons to use default text-sm instead of text-xs, ensuring visual consistency with buttons throughout the application.

  Jason · 2025-10-19 10:38:25 +08:00
  b036a94281
• refine: improve MCP panel spacing and add icon consistency

  Enhance visual consistency across MCP dialogs with better spacing
  and appropriate icons for add/edit actions.
  
  Changes:
  - McpFormModal: Use Plus icon for "Add" button, Save icon for "Edit" button
  - McpPanel: Balance spacing around server info line (py-4 for info section,
    pb-4 for content area) to create equal visual weight between header and
    server list
  
  The MCP panel now has consistent vertical rhythm with 1rem spacing above
  and below the server count info line.

  Jason · 2025-10-19 10:27:03 +08:00
  5253e7ec37
• refactor: standardize dialog components to use consistent DialogFooter styling

  Remove custom styling from DialogFooter components across the application
  to ensure consistent appearance and behavior. All dialogs now follow the
  unified layout pattern defined in the base Dialog component.
  
  Changes:
  - Remove custom className overrides from DialogFooter in:
    - EndpointSpeedTest.tsx
    - CodexQuickWizardModal.tsx
    - CodexCommonConfigModal.tsx
    - ClaudeConfigEditor.tsx
  - Fix McpWizardModal content area padding (remove -mx-6 negative margin)
  - Fix McpPanel to use DialogFooter component instead of custom div
  
  All dialogs now consistently use:
  - DialogHeader: px-6 pt-6 pb-4 with border and background (built-in)
  - Content area: flex-1 overflow-y-auto px-6 py-4
  - DialogFooter: px-6 pb-6 pt-4 with border and background (built-in)
  
  This ensures proper spacing, alignment, and visual consistency across
  all modal dialogs in the application.

  Jason · 2025-10-18 17:16:13 +08:00
  08eed46919
• fix: unify dialog layout and fix content padding issues

  - Fix negative margin overflow in all dialog content areas
  - Standardize dialog structure with flex-col layout
  - Add consistent py-4 spacing to all content areas
  - Ensure proper spacing between header, content, and footer
  
  Affected components:
  - AddProviderDialog, EditProviderDialog
  - McpFormModal, McpPanel
  - UsageScriptModal
  - SettingsDialog
  
  All dialogs now follow unified layout pattern:
  - DialogContent: flex flex-col max-h-[90vh]
  - Content area: flex-1 overflow-y-auto px-6 py-4
  - No negative margins that cause content overflow

  Jason · 2025-10-18 16:52:02 +08:00
  57552b3159
• refactor: extract MCP business logic to useMcpActions hook

  Before optimization:
  - McpPanel.tsx: 298 lines (component + business logic)
  
  After optimization:
  - McpPanel.tsx: 234 lines (-21%, UI focused)
  - useMcpActions.ts: 137 lines (business logic)
  
  Benefits:
  ✅ Separation of concerns: UI vs business logic
  ✅ Reusability: MCP operations can be used in other components
  ✅ Testability: business logic can be tested independently
  ✅ Consistency: follows same pattern as useProviderActions
  ✅ Optimistic updates: toggle enabled status with rollback on error
  ✅ Unified error handling: all MCP errors use toast notifications
  
  Technical details:
  - Extract reload, toggleEnabled, saveServer, deleteServer
  - Implement optimistic UI updates for toggle
  - Centralize error handling and toast messages
  - Remove duplicate error handling code from component

  Jason · 2025-10-17 18:19:06 +08:00
  b8a435a7f6
• refactor: extract business logic to useProviderActions hook

  Major improvements:
  - Create `src/hooks/useProviderActions.ts` (147 lines)
    - Consolidate provider operations (add, update, delete, switch)
    - Extract Claude plugin sync logic
    - Extract usage script save logic
  
  - Simplify `App.tsx` (347 → 226 lines, -35%)
    - Remove 8 callback functions
    - Remove Claude plugin sync logic
    - Remove usage script save logic
    - Cleaner and more maintainable
  
  - Replace `onNotify` prop with `toast` in:
    - `UsageScriptModal.tsx`
    - `McpPanel.tsx`
    - `McpFormModal.tsx`
    - `McpWizardModal.tsx`
    - Unified notification system using sonner
  
  Benefits:
  - Reduced coupling and improved maintainability
  - Business logic isolated in hooks, easier to test
  - Consistent notification system across the app

  Jason · 2025-10-17 17:49:16 +08:00
  f963d58e6a
• refactor: cleanup and minor improvements

  - Remove unused useDarkMode hook (now using shadcn theme-provider)
  - Clean up MCP components (remove redundant code)
  - Add restart API to settings
  - Minor type improvements

  Jason · 2025-10-17 16:35:12 +08:00
  8d6ab63648
• refactor: extract validation logic into useMcpValidation hook

  Extract all MCP form validation logic into a reusable custom hook to
  improve code organization and enable reuse across components.
  
  Changes:
  - Create useMcpValidation hook with 4 validation functions:
    * validateJson: basic JSON structure validation
    * formatTomlError: unified TOML error formatting with i18n
    * validateTomlConfig: complete TOML validation with required fields
    * validateJsonConfig: complete JSON validation with structure checks
  
  - Update McpFormModal to use the hook instead of inline validation
  - Simplify validation calls throughout the component
  - Reduce code duplication while maintaining all functionality
  
  Benefits:
  - Validation logic can be reused in other MCP-related components
  - Easier to test validation in isolation
  - Better separation of concerns
  - McpFormModal remains at 699 lines (original: 767), kept cohesive
  
  The component stays as one piece since its 700 lines represent a
  single, cohesive form feature rather than multiple unrelated concerns.

  Jason · 2025-10-17 15:10:04 +08:00
  d3f2c3c901
• refactor: migrate all MCP dialogs to shadcn/ui Dialog component

  Convert all MCP-related modal windows to use the unified shadcn/ui Dialog
  component for consistency with the rest of the application.
  
  Changes:
  - McpPanel: Replace custom modal with Dialog component
    - Update props from onClose to open/onOpenChange pattern
    - Use DialogContent, DialogHeader, DialogTitle components
    - Remove custom backdrop and close button (handled by Dialog)
  
  - McpFormModal: Migrate form modal to Dialog
    - Wrap entire form in Dialog component structure
    - Use DialogFooter for action buttons
    - Apply variant="mcp" to maintain green button styling
    - Remove unused X icon import
  
  - McpWizardModal: Convert wizard to Dialog
    - Replace custom modal structure with Dialog components
    - Use Button component with variant="mcp" for consistency
    - Remove unused isLinux and X icon imports
  
  - App.tsx: Update McpPanel usage
    - Remove conditional rendering wrapper
    - Pass open and onOpenChange props directly
  
  - dialog.tsx: Fix dialog overlay and content styling
    - Change overlay from bg-background/80 to bg-black/50 for consistency
    - Change content from bg-background to explicit bg-white dark:bg-gray-900
    - Ensures opaque backgrounds matching MCP panel style
  
  Benefits:
  - Unified dialog behavior across the application
  - Consistent styling and animations
  - Better accessibility with Radix UI primitives
  - Reduced code duplication
  - Maintains MCP-specific green color scheme
  
  All dialogs now share the same base styling while preserving their unique
  content and functionality.

  Jason · 2025-10-16 16:20:45 +08:00
  92528e6a9f
• style: restore original color scheme to shadcn/ui components

  Restore the vibrant color palette from the pre-refactoring version while
  maintaining shadcn/ui component architecture and modern design patterns.
  
  ## Color Scheme Restoration
  
  ### Button Component
  - **default variant**: Blue primary (`bg-blue-500`) - matches old `primary`
  - **destructive variant**: Red (`bg-red-500`) - matches old `danger`
  - **secondary variant**: Gray text (`text-gray-500`) - matches old `secondary`
  - **ghost variant**: Transparent hover (`hover:bg-gray-100`) - matches old `ghost`
  - **mcp variant**: Emerald green (`bg-emerald-500`) - matches old `mcp`
  - Updated border-radius to `rounded-lg` for consistency
  
  ### CSS Variables
  - Set `--primary` to blue (`hsl(217 91% 60%)` ≈ `bg-blue-500`)
  - Added complete shadcn/ui theme variables for light/dark modes
  - Maintained semantic color tokens for maintainability
  
  ### Component-Specific Colors
  - **"Currently Using" badge**: Green (`bg-green-500/10 text-green-500`)
  - **Delete button hover**: Red (`hover:text-red-500 hover:bg-red-100`)
  - **MCP button**: Emerald green with minimum width (`min-w-[80px]`)
  - **Links/URLs**: Blue (`text-blue-500`)
  
  ## Benefits
  
  - ✅ Restored original vibrant UI (blue, green, red accents)
  - ✅ Maintained shadcn/ui component system (accessibility, animations)
  - ✅ Easy global theming via CSS variables
  - ✅ Consistent design language across all components
  - ✅ Code formatted with Prettier (shadcn/ui standards)
  
  ## Files Changed
  
  - `src/index.css`: Added shadcn/ui theme variables with blue primary
  - `src/components/ui/button.tsx`: Restored all original button color variants
  - `src/components/providers/ProviderCard.tsx`: Green badge for current provider
  - `src/components/providers/ProviderActions.tsx`: Red hover for delete button
  - `src/components/mcp/McpPanel.tsx`: Use `mcp` variant for consistency
  - `src/App.tsx`: MCP button with emerald color and wider width
  
  The UI now matches the original colorful design while leveraging modern
  shadcn/ui components for better maintainability and user experience.

  Jason · 2025-10-16 15:32:26 +08:00
  5f2bede5c4
• feat: complete stage 4 cleanup and code formatting

  This commit completes stage 4 of the refactoring plan, focusing on cleanup
  and optimization of the modernized codebase.
  
  ## Key Changes
  
  ### Code Cleanup
  - Remove legacy `src/lib/styles.ts` (no longer needed)
  - Remove old modal components (`ImportProgressModal.tsx`, `ProviderList.tsx`)
  - Streamline `src/lib/tauri-api.ts` from 712 lines to 17 lines (-97.6%)
    - Remove global `window.api` pollution
    - Keep only event listeners (`tauriEvents.onProviderSwitched`)
    - All API calls now use modular `@/lib/api/*` layer
  
  ### Type System
  - Clean up `src/vite-env.d.ts` (remove 156 lines of outdated types)
  - Remove obsolete global type declarations
  - All TypeScript checks pass with zero errors
  
  ### Code Formatting
  - Format all source files with Prettier (82 files)
  - Fix formatting issues in 15 files:
    - App.tsx and core components
    - MCP management components
    - Settings module components
    - Provider management components
    - UI components
  
  ### Documentation Updates
  - Update `REFACTORING_CHECKLIST.md` with stage 4 progress
  - Mark completed tasks in `REFACTORING_MASTER_PLAN.md`
  
  ## Impact
  
  **Code Reduction:**
  - Total: -1,753 lines, +384 lines (net -1,369 lines)
  - tauri-api.ts: 712 → 17 lines (-97.6%)
  - Removed styles.ts: -82 lines
  - Removed vite-env.d.ts declarations: -156 lines
  
  **Quality Improvements:**
  - ✅ Zero TypeScript errors
  - ✅ Zero TODO/FIXME comments
  - ✅ 100% Prettier compliant
  - ✅ Zero `window.api` references
  - ✅ Fully modular API layer
  
  ## Testing
  - [x] TypeScript compilation passes
  - [x] Code formatting validated
  - [x] No linting errors
  
  Stage 4 completion: 100%
  Ready for stage 5 (testing and bug fixes)

  Jason · 2025-10-16 12:13:51 +08:00
  f3e7412a14
• feat(mcp): add overwrite warning and improve sync option visibility

  - Move sync checkbox to footer alongside save/cancel buttons for better visibility
  - Add real-time conflict detection to check for duplicate MCP IDs on other side
  - Display amber warning icon when sync would overwrite existing config
  - Add i18n keys for overwrite warning (zh: "将覆盖 {{target}} 中的同名配置")
  - Update UI layout to use justify-between for better spacing

  Jason · 2025-10-14 10:22:57 +08:00
  5427ae04e4
• feat(mcp): add option to mirror MCP config to other app

  - Add syncOtherSide parameter to upsert_mcp_server_in_config command
  - Implement checkbox UI in McpFormModal for cross-app sync
  - Automatically sync enabled MCP servers to both Claude and Codex when option is checked
  - Add i18n support for sync option labels and hints

  Jason · 2025-10-14 00:22:15 +08:00
  a2aa5f8434
• feat(mcp): pre-fill wizard with existing configuration

  Allow MCP wizard to load and edit existing server configuration:
  - Parse current config (JSON/TOML) and pass to wizard as initial data
  - Auto-detect server type (stdio/http) and populate form fields
  - Convert objects (env/headers) to multi-line text format for editing
  - Improves UX by avoiding manual re-entry of existing settings

  Jason · 2025-10-13 23:37:33 +08:00
  06010ff78e
• refactor: improve code quality and fix linting issues

  - Derive Default trait instead of manual implementation for McpRoot and ProviderManager
  - Remove redundant closures in codex_config.rs and config.rs
  - Simplify match statements to if let patterns in migration.rs and lib.rs
  - Remove unnecessary type conversions and borrows in lib.rs
  - Fix i18n key inconsistency: sequentialThinking → sequential-thinking
  - Format TypeScript files to match Prettier style
  
  All clippy warnings resolved, code passes all quality checks.

  Jason · 2025-10-12 16:52:32 +08:00
  6e2c80531d
• feat(i18n): complete internationalization for MCP preset descriptions

  - Add i18n keys for all 5 MCP preset descriptions (fetch, time, memory, sequential-thinking, context7)
  - Refactor mcpPresets.ts to use i18n keys instead of hardcoded Chinese descriptions
  - Add getMcpPresetWithDescription() helper function for dynamic translation
  - Update McpFormModal to use translated descriptions when applying presets
  - Fix inconsistent key naming: sequentialThinking -> sequential-thinking
  
  This ensures MCP preset descriptions automatically switch language based on user's locale setting.

  Jason · 2025-10-12 16:34:32 +08:00
  2ec0a10a2c
• feat(mcp): add enabled count to panel info section

  - Add enabledCount calculation using useMemo for performance
  - Display format: "X MCP server(s) configured · Y enabled"
  - Add i18n keys: mcp.enabledCount for zh and en
  - Real-time updates when toggling server enabled status

  Jason · 2025-10-12 12:16:15 +08:00
  3bd70b9508
• feat(mcp): add collapsible additional info section in form modal

  Improves UX by collapsing optional metadata fields (description, tags, homepage, docs) behind an expandable "Additional Info" section.
  
  Changes:
  - Add collapsible section with ChevronUp/ChevronDown icons
  - Smart default state: collapsed for new entries, expanded for existing entries with metadata
  - Add i18n keys: mcp.form.additionalInfo (zh: "附加信息", en: "Additional Info")
  - Keep core fields (ID, name, config) always visible for better focus
  
  Benefits:
  - Cleaner, less cluttered form interface
  - Users can focus on essential configuration first
  - Optional metadata easily accessible when needed

  Jason · 2025-10-12 11:01:49 +08:00
  1415ef4d78
• refactor(mcp): improve data structure with metadata/spec separation

  - Separate MCP server metadata from connection spec for cleaner architecture
  - Add comprehensive server entry fields: name, description, tags, homepage, docs
  - Remove legacy format compatibility logic from extract_server_spec
  - Implement data validation and filtering in get_servers_snapshot_for
  - Add strict id consistency check in upsert_in_config_for
  - Enhance import logic with defensive programming for corrupted data
  - Simplify frontend by removing normalization logic (moved to backend)
  - Improve error messages with contextual information
  - Add comprehensive i18n support for new metadata fields

  Jason · 2025-10-12 00:08:37 +08:00
  fb137c4a78
• fix(mcp): improve error message internationalization

  - Add translateMcpBackendError utility to map backend errors to i18n keys
  - Update error handling in McpPanel, McpFormModal, and McpWizardModal
  - Internationalize stdio/http type selectors in Wizard
  - Implement three-tier fallback strategy: translation → raw error → default message
  - No backend changes required, fully frontend-based i18n implementation

  Jason · 2025-10-11 16:20:12 +08:00
  ea7080a42e
• fix(app): eliminate startup white screen by replacing @iarna/toml with browser-friendly smol-toml

  - chore(deps): switch TOML dependency from @iarna/toml to smol-toml and update lockfile
  - feat(mcp): add TOML editing/validation for Codex while keeping JSON for Claude; support auto ID extraction from TOML and JSON->TOML conversion for wizard output; add pre-submit required checks (stdio.command / http.url)
  - refactor(mcp): unify JSON/TOML validation errors via i18n; add formatTomlError for consistent, localized messages; consolidate state into formConfig/configError
  - feat(i18n): add TOML labels/placeholders and error keys (tomlConfig, tomlPlaceholder, tomlInvalid)
  - feat(utils): introduce tomlUtils with parse/stringify/validate/convert helpers using smol-toml; provide tomlToMcpServer, mcpServerToToml, extractIdFromToml, validateToml
  - build: confirm Vite no longer externalizes Node builtins during build; renderer builds without 'Module 'stream' has been externalized' warning

  Jason · 2025-10-11 15:34:58 +08:00
  c2b27a4949
• feat(mcp): enhance wizard with title field and optimize placeholders

  - Add MCP title field to wizard (required)
  - Remove working directory (cwd) field and related logic
  - Update wizard callback to return both title and JSON
  - Optimize placeholder text for better user guidance:
    - Command: "npx or uvx"
    - Args: "arg1\narg2"
    - Env: "KEY1=value1\nKEY2=value2"
    - Headers: "Authorization: Bearer your_token_here\n..."
  - Simplify args label by removing "(one per line)" hint
  - Update parent component to handle title from wizard

  Jason · 2025-10-11 11:43:32 +08:00
  a6ee3ba35f
• fix(mcp): prevent wizard height jump when switching types

  - Add min-h-[400px] to form fields container
  - Ensures consistent height between stdio and http modes
  - Eliminates visual jump when toggling between types

  Jason · 2025-10-11 10:15:40 +08:00
  42329d4dce
• feat(mcp): show wizard button only in custom mode

  - Hide 'Use Configuration Wizard' button when preset MCP is selected
  - Show wizard button only in custom mode or edit mode
  - Prevents user confusion by avoiding wizard access when preset configs are loaded

  Jason · 2025-10-11 09:55:54 +08:00
  5013d3b4c9
• feat(mcp): unify preset button styles with emerald theme

  - Update MCP preset selector to match provider form layout
  - Change button size from xs to sm (px-4 py-2) for consistency
  - Use emerald-500/600 for selected state (MCP brand color)
  - Add preset description text below buttons
  - Fix cancel button hover effect in footer (gray-200/gray-700)
  - Fix missing space in zh i18n: "应用到 Claude Code 插件"

  Jason · 2025-10-11 09:22:33 +08:00
  9ba9cddf18
• feat(mcp): unify modal styles and add footer with done button

  - Unify McpFormModal width to max-w-3xl (consistent with provider form)
  - Add scrollable container with max-h-[90vh] to McpFormModal
  - Add footer section to both McpFormModal and McpPanel
  - Add "Done" button with emerald theme and check icon to McpPanel footer
  - Add i18n keys for "common.done" (zh: "完成", en: "Done")
  - Apply consistent footer styling across all modals

  Jason · 2025-10-10 23:57:38 +08:00
  81356cacee
• fix(mcp): eliminate panel flicker on toggle with optimistic updates

  - Add fixed height (h-16) to MCP list items for visual consistency
  - Implement optimistic UI updates in handleToggle to prevent flicker
  - Remove reload() call that caused loading state transitions
  - Add automatic rollback on API failure with error notifications

  Jason · 2025-10-10 23:23:40 +08:00
  3b142155c3
• refactor(mcp): remove installed preset badge and env-related preset logic

  - Move MCP presets into Add modal, no auto-seeding into list
  - Replace env-required presets with context7 (no env needed)
  - Remove requiresEnv checks/prompts from list and form
  - Keep Docs button; maintain clean list UI

  Jason · 2025-10-10 22:34:38 +08:00
  4543664ba2
• - feat(mcp): unify notifications via onNotify in form and wizard

  - refactor(mcp): remove HTML5 required to avoid native popups
  
  - refactor(ui): propagate onNotify from App → McpPanel → McpFormModal → McpWizardModal
  
  - feat(settings): use onNotify for export and file-selection feedback
  
  - fix(ui): notify link-open failures via onNotify; remove unused appType prop from ProviderList
  
  - chore: format codebase and ensure typecheck passes

  Jason · 2025-10-10 20:52:16 +08:00
  e88562be98
• feat(mcp): import Codex MCP from ~/.codex/config.toml

  - Support both TOML schemas: [mcp.servers.<id>] and [mcp_servers.<id>]
  - Non-destructive merge of imported servers (enabled=true only)
  - Preserve existing TOML schema when syncing (prefer mcp_servers)
  - Remove both mcp and mcp_servers when no enabled items
  
  feat(ui): auto-import Codex MCP on panel init (app=codex)
  
  chore(tauri): add import_mcp_from_codex command and register
  
  chore(types): expose window.api.importMcpFromCodex and typings
  
  fix(ui): remove unused variable for typecheck

  Jason · 2025-10-10 14:59:02 +08:00
  6cf7dacd0e
• feat(mcp): app-aware MCP panel and Codex MCP sync to config.toml

  - Make MCP panel app-aware; pass appType from App and call APIs with current app
  - Show active app in title: “MCP Management · Claude Code/Codex”
  - Add sync_enabled_to_codex: project enabled servers from SSOT to ~/.codex/config.toml as [mcp.servers.*]
  - Sync on enable/disable, delete, and provider switch (post live write)
  - Add Tauri command sync_enabled_mcp_to_codex and expose window.api.syncEnabledMcpToCodex()
  - Fix Rust borrow scopes in switch_provider to avoid E0502
  - Add TS declarations for new Codex sync API

  Jason · 2025-10-10 12:35:02 +08:00
  428369cae0
• refactor(mcp): improve UI consistency and i18n

  - Add MCP-specific green button style (buttonStyles.mcp)
  - Unify MCP panel and form buttons with emerald theme
  - Adjust MCP entry button width to match AppSwitcher (px-3)
  - Reduce JSON editor height from h-64 to h-48
  - Update translations: "Add/Edit Server" → "Add/Edit MCP"
  - Change form label to "MCP Title (Unique)" for clarity
  - Move config wizard button to right side of JSON label
  - Fix McpListItem enabled state check (explicit true check)

  Jason · 2025-10-10 11:58:40 +08:00
  7f1131dfae
• feat(mcp): show inline duplicate ID error and block submit in add mode

  - Display red hint next to title when ID exists
  
  - Disable Add/Save button and prevent submit on duplicate
  
  - Accept existing IDs via prop for real-time validation
  
  - Remove overwrite confirmation dialog on add
  
  - i18n: add duplicate-ID error strings and remove unused overwrite prompt
  
  - files:
  
    - src/components/mcp/McpFormModal.tsx
  
    - src/components/mcp/McpPanel.tsx
  
    - src/i18n/locales/en.json
  
    - src/i18n/locales/zh.json

  Jason · 2025-10-10 11:17:40 +08:00
  7493f3f9dd
• fix(mcp): properly save and display description field

  - Initialize formDescription from initialData.description when editing
  - Save formDescription to server object before submitting
  - Display only description in list items, hide technical details
  - Show empty space when description is not available

  Jason · 2025-10-09 23:13:33 +08:00
  eb8d9352c8
• refactor(mcp): optimize panel UI dimensions and simplify state

  - Reduce max width from 4xl (896px) to 3xl (768px)
  - Adjust max height from 90vh to 85vh with min-height 600px
  - Remove config path display, keep only server count
  - Remove McpStatus state, calculate count directly from servers
  - Simplify reload function by removing redundant status updates

  Jason · 2025-10-09 22:56:03 +08:00
  29b8d5edde
• fix(mcp): remove SSE support; keep stdio default when type is omitted

  - Backend: reject "sse" in validators; accept missing type as stdio; require url only for http (mcp.rs, claude_mcp.rs)
  - Frontend: McpServer.type narrowed to "stdio" | "http" (optional) (src/types.ts)
  - UI: avoid undefined in list item details (McpListItem)
  - Claude-only sync after delete to update ~/.claude.json (commands.rs)
  
  Notes:
  - Ran typecheck and cargo check: both pass
  - Clippy shows advisory warnings unrelated to this change
  - Prettier check warns on a few files; limited scope changes kept minimal

  Jason · 2025-10-09 22:02:56 +08:00
  511980e3ea
• feat(mcp): use project config as SSOT and sync enabled servers to ~/.claude.json

  - Add McpConfig to MultiAppConfig and persist MCP servers in ~/.cc-switch/config.json
  - Add Tauri commands: get_mcp_config, upsert_mcp_server_in_config, delete_mcp_server_in_config, set_mcp_enabled, sync_enabled_mcp_to_claude, import_mcp_from_claude
  - Only write enabled MCPs to ~/.claude.json (mcpServers) and strip UI-only fields (enabled/source)
  - Frontend: update API wrappers and MCP panel to read/write via config.json; seed presets on first open; import from ~/.claude.json
  - Fix warnings (remove unused mut, dead code)
  - Verified with cargo check and pnpm typecheck

  Jason · 2025-10-09 21:08:42 +08:00
  f6bf8611cd
• feat(mcp): inline presets in panel with one-click enable

  - Show not-installed MCP presets directly in the list, consistent with existing UI (no modal)
  - Toggle now supports enabling presets by writing to ~/.claude.json (mcpServers) and refreshing list
  - Keep installed MCP entries unchanged (edit/delete/toggle)
  
  fix(mcp): robust error handling and pre-submit validation
  
  - Use extractErrorMessage in MCP panel and form to surface backend details
  - Prevent pasting full config (with mcpServers) into single-server JSON field
  - Add required-field checks: stdio requires non-empty command; http requires non-empty url
  
  i18n: add messages for single-server validation and preset labels
  
  chore: add data-only MCP presets file (no new dependencies)

  Jason · 2025-10-09 17:21:03 +08:00
  0be596afb5
• fix(mcp): improve error handling and notification visibility

  - Increase notification z-index to z-[80] to prevent overlay issues
  - Make MCP save operation async with proper error propagation
  - Display specific backend error messages in form validation
  - Ensure errors are visible in both form and panel layers

  Jason · 2025-10-09 16:44:28 +08:00
  2bb847cb3d
• fix(mcp): update MCP wizard to support http type and improve args input

  - Replace deprecated 'sse' type with 'http' (as per Claude Code official docs)
  - Add HTTP-specific fields: url (required) and headers (optional)
  - Implement dynamic UI: show different fields based on selected type
  - Improve args input: support multi-line input (one argument per line)
  - Add headers parsing supporting both 'KEY: VALUE' and 'KEY=VALUE' formats
  - Update backend validation to enforce type-specific required fields
  - Update i18n translations (zh/en) with new HTTP-related labels

  Jason · 2025-10-09 12:04:37 +08:00
  9471cb0d19
• feat(mcp): add configuration wizard and simplify form modal

  - Simplify McpFormModal to 3 inputs: title (required), description (optional), and JSON config (optional)
  - Add JSON validation similar to ProviderForm (must be object, real-time error display)
  - Create McpWizardModal component for quick configuration:
    - 5 input fields: type (stdio/sse), command (required), args, cwd, env
    - Real-time JSON preview
    - Emerald theme color (consistent with MCP button)
    - Z-index 70 (above McpFormModal's 60)
  - Add "or use configuration wizard" link next to JSON config label
  - Update i18n translations (zh/en) for form and wizard
  - All changes pass TypeScript typecheck and Prettier formatting

  Jason · 2025-10-09 11:30:28 +08:00
  d0fe9d7533
• refactor(mcp): redesign MCP management panel UI

  - Redesign MCP panel to match main interface style
  - Add toggle switch for each MCP server to enable/disable
  - Use emerald theme color consistent with MCP button
  - Create card-based layout with one MCP per row
  - Add dedicated form modal for add/edit operations
  - Implement proper empty state with friendly prompts
  - Add comprehensive i18n support (zh/en)
  - Extend McpServer type to support enabled field
  - Backend already supports enabled field via serde_json::Value
  
  Components:
  - McpPanel: Main panel container with header and list
  - McpListItem: Card-based list item with toggle and actions
  - McpFormModal: Independent modal for add/edit forms
  - McpToggle: Emerald-themed toggle switch component
  
  All changes passed TypeScript type checking and production build.

  Jason · 2025-10-09 11:04:36 +08:00
  59c13c3366
• refactor(mcp): switch to user-level config ~/.claude.json and remove project-level logic

  - Read/write ~/.claude.json (preserve unknown fields) for mcpServers
  - Remove settings.local.json and mcp.json handling
  - Drop enableAllProjectMcpServers command and UI toggle
  - Update types, Tauri APIs, and MCP panel to reflect new status fields
  - Keep atomic write and command validation behaviors

  Jason · 2025-10-08 23:22:19 +08:00
  96a4b4fe95
• feat(mcp): implement MCP management panel (list, form, templates)

  - Add McpPanel with enable toggle, server list and add/edit form
  - Quick template: mcp-fetch (uvx mcp-server-fetch)
  - Command validation UI and open ~/.claude shortcut
  - Wire MCP button in App to open panel

  Jason · 2025-10-08 22:35:07 +08:00
  c6a062f64a