From dad1ac2e517bfeb577086349b2030acc49a05564 Mon Sep 17 00:00:00 2001
From: liailing1026 <1815388873@qq.com>
Date: Fri, 27 Feb 2026 10:25:44 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E6=99=BA=E8=83=BD=E4=BD=93=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E6=B7=BB=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/assets/icons/FenXiang.svg        |  12 +++
 frontend/src/assets/icons/JingGao.svg         |   1 +
 frontend/src/assets/icons/One.svg             |   1 +
 frontend/src/assets/icons/ShanChu.svg         |   1 +
 frontend/src/assets/icons/Three.svg           |   1 +
 frontend/src/assets/icons/Two.svg             |   1 +
 frontend/src/assets/icons/XiaoXi.svg          |  14 +++
 frontend/src/assets/icons/ZhiDing.svg         |   1 +
 frontend/src/assets/icons/action.svg          |   6 +-
 frontend/src/assets/icons/more.svg            |   1 +
 .../TaskTemplate/AgentRepo/AgentRepoList.vue  | 100 +++++++++++++-----
 frontend/src/styles/theme.scss                |  32 ++++--
 12 files changed, 136 insertions(+), 35 deletions(-)
 create mode 100644 frontend/src/assets/icons/FenXiang.svg
 create mode 100644 frontend/src/assets/icons/JingGao.svg
 create mode 100644 frontend/src/assets/icons/One.svg
 create mode 100644 frontend/src/assets/icons/ShanChu.svg
 create mode 100644 frontend/src/assets/icons/Three.svg
 create mode 100644 frontend/src/assets/icons/Two.svg
 create mode 100644 frontend/src/assets/icons/XiaoXi.svg
 create mode 100644 frontend/src/assets/icons/ZhiDing.svg
 create mode 100644 frontend/src/assets/icons/more.svg

