refactor: improve Agent Settings popup UI components (#12901)

### What this PR does

Before this PR:
- Agent settings popup used a complex `ToolingSettings` component (574
lines) that handled both permission modes and MCP tools in a single
monolithic component
- Permission mode settings had verbose descriptions and lacked clear
visual feedback for selected modes
- Some UI layouts were not optimally responsive

After this PR:
- Split `ToolingSettings` into two focused components:
`PermissionModeSettings` and `ToolsAndMCPSettings` for better separation
of concerns
- Permission mode selection now uses a cleaner card-based UI with
CheckCircle icons for visual feedback
- Added comprehensive i18n support for permission modes and tools
settings across 11 languages
- Improved layout responsiveness in `NameSetting` and `PromptSettings`
components
- Simplified modal handling in permission settings using
`window.modal.confirm`

### Why we need it and why it was done in this way

The following tradeoffs were made:
- Chose to split the monolithic component into smaller focused
components for better maintainability, at the cost of slightly more
files
- Removed detailed behavior descriptions from permission mode UI to
reduce visual clutter while keeping essential information

The following alternatives were considered:
- Keeping the single component but it was becoming too complex to
maintain
- Different UI patterns for permission mode selection, but the
card-based approach provides the clearest visual hierarchy

### Breaking changes

None. This is a pure refactor with UI improvements and i18n additions.

### Special notes for your reviewer

- The overall functionality remains the same, this is primarily a
refactoring and UI polish effort
- i18n files for non-English locales may need review from native
speakers
- Total: +816 lines, -1006 lines (net reduction of ~190 lines)

### Checklist

- [x] PR: The PR description is expressive enough and will help future
contributors
- [x] Code: Write code that humans can understand and Keep it simple
- [x] Refactor: Left the code cleaner than found it (Boy Scout Rule)
- [ ] Upgrade: N/A - no upgrade flow impact
- [ ] Documentation: N/A - internal refactor, no user-facing
documentation needed

### Release note

```release-note
Refactor Agent Settings popup with improved UI components, better permission mode selection, and comprehensive i18n support for 11 languages.
```

Author: kangfenmao

src/renderer/src/components/Popups/agent/AgentModal.tsx

@@ -19,7 +19,6 @@ import type {
 import { AgentConfigurationSchema, isAgentType } from '@renderer/types'
 import type { GitBashPathInfo } from '@shared/config/constant'
 import { Button, Input, Modal, Select } from 'antd'
-import { AlertTriangleIcon } from 'lucide-react'
 import type { ChangeEvent, FormEvent } from 'react'
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
@@ -420,16 +419,6 @@ const PopupContainer: React.FC<Props> = ({ agent, afterSubmit, resolve }) => {
                     <PermissionOptionWrapper>
                       <div className="title">{t(item.titleKey, item.titleFallback)}</div>
                       <div className="description">{t(item.descriptionKey, item.descriptionFallback)}</div>
-                      <div className="behavior">{t(item.behaviorKey, item.behaviorFallback)}</div>
-                      {item.caution && (
-                        <div className="caution">
-                          <AlertTriangleIcon size={12} />
-                          {t(
-                            'agent.settings.tooling.permissionMode.bypassPermissions.warning',
-                            'Use with caution — all tools will run without asking for approval.'
-                          )}
-                        </div>
-                      )}
                     </PermissionOptionWrapper>
                   </Select.Option>
                 ))}

src/renderer/src/config/agent.ts

