chore(release)： v0.1.1-alpha

##前端美化和bug修复 #### 💄 美化 - **前端美化**：对于整个前端效果进行了重新设计，现在的前端看起来会更立体。 #### 🐛 修复 - **前端演示**：修复了前端展示workflow列表的bug，但是workflow的具体条目显示由于序列化导致仍然有问题。 - **密钥修复**：对于secret_key现在在使用默认情况时，会强制生成一个安全的密钥。
2026-05-04 16:38:21 +08:00
parent d84212f780
commit d30c7e37a6
92 changed files with 2449 additions and 863 deletions
@@ -0,0 +1,64 @@
+import { useState, useEffect } from 'react';
+import { Package } from 'lucide-react';
+import apiClient from '../../api/client';
+
+export function ToolSettings() {
+  const [tools, setTools] = useState<string[]>([]);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    fetchTools();
+  }, []);
+
+  const fetchTools = async () => {
+    try {
+      setLoading(true);
+      const response = await apiClient.get('/api/v1/resource/tool');
+      const toolsData = response.data.tools || [];
+      setTools(toolsData);
+    } catch (err) {
+      console.error('Failed to fetch tools:', err);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="max-w-4xl space-y-6">
+      <div>
+        <h3 className="text-xl font-semibold text-slate-800">Installed Tools</h3>
+        <p className="text-slate-500 mt-1">Manage agent tools and functions.</p>
+      </div>
+
+      <div className="bg-white border border-slate-200 rounded-2xl shadow-sm overflow-hidden">
+        <div className="p-6 border-b border-slate-100 flex justify-between items-center bg-slate-50/50">
+          <div>
+            <h4 className="font-medium text-slate-800">Available Tools</h4>
+            <p className="text-sm text-slate-500">List of installed tools available for agents.</p>
+          </div>
+        </div>
+
+        <div className="p-6">
+          {loading ? (
+            <div className="text-slate-500 text-sm">Loading tools...</div>
+          ) : tools.length === 0 ? (
+            <div className="text-slate-500 text-sm">No tools installed yet.</div>
+          ) : (
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+              {tools.map((tool) => (
+                <div key={tool} className="p-4 border border-slate-200 rounded-xl flex items-center justify-between hover:shadow-sm transition-shadow">
+                  <div className="flex items-center">
+                    <div className="w-10 h-10 bg-purple-50 rounded-lg flex items-center justify-center mr-3">
+                      <Package size={20} className="text-purple-600" />
+                    </div>
+                    <span className="font-medium text-slate-800">{tool}</span>
+                  </div>
+                </div>
+              ))}
+            </div>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}