Merge PR #366 and wire up Team Huddle CTA

frontend/src/components/MainDashboard/components/TeamHuddleWidget.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { useNavigate } from 'react-router-dom';
 import {
   Box,
   Paper,
@@ -103,6 +104,7 @@ const normalizeStatus = (status: string): AgentCard['status'] => {
 };
 
 const TeamHuddleWidget: React.FC = () => {
+  const navigate = useNavigate();
   const [agents, setAgents] = React.useState<AgentCard[]>([]);
   const [loading, setLoading] = React.useState(true);
   const [error, setError] = React.useState<string | null>(null);
@@ -337,7 +339,21 @@ const TeamHuddleWidget: React.FC = () => {
       )}
 
       <Box mt={2} pt={2} borderTop="1px solid #eee" display="flex" justifyContent="center">
-        <Typography variant="caption" color="primary" sx={{ fontWeight: 600, cursor: 'pointer', '&:hover': { textDecoration: 'underline' } }}>
+        <Typography
+          component="button"
+          type="button"
+          variant="caption"
+          color="primary"
+          onClick={() => navigate('/team-activity')}
+          sx={{
+            border: 0,
+            bgcolor: 'transparent',
+            p: 0,
+            fontWeight: 600,
+            cursor: 'pointer',
+            '&:hover': { textDecoration: 'underline' }
+          }}
+        >
           View Full Team Activity
         </Typography>
       </Box>