chore(release)： v0.1.1-alpha

##前端美化和bug修复
#### 💄 美化
- **前端美化**：对于整个前端效果进行了重新设计，现在的前端看起来会更立体。

#### 🐛 修复
- **前端演示**：修复了前端展示workflow列表的bug，但是workflow的具体条目显示由于序列化导致仍然有问题。 
- **密钥修复**：对于secret_key现在在使用默认情况时，会强制生成一个安全的密钥。

frontend/src/components/Agent/WorkerIndividualSettings.tsx

@@ -167,7 +167,7 @@ export function WorkerIndividualSettings() {
         </div>
         <button
           onClick={handleAddNew}
-          className="flex items-center px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition-colors"
+          className="flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
         >
           <Plus size={16} className="mr-2" />
           Add Worker
@@ -203,7 +203,7 @@ export function WorkerIndividualSettings() {
                       {w.provider_title} <span className="text-slate-400">/</span> {w.model_id}
                     </td>
                     <td className="p-4 text-right space-x-2">
-                      <button onClick={() => handleEdit(w)} className="p-2 text-indigo-600 hover:bg-indigo-50 rounded-lg transition-colors" title="Edit">
+                      <button onClick={() => handleEdit(w)} className="p-2 text-blue-600 hover:bg-blue-50 rounded-lg transition-colors" title="Edit">
                         <Edit2 size={16} />
                       </button>
                     </td>
@@ -219,7 +219,7 @@ export function WorkerIndividualSettings() {
                       {w.provider_title} <span className="text-slate-400">/</span> {w.model_id}
                     </td>
                     <td className="p-4 text-right space-x-2">
-                      <button onClick={() => handleEdit(w)} className="p-2 text-indigo-600 hover:bg-indigo-50 rounded-lg transition-colors" title="Edit">
+                      <button onClick={() => handleEdit(w)} className="p-2 text-blue-600 hover:bg-blue-50 rounded-lg transition-colors" title="Edit">
                         <Edit2 size={16} />
                       </button>
                       <button onClick={() => handleDelete(w.agent_id)} className="p-2 text-red-600 hover:bg-red-50 rounded-lg transition-colors" title="Delete">
@@ -256,7 +256,7 @@ export function WorkerIndividualSettings() {
                     required
                     value={editData.agent_name || ''}
                     onChange={(e) => setEditData({...editData, agent_name: e.target.value})}
-                    className="w-full px-4 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-indigo-500"
+                    className="w-full px-4 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-blue-500"
                     disabled={(editData as any).is_system}
                   />
                 </div>
@@ -265,7 +265,7 @@ export function WorkerIndividualSettings() {
                   <select
                     value={editData.agent_type || 'ordinary_individual'}
                     onChange={(e) => setEditData({...editData, agent_type: e.target.value})}
-                    className="w-full px-4 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-indigo-500"
+                    className="w-full px-4 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-blue-500"
                     disabled={(editData as any).is_system}
                   >
                     <option value="ordinary_individual">Ordinary Individual</option>
@@ -285,7 +285,7 @@ export function WorkerIndividualSettings() {
                     value={editData.provider_title || ''}
                     onChange={(e) => setEditData({...editData, provider_title: e.target.value, model_id: ''})}
                     required
-                    className="w-full px-4 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-indigo-500"
+                    className="w-full px-4 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-blue-500"
                   >
                     <option value="" disabled>Select Provider</option>
                     {providers.map((p) => (
@@ -303,7 +303,7 @@ export function WorkerIndividualSettings() {
                         value={editData.model_id || ''}
                         onChange={(e) => setEditData({...editData, model_id: e.target.value})}
                         required
-                        className="w-full px-4 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-indigo-500"
+                        className="w-full px-4 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-blue-500"
                       >
                         <option value="" disabled>Select a model</option>
                         {models.map(m => <option key={m} value={m}>{m}</option>)}
@@ -321,7 +321,7 @@ export function WorkerIndividualSettings() {
                       value={editData.description || ''}
                       onChange={(e) => setEditData({...editData, description: e.target.value})}
                       rows={2}
-                      className="w-full px-4 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-indigo-500"
+                      className="w-full px-4 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-blue-500"
                     />
                   </div>
 
@@ -331,7 +331,7 @@ export function WorkerIndividualSettings() {
                       value={editData.system_prompt || ''}
                       onChange={(e) => setEditData({...editData, system_prompt: e.target.value})}
                       rows={3}
-                      className="w-full px-4 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-indigo-500 font-mono text-sm"
+                      className="w-full px-4 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-blue-500 font-mono text-sm"
                     />
                   </div>
 
@@ -342,7 +342,7 @@ export function WorkerIndividualSettings() {
                         value={editData.output_template || '{}'}
                         onChange={(e) => setEditData({...editData, output_template: e.target.value})}
                         rows={3}
-                        className="w-full px-4 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-indigo-500 font-mono text-sm"
+                        className="w-full px-4 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-blue-500 font-mono text-sm"
                       />
                     </div>
                     <div>
@@ -359,7 +359,7 @@ export function WorkerIndividualSettings() {
                           const newSkill = val ? { [val]: [] } : {};
                           setEditData({...editData, bound_skill: JSON.stringify(newSkill)});
                         }}
-                        className="w-full px-4 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-indigo-500"
+                        className="w-full px-4 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-blue-500"
                         disabled={editData.agent_type !== 'skill_individual'}
                       >
                         <option value="">No Skill Bound</option>
@@ -376,7 +376,7 @@ export function WorkerIndividualSettings() {
                       value={editData.workspace || '[]'}
                       onChange={(e) => setEditData({...editData, workspace: e.target.value})}
                       rows={2}
-                      className="w-full px-4 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-indigo-500 font-mono text-sm"
+                      className="w-full px-4 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-blue-500 font-mono text-sm"
                     />
                   </div>
                 </>
@@ -407,7 +407,7 @@ export function WorkerIndividualSettings() {
                         }}
                         className={`px-3 py-1.5 text-sm rounded-full transition-colors ${
                           isSelected
-                            ? 'bg-indigo-100 text-indigo-700 border border-indigo-200'
+                            ? 'bg-blue-100 text-blue-700 border border-blue-200'
                             : 'bg-slate-50 text-slate-600 border border-slate-200 hover:bg-slate-100'
                         }`}
                       >
@@ -437,7 +437,7 @@ export function WorkerIndividualSettings() {
                 </button>
                 <button
                   type="submit"
-                  className="flex items-center px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition-colors"
+                  className="flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
                 >
                   <Save size={16} className="mr-2" />
                   Save Worker