diff --git a/frontend/src/features/agents/components/drilldown/ChatTracker.js b/frontend/src/features/agents/components/drilldown/ChatTracker.js
index 2885ad0..217baf1 100644
--- a/frontend/src/features/agents/components/drilldown/ChatTracker.js
+++ b/frontend/src/features/agents/components/drilldown/ChatTracker.js
@@ -56,11 +56,11 @@
                  )}
 
                 <ChatWindow 
-                    messages={chatHistory} 
-                    agentStatus={agent?.status || 'idle'}
-                    evaluationStatus={agent?.evaluation_status}
-                    qualityScore={agent?.latest_quality_score}
-                    currentAction={currentAction?.display}
+                    chatHistory={chatHistory} 
+                    evaluationMetadata={{
+                        status: agent?.evaluation_status,
+                        score: agent?.latest_quality_score
+                    }}
                 />
 
                 {/* Tracking HUD Overlay */}
diff --git a/frontend/src/features/agents/components/drilldown/ConfigPanel.js b/frontend/src/features/agents/components/drilldown/ConfigPanel.js
index 0dfa678..64914db 100644
--- a/frontend/src/features/agents/components/drilldown/ConfigPanel.js
+++ b/frontend/src/features/agents/components/drilldown/ConfigPanel.js
@@ -109,7 +109,7 @@
                                     className="w-full bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl px-4 py-2 text-sm"
                                 >
                                     <option value="hub">Local Hub (Default)</option>
-                                    {nodes.map(n => <option key={n.id} value={n.id}>{n.name} ({n.id})</option>)}
+                                    {nodes.map(n => <option key={n.node_id} value={n.node_id}>{n.display_name} ({n.node_id})</option>)}
                                 </select>
                             </div>
                         </div>
