From 5b82b51b17a3269694d026e21506ef59d7155bef Mon Sep 17 00:00:00 2001
From: tinkle-community <tinklefund@gmail.com>
Date: Wed, 11 Mar 2026 16:49:38 +0800
Subject: [PATCH] feat: add claw402.ai link to Claw402 UI elements in model
 config page

---
 web/src/components/AITradersPage.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/web/src/components/AITradersPage.tsx b/web/src/components/AITradersPage.tsx
index 422f88d1..43e6fed4 100644
--- a/web/src/components/AITradersPage.tsx
+++ b/web/src/components/AITradersPage.tsx
@@ -1683,6 +1683,7 @@ export function ModelConfigModal({
                       <div>
                         <div className="font-bold text-base" style={{ color: '#EAECEF' }}>
                           Claw402
+                          <a href="https://claw402.ai" target="_blank" rel="noopener noreferrer" onClick={(e) => e.stopPropagation()} className="ml-1.5 text-[10px] font-normal px-1.5 py-0.5 rounded" style={{ color: '#60A5FA', background: 'rgba(96, 165, 250, 0.1)' }}>↗ claw402.ai</a>
                         </div>
                         <div className="text-xs mt-0.5" style={{ color: '#A0AEC0' }}>
                           {language === 'zh'
@@ -1755,9 +1756,9 @@ export function ModelConfigModal({
                 <div className="w-14 h-14 mx-auto rounded-2xl flex items-center justify-center mb-3 overflow-hidden">
                   <img src="/icons/claw402.png" alt="Claw402" width={56} height={56} />
                 </div>
-                <div className="text-lg font-bold" style={{ color: '#EAECEF' }}>
-                  Claw402
-                </div>
+                <a href="https://claw402.ai" target="_blank" rel="noopener noreferrer" className="text-lg font-bold inline-flex items-center gap-1.5 hover:underline" style={{ color: '#EAECEF' }}>
+                  Claw402 <span className="text-xs font-normal" style={{ color: '#60A5FA' }}>↗</span>
+                </a>
                 <div className="text-sm mt-1" style={{ color: '#A0AEC0' }}>
                   {language === 'zh'
                     ? '用 USDC 按次付费，支持所有主流 AI 模型'