diff --git a/frontend/src/features/agents/components/AgentDrillDown.js b/frontend/src/features/agents/components/AgentDrillDown.js
index 62be952..61c96a8 100644
--- a/frontend/src/features/agents/components/AgentDrillDown.js
+++ b/frontend/src/features/agents/components/AgentDrillDown.js
@@ -616,9 +616,43 @@
                                                                 <div className="flex flex-col gap-1 mt-1">
                                                                     <div className="flex items-center gap-2">
                                                                         <span className="text-gray-400">URL:</span>
-                                                                        <code className="bg-gray-100 dark:bg-gray-800 px-2 py-0.5 rounded text-[11px] text-indigo-500 break-all">
-                                                                            {`${window.location.origin}/api/v1/agents/${agentId}/webhook?token=${t.webhook_secret}`}
-                                                                        </code>
+                                                                        <div className="relative group">
+                                                                            <code className="bg-gray-100 dark:bg-gray-800 px-2 py-0.5 rounded text-[11px] text-indigo-500 break-all cursor-help border border-transparent group-hover:border-indigo-400/50 transition-all">
+                                                                                {`${window.location.host.includes('localhost') ? 'http://' : 'https://'}${window.location.host}/api/v1/agents/${agentId}/webhook?token=${t.webhook_secret}`}
+                                                                            </code>
+                                                                            {/* Payload Tooltip */}
+                                                                            <div className="invisible group-hover:visible absolute z-50 left-0 bottom-full mb-3 w-80 p-4 bg-gray-900 border border-indigo-500/30 text-indigo-100 rounded-xl shadow-2xl backdrop-blur-md animate-in fade-in zoom-in duration-200">
+                                                                                <div className="flex items-center gap-2 mb-2 text-indigo-400">
+                                                                                    <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
+                                                                                    <span className="text-[11px] font-bold uppercase tracking-wider">Interface Documentation</span>
+                                                                                </div>
+                                                                                
+                                                                                <div className="space-y-3">
+                                                                                    <div>
+                                                                                        <span className="block text-[10px] text-gray-400 uppercase font-bold mb-1 tracking-tighter">Payload Structure</span>
+                                                                                        <pre className="bg-black/40 p-2 rounded-lg text-[10px] font-mono border border-white/5 text-pink-400 overflow-x-auto">
+                                                                                            {JSON.stringify({ "prompt": "...custom prompt here..." }, null, 2)}
+                                                                                        </pre>
+                                                                                    </div>
+                                                                                    
+                                                                                    <div>
+                                                                                        <span className="block text-[10px] text-gray-400 uppercase font-bold mb-1 tracking-tighter">CURL Example</span>
+                                                                                        <div className="bg-black/60 p-2 rounded-lg text-[9px] font-mono break-all text-gray-300 border border-white/5 selection:bg-indigo-500/30">
+                                                                                            curl -X POST "{`${window.location.host.includes('localhost') ? 'http://' : 'https://'}${window.location.host}/api/v1/agents/${agentId}/webhook?token=${t.webhook_secret}`}" \<br/>
+                                                                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-H "Content-Type: application/json" \<br/>
+                                                                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-d '{JSON.stringify({ "prompt": "Analyze the log files" })}'
+                                                                                        </div>
+                                                                                    </div>
+                                                                                </div>
+                                                                                
+                                                                                <div className="mt-3 pt-2 border-t border-white/10 text-[9px] text-gray-500 italic">
+                                                                                    🔒 External systems like GitHub can trigger this by sending their own event JSON.
+                                                                                </div>
+                                                                                
+                                                                                {/* Tooltip Arrow */}
+                                                                                <div className="absolute top-full left-4 border-8 border-transparent border-t-gray-900"></div>
+                                                                            </div>
+                                                                        </div>
                                                                         <button 
                                                                             onClick={() => {
                                                                                 navigator.clipboard.writeText(`${window.location.origin}/api/v1/agents/${agentId}/webhook?token=${t.webhook_secret}`);