feat(toolset): 工具系统重构为 toolset 统一管理，新增系统预置工具集

将工具管理从"agent 挂单个 tool"改为"agent 挂 toolset"模式：
- 三个系统预置工具集（system_basic/system_chat/system_workflow）入 DB
- 新增 send_file 工具（系统对话工具集）、修复 approval actor 调用 bug
- 后端 agent 加载全部走 toolset 链路，移除 load_tools_from_list
- 前端工具集中心卡片展示 + agent 配置改为 toolset 多选
- resource API 增加 category 过滤与系统 toolset 保护

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

frontend/src/components/Plugin/ToolSettings.tsx

@@ -1,69 +1,192 @@
 import { useState, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Package, Wrench, Loader2, Box } from 'lucide-react';
+import { Package, Wrench, Loader2, Box, Shield, X } from 'lucide-react';
 import apiClient from '../../api/client';
 
+interface Toolset {
+  toolset_id: string;
+  name: string;
+  description?: string;
+  tools: string[];
+  is_system: boolean;
+  category: string;
+}
+
 export function ToolSettings() {
   const { t } = useTranslation();
-  const [tools, setTools] = useState<string[]>([]);
+  const [toolsets, setToolsets] = useState<Toolset[]>([]);
   const [loading, setLoading] = useState(true);
+  const [selected, setSelected] = useState<Toolset | null>(null);
 
-  useEffect(() => { fetchTools(); }, []);
+  useEffect(() => { fetchToolsets(); }, []);
 
-  const fetchTools = async () => {
+  const fetchToolsets = async () => {
     try {
       setLoading(true);
-      const response = await apiClient.get('/api/v1/resource/tool');
-      setTools(response.data.tools || []);
+      const res = await apiClient.get('/api/v1/resource/custom-toolset');
+      setToolsets(res.data.toolsets || []);
     } catch (err) {
-      console.error('Failed to fetch tools:', err);
+      console.error('Failed to fetch toolsets:', err);
     } finally {
       setLoading(false);
     }
   };
 
+  const systemToolsets = toolsets.filter(ts => ts.is_system);
+  const userToolsets = toolsets.filter(ts => !ts.is_system);
+
   return (
     <div className="max-w-4xl space-y-6">
       <div>
         <div className="flex items-center gap-2 mb-1">
           <Wrench size={16} className="text-accent" />
-          <h3 className="text-lg font-bold text-text-primary">{t('plugin.toolManagement')}</h3>
+          <h3 className="text-lg font-bold text-text-primary">
+            {t('plugin.toolManagement')}
+          </h3>
         </div>
         <p className="text-sm text-text-muted">{t('plugin.toolDesc')}</p>
       </div>
 
-      <div className="bg-bg-card border border-border-primary rounded-2xl shadow-sm overflow-hidden">
-        <div className="px-6 py-4 border-b border-border-primary flex justify-between items-center bg-bg-secondary">
-          <div>
-            <h4 className="text-sm font-bold text-text-primary">{t('plugin.availableTools')}</h4>
-            <p className="text-[11px] text-text-muted">{t('plugin.toolSubDesc')}</p>
-          </div>
+      {loading ? (
+        <div className="flex flex-col items-center justify-center py-12 text-text-muted">
+          <Loader2 size={24} className="animate-spin mb-3" />
+          <span className="text-sm">{t('common.loading')}</span>
         </div>
-        <div className="p-6">
-          {loading ? (
-            <div className="flex flex-col items-center justify-center py-12 text-text-muted">
-              <Loader2 size={24} className="animate-spin mb-3" />
-              <span className="text-sm">{t('common.loading')}</span>
-            </div>
-          ) : tools.length === 0 ? (
-            <div className="flex flex-col items-center justify-center py-12 text-text-muted">
-              <Box size={32} className="mb-3 opacity-40" />
-              <span className="text-sm">{t('plugin.noTools')}</span>
-            </div>
-          ) : (
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-              {tools.map((tool) => (
-                <div key={tool} className="flex items-center gap-3 p-3.5 bg-bg-secondary border border-border-secondary rounded-xl hover:border-accent/30 transition-all">
-                  <div className="w-9 h-9 rounded-lg bg-accent-light flex items-center justify-center">
-                    <Package size={16} className="text-accent" />
-                  </div>
-                  <span className="text-sm font-medium text-text-primary">{tool}</span>
-                </div>
-              ))}
-            </div>
+      ) : toolsets.length === 0 ? (
+        <div className="flex flex-col items-center justify-center py-12 text-text-muted">
+          <Box size={32} className="mb-3 opacity-40" />
+          <span className="text-sm">{t('plugin.toolsetEmpty')}</span>
+        </div>
+      ) : (
+        <>
+          {systemToolsets.length > 0 && (
+            <ToolsetGroup
+              title={t('plugin.systemToolsets')}
+              toolsets={systemToolsets}
+              onSelect={setSelected}
+            />
           )}
-        </div>
+          {userToolsets.length > 0 && (
+            <ToolsetGroup
+              title={t('plugin.userToolsets')}
+              toolsets={userToolsets}
+              onSelect={setSelected}
+            />
+          )}
+        </>
+      )}
+
+      {selected && (
+        <ToolsetModal toolset={selected} onClose={() => setSelected(null)} />
+      )}
+    </div>
+  );
+}
+/* PLACEHOLDER_TOOLSET_GROUP */
+
+function ToolsetGroup({
+  title,
+  toolsets,
+  onSelect,
+}: {
+  title: string;
+  toolsets: Toolset[];
+  onSelect: (ts: Toolset) => void;
+}) {
+  const { t } = useTranslation();
+  return (
+    <div>
+      <h4 className="text-sm font-semibold text-text-secondary mb-3">
+        {title}
+      </h4>
+      <div className="grid grid-cols-2 md:grid-cols-3 gap-4">
+        {toolsets.map((ts) => (
+          <button
+            key={ts.toolset_id}
+            onClick={() => onSelect(ts)}
+            className="relative flex flex-col items-start p-4 bg-bg-card border border-border-primary rounded-xl hover:border-accent/40 hover:shadow-sm transition-all text-left cursor-pointer"
+          >
+            {ts.is_system && (
+              <span className="absolute top-2 right-2 text-[10px] font-medium px-1.5 py-0.5 rounded bg-accent/10 text-accent">
+                {t('plugin.toolsetSystem')}
+              </span>
+            )}
+            <div className="w-9 h-9 rounded-lg bg-accent-light flex items-center justify-center mb-2">
+              {ts.is_system ? (
+                <Shield size={16} className="text-accent" />
+              ) : (
+                <Package size={16} className="text-accent" />
+              )}
+            </div>
+            <span className="text-sm font-medium text-text-primary">
+              {ts.name}
+            </span>
+            {ts.description && (
+              <span className="text-[11px] text-text-muted mt-0.5 line-clamp-2">
+                {ts.description}
+              </span>
+            )}
+            <span className="text-[11px] text-text-muted mt-1">
+              {t('plugin.toolsetCount', { count: ts.tools.length })}
+            </span>
+          </button>
+        ))}
       </div>
     </div>
   );
 }
+/* PLACEHOLDER_TOOLSET_MODAL */
+
+function ToolsetModal({
+  toolset,
+  onClose,
+}: {
+  toolset: Toolset;
+  onClose: () => void;
+}) {
+  const { t } = useTranslation();
+  return (
+    <div
+      className="fixed inset-0 z-50 flex items-center justify-center bg-black/40"
+      onClick={onClose}
+    >
+      <div
+        className="bg-bg-card border border-border-primary rounded-2xl shadow-lg w-full max-w-md mx-4"
+        onClick={(e) => e.stopPropagation()}
+      >
+        <div className="flex items-center justify-between px-5 py-4 border-b border-border-primary">
+          <div>
+            <h4 className="text-sm font-bold text-text-primary">
+              {toolset.name}
+            </h4>
+            {toolset.description && (
+              <p className="text-[11px] text-text-muted mt-0.5">
+                {toolset.description}
+              </p>
+            )}
+          </div>
+          <button
+            onClick={onClose}
+            className="p-1 rounded hover:bg-bg-secondary transition-colors"
+          >
+            <X size={16} className="text-text-muted" />
+          </button>
+        </div>
+        <div className="px-5 py-4 space-y-2 max-h-80 overflow-y-auto">
+          <p className="text-xs font-medium text-text-secondary mb-2">
+            {t('plugin.toolsetTools')}
+          </p>
+          {toolset.tools.map((tool) => (
+            <div
+              key={tool}
+              className="flex items-center gap-2.5 p-2.5 bg-bg-secondary rounded-lg"
+            >
+              <Package size={14} className="text-accent shrink-0" />
+              <span className="text-sm text-text-primary">{tool}</span>
+            </div>
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+}