@@ -194,7 +194,7 @@
                                 <div className="flex items-center gap-2">
                                      {t.trigger_type === 'webhook' ? (
                                         <button 
-                                            onClick={() => handleFireWebhook(t.webhook_token, t.default_prompt)}
+                                            onClick={() => handleFireWebhook(t.webhook_secret, t.default_prompt)}
                                             className="p-2 text-indigo-500 hover:bg-indigo-50 dark:hover:bg-indigo-500/10 rounded-lg transition-colors"
                                             title="Test Webhook"
                                         >
diff --git a/frontend/src/features/agents/components/drilldown/EvaluationPanel.js b/frontend/src/features/agents/components/drilldown/EvaluationPanel.js
index 3847b5b..2266620 100644
--- a/frontend/src/features/agents/components/drilldown/EvaluationPanel.js
+++ b/frontend/src/features/agents/components/drilldown/EvaluationPanel.js
@@ -108,9 +108,9 @@
                 </div>
             </div>
 
-            <div className="grid grid-cols-1 lg:grid-cols-2 gap-6 flex-grow min-h-0">
+            <div className="grid grid-cols-1 lg:grid-cols-2 gap-6 min-h-[400px]">
                 {/* Evaluation Strategy (Rubric) */}
-                <div className="flex flex-col bg-white dark:bg-gray-800/20 border border-gray-200 dark:border-white/5 rounded-2xl overflow-hidden shadow-sm transition-all hover:border-gray-300 dark:hover:border-white/10">
+                <div className="flex flex-col min-h-[300px] bg-white dark:bg-gray-800/20 border border-gray-200 dark:border-white/5 rounded-2xl overflow-hidden shadow-sm transition-all hover:border-gray-300 dark:hover:border-white/10">
                     <div className="px-5 py-3 border-b border-gray-100 dark:border-white/5 bg-gray-50/50 dark:bg-black/20 flex justify-between items-center shrink-0">
                         <span className="text-[10px] uppercase tracking-widest font-black text-gray-500 flex items-center gap-2">
                             <svg className="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={3} d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" /></svg>
@@ -124,7 +124,7 @@
                 </div>
 
                 {/* Live feedback loop (Feedback) */}
-                <div className="flex flex-col bg-white dark:bg-indigo-500/5 border border-indigo-200 dark:border-indigo-500/20 rounded-2xl overflow-hidden shadow-indigo-500/5 shadow-2xl transition-all hover:border-indigo-500/40">
+                <div className="flex flex-col min-h-[300px] bg-white dark:bg-indigo-500/5 border border-indigo-200 dark:border-indigo-500/20 rounded-2xl overflow-hidden shadow-indigo-500/5 shadow-2xl transition-all hover:border-indigo-500/40">
                     <div className="px-5 py-3 border-b border-indigo-100 dark:border-indigo-500/20 bg-indigo-50/50 dark:bg-indigo-500/10 flex justify-between items-center shrink-0">
                         <span className="text-[10px] uppercase tracking-[0.2em] font-black text-indigo-600 dark:text-indigo-400 flex items-center gap-2">
                             <div className="w-2 h-2 bg-indigo-500 rounded-full animate-pulse shadow-[0_0_10px_rgba(99,102,241,0.8)]"></div>
diff --git a/frontend/src/features/agents/components/drilldown/MetricsPanel.js b/frontend/src/features/agents/components/drilldown/MetricsPanel.js
index 81fac56..4615d60 100644
--- a/frontend/src/features/agents/components/drilldown/MetricsPanel.js
+++ b/frontend/src/features/agents/components/drilldown/MetricsPanel.js
@@ -26,7 +26,7 @@
 
             <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                  {/* Runtime / Health Card */}
-                 <div className="group bg-white dark:bg-gray-800 rounded-3xl p-6 shadow-sm border border-gray-200 dark:border-gray-700/50 hover:shadow-xl transition-all duration-300">
+                 <div className="group min-h-[180px] bg-white dark:bg-gray-800 rounded-3xl p-6 shadow-sm border border-gray-200 dark:border-gray-700/50 hover:shadow-xl transition-all duration-300">
                     <div className="flex justify-between items-start mb-4">
                         <div className="p-3 bg-emerald-500/10 rounded-2xl">
                              <svg className="w-5 h-5 text-emerald-500" fill="none" viewBox="0 0 24 24" stroke="currentColor font-bold"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 10V3L4 14h7v7l9-11h-7z" /></svg>
@@ -67,7 +67,7 @@
                  </div>
 
                  {/* Precision / Score Card */}
-                 <div className="bg-white dark:bg-gray-800 rounded-3xl p-6 shadow-sm border border-gray-200 dark:border-gray-700/50">
+                 <div className="min-h-[180px] bg-white dark:bg-gray-800 rounded-3xl p-6 shadow-sm border border-gray-200 dark:border-gray-700/50">
                     <div className="flex justify-between items-start mb-4">
                         <div className="p-3 bg-amber-500/10 rounded-2xl">
                              <svg className="w-5 h-5 text-amber-500" fill="none" viewBox="0 0 24 24" stroke="currentColor font-bold"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" /></svg>
@@ -82,7 +82,7 @@
                  </div>
 
                  {/* Resource / Tokens Card */}
-                 <div className="bg-white dark:bg-gray-800 rounded-3xl p-6 shadow-sm border border-gray-200 dark:border-gray-700/50 hover:shadow-xl transition-all duration-300">
+                 <div className="min-h-[180px] bg-white dark:bg-gray-800 rounded-3xl p-6 shadow-sm border border-gray-200 dark:border-gray-700/50 hover:shadow-xl transition-all duration-300">
                     <div className="flex justify-between items-start mb-4">
                         <div className="p-3 bg-indigo-500/10 rounded-2xl">
                              <svg className="w-5 h-5 text-indigo-500" fill="none" viewBox="0 0 24 24" stroke="currentColor font-bold"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
diff --git a/frontend/src/features/chat/components/ChatWindow.js b/frontend/src/features/chat/components/ChatWindow.js
index a7c194a..a20fe20 100644
--- a/frontend/src/features/chat/components/ChatWindow.js
+++ b/frontend/src/features/chat/components/ChatWindow.js
@@ -315,7 +315,9 @@
 };
 
 // Main ChatWindow component with dynamic height calculation
-const ChatWindow = ({ chatHistory, maxHeight, onSynthesize, featureName, isStreamingPlaying, onAudioPlay, autoCollapse = false, evaluationMetadata }) => {
+const ChatWindow = ({ messages, chatHistory, maxHeight, onSynthesize, featureName, isStreamingPlaying, onAudioPlay, autoCollapse = false, evaluationMetadata }) => {
+  const history = chatHistory || messages || [];
+
   const containerRef = useRef(null);
   const [activePlayingId, setActivePlayingId] = useState(null);
   const [expandedIndices, setExpandedIndices] = useState({});
@@ -361,7 +363,7 @@
              }
         });
     }
-  }, [chatHistory, evaluationMetadata]);
+  }, [history, evaluationMetadata]);
 
   return (
     <div
@@ -370,11 +372,11 @@
       className="px-4 md:px-6 py-6 space-y-6 bg-transparent chat-history-container min-h-full"
     >
       {(() => {
-        const lastAssistantIndex = chatHistory.slice().reverse().findIndex(m => m.sender === 'assistant' || m.sender === 'assistant'); // Logic for assistant
-        const actualLastAssistantIndex = lastAssistantIndex !== -1 ? chatHistory.length - 1 - lastAssistantIndex : -1;
+        const lastAssistantIndex = history.slice().reverse().findIndex(m => m.sender === 'assistant' || m.sender === 'assistant'); // Logic for assistant
+        const actualLastAssistantIndex = lastAssistantIndex !== -1 ? history.length - 1 - lastAssistantIndex : -1;
 
-        return chatHistory.map((message, index) => {
-          const isLastMessage = index === chatHistory.length - 1;
+        return history.map((message, index) => {
+          const isLastMessage = index === history.length - 1;
           const isLastAssistantMessage = index === actualLastAssistantIndex;
           const isSystemLog = message.sender === "system" && (message.text?.includes("Co-Worker") || message.text?.includes("Attempt"));
           const shouldCollapse = (autoCollapse && !isLastMessage && !message.isUser && !expandedIndices[index]) || (isSystemLog && !expandedIndices[index]);