@@ -26,41 +26,33 @@ export const permissionModeCards: PermissionModeCard[] = [
     mode: 'default',
     // t('agent.settings.tooling.permissionMode.default.title')
     titleKey: 'agent.settings.tooling.permissionMode.default.title',
-    titleFallback: 'Default (ask before continuing)',
+    titleFallback: 'Normal Mode',
     descriptionKey: 'agent.settings.tooling.permissionMode.default.description',
-    descriptionFallback: 'Read-only tools are pre-approved; everything else still needs permission.',
-    behaviorKey: 'agent.settings.tooling.permissionMode.default.behavior',
-    behaviorFallback: 'Read-only tools are pre-approved automatically.'
+    descriptionFallback: 'Can read files freely. Asks before editing or running commands.'
   },
   {
     mode: 'plan',
     // t('agent.settings.tooling.permissionMode.plan.title')
     titleKey: 'agent.settings.tooling.permissionMode.plan.title',
-    titleFallback: 'Planning mode',
+    titleFallback: 'Plan Mode',
     descriptionKey: 'agent.settings.tooling.permissionMode.plan.description',
-    descriptionFallback: 'Shares the default read-only tool set but presents a plan before execution.',
-    behaviorKey: 'agent.settings.tooling.permissionMode.plan.behavior',
-    behaviorFallback: 'Read-only defaults are pre-approved while execution remains disabled.'
+    descriptionFallback: 'Can only read files and make plans. Cannot edit files or run commands.'
   },
   {
     mode: 'acceptEdits',
     // t('agent.settings.tooling.permissionMode.acceptEdits.title')
     titleKey: 'agent.settings.tooling.permissionMode.acceptEdits.title',
-    titleFallback: 'Auto-accept file edits',
+    titleFallback: 'Auto-edit Mode',
     descriptionKey: 'agent.settings.tooling.permissionMode.acceptEdits.description',
-    descriptionFallback: 'File edits and filesystem operations are automatically approved.',
-    behaviorKey: 'agent.settings.tooling.permissionMode.acceptEdits.behavior',
-    behaviorFallback: 'Pre-approves trusted filesystem tools so edits run immediately.'
+    descriptionFallback: 'Can read and edit files freely. Asks before running commands.'
   },
   {
     mode: 'bypassPermissions',
     // t('agent.settings.tooling.permissionMode.bypassPermissions.title')
     titleKey: 'agent.settings.tooling.permissionMode.bypassPermissions.title',
-    titleFallback: 'Bypass permission checks',
+    titleFallback: 'Full Auto Mode',
     descriptionKey: 'agent.settings.tooling.permissionMode.bypassPermissions.description',
-    descriptionFallback: 'All permission prompts are skipped — use with caution.',
-    behaviorKey: 'agent.settings.tooling.permissionMode.bypassPermissions.behavior',
-    behaviorFallback: 'Every tool is pre-approved automatically.',
+    descriptionFallback: 'Can do everything without asking. Use with caution.',
     caution: true
   }
 ]

src/renderer/src/hooks/agents/useUpdateAgent.ts

@@ -21,7 +21,7 @@ export const useUpdateAgent = () => {
         mutate<ListAgentsResponse['data']>(listKey, (prev) => prev?.map((a) => (a.id === result.id ? result : a)) ?? [])
         mutate(itemKey, result)
         if (options?.showSuccessToast ?? true) {
-          window.toast.success(t('common.update_success'))
+          window.toast.success({ key: 'update-agent', title: t('common.update_success') })
         }
         return result
       } catch (error) {

src/renderer/src/i18n/locales/en-us.json

@@ -153,6 +153,10 @@
         "title": "Advanced Settings"
       },
       "essential": "Essential Settings",
