diff --git a/dap-gateway/src/main/resources/static/index.html b/dap-gateway/src/main/resources/static/index.html
index 7313ef16..152003bf 100644
--- a/dap-gateway/src/main/resources/static/index.html
+++ b/dap-gateway/src/main/resources/static/index.html
@@ -100,6 +100,7 @@
                     <a href="/admin/scaffold.html" class="text-zinc-400 hover:text-white transition-colors">Scaffold</a>
                     <a href="/catalog.html" class="text-zinc-400 hover:text-white transition-colors">Catalog</a>
                     <a href="/playground.html" class="text-zinc-400 hover:text-white transition-colors">Playground</a>
+                    <a href="/chat.html" class="text-zinc-400 hover:text-white transition-colors">Chat</a>
                 </nav>
             </div>
             <div class="flex items-center">
@@ -121,7 +122,7 @@
             </p>
         </div>
 
-        <div class="grid grid-cols-1 md:grid-cols-3 gap-6 w-full max-w-5xl">
+        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 w-full max-w-6xl">
             <!-- Scaffold Card -->
             <a href="/admin/scaffold.html" class="card-panel p-8 group block">
                 <div class="w-12 h-12 icon-box rounded-xl flex items-center justify-center mb-6 text-zinc-300">
@@ -163,6 +164,20 @@
                     Enter Playground <svg class="w-3 h-3 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path></svg>
                 </div>
             </a>
+
+            <!-- Chat Card -->
+            <a href="/chat.html" class="card-panel p-8 group block">
+                <div class="w-12 h-12 icon-box rounded-xl flex items-center justify-center mb-6 text-zinc-300">
+                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z"></path></svg>
+                </div>
+                <h2 class="text-lg font-semibold text-zinc-100 mb-3">AI Assistant</h2>
+                <p class="text-[13px] text-zinc-400 leading-relaxed">
+                    Interact with the MCP tool ecosystem through a natural language interface. Test your LLM routing logic in a premium chat UI.
+                </p>
+                <div class="mt-6 flex items-center text-[12px] font-semibold text-zinc-300 group-hover:text-blue-400 group-hover:translate-x-1 transition-all">
+                    Start Chatting <svg class="w-3 h-3 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path></svg>
+                </div>
+            </a>
         </div>
     </main>
 </body>