diff --git a/agent/app/service/agents.go b/agent/app/service/agents.go
index 905a9a27f007..86fc60d58298 100644
--- a/agent/app/service/agents.go
+++ b/agent/app/service/agents.go
@@ -696,12 +696,7 @@ func (a AgentService) DeleteAccount(req dto.AgentAccountDeleteReq) error {
 }
 
 func (a AgentService) GetFeishuConfig(req dto.AgentFeishuConfigReq) (*dto.AgentFeishuConfig, error) {
-	agent, install, err := a.loadAgentAndInstall(req.AgentID)
-	if err != nil {
-		return nil, err
-	}
-	_ = install
-	conf, err := readOpenclawConfig(agent.ConfigPath)
+	_, _, conf, err := a.loadAgentConfig(req.AgentID)
 	if err != nil {
 		return nil, err
 	}
@@ -710,37 +705,25 @@ func (a AgentService) GetFeishuConfig(req dto.AgentFeishuConfigReq) (*dto.AgentF
 }
 
 func (a AgentService) UpdateFeishuConfig(req dto.AgentFeishuConfigUpdateReq) error {
-	agent, _, err := a.loadAgentAndInstall(req.AgentID)
-	if err != nil {
-		return err
-	}
-	conf, err := readOpenclawConfig(agent.ConfigPath)
-	if err != nil {
-		return err
-	}
-	if req.DmPolicy == "" {
-		req.DmPolicy = "pairing"
-	}
-	setFeishuConfig(conf, dto.AgentFeishuConfig{
-		Enabled:   req.Enabled,
-		DmPolicy:  req.DmPolicy,
-		BotName:   req.BotName,
-		AppID:     req.AppID,
-		AppSecret: req.AppSecret,
+	return a.mutateAgentConfig(req.AgentID, func(_ *model.Agent, _ *model.AppInstall, conf map[string]interface{}) error {
+		dmPolicy := req.DmPolicy
+		if dmPolicy == "" {
+			dmPolicy = "pairing"
+		}
+		setFeishuConfig(conf, dto.AgentFeishuConfig{
+			Enabled:   req.Enabled,
+			DmPolicy:  dmPolicy,
+			BotName:   req.BotName,
+			AppID:     req.AppID,
+			AppSecret: req.AppSecret,
+		})
+		setFeishuPluginEnabled(conf, req.Enabled)
+		return nil
 	})
-	setFeishuPluginEnabled(conf, req.Enabled)
-	if err := writeOpenclawConfigRaw(agent.ConfigPath, conf); err != nil {
-		return err
-	}
-	return nil
 }
 
 func (a AgentService) GetTelegramConfig(req dto.AgentTelegramConfigReq) (*dto.AgentTelegramConfig, error) {
-	agent, _, err := a.loadAgentAndInstall(req.AgentID)
-	if err != nil {
-		return nil, err
-	}
-	conf, err := readOpenclawConfig(agent.ConfigPath)
+	_, _, conf, err := a.loadAgentConfig(req.AgentID)
 	if err != nil {
 		return nil, err
 	}
@@ -749,35 +732,23 @@ func (a AgentService) GetTelegramConfig(req dto.AgentTelegramConfigReq) (*dto.Ag
 }
 
 func (a AgentService) UpdateTelegramConfig(req dto.AgentTelegramConfigUpdateReq) error {
-	agent, _, err := a.loadAgentAndInstall(req.AgentID)
-	if err != nil {
-		return err
-	}
-	conf, err := readOpenclawConfig(agent.ConfigPath)
-	if err != nil {
-		return err
-	}
-	if req.DmPolicy == "" {
-		req.DmPolicy = "pairing"
-	}
-	setTelegramConfig(conf, dto.AgentTelegramConfig{
-		Enabled:  req.Enabled,
-		DmPolicy: req.DmPolicy,
-		BotToken: req.BotToken,
-		Proxy:    req.Proxy,
+	return a.mutateAgentConfig(req.AgentID, func(_ *model.Agent, _ *model.AppInstall, conf map[string]interface{}) error {
+		dmPolicy := req.DmPolicy
+		if dmPolicy == "" {
+			dmPolicy = "pairing"
+		}
+		setTelegramConfig(conf, dto.AgentTelegramConfig{
+			Enabled:  req.Enabled,
+			DmPolicy: dmPolicy,
+			BotToken: req.BotToken,
+			Proxy:    req.Proxy,
+		})
+		return nil
 	})
-	if err := writeOpenclawConfigRaw(agent.ConfigPath, conf); err != nil {
-		return err
-	}
-	return nil
 }
 
 func (a AgentService) GetDiscordConfig(req dto.AgentDiscordConfigReq) (*dto.AgentDiscordConfig, error) {
-	agent, _, err := a.loadAgentAndInstall(req.AgentID)
-	if err != nil {
-		return nil, err
-	}
-	conf, err := readOpenclawConfig(agent.ConfigPath)
+	_, _, conf, err := a.loadAgentConfig(req.AgentID)
 	if err != nil {
 		return nil, err
 	}
@@ -786,39 +757,28 @@ func (a AgentService) GetDiscordConfig(req dto.AgentDiscordConfigReq) (*dto.Agen
 }
 
 func (a AgentService) UpdateDiscordConfig(req dto.AgentDiscordConfigUpdateReq) error {
-	agent, _, err := a.loadAgentAndInstall(req.AgentID)
-	if err != nil {
-		return err
-	}
-	conf, err := readOpenclawConfig(agent.ConfigPath)
-	if err != nil {
-		return err
-	}
-	if req.DmPolicy == "" {
-		req.DmPolicy = "pairing"
-	}
-	if req.GroupPolicy == "" {
-		req.GroupPolicy = "open"
-	}
-	setDiscordConfig(conf, dto.AgentDiscordConfig{
-		Enabled:     req.Enabled,
-		DmPolicy:    req.DmPolicy,
-		GroupPolicy: req.GroupPolicy,
-		Token:       req.Token,
-		Proxy:       req.Proxy,
+	return a.mutateAgentConfig(req.AgentID, func(_ *model.Agent, _ *model.AppInstall, conf map[string]interface{}) error {
+		dmPolicy := req.DmPolicy
+		if dmPolicy == "" {
+			dmPolicy = "pairing"
+		}
+		groupPolicy := req.GroupPolicy
+		if groupPolicy == "" {
+			groupPolicy = "open"
+		}
+		setDiscordConfig(conf, dto.AgentDiscordConfig{
+			Enabled:     req.Enabled,
+			DmPolicy:    dmPolicy,
+			GroupPolicy: groupPolicy,
+			Token:       req.Token,
+			Proxy:       req.Proxy,
+		})
+		return nil
 	})
-	if err := writeOpenclawConfigRaw(agent.ConfigPath, conf); err != nil {
-		return err
-	}
-	return nil
 }
 
 func (a AgentService) GetQQBotConfig(req dto.AgentQQBotConfigReq) (*dto.AgentQQBotConfig, error) {
-	agent, install, err := a.loadAgentAndInstall(req.AgentID)
-	if err != nil {
-		return nil, err
-	}
-	conf, err := readOpenclawConfig(agent.ConfigPath)
+	_, install, conf, err := a.loadAgentConfig(req.AgentID)
 	if err != nil {
 		return nil, err
 	}
@@ -829,31 +789,18 @@ func (a AgentService) GetQQBotConfig(req dto.AgentQQBotConfigReq) (*dto.AgentQQB
 }
 
 func (a AgentService) UpdateQQBotConfig(req dto.AgentQQBotConfigUpdateReq) error {
-	agent, _, err := a.loadAgentAndInstall(req.AgentID)
-	if err != nil {
-		return err
-	}
-	conf, err := readOpenclawConfig(agent.ConfigPath)
-	if err != nil {
-		return err
-	}
-	setQQBotConfig(conf, dto.AgentQQBotConfig{
-		Enabled:      req.Enabled,
-		AppID:        req.AppID,
-		ClientSecret: req.ClientSecret,
+	return a.mutateAgentConfig(req.AgentID, func(_ *model.Agent, _ *model.AppInstall, conf map[string]interface{}) error {
+		setQQBotConfig(conf, dto.AgentQQBotConfig{
+			Enabled:      req.Enabled,
+			AppID:        req.AppID,
+			ClientSecret: req.ClientSecret,
+		})
+		return nil
 	})
-	if err := writeOpenclawConfigRaw(agent.ConfigPath, conf); err != nil {
-		return err
-	}
-	return nil
 }
 
 func (a AgentService) GetWecomConfig(req dto.AgentWecomConfigReq) (*dto.AgentWecomConfig, error) {
-	agent, install, err := a.loadAgentAndInstall(req.AgentID)
-	if err != nil {
-		return nil, err
-	}
-	conf, err := readOpenclawConfig(agent.ConfigPath)
+	_, install, conf, err := a.loadAgentConfig(req.AgentID)
 	if err != nil {
 		return nil, err
 	}
@@ -864,24 +811,15 @@ func (a AgentService) GetWecomConfig(req dto.AgentWecomConfigReq) (*dto.AgentWec
 }
 
 func (a AgentService) UpdateWecomConfig(req dto.AgentWecomConfigUpdateReq) error {
-	agent, _, err := a.loadAgentAndInstall(req.AgentID)
-	if err != nil {
-		return err
-	}
-	conf, err := readOpenclawConfig(agent.ConfigPath)
-	if err != nil {
-		return err
-	}
-	setWecomConfig(conf, dto.AgentWecomConfig{
-		Enabled:  req.Enabled,
-		DmPolicy: req.DmPolicy,
-		BotID:    req.BotID,
-		Secret:   req.Secret,
+	return a.mutateAgentConfig(req.AgentID, func(_ *model.Agent, _ *model.AppInstall, conf map[string]interface{}) error {
+		setWecomConfig(conf, dto.AgentWecomConfig{
+			Enabled:  req.Enabled,
+			DmPolicy: req.DmPolicy,
+			BotID:    req.BotID,
+			Secret:   req.Secret,
+		})
+		return nil
 	})
-	if err := writeOpenclawConfigRaw(agent.ConfigPath, conf); err != nil {
-		return err
-	}
-	return nil
 }
 
 func (a AgentService) InstallPlugin(req dto.AgentPluginInstallReq) error {
@@ -1033,6 +971,29 @@ func (a AgentService) loadAgentAndInstall(agentID uint) (*model.Agent, *model.Ap
 	return agent, &install, nil
 }
 
+func (a AgentService) loadAgentConfig(agentID uint) (*model.Agent, *model.AppInstall, map[string]interface{}, error) {
+	agent, install, err := a.loadAgentAndInstall(agentID)
+	if err != nil {
+		return nil, nil, nil, err
+	}
+	conf, err := readOpenclawConfig(agent.ConfigPath)
+	if err != nil {
+		return nil, nil, nil, err
+	}
+	return agent, install, conf, nil
+}
+
+func (a AgentService) mutateAgentConfig(agentID uint, fn func(agent *model.Agent, install *model.AppInstall, conf map[string]interface{}) error) error {
+	agent, install, conf, err := a.loadAgentConfig(agentID)
+	if err != nil {
+		return err
+	}
+	if err := fn(agent, install, conf); err != nil {
+		return err
+	}
+	return writeOpenclawConfigRaw(agent.ConfigPath, conf)
+}
+
 func readOpenclawConfig(configPath string) (map[string]interface{}, error) {
 	if strings.TrimSpace(configPath) == "" {
 		return nil, buserr.New("ErrRecordNotFound")
diff --git a/frontend/src/assets/images/ai-agent-copaw.svg b/frontend/src/assets/images/ai-agent-copaw.svg
new file mode 100644
index 000000000000..85f60e201ed3
--- /dev/null
+++ b/frontend/src/assets/images/ai-agent-copaw.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 175.35 235.42" xmlns="http://www.w3.org/2000/svg">
+  <path fill="#ff9d4d" d="M150.41,91.07c-7.76-7.58-16.99-13.51-27.67-17.84-10.69-4.33-22.28-6.5-34.76-6.5s-24.39,2.21-35.07,6.64c-10.69,4.43-19.95,10.48-27.81,18.13-7.86,7.68-14.01,16.58-18.44,26.77-4.44,10.16-6.66,21.11-6.66,32.8v.59c0,11.71,2.21,22.63,6.66,32.82,4.43,10.16,10.53,19.04,18.29,26.6,7.75,7.55,16.98,13.51,27.65,17.84,10.69,4.33,22.28,6.5,34.78,6.5s24.38-2.21,35.06-6.64c10.69-4.43,19.95-10.48,27.81-18.13,7.86-7.68,14.01-16.58,18.45-26.77,4.43-10.16,6.64-21.11,6.64-32.8v-.62c0-11.69-2.21-22.61-6.64-32.8-4.44-10.19-10.54-19.04-18.29-26.6ZM130,151.67c0,6.05-.96,11.76-2.88,17.1s-4.69,10.01-8.3,14.05c-3.63,4.03-8.02,7.21-13.15,9.52-5.14,2.31-11.05,3.47-17.69,3.47s-12.25-1.21-17.38-3.62c-5.14-2.41-9.63-5.68-13.46-9.82s-6.75-8.88-8.77-14.22c-2.02-5.34-3.01-11.02-3.01-17.07v-.62c0-6.03.95-11.74,2.87-17.07,1.92-5.34,4.69-10.01,8.32-14.05s8.01-7.21,13.15-9.52c5.14-2.34,11.03-3.49,17.69-3.49,6.24,0,11.98,1.21,17.22,3.64,5.24,2.41,9.78,5.68,13.61,9.82,3.83,4.13,6.75,8.88,8.77,14.22,2.02,5.34,3.03,11.02,3.03,17.07v.59Z" />
+  <path fill="#ff9d4d" d="M71.01,38.34c2.06,2.01,4.51,3.59,7.35,4.74,2.84,1.15,5.92,1.73,9.24,1.73s6.48-.59,9.31-1.76c2.84-1.18,5.3-2.78,7.39-4.82,2.09-2.04,3.72-4.41,4.9-7.11,1.18-2.7,1.76-5.61,1.76-8.71v-.16c0-3.1-.59-6.01-1.76-8.71-1.18-2.71-2.8-5.06-4.86-7.07-2.06-2.01-4.51-3.59-7.35-4.74-2.84-1.15-5.92-1.73-9.24-1.73s-6.48.59-9.32,1.76c-2.84,1.18-5.3,2.78-7.39,4.82-2.09,2.04-3.72,4.4-4.9,7.11-1.18,2.7-1.77,5.61-1.77,8.71v.16c0,3.11.59,6.01,1.77,8.72,1.18,2.7,2.8,5.06,4.86,7.06Z" />
+  <path fill="#ff9d4d" d="M14.35,54.93c2.06,2.01,4.51,3.59,7.35,4.74,2.84,1.15,5.92,1.73,9.24,1.73s6.48-.59,9.31-1.77c2.84-1.18,5.3-2.78,7.39-4.82,2.09-2.04,3.72-4.4,4.9-7.11,1.18-2.7,1.77-5.61,1.77-8.71v-.16c0-3.1-.59-6-1.77-8.71-1.18-2.71-2.8-5.06-4.86-7.06-2.06-2.01-4.51-3.59-7.35-4.74-2.84-1.15-5.92-1.73-9.24-1.73s-6.48.59-9.32,1.77c-2.84,1.18-5.3,2.78-7.39,4.82-2.09,2.04-3.72,4.41-4.9,7.11-1.18,2.7-1.77,5.61-1.77,8.71v.16c0,3.11.59,6.01,1.77,8.72,1.18,2.7,2.8,5.06,4.86,7.07Z" />
+  <path fill="#ff9d4d" d="M127.67,54.93c2.06,2.01,4.51,3.59,7.35,4.74,2.84,1.15,5.92,1.73,9.24,1.73s6.48-.59,9.31-1.77c2.84-1.18,5.3-2.78,7.39-4.82,2.09-2.04,3.72-4.4,4.9-7.11,1.18-2.7,1.76-5.61,1.76-8.71v-.16c0-3.1-.59-6-1.76-8.71-1.18-2.71-2.8-5.06-4.86-7.06-2.06-2.01-4.51-3.59-7.35-4.74-2.84-1.15-5.92-1.73-9.23-1.73s-6.48.59-9.32,1.77c-2.84,1.18-5.3,2.78-7.39,4.82-2.09,2.04-3.72,4.41-4.9,7.11-1.18,2.7-1.77,5.61-1.77,8.71v.16c0,3.11.59,6.01,1.77,8.72,1.18,2.7,2.8,5.06,4.86,7.07Z" />
+</svg>
diff --git a/frontend/src/assets/images/ai-agent-openclaw.svg b/frontend/src/assets/images/ai-agent-openclaw.svg
new file mode 100644
index 000000000000..95c941eef7d3
--- /dev/null
+++ b/frontend/src/assets/images/ai-agent-openclaw.svg
@@ -0,0 +1,17 @@
+<svg viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="openclaw-gradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#ff4d4d" />
+      <stop offset="100%" stop-color="#991b1b" />
+    </linearGradient>
+  </defs>
+  <path d="M60 10C30 10 15 35 15 55C15 75 30 95 45 100L45 110L55 110L55 100C55 100 60 102 65 100L65 110L75 110L75 100C90 95 105 75 105 55C105 35 90 10 60 10Z" fill="url(#openclaw-gradient)" />
+  <path d="M20 45C5 40 0 50 5 60C10 70 20 65 25 55C28 48 25 45 20 45Z" fill="url(#openclaw-gradient)" />
+  <path d="M100 45C115 40 120 50 115 60C110 70 100 65 95 55C92 48 95 45 100 45Z" fill="url(#openclaw-gradient)" />
+  <path d="M45 15Q35 5 30 8" stroke="#ff4d4d" stroke-width="3" stroke-linecap="round" />
+  <path d="M75 15Q85 5 90 8" stroke="#ff4d4d" stroke-width="3" stroke-linecap="round" />
+  <circle cx="45" cy="35" r="6" fill="#050810" />
+  <circle cx="75" cy="35" r="6" fill="#050810" />
+  <circle cx="46" cy="34" r="2.5" fill="#00e5cc" />
+  <circle cx="76" cy="34" r="2.5" fill="#00e5cc" />
+</svg>
diff --git a/frontend/src/views/ai/agents/agent/index.vue b/frontend/src/views/ai/agents/agent/index.vue
index 5ca85ff766e5..92b46988b4cb 100644
--- a/frontend/src/views/ai/agents/agent/index.vue
+++ b/frontend/src/views/ai/agents/agent/index.vue
@@ -21,17 +21,22 @@
                         prop="name"
                         min-width="120"
                     />
-                    <el-table-column
-                        :label="`${$t('aiTools.agents.agents')}${$t('commons.table.type')}`"
-                        prop="agentType"
-                        min-width="120"
-                    >
+                    <el-table-column :label="$t('commons.table.type')" prop="agentType" min-width="120">
                         <template #default="{ row }">
-                            {{
-                                row.agentType === 'copaw'
-                                    ? $t('aiTools.agents.copawType')
-                                    : $t('aiTools.agents.openclawType')
-                            }}
+                            <div class="agent-type-cell">
+                                <img
+                                    class="agent-type-icon"
+                                    :src="row.agentType === 'copaw' ? copawIcon : openclawIcon"
+                                    :alt="row.agentType === 'copaw' ? 'CoPaw' : 'OpenClaw'"
+                                />
+                                <span>
+                                    {{
+                                        row.agentType === 'copaw'
+                                            ? $t('aiTools.agents.copawType')
+                                            : $t('aiTools.agents.openclawType')
+                                    }}
+                                </span>
+                            </div>
                         </template>
                     </el-table-column>
                     <el-table-column :label="$t('commons.table.status')" prop="status" width="120">
@@ -150,6 +155,8 @@ import DockerStatus from '@/views/container/docker-status/index.vue';
 import { getAgentProviderDisplayName } from '@/utils/agent';
 import { routerToFileWithPath } from '@/utils/router';
 import NoApp from '@/views/app-store/apps/no-app/index.vue';
+import openclawIcon from '@/assets/images/ai-agent-openclaw.svg';
+import copawIcon from '@/assets/images/ai-agent-copaw.svg';
 
 const items = ref<AI.AgentItem[]>([]);
 const loading = ref(false);
@@ -372,4 +379,17 @@ onMounted(async () => {
     align-items: center;
     gap: 4px;
 }
+
+.agent-type-cell {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+}
+
+.agent-type-icon {
+    width: 16px;
+    height: 16px;
+    flex: 0 0 16px;
+    object-fit: contain;
+}
 </style>