From 85f1e326eda63b39073535bb3e1540087a4dc868 Mon Sep 17 00:00:00 2001
From: matevip <matevip@mate.vip>
Date: Sun, 17 May 2026 12:00:47 +0800
Subject: [PATCH] feat(chat): color agent icons in the agent picker dialog

---
 mateclaw-ui/src/components/common/AgentPickerDialog.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/mateclaw-ui/src/components/common/AgentPickerDialog.vue b/mateclaw-ui/src/components/common/AgentPickerDialog.vue
index c3cc9177..63523a04 100644
--- a/mateclaw-ui/src/components/common/AgentPickerDialog.vue
+++ b/mateclaw-ui/src/components/common/AgentPickerDialog.vue
@@ -18,6 +18,7 @@
     >
       <SkillIcon
         class="mc-agent-picker__trigger-icon"
+        :style="{ color: agentIconColor(selectedAgent?.icon) }"
         :value="selectedAgent?.icon"
         :size="compact ? 24 : 22"
         fallback="🤖"
@@ -110,6 +111,7 @@
               >
                 <SkillIcon
                   class="mc-agent-picker__item-icon"
+                  :style="{ color: agentIconColor(agent.icon) }"
                   :value="agent.icon"
                   :size="28"
                   fallback="🤖"
@@ -143,6 +145,7 @@
 import { computed, nextTick, onBeforeUnmount, ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 import SkillIcon from '@/components/common/SkillIcon.vue'
+import { agentIconColor } from '@/utils/agentIconColor'
 
 /** Minimal structural shape so this picker works with the full `Agent`
  *  entity as well as the lighter agent option lists (e.g. workflow steps). */