diff --git a/frontend/src/assets/icons/FenXiang.svg b/frontend/src/assets/icons/FenXiang.svg
new file mode 100644
index 0000000..f7abe06
--- /dev/null
+++ b/frontend/src/assets/icons/FenXiang.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg t="1772011298336" class="icon" viewBox="0 0 1236 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+ p-id="11698" xmlns:xlink="http://www.w3.org/1999/xlink" width="38.625" height="32">
+ <path d="M741.743 1018.343c-28.287 0-50.917-11.315-73.547-28.288-22.63-22.63-39.602-50.917-39.602-84.862V792.044c-124.464 0-328.133 33.945-435.624 
+ 181.039-16.973 28.287-56.575 45.26-90.52 50.917H85.478C28.903 1012.685-5.042 961.768 0.616 905.193c28.287-243.27 113.15-418.652 260.243-537.458 
+ 107.492-84.862 231.956-130.122 367.735-141.437V118.807c0-50.917 22.63-96.177 67.89-113.15C736.086-5.657 781.345 0 815.29 33.945l362.077 367.735c28.288
+  22.63 45.26 56.574 50.918 96.176 5.657 39.603-5.658 79.205-33.945 107.492-5.658 5.658-11.315 16.972-22.63 22.63l-350.762 356.42c-22.63 
+  22.63-50.918 33.945-79.205 33.945z m-90.52-339.448h90.52v226.298l356.42-367.734 5.658-5.658c5.657-5.657 5.657-16.972 5.657-22.63
+   0-11.315-5.657-16.972-11.315-22.63l-5.657-5.657-356.42-362.077V333.79l-79.205 5.658c-118.806 0-231.956 39.602-328.132
+    113.149-113.15 90.519-186.696 237.613-209.326 429.967 141.436-175.382 390.364-203.669 531.8-203.669z"
+     p-id="11699"></path></svg>
\ No newline at end of file
diff --git a/frontend/src/assets/icons/JingGao.svg b/frontend/src/assets/icons/JingGao.svg
new file mode 100644
index 0000000..ef7a0ca
--- /dev/null
+++ b/frontend/src/assets/icons/JingGao.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1772076317456" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6281" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M510.976694 146.304134c-201.970968 0-365.695866 163.728992-365.695866 365.695866s163.728992 365.695866 365.695866 365.695866 365.695866-163.728992 365.695866-365.695866S712.947661 146.304134 510.976694 146.304134L510.976694 146.304134zM480.489332 329.151555c0-16.82827 13.631462-30.475082 30.475082-30.475082 16.844643 0 30.472012 13.646811 30.472012 30.475082l0 216.70146c0 16.82827-13.627369 30.475082-30.472012 30.475082-16.84362 0-30.475082-13.646811-30.475082-30.475082L480.489332 329.151555 480.489332 329.151555zM510.976694 694.847421c-23.663956 0-42.846854-19.178805-42.846854-42.842761s19.182898-42.846854 42.846854-42.846854c23.663956 0 42.846854 19.182898 42.846854 42.846854C553.823548 675.664523 534.64065 694.847421 510.976694 694.847421L510.976694 694.847421zM510.976694 694.847421" p-id="6282"></path></svg>
\ No newline at end of file
diff --git a/frontend/src/assets/icons/One.svg b/frontend/src/assets/icons/One.svg
new file mode 100644
index 0000000..332d940
--- /dev/null
+++ b/frontend/src/assets/icons/One.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1772093306648" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10322" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M512 64C264.576 64 64 264.576 64 512c0 247.422 200.576 448 448 448 247.422 0 448-200.578 448-448C960 264.576 759.422 64 512 64zM593.63 755.834l-107.18 0L486.45 384.388l-68.612 37.82-27.47-89.816 119.986-64.226 83.278 0L593.632 755.834z" fill="#ffffff" p-id="10323"></path></svg>
\ No newline at end of file
diff --git a/frontend/src/assets/icons/ShanChu.svg b/frontend/src/assets/icons/ShanChu.svg
new file mode 100644
index 0000000..c16f48e
--- /dev/null
+++ b/frontend/src/assets/icons/ShanChu.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1772011354532" class="icon" viewBox="0 0 1049 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12849" xmlns:xlink="http://www.w3.org/1999/xlink" width="32.78125" height="32"><path d="M524.816493 830.218181a35.83281 35.83281 0 0 0 35.788334-35.803159v-412.292279a35.803159 35.803159 0 0 0-71.591493 0v412.292279A35.83281 35.83281 0 0 0 524.816493 830.218181zM705.374122 830.218181a35.83281 35.83281 0 0 0 35.788334-35.803159v-412.292279a35.803159 35.803159 0 0 0-71.591493 0v412.292279A35.83281 35.83281 0 0 0 705.374122 830.218181zM344.199563 830.218181a35.83281 35.83281 0 0 0 35.788334-35.803159v-412.292279a35.803159 35.803159 0 0 0-71.591493 0v412.292279c0.756092 19.688031 16.826743 35.803159 35.803159 35.803159z" p-id="12850" ></path><path d="M1013.770526 128.639342H766.721316V86.920879A87.00983 87.00983 0 0 0 679.800437 0H370.633117a87.00983 87.00983 0 0 0-86.906054 86.920879v41.718463H35.788334a35.788334 35.788334 0 0 0 0 71.576668H154.183377V885.071883a139.031895 139.031895 0 0 0 138.868816 138.868816h463.439649A139.031895 139.031895 0 0 0 895.360658 885.071883V199.400617h118.409868A35.83281 35.83281 0 0 0 1049.632986 163.612283c0-19.613905-15.803796-34.972941-35.86246-34.972941zM354.414211 86.920879A15.996525 15.996525 0 0 1 370.633117 70.761275h309.16732a15.996525 15.996525 0 0 1 16.159604 16.159604v41.718463H354.414211zM823.769165 885.071883a67.35145 67.35145 0 0 1-67.277323 67.277323H293.067018A67.366275 67.366275 0 0 1 225.774869 885.071883V199.400617h597.994296z" p-id="12851" ></path></svg>
\ No newline at end of file
diff --git a/frontend/src/assets/icons/Three.svg b/frontend/src/assets/icons/Three.svg
new file mode 100644
index 0000000..ef5e4ae
--- /dev/null
+++ b/frontend/src/assets/icons/Three.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1772093383090" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11068" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M512 64C264.576 64 64 264.576 64 512c0 247.422 200.576 448 448 448 247.422 0 448-200.578 448-448C960 264.576 759.422 64 512 64zM620.256 717.658c-32.132 29.45-77.228 45.014-130.41 45.014-54.27 0-98.822-16.862-120.484-31.298l-12.756-8.504 31.068-92.17 21.712 14.476c13.388 8.926 45.072 22.208 77.488 22.208 33.73 0 69.77-16.142 69.77-61.45 0-31.142-21.452-64.422-81.66-64.422l-50.32 0 0-89.344 49.13 0c28.724 0 69.176-16.298 69.176-52.532 0-27.742-17.812-43.02-50.154-43.02-25.572 0-52.78 12.508-68.308 23.218l-21.586 14.886-30.758-88.038 11.884-8.758c22.908-16.884 69.19-36.6 124.226-36.6 100.06 0 144.848 64.092 144.848 127.61 0 41.306-19.084 77.362-52.648 102.036 37.34 21.14 66.918 60.562 66.918 117.34C667.394 650.968 650.652 689.802 620.256 717.658z" p-id="11069" fill="#ffffff"></path></svg>
\ No newline at end of file
diff --git a/frontend/src/assets/icons/Two.svg b/frontend/src/assets/icons/Two.svg
new file mode 100644
index 0000000..cff6074
--- /dev/null
+++ b/frontend/src/assets/icons/Two.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1772093350376" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10815" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M512 64c-247.296 0-448 200.704-448 448s200.704 448 448 448 448-200.704 448-448-200.704-448-448-448zM355.84 759.296v-70.144l52.736-55.296c95.744-97.792 141.312-154.624 141.312-211.968 0-40.96-19.456-61.44-57.344-61.44-29.184 0-56.32 16.896-73.728 30.72l-20.48 16.384-36.864-87.552 11.264-9.728c35.328-29.184 83.968-46.08 133.632-46.08 48.64 0 88.576 15.872 115.712 46.08 23.552 26.624 36.864 63.488 36.864 103.936 0 94.208-69.12 172.032-139.776 243.2l-4.608 4.608h153.6v97.28h-312.32z" fill="#ffffff" p-id="10816"></path></svg>
\ No newline at end of file
diff --git a/frontend/src/assets/icons/XiaoXi.svg b/frontend/src/assets/icons/XiaoXi.svg
new file mode 100644
index 0000000..987d4ba
--- /dev/null
+++ b/frontend/src/assets/icons/XiaoXi.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg t="1772011965983" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+ p-id="16530" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32">
+ <path d="M853.384158 66.676585 166.360935 66.676585c-43.596937 0-79.272461 35.749202-79.272461 
+ 79.43619L87.088474 661.150972c0 43.689035 35.675524 66.207911 79.272461 66.207911l317.087798 0c43.596937 
+ 0 104.495936 32.532951 135.319965 63.433728l46.447868 49.51881c11.95938 11.985986 23.094998 19.252483 32.215726 
+ 19.252483 14.387685 0 23.831778-19.524682 23.831778-46.2473 0-43.686988 35.675524-85.957721 79.272461-85.957721l52.847625
+  0c43.596937 0 79.272461-22.518876 79.272461-66.207911L932.656619 146.112776C932.656619 102.425787 896.981095
+   66.676585 853.384158 66.676585zM879.80797 661.150972c0 14.350846-12.102642 14.546298-26.423813 14.546298L800.536532
+    675.697269c-58.31822 0-107.942431
+     44.037982-125.411291 96.659457l-18.990516-21.992897c-40.772612-40.869826-115.013477-74.66656-172.685991-74.66656L166.360935 675.697269c-14.322194
+      0-26.423813-0.195451-26.423813-14.546298L139.937123 146.112776c0-14.350846 12.102642-26.479071 26.423813-26.479071l687.024246 
+      0c14.322194 0 26.423813 12.128225 26.423813 26.479071L879.808994 661.150972z" p-id="16531"></path><path d="M286.678208 306.010509l264.240173 0c14.591323 0 26.423813-11.856026 26.423813-26.477025 0-14.623046-11.83249-26.479071-36.656875-26.479071L276.445146 253.054413c-4.358261 0-16.190751 11.856026-16.190751 26.479071C260.254396 294.15346 272.086885 306.010509 286.678208 306.010509z" p-id="16532"></path><path d="M734.475977 385.448746 285.268092 385.448746c-14.591323 0-26.423813 11.856026-26.423813 26.479071 0 14.623046 11.83249 26.479071 26.423813 26.479071l449.207885 0c14.591323 0 26.423813-11.856026 26.423813-26.479071C760.89979 397.304771 749.0673 385.448746 734.475977 385.448746z" p-id="16533"></path><path d="M734.475977 491.367077 285.268092 491.367077c-14.591323 0-26.423813 11.856026-26.423813 26.477025 0 14.623046 11.83249 26.479071 26.423813 26.479071l449.207885 0c14.591323 0 26.423813-11.856026 26.423813-26.479071C760.89979 503.223103 749.0673 491.367077 734.475977 491.367077z" p-id="16534"></path></svg>
\ No newline at end of file
diff --git a/frontend/src/assets/icons/ZhiDing.svg b/frontend/src/assets/icons/ZhiDing.svg
new file mode 100644
index 0000000..d00f905
--- /dev/null
+++ b/frontend/src/assets/icons/ZhiDing.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1772011258555" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10601" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M916.8 380.8L645 109.4c-7.2-7.2-16.5-10.7-25.9-10.7-9.4 0-18.8 3.5-25.9 10.7L415.5 286.9c-13.5-1.5-27-2.2-40.6-2.2-80.7 0-161.5 26.5-227.8 79.6-17 13.5-18.4 39-3 54.4l200.4 200.1L106.9 856c-2.9 2.9-4.7 6.7-5.1 10.8l-3.7 41c-1 10.4 7.3 19.2 17.5 19.2 0.6 0 1.1 0 1.7-0.1l41-3.7c4.1-0.3 7.9-2.2 10.8-5.1l237.6-237.3 200.4 200.1c7.2 7.2 16.5 10.7 25.9 10.7 10.7 0 21.3-4.6 28.6-13.7 62.1-77.4 87.9-174.4 77.4-268.1l177.7-177.4c14.4-14.2 14.4-37.3 0.1-51.6zM682.9 553.9l-27 27 4.2 37.9c4.1 37.1 1.1 74-9 109.8-6 20.9-14.1 40.9-24.5 59.7L237 399.2c14.2-7.8 29-14.4 44.5-19.7 30-10.4 61.4-15.5 93.4-15.5 10.6 0 21.3 0.5 31.9 1.8l37.9 4.2 174.5-174.3 211.2 210.9-147.5 147.3z m0 0" p-id="10602"></path></svg>
\ No newline at end of file
diff --git a/frontend/src/assets/icons/action.svg b/frontend/src/assets/icons/action.svg
index 7e64f72..f1680e0 100644
--- a/frontend/src/assets/icons/action.svg
+++ b/frontend/src/assets/icons/action.svg
@@ -1,5 +1,5 @@
 <?xml version="1.0" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg t="1761736278335" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5885" 
-xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
-<path d="M226.592 896C167.616 896 128 850.48 128 782.736V241.264C128 173.52 167.616 128 226.592 128c20.176 0 41.136 5.536 62.288 16.464l542.864 280.432C887.648 453.792 896 491.872 896 512s-8.352 58.208-64.272 87.088L288.864 879.536C267.712 890.464 246.768 896 226.592 896z m0-704.304c-31.008 0-34.368 34.656-34.368 49.568v541.472c0 14.896 3.344 49.568 34.368 49.568 9.6 0 20.88-3.2 32.608-9.248l542.864-280.432c21.904-11.328 29.712-23.232 29.712-30.608s-7.808-19.28-29.712-30.592L259.2 200.96c-11.728-6.048-23.008-9.264-32.608-9.264z"  p-id="5886"></path></svg>
+<svg t="1771990786809" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" 
+p-id="5372" width="32" height="32" xmlns:xlink="http://www.w3.org/1999/xlink">
+<path d="M876.30000001 512l-716.60000001-413.8L159.7 925.8z" p-id="5373" ></path></svg>
\ No newline at end of file
diff --git a/frontend/src/assets/icons/more.svg b/frontend/src/assets/icons/more.svg
new file mode 100644
index 0000000..43b53e5
--- /dev/null
+++ b/frontend/src/assets/icons/more.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1772011015773" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8632" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M512 298.6496a85.3504 85.3504 0 1 0 0-170.6496 85.3504 85.3504 0 0 0 0 170.6496z"  p-id="8633"></path><path d="M512 512m-85.3504 0a85.3504 85.3504 0 1 0 170.7008 0 85.3504 85.3504 0 1 0-170.7008 0Z"  p-id="8634"></path><path d="M512 896a85.3504 85.3504 0 1 0 0-170.7008 85.3504 85.3504 0 0 0 0 170.7008z" p-id="8635"></path></svg>
\ No newline at end of file
diff --git a/frontend/src/layout/components/Main/TaskTemplate/AgentRepo/AgentRepoList.vue b/frontend/src/layout/components/Main/TaskTemplate/AgentRepo/AgentRepoList.vue
index 9d4d7b6..599d661 100644
--- a/frontend/src/layout/components/Main/TaskTemplate/AgentRepo/AgentRepoList.vue
+++ b/frontend/src/layout/components/Main/TaskTemplate/AgentRepo/AgentRepoList.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed } from 'vue'
+import { computed, reactive } from 'vue'
 import { getActionTypeDisplay, getAgentMapIcon } from '@/layout/components/config.ts'
 import SvgIcon from '@/components/SvgIcon/index.vue'
 import { type Agent, useAgentsStore } from '@/stores'