+      "permissionMode": {
+        "tab": "Permission Mode",
+        "title": "Permission Mode"
+      },
       "plugins": {
         "available": {
           "title": "Available Plugins"
@@ -223,74 +227,46 @@
         "mcp": {
           "description": "Connect MCP servers to unlock additional tools you can approve above.",
           "empty": "No MCP servers detected. Add one from the MCP settings page.",
+          "inactiveTooltip": "This MCP server is not active. Please start it first.",
           "manageHint": "Need advanced configuration? Visit Settings → MCP Servers.",
           "toggle": "Toggle {{name}}"
         },
         "permissionMode": {
           "acceptEdits": {
-            "behavior": "Pre-approves trusted filesystem tools so edits run immediately.",
-            "description": "File edits and filesystem operations are automatically approved.",
-            "title": "Auto-accept file edits"
+            "description": "Can read and edit files freely. Asks before running commands.",
+            "title": "Auto-edit Mode"
           },
           "bypassPermissions": {
-            "behavior": "Every tool is pre-approved automatically.",
-            "description": "All permission prompts are skipped — use with caution.",
-            "title": "Bypass permission checks",
+            "description": "Can do everything without asking. Use with caution.",
+            "title": "Full Auto Mode",
             "warning": "Use with caution — all tools will run without asking for approval."
           },
           "confirmChange": {
             "description": "Switching modes updates the automatically approved tools.",
             "title": "Change permission mode?"
           },
           "default": {
-            "behavior": "Read-only tools are pre-approved automatically.",
-            "description": "Read-only tools are pre-approved; everything else still needs permission.",
-            "title": "Default (ask before continuing)"
+            "description": "Can read files freely. Asks before editing or running commands.",
+            "title": "Normal Mode"
           },
           "helper": "Choose how the agent handles tool approvals.",
           "placeholder": "Select permission mode",
           "plan": {
-            "behavior": "Read-only defaults are pre-approved while execution remains disabled.",
-            "description": "Shares the default read-only tool set but presents a plan before execution.",
-            "title": "Planning mode"
+            "description": "Can only read files and make plans. Cannot edit files or run commands.",
+            "title": "Plan Mode"
           },
           "title": "Permission mode"
         },
         "preapproved": {
           "autoBadge": "Added by mode",
           "autoDescription": "This tool is auto-approved by the current permission mode.",
+          "autoDisabledTooltip": "Auto-approved by \"{{mode}}\" and cannot be disabled.",
           "empty": "No tools match your filters.",
           "mcpBadge": "MCP tool",
           "requiresApproval": "Requires approval when disabled",
           "search": "Search tools",
-          "toggle": "Toggle {{name}}",
-          "warning": {
-            "description": "Enable only tools you trust. Mode defaults are highlighted automatically.",
-            "title": "Pre-approved tools run without manual review."
-          }
-        },
-        "review": {
-          "autoTools": "Auto: {{count}}",
-          "customTools": "Custom: {{count}}",
-          "helper": "Changes save automatically. Adjust the steps above any time to fine-tune permissions.",
-          "mcp": "MCP: {{count}}",
-          "mode": "Mode: {{mode}}"
-        },
-        "steps": {
-          "mcp": {
-            "title": "MCP servers"
-          },
-          "permissionMode": {
-            "title": "Step 1 · Permission mode"
-          },
-          "preapproved": {
-            "title": "Step 2 · Pre-approved tools"
-          },
-          "review": {
-            "title": "Step 3 · Review"
-          }
-        },
-        "tab": "Tooling & permissions"
+          "toggle": "Toggle {{name}}"
+        }
       },
       "tools": {
         "approved": "approved",
@@ -300,6 +276,15 @@
         "tab": "Pre-approved tools",
         "title": "Pre-approved tools",
         "toggle": "{{defaultValue}}"
+      },
+      "toolsMcp": {
+        "mcp": {
+          "title": "MCP Servers"
+        },
+        "tab": "Tools",
+        "tools": {
+          "title": "Tools"
+        }
       }
     },
     "todo": {
@@ -349,6 +334,49 @@
       "toolPendingFallback": "Tool",
       "waiting": "Waiting for tool permission decision..."
     },
+    "tools": {
+      "builtin": {
+        "Bash": {
+          "description": "Executes shell commands in your environment"
+        },
+        "Edit": {
+          "description": "Makes targeted edits to specific files"
+        },
+        "Glob": {
+          "description": "Finds files based on pattern matching"
+        },
+        "Grep": {
+          "description": "Searches for patterns in file contents"
+        },
+        "MultiEdit": {
+          "description": "Performs multiple edits on a single file atomically"
+        },
+        "NotebookEdit": {
+          "description": "Modifies Jupyter notebook cells"
+        },
+        "NotebookRead": {
+          "description": "Reads and displays Jupyter notebook contents"
+        },
+        "Read": {
+          "description": "Reads the contents of files"
+        },
+        "Task": {
+          "description": "Runs a sub-agent to handle complex, multi-step tasks"
+        },
+        "TodoWrite": {
+          "description": "Creates and manages structured task lists"
+        },
+        "WebFetch": {
+          "description": "Fetches content from a specified URL"
+        },
+        "WebSearch": {
+          "description": "Performs web searches with domain filtering"
+        },
+        "Write": {
+          "description": "Creates or overwrites files"
+        }
+      }
+    },
     "type": {
       "label": "Agent Type",
       "unknown": "Unknown Type"