@@ -9,6 +9,20 @@ const porps = defineProps<{
   agentList: Agent[]
 }>()
 
+// 每个智能体的标签状态
+const tabState = reactive<Record<string, 'duty' | 'info'>>({})
+
+const getTabState = (agentName: string) => {
+  if (!tabState[agentName]) {
+    tabState[agentName] = 'duty' // 默认显示"当前职责"
+  }
+  return tabState[agentName]
+}
+
+const setTabState = (agentName: string, tab: 'duty' | 'info') => {
+  tabState[agentName] = tab
+}
+
 const taskProcess = computed(() => {
   const list = agentsStore.currentTask?.TaskProcess ?? []
   return list.map(item => ({
@@ -70,37 +84,75 @@ const agentsStore = useAgentsStore()
     <div class="duty-info">
       <div class="w-full flex justify-center">
         <div
-          class="rounded-[9px] bg-[var(--color-bg-quaternary)] text-[12px] py-0.5 px-5 text-center my-2"
+          class="rounded-[9px] text-[12px] py-0.5 px-5 text-center my-2 cursor-pointer transition-colors"
+          :class="
+            getTabState(item.Name) === 'info'
+              ? 'bg-[var(--color-tab-bg-active)]'
+              : 'bg-[var(--color-tab-bg)]'
+          "
+          :style="{
+            color:
+              getTabState(item.Name) === 'info'
+                ? 'var(--color-tab-text)'
+                : 'var(--color-tab-text-inactive)'
+          }"
+          @click="setTabState(item.Name, 'info')"
+        >
+          信息描述
+        </div>
+        <div
+          class="rounded-[9px] text-[12px] py-0.5 px-5 text-center my-2 cursor-pointer transition-colors"
+          :class="
+            getTabState(item.Name) === 'duty'
+              ? 'bg-[var(--color-tab-bg-active)]'
+              : 'bg-[var(--color-tab-bg)]'
+          "
+          :style="{
+            color:
+              getTabState(item.Name) === 'duty'
+                ? 'var(--color-tab-text)'
+                : 'var(--color-tab-text-inactive)'
+          }"
+          @click="setTabState(item.Name, 'duty')"
         >
           当前职责
         </div>
       </div>
       <div class="p-[8px] pt-0">
-        <div
-          v-for="(item1, index1) in taskProcess.filter(i => i.AgentName === item.Name)"
-          :key="item1.key"
-          class="text-[12px]"
-        >
-          <div>
-            <div class="mx-1 inline-block h-[14px]">
-              <div
-                :style="{ background: getActionTypeDisplay(item1.ActionType)?.color }"
-                class="w-[6px] h-[6px] rounded-full mt-[7px]"
-              ></div>
-            </div>
-            <span :style="{ color: getActionTypeDisplay(item1.ActionType)?.color }"
-              >{{ getActionTypeDisplay(item1.ActionType)?.name }}：</span
-            >
-            <span>{{ item1.Description }}</span>
+        <!-- 信息描述 -->
+        <template v-if="getTabState(item.Name) === 'info'">
+          <div class="text-[12px] text-[var(--color-text-detail)]">
+            {{ item.Profile }}
           </div>
-          <!-- 分割线 -->
+        </template>
+        <!-- 当前职责 -->
+        <template v-else>
           <div
-            v-if="index1 !== taskProcess.filter(i => i.AgentName === item.Name).length - 1"
-            class="h-[1px] w-full bg-[var(--color-border-default)] my-[8px]"
-          ></div>
+            v-for="(item1, index1) in taskProcess.filter(i => i.AgentName === item.Name)"
+            :key="item1.key"
+            class="text-[12px]"
+          >
+            <div>
+              <div class="mx-1 inline-block h-[14px]">
+                <div
+                  :style="{ background: getActionTypeDisplay(item1.ActionType)?.color }"
+                  class="w-[6px] h-[6px] rounded-full mt-[7px]"
+                ></div>
+              </div>
+              <span :style="{ color: getActionTypeDisplay(item1.ActionType)?.color }"
+                >{{ getActionTypeDisplay(item1.ActionType)?.name }}：</span
+              >
+              <span>{{ item1.Description }}</span>
+            </div>
+            <!-- 分割线 -->
+            <div
+              v-if="index1 !== taskProcess.filter(i => i.AgentName === item.Name).length - 1"
+              class="h-[1px] w-full bg-[var(--color-border-default)] my-[8px]"
+            ></div>
 
-          <AssignmentButton />
-        </div>
+            <AssignmentButton />
+          </div>
+        </template>
       </div>
     </div>
   </div>
diff --git a/frontend/src/styles/theme.scss b/frontend/src/styles/theme.scss
index 0db1bd7..47239ee 100644
--- a/frontend/src/styles/theme.scss
+++ b/frontend/src/styles/theme.scss
@@ -102,10 +102,18 @@
   --color-text-result-detail-run: #000;
   // 分割线
   --color-border-separate: #D6D6D6;
-  // url颜色
-  --color-text-url: #FF0000;
-  // model颜色
-  --color-text-model: #0580ff;
+  // 计划项名称字体颜色（未悬浮）
+  --color-text-plan-item: #8c8c8c;
+  // 计划项名称字体颜色（悬浮）
+  --color-text-plan-item-hover: #36404F;
+  // 智能体标签未选中背景色
+  --color-tab-bg: rgba(36, 40, 46, 0.4);
+  // 智能体标签选中背景色
+  --color-tab-bg-active: #24282E;
+  // 智能体标签文字颜色（选中）
+  --color-tab-text: #FDFFFF;
+  // 智能体标签文字颜色（未选中）
+  --color-tab-text-inactive: rgba(253, 255, 255, 0.4);
 
 }
 
@@ -213,10 +221,18 @@ html.dark {
   --color-text-result-detail-run: #fff;
   // 分割线
   --color-border-separate: rgba(255,255,255,0.18);
-  // url颜色
-  --color-text-url: #2cd235;
-  // model颜色
-  --color-text-model: #00c8d2;
+  // 计划项名称字体颜色（未悬浮）
+  --color-text-plan-item: #969696;
+  // 计划项名称字体颜色（悬浮）
+  --color-text-plan-item-hover: #ffffff;
+  // 智能体标签未选中背景色
+  --color-tab-bg: rgba(36, 40, 46, 0.4);
+  // 智能体标签选中背景色
+  --color-tab-bg-active: #24282E;
+  // 智能体标签文字颜色（选中）
+  --color-tab-text: #FDFFFF;
+  // 智能体标签文字颜色（未选中）
+  --color-tab-text-inactive: rgba(253, 255, 255, 0.4);
 
   --el-fill-color-blank: transparent !important;
 }